先進33か国において、コンピュータ関連の高い能力を持つ人は人口の5％にすぎない。また、中程度の複雑度のタスクを完了することができる人は全体の3分の1しかいない。 The Distribution of Users’ Computer Skills: Worse Than You Think by Jakob Nielsen on November 13, 2016 日本語版2017年3月16日公開 身につけるのがもっとも困難なユーザビリティの教訓に、（訳注：デザインプロジェクトに携わっている）「あなた方はユーザーとは違う」というのがある。これこそがユーザーのニーズについての推測が大失敗に終わる理由だ。デザイナーは大半のターゲットオーディンエンスとあまりに異なっているため、いいと思っているものや利用しやすいと思っているものが見当違いになるだけでなく、そうした自分たちの個人的好みによって判断す

大規模なユーザビリティ調査によって、現在、最も一般的かつ有害なWebデザインの間違いが明らかになったが、そうした間違いは意外なものでも新しいものでもなかった。つまり、それらは課題としてずっと続いており、Webサイトのユーザビリティを損ない続けているのである。 Top 10 Enduring Web-Design Mistakes by Amy Schade, Yunnuo Cheng, and Samyukta Sherugar on October 30, 2016 日本語版2017年2月23日公開 1996年以来、我々はWebデザインの間違い・トップ10のリストを作成してきているが、現在のWebデザインの間違いを調べるために、今年もアメリカとイギリスで215人の参加者からなる大規模なユーザビリティ調査を実施した。小さな地場企業からエンターテインメントサイト、非営利団体、グローバル企業に

デザイン思考というキーワードが、現在のビジネス界のバズワードのひとつになっている。言葉というのは、その意味が拡散するにつれ、何でもありの世界に入っていってしまうが、ここは一つ、当初の概念に立ち戻り、それが何だったのかを考え直すようにしたい。 黒須教授 2016年5月19日 バズワード 流行というものは、それが登場してきた時の新奇性によって人々を興奮させる。もちろん新奇なものなら何でも流行するわけではなく、タイミングや状況、そして当のモノの質にもよる。そうした淘汰の段階を経て流行となったものは、しかしながら数年から長くても十年ほどで新しい流行に取って代わられる。これが流行という現象だ。 デザイン思考というキーワードは、こうした点で現在のビジネス界のバズワードのひとつになっている。UXもバズワードのひとつだったが、今やかなり拡散してしまい、バズワードの戦列から離脱しつつあるようにも見える。 U

デザイン思考はイノベーションを促進するだけではなく、共通のボキャブラリー、生成物、信頼にもとづいたチーム文化を生み出すことで、チームを強くしてくれるのだ。 Design Thinking Builds Strong Teams by Sarah Gibbons on September 18, 2016 日本語版2016年12月19日公開 どんな企業も1人の能力だけで成功することは不可能だ。成功している職場のベースになっているのはチームなのである。しかし、チームでの作業にはかなり大きなコストがかかる。共通の知識や前提、ボキャブラリー、文化といった、メンバー同士の共通の土台を築くのに時間を費やさなければならないからである。強いチームというのは共通の土台がすでにできあがっているので、コラボレーションによってもたらされるメリットがコミュニケーションのオーバーヘッドを上回る。その結果、こうしたチー

Webサイトのメインナビゲーションを非表示にすると、発見しやすさはほぼ半減する。その上、タスク達成に時間がかかるようになり、タスクがより難しく感じられるようになる。 Hamburger Menus and Hidden Navigation Hurt UX Metrics by Kara Pernice and Raluca Budiu on June 26, 2016 日本語版2016年9月26日公開 非表示のメニュー（ハンバーガーアイコンなど）と、表示されているメニュー（ページトップを横切る形で置かれたリンクなど）について、定量的なユーザビリティテストをおこなったところ、以下のようなことが明らかになった： 非表示のナビゲーションは発見されにくい。表示されているあるいは部分的に表示されているナビゲーションよりも。 ナビゲーションが非表示だと、ナビゲーションはユーザーから利用されにくくなる

注目を集めようとする度合いが大きすぎるこの2つのWebサイトデザインパターンはエンゲージメントの促進を狙ったものだが、ユーザーのブラウザタブの利用方法とは相容れない。 Needy Design Patterns: Please-Don’t-Go Popups & Get-Back-to-Me Tabs by Kate Meyer and Kim Flaherty on May 15, 2016 日本語版2016年8月19日公開 UXデザインでの「ダークパターン（dark pattern）」とは、デザイナーがユーザーをだまそうとするときに使う方策をいい、ユーザーをだまして、自分たちの会社の目標のためにユーザー自身に害になりそうなことをやらせることである。たとえば、ユーザーのショッピングカートに自動的に余分なアイテムを追加するサイトは、ダークパターンを使って売上を増やそうとしている、といえる。

ユーザーは内容と関係のある情報を含む写真や画像は注視するが、Webページを「賑やかにする」ために利用された中身のない写真は無視をする。 Photos as Web Content by Jakob Nielsen 2010年11月1日 我々の実施したアイトラッキング調査で、ウェブサイトの画像へのユーザーのアプローチの仕方は大きく2つに分かれることが実証された： ある種の写真は完全に無視される。この典型的な事例が、単なる飾りとして使われる、感じの良い大きな画像である。 その他の写真は重要なコンテンツとして扱われ、注意深く検討される。製品の写真や（モデルを撮影したストック写真ではない）実際の人物の写真がたいていこのカテゴリーに入る。 私はこれまで数え切れないほど多くのコラムの中で、1番目のタイプの画像についてガミガミ文句を言ってきた。要点を示すことより、見た目を良く見せようとすることに、ウェブ

Webサイトは、訪問者を顧客に変えるため、信頼を確立し、信用に足るものだと示す必要がある。その、ユーザーがWebで信頼性を判断する方法は、デザインのトレンドが変化しようともずっと変わっていない。 Trustworthiness in Web Design: 4 Credibility Factors by Aurora Bedford on May 8, 2016 日本語版2016年8月3日公開 UXカンファレンスでシンガポールに滞在中、我々はユーザビリティ調査を実施し、Webサイト、そしてそこから転じて、ビジネスに対する西洋とアジアの文化における評価の仕方の主な違いを調べた。興味深い微妙な文化的違いもあった。しかし、サイトの信頼性をはかる基本の要素は同じで、地域や文化は関係なかった。 1999年にJakob Nielsen（ニールセン博士）は、信頼感を伝える4つの手段として、デザインの品

A/Bテストについて二つの観点から触れておきたい。一つは「A/Bテストに仮説検定は向かない」という考え方は不適切だということ。もう一つは「良い」方を選ぶことを繰り返すうちに、全体の整合性がとれなくなってしまうことが起こりうるということである。 黒須教授 2016年7月12日 はじめに A/Bテストが誰によって提唱され、いつ頃から盛んになったのか詳しくは知らないのだが、ともかく今ではもう一般的な手法としてまかり通っている（編集部注：ニールセン博士のAlertboxコラムその1、その2）。小さなことでも評価して確認しようという姿勢はとても結構なことだし、もともとユーザビリティ評価に関心の高かったWeb関係者においては、A/Bテストを実施することは自然な流れでもあったのだろう。特にランディングページの印象、言い換えれば、ユーザビリティだけでなく見栄えも含めた利用実感や印象の全体は、Webの場合に

フロントエンドスタイルガイドは、デザインやテストを効率化し、UIの一貫性を高める。今回は、スタイルガイドの要件8個と、一般的なコンポーネント25個を紹介しよう。 Front-End Style-Guides: Definition, Requirements, Component Checklist by Page Laubheimer on March 27, 2016 日本語版2016年6月23日公開 フロントエンドスタイルガイドとは何か フロントエンドスタイルガイドがUXの現場でますます一般化してきている。Jeff GothelfとJosh Seidenが彼らの著書『Lean UX』で説明しているように、フロントエンドスタイルガイドはアジャイルやリーンな環境で生まれたものである。 定義： フロントエンドスタイルガイドとは、製品のユーザーインタフェースにある全要素のモジュールコレクショ

アプリケーションでもWebサイトでも、ユーザーはメニューによってコンテンツを見つけ、機能を利用する。このチェックリストを利用して、メニューがきちんとその役目を果たせるようにしよう。 Menu Design: Checklist of 15 UX Guidelines to Help Users by Kathryn Whitenton on November 29, 2015 日本語版2016年2月16日公開 ユーザーの移動の手助けは、ほとんどすべてのWebサイトやアプリケーションにとっての最優先事項である。つまるところ、この上なくかっこいい機能も強力なコンテンツも、ユーザーが見つけることができないなら無意味だからだ。また、検索機能を提供しているとしても、移動の手段として、検索だけに依存すべきでないことも多い。たいていのデザイナーはこのことを理解している。そこで、自分たちのデザインに何らか

クリックできるUI要素のシグニファイアがなかったり弱かったりすると、ユーザーは次第にページ中をあやふやなままクリックしたり、マウスオーバーするようになる。そうすると、効率が落ちる一方、コンテキストからの手がかりやクリックへの即時フィードバックがより期待されるようになる。 Long-Term Exposure to Flat Design: How the Trend Slowly Decreases User Efficiency by Kate Meyer on November 8, 2015 日本語版2015年12月21日公開 完全にフラットなビジュアルデザインのインタフェースではリアリズムや立体効果をまったく利用しない。それは結果的に、クリックできることをユーザーに伝えるために従来から利用されてきた強制的な視覚的手がかりに引導を渡すものであった。 極端にフラットなインタフェースの人

UXの専門家が作り出す成果物はさまざまだ。たとえば、我々の調査では、回答者の半分以上が11種類もの成果物のフォーマットを利用していた。だが、最も有効であると評価された成果物は伝える相手によって大きく異なっていた。 Which UX Deliverables Are Most Commonly Created and Shared? by Page Laubheimer on October 18, 2015 日本語版2015年11月16日公開 UX関連の作業が発生する状況というのは、アジャイル手法を利用して、ほとんどドキュメンテーション（文書化）をしない小規模なスタートアップから、外部クライアントのためのコンサルティング、プロセスやドキュメンテーションについての要求が厳しい大企業や政府機関のような環境まで多岐にわたる。こうした非常に多様な作業環境をまとめるのに必要なのが、デザインのアイデア

フラットデザインとは2012年ごろに広まったWebデザインのスタイルである。それは広く今も利用されているが、過度な利用は深刻なユーザビリティ上の問題を引き起こしかねない。フラットデザインによって発生するユーザビリティ上の最大の課題の1つに、クリック可能な要素のシグニファイア不足がある。フラットデザイン2.0は、それに対する優れた解決策を提供してくれる可能性がある。 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 日本語版2015年11月2日公開 フラットデザインは人気のあるデザインスタイルで、Webページのグラフィック要素に、光沢感や立体感という視覚効果を利用しないもののことである。それは多くのデザイナーからWeb

よいエラーメッセージとは、礼儀正しく、正確で、建設的なものであることは、すでに広く知られている。ウェブでは、これに加えて若干の新しいガイドラインが必要となる。すなわち、エラーメッセージをはっきり見やすくしておくこと、問題の解決に必要な手間を減らすこと、さらに、その過程でユーザを教育すること。 by Jakob Nielsen on June 24, 2001 効果的なエラーメッセージのガイドラインは、ここ20年間まったく変わっていない。よいエラーメッセージとは、以下のような条件を満たすものだ。 はっきりと異常の発生を表示すること。最悪のエラーメッセージとは、エラーメッセージの不在である。ユーザがミスをしても、フィードバックがなければ路頭に迷うだけだ。例えば、電子メールには、はっきりした表示を出した方が有益と思われる状況がいくつかある。メッセージを送信したのに、システムに吸い込まれてしまって

成功しているWebサイトというのはユーザビリティに優れている場合が多い。しかし、平均的なサイトが背景の異なるサイトのデザイン要素をコピーしてしまうと、ビジネス上の損失になることもあり得る。 Should You Copy a Famous Site's Design? by Jakob Nielsen 2010年8月23日 デザインに行き詰まると、上司というのはよくこういうことを言う。「Xをコピーしようか」。ここでのXとは知名度のある成功したウェブサイトのことである。この戦略にも一理ある。つまり、Xというサイトはあれほど規模も大きいし、有名なのだから、おそらくうまくやっているに違いないというわけだ。 そのうえ、ユーザーというのは慣習に沿い、期待通りに機能する、確立したデザインを好むものである。例えば、検索ボックスを右上隅に置くと、検索のユーザビリティは向上する。これは単に、その場所で利用す

低コントラストのテキストがトレンドのようだ。しかし、それは視認性が悪く、発見しにくく、アクセシビリティも劣る。代わりに、もっとユーザブルな代案を検討しよう。 Low-Contrast Text Is Not the Answer by Katie Sherwin on June 7, 2015 日本語版2015年9月16日公開 低コントラストのデザインが美しいというのはWebに繰り返し立ち現れる思想だが、それは視認性や発見しやすさを奪い去るものである。低コントラストのデザインは目に負担がかかるので、歳を取って、能力が少し衰えたように我々は感じる。ミニマリズムというトレンドに魅了されたサイトは、高コントラストという従来からの自分たちの流儀を捨て去り、暗黒面（あるいはミディアムグレー面と言うべきか）に寝返ろうとしている。デザインでの評価のために読みやすさを犠牲にしようとするサイトにとって、低コ

ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての

アコーディオンはモバイルのスペースを節約するが、方向感覚を失わせたり、大量スクロールの要因にもなる。しかし、簡単なデザイン修正で、このUI要素のユーザビリティは改善できる。 Accordions on Mobile by Raluca Budiu on May 31, 2015 日本語版2015年7月21日公開 アコーディオンというのは、展開することで、隠していた情報を表示するデザイン要素である。オーバーレイとは違い、アコーディオンはページのコンテンツを押し下げるので、ページコンテンツの上に重なることはない。 Toomy.com： Price（：価格）というフィルターはアコーディオンとして実装されており、展開するとページコンテンツは押し下げられる。 デスクトップでのアコーディオンの利用には議論の余地がある。一方、モバイルではアコーディオンは最も役立つデザイン要素の1つだ。ごく小さな画面スペ

モバイルデバイス用の入力欄をデザインするときには、14のユーザビリティ要件からなるこのリストを満たしているかどうかをチェックしよう。 A Checklist for Designing Mobile Input Fields by Raluca Budiu on June 14, 2015 日本語版2015年7月10日公開 デザイン対象がWebページであれ、Webベースのアプリケーション（たとえば、SaaS）やネイティブモバイルアプリであれ、基本の構成要素の1つになるのが、ユーザーがテキストを入力する地味なテキスト入力欄である。このウィジェットは大量に利用されているので、その利用自体について、この記事で話す気はない。アプリケーションデザインにおいて、ワークフロー等の全体像に関わる問題は良質なユーザーエクスペリエンスにとって重要であり、指摘する必要のある課題がたくさんあるからである（こうした