PCサイトでのグローバルナビの最小化は避けよう
PCサイトで、メインコンテンツのカテゴリーをドロップダウンメニュー内に格下げすると、あなたの提供するものをユーザーが見つけにくくなってしまう。 Killing Off the Global Navigation: One Trend to Avoid by Jennifer Cardello and Kathryn Whitenton on February 9, 2014 日本語版2014年5月12日公開 従来、グローバルナビゲーションはWebサイトの全ページに表示され、以下の2つの機能を果たしてきた： ユーザーがどこにいようと、彼らが容易にトップレベルのカテゴリーを切り替えられるようにする。 トップページを経由しないで入ってくるユーザーにも、そのWebサイト上で利用できるものをすぐに感じ取れるようにする。 最近、グローバルナビゲーションのカテゴリーをドロップダウンメニューの中に入れるW
なぜEtsyでは無限スクロールは失敗したのか
「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事：6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec
自動送りカルーセルとアコーディオンは、ユーザーをいらつかせ、可視性を下げる
ユーザーの目的の内容は、ページの先頭に98ポイントの文字で書かれていた。しかし、彼女はそれを見つけられなかった。そのパネルが静止しておらず、自動送りされていたからである。 Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility by Jakob Nielsen on January 19, 2013 日本語版2013年2月4日公開 先日、イギリスでユーザビリティ調査を実施したのだが、そこで、あるユーザーが「Siemensは洗濯機のキャンペーンをしているか」というタスクを行おうとしていた。 そのユーザーはさして苦労もせず、イギリスのSiemens Appliancesのこのホームページにはたどり着いた： Siemens Appliancesのホームページ どうだろう、そのユーザーは先ほどの課題に答え
だめなデザイン要素が標準になる場合
ウェブデザインは簡単だ。特定のページ要素をどうデザインしたらいいか考える時には、もっとも訪問者の多い20サイトを見て、彼らがどんなやり方をしているか見ればいいのだ。 大手サイトの90％以上が、ある一定のやり方を採用しているなら、それはデファクトスタンダード（事実上の標準）であり、これには従わなければならない。標準と違ったデザインを採用してもいいのは、ユーザビリティ測定の結果、そちらの方が100％優れていると証明できた場合だけである。 60～90％の大手サイトが、ある一定のやり方を採用しているなら、それは強い慣習と考えるべきだ。そして、ユーザビリティ測定で50％以上優れているという結果が得られない限りは、これと違ったデザインを採用してはならない。 そのやり方を採用しているのが、大手サイトの60％以下なら、まだ支配的な慣習は成立していないので、違ったやり方を試してみてもかまわない。そうはいって
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
タブの正しい使い方
13のデザインガイドラインを守ってタブを使っているサイトにYahoo Financeがある。しかし、AJAXの使い過ぎや改善の余地が残るカスタマイゼーションのページなどを見る限り、ユーザビリティはまだ上げられる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上でダイアログコントロールを正しく使っているユーザ・インターフェイスを見かけることは滅多にない。ラジオボタンやチェックボックスのように単純なものでさえ、正しく使われていないことが大半だ。ドロップダウンメニューに至ってはもっとひどい状態だし、Flashサイトを台無しにする自作のスクロールバーも後を絶たない。 最近リニューアルされたYahoo Financeのホームページでは、タブを正しく使っている。2箇所ほど抜粋してご覧に入れよう。 Yahoo Financeのホー
パンくずナビゲーションの有用性が上昇中
パンくずとは、いま表示されているページがどの階層にあたるのかを1行のテキストで教えてくれるナビゲーションである。補助的なものであるにもかかわらず、その有用性は次第に高まってきた。 Breadcrumb Navigation Increasingly Useful by Jakob Nielsen on April 10, 2007 デザインに関する意思決定のすべてが、ウェブサイトの生死を分けるわけではない。もちろん、肝心なところを正すことは重要で、さもなければユーザにそっぽを向かれることになるだろう。一方、ちょっとしたところの修正は、ユーザビリティの向上とユーザの満足につながる。パンくずリストは、まさにその好例だ。 パンくずがユーザの疑問に答え、絶望的に分かりにくいインフォメーション・アーキテクチャを修復してくれるわけではない。パンくずがユーザにしてあげられるのは、サイトの中を動き回りやす
オンラインの読者には算用数字で数を示そう
算用数字“23”の方が、スペル表記“twenty-three”よりも、ウェブページを眺めて事実を読み取ろうとするユーザの目には留まりやすいことが、アイトラッキングのデータから明らかになった。 Show Numbers as Numerals When Writing for Online Readers by Jakob Nielsen on April 16, 2007 ウェブに文章を書くときのガイドラインについては、1997年頃の調査ですでにその基本的な部分がまとめられていた。ウェブサイトのユーザは一言一句を読んでいるわけではない、というのが主要な見解だ。ユーザは、テキスト全体を眺め、タイトルや強調されている語句、箇条書きやリンクなどを中心に拾い読みするのだ。メール配信されるニュースレターになると、この傾向はさらに顕著になる。 （ただし、いくつかの例外がある。まず、識字能力の低いユーザ
Alertbox: 画面解像度とページレイアウト（2006年7月31日）
ウェブページは 1024 × 768 に最適化するべきだが、800 × 600 から 1280 × 1024 までの幅広い解像度に対応できるリキッド・レイアウトを使おう。 Screen Resolution and Page Layout by Jakob Nielsen on July 31, 2006 ウェブユーザビリティ教室で最も多い質問の内の 1 つは、「どの画面サイズに合わせてデザインすればよいのか」だ。この質問に完全に答えようとすると、少し複雑になるが、基本的な考え方は簡単だ： 現在最も使われている画面サイズ 1024 × 768 に最適化する。もちろんこのガイドラインの基本的な考えは、ターゲットユーザたちの間で最も一般的な解像度に合わせて最適化することであるため、ときとともに具体的な解像度は変わり続ける。現在でも、例えば全従業員に大きなモニタを使わせている企業のイントラネット
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2
Alertbox: ブログのユーザビリティ：デザインの間違いトップ10（2005年10月17日）
ブログは既存ユーザに焦点を合わせすぎていて、重要なユーザビリティの問題を、ないがしろにしている事が多く、サイトを理解し、著者を信頼することを、新規読者にとっては困難にしている。 Weblog Usability: The Top Ten Design Mistakes by Jakob Nielsen on October 17, 2005 ブログはウェブサイトの一種だ。そのため一般的なウェブサイトのユーザビリティガイドラインや、今年のデザイン間違いトップ10 の対象にもなる。しかしながら、ブログはウェブサイトの中でも特殊な部類のものだ。ブログには特徴があり、それ故に特有のユーザビリティ問題を抱えている。 ブログの素晴らしい利点の1つは、本質的に「ウェブデザイン」をしなくても良くなるということだ。文章を書き、ボタンをクリックすると、インターネット上でそれが公開される。ビジュアルデザインも、
Alertbox: 2005年 ウェブ・デザインの間違いトップ10（2005年10月3日）
2005年、ユーザをうんざりさせてきたWebデザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 Top Ten Web Design Mistakes of 2005 by Jakob Nielsen on October 3, 2005 Webデザインの間違いをリストアップするにあたり、今年は趣向を凝らしてみることにした。私が発行しているニュースレターの読者にお願いして、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらったのだ。 読者の参加によって、ユーザテストでは気付かなかった多くの課題が浮き彫りになるだろうと思っていたが、そうはならなかった。30位までにランクインした問題点は、ユーザビリティガイドラインの中で指摘済みのものばかりだったのだ。今年のトップ10を読んで、“聞き覚えがあるぞ！”と思われる方
Amazon：もはやeコマース・デザインの手本にしてはいけない
Amazon.com の多数のデザイン要素が機能している主な理由は、それが世界最大規模で、最も成功しているeコマースサイトであるという理由が大きい。一般的なサイトは、Amazon.com のデザインを真似するべきではない。 Amazon: No Longer the Role Model for E-Commerce Design by Jakob Nielsen on July 25, 2005 一般的にいえば、大手のサイトを真似るのはよいことだ。特定のデザインにユーザが慣れ、それを自分のサイトで使えば、移行時の学習を手助けすることになり、結果的にユーザビリティが向上する。もしアプリケーションをデザインしているのであれば、Microsoft Office を真似るとよい。例えば、フロッピーディスクを「保存」を実行するためのアイコンに使うとよい（フロッピーディスクに保存するような人が、もう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
