はてなブックマーク

パララックススクロール効果は視覚的なおもしろさを付加するものだが、コンテンツの読み込みが遅い、読みにくい、といったユーザビリティ問題を引き起こすことがよくある。コストに見合うだけのメリットがあるのか、よく考えよう。 What Parallax Lacks by Katie Sherwin on January 20, 2019 日本語版2022年10月18日公開 数年前、私は同僚と、Webデザインのアワードを受賞し、デザイナーフォーラムで賞賛されていた新しいデザイントレンドを思い切ってテストしてみた。そのトレンドとはパララックススクロールだ。テストで我々はこのトレンドに良い印象を受けなかった。さらに重要なのは、ユーザーも我々と同じだったことだ（理由は以下で解説する）。数年後、このパララックススクロールというトレンドは徐々に廃れていったが、それはおそらく、アーリーアダプターも、ユーザーエクス

組織が他のすべてを犠牲にして指標の最適化を行うと、自らを指標不正の危険にさらすことになる。そして、最終的には、Facebookのスキャンダルが示すように、ユーザーを裏切り、ビジネス目標を達成できなくなる恐れがある。 Campbell’s Law: The Dark Side of Metric Fixation by Page Laubheimer and Kate Moran on November 7, 2021 日本語版2022年5月17日公開 ビジネスで最も誤って引用される言葉の1つに、「測定できないものは管理できない」というものがある。この言葉（およびその言い換え）は、何かを改善するためには、それをとらえる正確な指標が1つ必要であり、改善のための努力が効果的かどうかを知るためにその指標を追跡する必要がある、という意味であることが多い。 興味深いのは、この「引用」が実際には元の言葉

どこから始めるか、あるいはまず何に最初に焦点を合わせるとよいのかを決める際は、これらの主なUX手法から選ぶといいだろう。時間の制約やシステムの成熟度、製品やサービスの種類、現在の最大の懸念事項によって、他の手法より適切な手法もある。製品サイクルごとに異なる手法を用いたり、交互に用いたりするとよい。手法によって目指す目標も知見の種類も違うからだ。以下のグラフは、UX関連のキャリアに関するアンケート調査で、UX実践者がこれらの手法をどのくらいの頻度で利用しているかについての回答内容である。 UXキャリア調査レポート（無料）による、UXの専門家が最もよく利用する手法。パーセンテージは、その手法を少なくとも1～2年に一度は利用していると答えた回答者の割合を示している。 UXに関する活動を1つしか実施できず、既存のシステムの改善を目指す場合は、（思考発話法を用いる）定性的なユーザビリティテストを実施

無限ローディングや「さらに表示」ボタンを採用することで、商品の読み込み時にスムーズなインタラクションを提供することができる。 Alternatives to Pagination on Product-Listing Pages by Kate Moran on March 6, 2022 日本語版2022年8月4日公開 最近、従来のページネーションコントロールをやめて、インタラクションコストを少し下げることのできるデザインパターンを選択するECサイトが多くなってきた。これらのパターンを採用したほうがいいのだろうか。それは、提供している商品の数による。 従来からのページネーションでは、商品の一覧を複数のページに分割し、ページごとに一定の数の商品を配置していく。そのため、さらに商品を見るには、画面の上部または下部にある「次へ」ボタンをクリックかタップして、次のページに移動する必要がある。ペー

ユーザーインタビューでの質問方法は、収集するデータの信頼性と有用性に影響する。ここでは、インタビューの質問をより良いものにするための6つの方法を紹介する。 6 Mistakes When Crafting Interview Questions by Maria Rosala on March 6, 2022 日本語版2022年7月26日公開 ユーザーインタビューは、ユーザーの経験、背景、ニーズ、要望に関する情報を明らかにする素晴らしい方法である。とはいえ、インタビューの質問を作成するには、ある程度の配慮と注意が必要だ。アンケートには適している質問が、ユーザーインタビューにも適切であるとは限らないからだ。また、質問の構成の仕方が不適切だと、参加者が混乱したり、彼らの思考や感情、ニーズ、欲求が不正確に伝わることになり、その結果、正しくない洞察を導き出してしまう恐れもある。この記事では、インタ

UXとは、製品・サービスとのやりとりでユーザーの中で生じる主観（感覚・感情・反応など）のことです。UXデザインとは、ユーザーにとっての理想的な体験のために、製品・サービスを企画・提供することです。UXデザインには、ユーザー参加型調査によって担当者が現状のUXを認識・理解する過程が含まれています。 1. UXとは UX（ユーザーエクスペリエンス／ユーザー体験）という言葉は、多くの人・団体によってさまざまな定義・説明がなされています。標準規格における定義を言いかえると、UXとは「製品・サービスの利用中や利用の前後にユーザーの中で生じる、感覚・感情・反応など」と表すこともできます。また、UXは、「顧客体験価値」と訳されることもあります。 1.1 ユーザーエクスペリエンスの提唱者らによる定義 もともと、ユーザーエクスペリエンス（User Experience）という言葉は、1995年のドナルド・ノ

学習しやすさは、新規の複雑なインタフェースには不可欠なUXの要素だ。しかし、認知的ウォークスルーを利用すれば、新規ユーザーを失敗させるようなデザイン上の問題を特定することができる。 Evaluate Interface Learnability with Cognitive Walkthroughs by Kim Salazar on February 13, 2022 日本語版2022年7月5日公開 認知的ウォークスルーは、新規ユーザーの視点に立ってシステムの学習しやすさを評価するために用いられる手法である。ユーザーテストとは異なり、ユーザーの参加を必要としない（そのため、実施に比較的費用がかからない）。ヒューリスティック評価やエキスパートレビュー、PURE評価と同じく、高度に構造化された方法で実際にタスクを実行しながら検証し、新規ユーザーの視点からインタフェースを評価していく、さまざま

インクルーシブデザインとは、あらゆる背景や能力を持つ人々を理解し、彼らが利用することのできる製品を作り出すための方法論を指す。これは、アクセシビリティ・年齢・経済状況・地理的位置・言語・人種などに対応することが可能である。 Inclusive Design by Alita Joyce on January 30, 2022 日本語版2022年6月30日公開 インクルーシブな（訳注：あらゆる人を排除しない）製品エクスペリエンスは、ユーザーの背景や能力を深く理解することによってもたらされる。インクルーシブデザインを優先したデジタルインタフェースは、製品に対するユーザーの帰属意識を育むことでユーザーエクスペリエンスにプラスの影響を与えることができる。 インクルーシブデザインとは、あらゆる背景や能力の人々を理解し、彼らが利用することのできる製品を作リ出すための方法論を指す。インクルーシブデザイン

製品でこの3つの基本的な心理的欲求に応えることで、ユーザーのモチベーションと幸福感が高まる。その結果、デザインに対するユーザーの関心も高まり、デザインをより利用してもらえるようになるだろう。 Autonomy, Relatedness, and Competence in UX Design by Tanner Kohler on January 9, 2022 日本語版2022年6月21日公開 Nielsen Norman Groupでは、ユーザーは怠惰なのではなく、効率的であると言いたいと思っている。Webサイトやアプリの利用を含め、ユーザーが行うことはすべて、ある程度のエネルギーと集中力を必要とする。人はエネルギーや時間を無限に持っているわけではないので、自分が最もやろうと思うことだけをやることで効率を維持しているのである。しかし、ユーザーは、それをやる必要があるからやろうとすること

募集プロセスに内在するバイアスを理解し、ターゲットオーディエンスを代表する参加者を集めるために、そうしたバイアスを回避しよう。 Recruiting and Screening Candidates for User Research Projects by Therese Fessenden on November 7, 2021 日本語版2022年6月6日公開 調査参加者の募集（リクルート）は難しい作業だ。興味のある参加者を引きつけ、調査のために会う時間を決めて、その調査に来るように確認の連絡をした上で、彼らが予定された調査セッションに来ることをしっかり覚えているように願う必要がある。さらに悪いことに、せっかく来てくれた参加者が、どんなに努力する人であっても、有意義なフィードバックや知見を提供するのに必要な実生活での経験を持ちあわせておらず、調査対象としてふさわしくないこともある。最適

識者インタビューからひも解く音声アシスタント(2) 「Hey Siri、○○して」に抵抗を感じる日本人 日本人の4割は「音声アシスタントに話しかけることに抵抗を感じている」。その背景として「ハイコンテクスト文化」「話すより書く文化」などが挙げられます。また、「人並み」を期待される音声アシスタントの難しさについても考えます。 UXリサーチ事業部 三浦志保 2022年6月1日 前回に続き、音声AIに関する知見が豊富なロボットスタート株式会社中橋さんをゲストに迎え、自動車業界に詳しい株式会社イード貞平（さだひら）も交えながら、音声アシスタントをめぐる状況について考えます。2回目となる今回は、自動車の音声アシスタントの利用状況を踏まえながら「日本で音声アシスタントの利用率がなかなか上がらない理由」について考えました。 【参加者】 中橋さん　ロボットスタート株式会社　代表取締役社長貞平　株式会社イー

UXデザインプロジェクトの初期段階では、ユーザーのエクスペリエンスとニーズを深く理解するために十分な数のユーザーをリクルートする必要がある。とはいえ、インタビュー調査に必要なユーザーの数はあなた方が考えているよりも少ないことが多い。 How Many Participants for a UX Interview? by Maria Rosala on October 31, 2021 日本語版2022年5月11日公開 UXカンファレンスの1日トレーニングコースで、「ユーザーインタビュー」について教えているとよく聞かれる質問に、「何人の人にインタビューすればいいのか」というのがある。しかし、残念ながら、これには黄金率のような普遍的な答えはない。そこでこの記事ではインタビューをする人数を決めるのに役立ついくつかの要因を紹介する。 よくある誤解 UXの専門家の中には、5人のユーザーによるテスト

ユーザーの概念カテゴリーのメンタルモデルは、思っているほど厳密ではない。例外ページはより大きな親カテゴリー内に少数だけ置くことにして、不要なサブカテゴリーを作らないようにしよう。 How to Handle Category Outliers in Your IA by Page Laubheimer on October 17, 2021 日本語版2022年4月21日公開 Webサイトやアプリの情報アーキテクチャの構築に携わったことがある人なら、少し厄介な要素に遭遇したことがあるのではないかと思う。その要素とは、そこに収容されるのが自然に感じられる居場所が複数あったり（ポリヒエラルキー）、1つのカテゴリーに「ゆるく」収まっているものだ。そして、そうした状況にどのように対処するか迷って、その半端な要素のために専用のサブカテゴリーを作成するべきか、それとも「何となく」属しているカテゴリーに入

エンプティステートは、デザイナーがシステムの状態を伝え、システムの学習しやすさを高め、重要なタスクのための直接的な経路を提供する機会だ。この記事では、コンテンツが入っていないコンテナのためにエンプティステートのダイアログをデザインする際の指針を示す。 Designing Empty States in Complex Applications: 3 Guidelines by Kate Kaplan on September 19, 2021 日本語版2022年4月12日公開 ユーザーは、アプリケーションで、コンテナや画面、パネルのためのコンテンツがまだ存在しないか、表示できないという空の状態＝エンプティステートに遭遇することがある。 特に、ユーザーによる設定がまだ完全に終わっていない複雑なアプリケーションでは、オンボーディングや初期の利用時に、エンプティステートが発生することがよくある。

時代的変化によって、ユーザビリティの重要性だけを強調しすぎるのは世間の実態からずれている、というような認識が広まってきたように思われる。同時に2000年頃からUXというキーワードが流行するようになり、時代の関心はユーザビリティからUXへと遷移してきたようだ。 黒須教授 2022年4月6日 世代という視点 高齢者のユーザビリティを重視しようという視点は未だに生き残っているが、その内容についてはちょっと注意が必要だろう。たしかにユーザビリティ勃興期の1980年代は、8ビットや16ビットのパソコンやコンピュータチップを内蔵したオフィス機器や家電製品が出回り始めた時期で、1990年代になるとMicrosoft Officeも登場し、本格的にパソコン時代になった。新しいものに好奇心をいだいて、それらに手をだした若い世代の人々はすぐにそれらの機器を使いこなすようになったが、いわゆるラガードである「当時

黄金比は芸術や建築に伝統的に利用されてきたが、見た目が魅力的なインタフェースをデザインするときにも参考になるだろう。 The Golden Ratio and User-Interface Design by Kelley Gordon on October 31, 2021 日本語版2022年3月28日公開 プロポーション（訳注：ここでは、全体と部分や部分同士のバランス、の意）という考え方は、比率が基準になっているが、この考え方は何世紀にもわたって建築や芸術に利用されてきた。黄金比は、早くも紀元前500年頃にフィディアスとプラトン、そしてユークリッドによって初めて言及された。この比率は歴史を通じて何度も発見され、それゆえに、黄金率、黄金比、黄金分割、神の比率（レオナルド・ダ・ヴィンチによる造語）、ギリシャの記号φ（ファイ）など、さまざまな呼ばれ方をされていると考えてもいいだろう。 黄金比

ニールセンの10ユーザビリティヒューリスティックスは、ドメイン固有の複雑なワークフローをサポートするアプリケーションのUXを分析するために利用することができる。 10 Usability Heuristics Applied to Complex Applications by Kate Kaplan on August 15, 2021 日本語版2022年3月15日公開 ヤコブ・ニールセンのユーザーインタフェースデザインのための10ユーザビリティヒューリスティックスは、1994年に発表されて以来、デザイン上の意思決定を導くための一般的な経験則として広く利用されてきた。この10個のヒューリスティックスは、テレビゲームからVRアプリまで、ほとんどの形態のインタラクションに適用できるのと同様に、複雑なドメイン固有のアプリケーションに取り組むUX実践者にとっても適切な指針となる。（「ヒューリステ

実行中のタスクとは無関係な、サイトやブラウザが起動する大量のポップアップに、現在のユーザーは圧倒されている。 Overlay Overload: Competing Popups Are an Increasing Menace by Kate Moran on August 1, 2021 日本語版2022年3月2日公開 ポップアップ：90年代からの嫌われ者 1990年代から、ユーザーはポップアップを嫌っていたが、ポップアップは今もユーザーに嫌われつづけている。実際、アメリカの成人回答者452人を対象に我々が実施した調査で、ポップアップは最も嫌われる広告手段の1つだった。（2004年の同様の調査でも、まったく同じ結果が出ている。変わらないことはある、と確認できたのはいいことだ。ポップアップによって引き起こされる感情は否定的なものではあるが）。 我々は、長年にわたり、この強引な広告手段に対

ほとんどの定量的調査の適切な参加者数は40人だが、リクルートするユーザーをさらに減らしてもよい場合もある。 How Many Participants for Quantitative Usability Studies: A Summary of Sample-Size Recommendations by Raluca Budiu and Kate Moran on July 25, 2021 日本語版2022年2月15日公開 定量的なユーザビリティテストに必要とされる正確な参加者数にはいろいろなものがある。こうした推奨値（20人から30人、さらに40人以上まで）はお互いに矛盾しているように見えるので、調査担当の新人UXリサーチャーはよく混乱してしまう。（実際に、我々も長年にわたってさまざまな参加者数を推奨してきた）。 こうした推奨値はどこから来ているのか。また、本当に必要な参加者数は

学習性を容易にするICTリテラシーは、もはやユーザビリティと関連付けて考える必要がなくなってしまったのかもしれない。しかし、だからといってユーザビリティの問題がなくなった、と考えるのは大きな間違いである。 黒須教授 2022年2月7日 ユーザビリティという問題意識は衰退したか 最近、UXというキーワードと比較して、ユーザビリティという言葉を耳にすることが少なくなったように思う。たとえばamazonで「ユーザビリティ」をキーにして検索をしても、表示される半数近くがUX関連の本であり、ユーザビリティが時代のキーワードではなくなりつつあることが感じられる。もちろんamazonの検索はタイミングによって結果が異なるが、ひとつの傾向を示しているとは言えるだろう。 この原因として考えられるのは、 ユーザビリティの問題は設計やデザインの関係者の努力によって減少してきて特に取り上げる必要性がなくなってきた

垂直ナビゲーションは幅広いIAや拡大中のIAに適しているが、水平ナビゲーションよりもスペースを取る。このナビゲーションは、左揃えにして、キーワードを先に出し、すぐ目に入るようにしておこう。 Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan by Page Laubheimer on May 16, 2021 日本語版2021年10月11日公開 UXカンファレンスの情報アーキテクチャに関するコースで幅広の階層構造について話すたびに、以下の2つの質問が出てくる： グローバルナビゲーションの最上位カテゴリーが7～9個以上あってもよいか。（ネタバレ注意：それは問題ない。ただし、そのための適切な計画を立てる必要がある） 最上位カテゴリーの数を多くすると、水平ナビゲーションバーに収まらない。

固定ヘッダーが有益なのは、目立ちすぎず、コントラストが高く、アニメーションが最小限で、ユーザーのニーズに合っている場合である。 Sticky Headers: 5 Ways to Make Them Better by Page Laubheimer on April 4, 2021 日本語版2021年9月8日公開 定義 スティッキーヘッダー（または固定ヘッダー（persistent headers））は、ユーザーがページを下にスクロールしている間、Webサイトやアプリのヘッダーを画面上の同じ位置に保つためによく使われるデザインパターンだ。このパターンには部分的なスティッキーヘッダー（partially sticky header）というバージョンもあり、これはユーザーが上にスクロールを始めるとすぐにページトップに（再び）表示されるというものである。 スティッキーヘッダーが適切に表示される

視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日本語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴（親しみやすさや信頼性など）を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1：タイ

金属・木材加工機械のB2Bサイトの情報アーキテクチャを、調査に基づいて全面的に見直したところ、見つけやすさが85％向上した。 Quantifying UX Improvements: A Case Study by Kate Moran on January 31, 2021 日本語版2021年7月7日公開 定量的なUX指標を使用すると、エクスペリエンスの質を経時的に追跡して、それをどのように改善していけばいいかを確認することが可能になる。UX指標は、UXの専門家が自分たちの作業の影響と質を測定し、そうした影響を第三者に伝えるのに役立つ。 UXベンチマーキングのプロセスでは、エクスペリエンスの重要な側面を表す指標を1つ以上選択し、それらの指標を追跡して、デザインの介入がそうした側面にどのような影響を与えるかを確認することになる。 以下のケーススタディでは、あるチームがUX指標を使って、自分

今回は、人間中心設計に関する国内規格・2021年版JIS Z 8530について、そのポイントを見ていくことにしたい。これは、2019年版ISO 9241-210の(部分的に修正がいれられた)日本版である。 黒須教授 2021年6月15日 これが標準訳になるか ISO 13407が1999年にでて、翌年JIS Z 8530:2000として日本で公開されてから、もう21年が経過した。この規格は、人間中心設計という概念を広め、ユーザビリティに対する社会的関心を高めたものとして、大きな意味を持つものだった。筆者も『ユーザ工学入門』(1999)とか『ISO13407がわかる本』(2001)などを出して、その概念の普及に努めた。 その改訂版がISO 9241-210という番号に変わって2010年にでたが、これは当時流行していたUXの概念を未消化なまま導入したり、ちょっと無節操に内容を拡大したようなバー