フィッツの法則と、UXにおけるその応用
ターゲットまでの移動時間は、ターゲットの大きさとターゲットまでの距離に依存する。 Fitts's Law and Its Applications in UX by Raluca Budiu on July 31, 2022 日本語版2023年1月10日公開 歴史 ポール・フィッツは、ヒューマンエラーが単なる人間による誤りではなく、不適切なデザインに起因することを理解した最初の心理学者の1人である。彼は第二次世界大戦中に飛行機のコックピットのデザインを研究し、ヒューマンエラーが原因であるとされていた多数の戦死が、実際にはデザインの不適切さによるものであると主張した。 1950年代になると、彼はシャノンの有名な情報理論の影響を受ける。そして、ジョージ・ミラーがチャネル容量の概念を人間の記憶に適用し、その過程で人間の短期記憶の情報処理能力として有名なマジカルナンバー7を導き出したように、フィッ
応答性を示す新しい指標「INP」 | フロントエンドBlog | ミツエーリンクス
ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性（ページがユーザー入力に応答する速度）がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観的な指標に基づいて正確かつ定量的に測定し、そこから課題を見つけて解決することが必要になります。 GoogleはChrome User Experience Reportに新しく応答性指標INPを導入しました。 INPとは INP（Interaction to Next Paint）は、ページの読み込みを開始してからユーザーがページを離れるまでの間に発生するユーザー入力の応答性（インタラクション）を評価する測定基準で、遅延時間を計測します。 計測対象のインタラクションは、以下となります。 ユーザー入
「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
新・えきねっとは誰のためのシステムなのか？｜長沢めい
結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」
OIDC CIBAで作る「スマートフォンでログイン」機能 - r-weblife
こんばんは、ritouです。 今日は OpenID Connect Client Initiated Backchannel Authentication Flow 通称CIBA のユースケースについて書きます。 CIBA は決済や送金のためのもの？ 自分の記事でも、CIBAのユースケースとしてコンビニ決済への導入例を挙げてみたりしました。 そして、CIBAにやたらと詳しい某Authlete社の記事を見ても、送金とか決済などで使えそうな話がプンプンします。 www.authlete.com www.authlete.com お金周りはUX改善のメリットとして伝え安いですし、クレカ決済のDecoupled AuthNの実例もあります。 CIBAもFAPIとの絡みがあるのでこの辺りを例示しがちではありますが、今回はそんな流れに逆張りとばかりにシンプルなユースケースに注目します。 「スマートフォ
リーンキャンバス（Lean Canvas）を活用した企画書の書き方【テンプレート付】 - 株式会社モンスターラボ
リーンキャンバス（Lean Canvas）は、「Runnnig Lean」の著者として知られるアッシュ・マウリャ氏が提唱するビジネスモデルを9つの要素に分けて考えるフレームワークで、スタートアップのビジネスモデルを可視化する際に最適な手法です。 本記事では、新規アプリの企画書作成を例にリーンキャンバスの作成術を紹介。ビジネスを成功させるために、ぜひ活用してみてください。 ➡︎【無料ダウンロード】リーンキャンバステンプレート ★あなたの組織のデータ利活用レベルは？簡単診断はこちら
サービスをデザインする際に重要な「7つの大罪」とは デザイン会社 ビートラックス: ブログ
ヒットしているサービスには共通する「秘密」があるサービス例とそれぞれの秘密を紹介ユーザーの心をくすぐるデザインのコツキーワードは「探索」「学習」「表現」「承認」「7つの大罪」という言葉を聞いたことがあるだろうか？ キリスト教において罪の根源とされる7種類の悪しき感情、欲望などを指す語のことを指す。いくつかの説やバリエーションがあるが、下記の7つが現在一般的に広く知られており、映画の「Se7en」でも採用されているリストは以下だ。 憤怒 (Wrath)強欲 (Greed)傲慢 (Pride/Ego)嫉妬 (Envy)怠惰 (Sloth/Laughter)暴食 (Gluttony)色欲 (Lust)シリコンバレーでは常識とされる成功法則これらが実はプロダクトやサービス、すなわちビジネスをデザインする際に重要なヒントになる。日本ではまだあまり知られていないかもしれないが、シリコンバレーのスタート
UXを評価するときに検討したい６つの指標
２. レコメンデーション 満足度と同じように、レコメンデーション もUXを測定する有効な尺度です。言うまでもなく、素晴らしい体験をしたユーザーはそのプロダクトやサービスを誰かにすすめる可能性が高いでしょう。したがって、レコメンデーションの可能性を測定することが、ビジネスの世界で流行しているのも驚くべきことではありません。レコメンデーションの測定には、主にネットプロモータースコア（NPS）が使われています。 NPSは非常にシンプルな方法です。のちに述べますが、シンプル過ぎるとさえ言えるでしよう。次のような１つの質問をすることで、NPSを計算することができます。これにより、顧客がどれだけプロダクトやサービスに強い愛着をもっているかを知ることができます。 このコンセプトは非常に魅力的に見えますが、Jared Spool氏が素晴らしい記事『NPSの弊害と、それに対してUXの専門家ができること』の中
UXデザイナーが覚えておきたい８つの心理学手法
ChintanはYourUXTeamのファウンダー/チーフデザイナーです。YourUXTeamはスタートアップやソフトウェア会社、デザインファームなどと協業し、ユーザーテスト全体の設計やUXデザイン・UIデザインなどを手掛ける会社です。 この記事のタイトルを見たとき、「心理学がどうUXデザインと関係するのか？」と思った方もいるかもしれません。 今回の問いはデザイン心理学とは何か、そしてそれがなぜより良いUXに関連するのかということです。通常のデザイン心理学は規律のとれたデザインや人間の反応や行動のことです。この記事では製品またはサービスのUXに影響を与える心理的要因について説明します。また、企業が製品のパフォーマンスを向上させるためにどのように役立つかも説明します。 ユーザー体験と心理学 UXデザインと心理学は古くから親密な関係にありました（社会的、行動的、認知的な観点で）。人間の行動のほ
Webデザイン入門者向け「UI・UX」って何？UXを向上させるには？ - paiza times
上原です。 paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。 今回は、Web制作の現場でよく聞く「UIとUX」って一体何なのか、どういう関係性なのか、またUXを考えるのは誰の仕事なのか…などといった話を書きたいと思います。 デザイン初心者の方、これからデザインを学びたい方、UIとかUXってよく聞くけど何なのか実はよくわかってない方、そんなのはデザイナーが考えることだから関係ないと思っている方にとって少しでも参考になればと思います。 UIとUXの関係性について UI（User Interface）とは 人とデバイスをつなぐ役割をする機能のこと。 ＝ユーザーの操作を助ける要素。 UX（User Experience）とは プロダクトやサービスなどの利用を通じて、ユーザーが得る経験のこと。 ＝サービスを通じて得られる感覚、感情も含むすべての経験 たとえば、このpaizaのトップペ
データサイエンティストが1年でUXデザインスキルを身につけるために読んだ本｜しゃけ｜note
「 産技大人間中心デザインOB/OG Advent Calendar 2018 - Adventar 」22日目の記事です。 タイトルの通り私は元々はデータサイエンティストとしてレコメンドシステムのR＆Dやサイト改善のための分析をしていたのですが、数年前から徐々に既存のユーザ体験の枠の中でデータ分析や機械学習が適用できる場所を探すやり方ではサービスの大幅な改善には繋がらない、本気でデータをサービス改善に活かすのであればユーザ体験そのものを設計からやらなくてはいけないと考えるようになり、昨年から本格的にUXの勉強を始め、およそ１年間でUXデザイン業務をこなせるようになりました。 他のデータサイエンティストの方々で同じような意識を持たれている方が最近少しずつ増えているなと感じています。私が勉強を始めたときは周りにUXデザインに詳しい人もいなかったこともあり、出版されている本は片っ端から購入して
ディープ ラーニングを使ってモバイル端末のユーザビリティを改善する
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
複雑な乗換体験を直感的に！ 乗換案内アプリのデザイン
これらを鑑みると、 アプリの画面上では乗り入れ箇所で路線色が変わり、誤って降車するリスクがある 行き先が異なる複数の乗客に対して、駅員さんは「直通運転」であることはアナウンスできても「乗換不要」という案内はできない アプリの画面を見ているのは本人のみ、かつ目的地まで目視できるので「乗換不要」と伝える方が有益 このような経緯から、あえて「乗換不要」としています。 手法は大事、ユーザー視点はもっと大事 文言はサービス内で表現のズレが起きないよう、用語辞典を作成しています。「ルート/経路」「電車/列車/鉄道」など。ただし意味が伝わりづらい箇所では、表現のズレを許容しています。注意しなければならないのは、このようなフレームワークや手法などを優先して、ユーザー視点を見失わないようにすることです。 ワイヤとビジュアルを並行して行うことでUX品質を高める 路線情報チームのデザイナーは、ワイヤフレームとビ
メルカリが検索結果に「売れた商品」も表示するのはなぜ？ 商品検索におけるUI/UXの考え方
2019年2月26日、検索技術研究会が主催するイベント「Search Engineering Tech Talk」が開催されました。「検索」や「検索システム」にまつわる技術や手法を共有する本イベント。第1回となる今回は、3人のエンジニアが、現場の経験を通して学んだノウハウや、検索にまつわる知見を語ります。プレゼンテーション「UI／UXが無意識に検索行動に与える影響」に登壇したのは、株式会社メルカリDirector of Search Engineering の森山大朗氏。メルカリの検索結果を改善する上でわかった、情報検索と商品検索における違いを語ります。講演資料はこちら UI/UXが無意識に検索行動に与える影響について 森山大朗氏（以下、森山）：みなさんお疲れさまです。今日はメルカリにお越しいただきありがとうございます。お酒も冷蔵庫の中にいっぱい入っていますので、飲まれたい方は、とくにハ
話題の Portals を使った画面遷移 UX の未来 | ウェブボウズ
ご無沙汰しております。ウェブボウズを立ち上げて 1 年が経ちました。皆さま如何お過ごしでしょうか。私は、この 1 年間ひとつもブログポストできていません。さらには私の坊主頭（スキンヘッド）にちなんでウェブボウズという名前をつけた個人ブログでありましたが、5 年間共にしたこの Hair-less style から心機一転して 2019 年は髪を育んでいく方針を固めましたので、もはやボウズでもなくなってます。変わり続けることだけが普遍であると胸に刻んで今年も強く生きていきたいと考えております。 さて、最近 Signed HTTP Exchanges やら Performance Budget やらさまざまな面白いことに関わらせていただいて忙殺と幸せを噛み締めている中でも、Chrome Dev Summit 2019 でも大きくフィーチャーされました Portals という新しい HTML 要素
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「顧客の声を聞かない」とはどういうことか
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
戦略からUIまで伴走するUXリサーチ
コグニカル