WebAuthn/FIDOのUX徹底解説 ~実サービスへの導入イメージを添えて~ / builderscon tokyo 2019 ritou下記カンファレンスでの発表資料です。 https://builderscon.io/builderscon/tokyo/2019/session/c9da9bfb-c97c-4f93-a496-ff83b3ca61bc
デザインの名著に学ぶUIデザインに関する10のルール
Ben Shneiderman氏の『Designing the User Interface』とJakob Nielsen氏の『Ten Usability Heuristics』の著書に基づく、インタラクションデザインに関する10個の原則というものがあります。 この原則は、「ヒューリスティック」と呼ばれるもので、経験則による広範なルールであり、特定のユーザビリティに関するガイドラインではありません。 １．一貫性を重視する 同じことを意味する複数の名称や状態があることは、ユーザーにとって好ましくありません。ユーザーの混乱を招かないように、用語と動作を一致させるようにしましょう。相手の驚きを最小限にする「驚き最小の原則（The Principle of Least Surprise）」に留意することが大事です。 アプリ内のすべての要素に一貫性を持たせるようにしましょう。たとえば、同じスタイルの
女性向けサービスでコンバージョン数を爆上げさせた話 〜ネイルブックが１年間でCV数を69倍にした方法〜
2017年2月2日にヒカ☆ラボで「女ゴコロとコンバージョンのあやしい関係」としてお話したときの資料になります。 ------------------------------- 「女ゴコロフレームワーク」「デザイン負債の返し方」に続く ネイルブックのサービスを育てるフレームワーク第3弾！ 毎月100万人の女性が利用するネイルサービス「ネイルブック」。 ネイルブックチームでは、この1年間はネイルサロンのオンライン予約を増やすことに注力してきました。 1年間でオンライン予約数を69倍にするまでの試行錯誤と、 そこで得られたノウハウや女性向けサービスならではの苦労話などをお話します。 ------------------------------- 関連URL https://nailbook.jp http://spika.co.jp https://www.wantedly.com/compan
最近のWeb制作の勉強になる！Webサイトのワイヤーフレームやプロトタイプのまとめ
プロジェクトのメンバーでないとなかなか目にすることができないワイヤーフレームやプロトタイプ、他の人がどのように作っているか気になります。 最近のWebサイトやスマホアプリの制作で参考になりそうなワイヤーフレーム、フローチャート、プロトタイプを紹介します。 UXデザインのツールも、Adobe XDが先日ベータ版としてリリースされ、SketchもメジャーアップデートとなるSketch4がリリースされ、充実してきましたね。 Adobe XD Wireframe Kit for UX Designer for Adobe XD まずは年内にWindows版のリリースが予定されているAdobe XDで作成されたワイヤーフレーム用のキット。最近のWebサイトで使用されているコンポーネントが数多く収録されています。
エンジニアが人間中心設計をやってみた/engineer-challenged-hcd
ਓؒத৺ઃܭ(σβΠϯ)ͱʁ γεςϜͷ͍ํʹযΛͯɺਓֶؒϢʔβϏϦςΟͷ ࣝͱٕज़Λద༻͢Δ͜ͱʹΑΓɺΠϯλϥΫςΟϒγεςϜΛ ΑΓ͍͘͢͢Δ͜ͱΛతͱ͢ΔγεςϜͷઃܭͱ։ൃͷ Ξϓϩʔν ISO 9241-210 ϢʔβϏϦςΟͱʁ ͋Δ͕ɺࢦఆ͞Εͨར༻ऀʹΑͬͯɺࢦఆ͞Εͨར༻ͷঢ়گԼͰɺ ࢦఆ͞ΕͨతΛୡ͢ΔͨΊʹ༻͍ΒΕΔࡍͷɺ༗ޮ͞ɺޮٴͼར༻ऀͷຬ߹͍ɻ • ༗ޮ͞ Ϣʔβʔ͕ɺࢦఆ͞ΕͨඪΛୡ͢Δ্Ͱͷਖ਼֬͞ͱશ͞ • ޮੑ Ϣʔβʔ͕ɺඪΛୡ͢Δࡍʹਖ਼֬͞ͱؓ੩͞ʹඅͨ͠ࢿݯ • ຬ ෆշͷͳ͍͜ͱɺٴͼ༻ʹରͯ͠ͷߠఆతͳଶ ISO 9241-11
ITエンジニアがUI/UXを確実に学べるコンテンツ11選 - paiza開発日誌
Photo by Dan Zen こんにちは。谷口がお送りします。 ここ数年、Webサービスの開発において「UI」「UX」という言葉がよく聞かれるようになりました。 「UI」とはUser Interfaceの略で、簡単に言ってしまうと、パソコンやスマートフォン等を操作する際のの画面表示やメニューに表示される言葉など、情報の表示様式や操作感のことです。 対して「UX」は、User Experienceの略です。UXは、ある製品やサービスを利用したり、消費した時に得られる体験全般のことを指し、個別の機能や使いやすさだけでなく、ユーザーが製品やサービスを利用したときに得られる利用体験、満足感の向上を目指すのがUXデザインになります。 ※UXとはISO 9241-210[2]において「製品、システム、サービスを使用した、および／または、使用を予期したことに起因する人の知覚（認知）や反応」と定義され
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014
［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014 Googleは6月26日（現地時間25日）、米サンフランシスコでイベント「Google I/O 2014」を開催。次期Androidの「L」とともに、今後Googleがあらゆるデバイスとスクリーンに適用する新しいUXの体系「Material Design」を発表しました。 基調講演では次期Androidの「L」が今日からデベロッパープレビューとして公開されると発表。AndroidのOSにはアルファベット順のコード名が付いており、次期AndroidはLから始まりますが、まだコード名はついていません。 Lでは、Androidのユーザー体験を最初から考え直した新しいUXの体系「Material Design」を採用。基調講演で行われた「Materia
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
