011号：要点解説！ヤコブ・ニールセンのiPadユーザビリティ調査報告書 – 情報提供ブログ「を！」 | シンクジャム
Webユーザビリティの父とも呼ばれる工学博士ヤコブ・ニールセンが、2010年5月の第1版に続き、iPadユーザビリティ調査報告書（第2版）をリリースしましたので、その要点を5つのポイントにわけてまとめてみました。 原文（英語）はこちらからどうぞ。 タップ動作について “Fat-Finger”問題 iPadを操作するのは、基本的には人間の指です。 PCのマウスカーソルと比較すると、指は大きくて（太くて）、細かい選択操作には向いていませんし、タップする瞬間は、その接点は指で覆われて見えず、iPadが反応するまでは、どこをタップしたのかが分かりません。 そのため、「指による操作」を考慮してインタフェースを設計しないと、次のような“Fat-Finger”問題を引き起こしてしまうでしょう。 ●ニュースアプリ「USA TODAY」 右下のアイコンが小さすぎて、正しくタップできない（タップしたはずな
[CSS]ネガティブホバーに違和感アリ、ポジティブホバーのススメ
ポジティブホバーのデモページ ホバー時のキャプチャ [ad#ad-2] ネガティブホバーとポジティブホバーの考察 直感的に 最も大切なことは、間違っているように思われない、ということです。 ホバー時に期待するものとしては、なにかしらの反応があると予想しませんか？ 例えば、ページに遷移するリンクをクリックしようとした際、そのリンクがあなたから逃げてしまうことは望まないでしょう。その箇所に注意が向けられるように分かりやすくなることは、直観的に理解ができるとも言えるでしょう。 この感覚はUIデザイナー・デベロッパーにとって、とても大切ことです。 そして、この直感をもたらすものが、ポジティブホバーです。 どちらがよいのか？ 答えはもちろん、ポジティブホバーです。 ホバー時には、そのアピアランスには加えるようにします。 アピアランスをポジティブにするには、下記の方法があります。 通常時：下線無し 下
ユーザビリティコラム：Jakob Nielsen博士のAlertbox
スクロールフェードの基礎 4月11日 読了までに約14分 スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 このコラムについてUIデザイン・ユーザビリティ・UXデザインについて、その道の第一人者・ヤコブ・ニールセン博士（略歴）ら米Nielsen Norman Groupのメンバーが実例を交えて洞察するコラム『Alertbox』。その日本語訳を許可を得て公開しています。 デザインサイクルの各段階でアンケートを実施する方法 3月29日 読了までに約7分 ほとんどのUXアンケートは、デザインサイクルの最後の「耳を澄ます」フェーズで実施される。しかし、アンケートには
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
実用的なユーザビリティの10のポイント：ケーススタディ編
先日紹介した「実用的なユーザビリティの10のポイント」の中から、コンテンツやフォームやタイポグラフィなどの制作に役立つ実用的なケーススタディを紹介します。 10 Useful Usability Findings and Guidelines 以下の意訳は英語圏内のため、特にタイポグラフィなど日本語ではなく英語を想定したデータのためご注意ください。 タイポグラフィ 行間 ÷ フォントのサイズ = 1.48 ウェブサイトの英語フォントでは、一般的に「1.48」が読みやすいです。 クラシックなタイポグラフィの本では一般的に「1.5」が推奨されています。 行幅 ÷ 行間 = 27.8 一つのパラグラフの幅は平均538.64ピクセルです。 多くのウェブサイトのフォントサイズが12, 13ピクセルであることを考えるとかなり長いものとなっています。 パラグラフ間のスペース ÷ 行間 = 0.754 一
企業Web、使い勝手の良さベスト100を公開！ 1位となったのは？ | RBB TODAY
トライベック・ストラテジーは16日、全15業界・100サイトのユーザビリティ（使い勝手や安全性など）を評価した結果を、「主要企業Webユーザビリティランキング2009＜企業サイト編＞」として公表した。 調査は6月から8月上旬にかけて実施。「電力・ガス・エネルギー」「鉄道・運輸」「建設・不動産」「鉄鋼・金属・材料」「化学・繊維」「機械メーカー」「自動車・自動二輪」、「電気・精密機械」「食品・飲料・生活用品」「医薬品」「商社・流通・小売」「金融・保険・証券」「IT・情報通信」「マスコミ・出版・情報サービス」「娯楽・エンタテインメント」の15業界、主要企業100サイトを対象に行い、トライベック・ストラテジーのユーザビリティ診断プログラムを用いて、「アクセス性」「サイト全体の明快性」「ナビゲーションの使いやすさ」「コンテンツの適切性」「ヘルプ・安全性」の5評価軸、全97項目について評価したとのこと
ユーザビリティ再考
ユーザビリティは誰の問題？ Web制作の現場で「ユーザビリティ」という言葉が注目され始めたのは2000年ごろからでしょうか。それ以来、Webデザインの専門誌では頻繁に取り上げられ、今ではWebサイトを評価する際の大きな指標の1つとなった感があります。しかし、その一方で、システム開発の現場では、ユーザビリティの概念はあまり浸透していない印象があります。 もちろん、多くのエンジニアが自分の開発するシステムに対して「どうすれば使いやすくなるだろうか」と日々考えています。しかし、「ユーザビリティ」という概念を自分の中でしっかり整理できているエンジニアは、まだまだ少ないように思います。また「ユーザビリティはデザイナーが考える問題だ」として、エンジニアがあまり積極的でないケースも見受けられます。 これは決して好ましい状況ではありません。なぜなら、高いユーザビリティを実現するには、デザインやコーディング
ユーザー目線を保つための、「簡易」ユーザビリティテストのススメ - Feel Like A Fallinstar
Livedoorディレクターblogさんのエントリーを見て、「おっ」と思ったので雑感を。 http://blog.livedoor.jp/ld_directors/archives/51056195.html 上のエントリーにあるように、「来訪者がどうサイトを使っているのか？」という視点はウェブの運用には欠かせません。 が、その一方で、自らが毎日何時間も触れているメディアを客観視することは、よほどの訓練をつまない限り不可能です。 そんなときに使えるのが、「簡易」ユーザビリティテスト。 必要なものはたったの3つ 普段から（テストしたい）サイトの運用に関わっていない人 インターネットが見れるパソコン 鉛筆とメモ帳 そして、カンタンな状況を設定してサイトを使ってもらいます。 たとえば、Livedoorだと あなたは、ある日Livedoor IDを忘れてしまいました。急ぎでログインしてメールを見た
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！
こんな話題はいまさらかもしれない！ それはわかってます！ だけど書きたい！ なにって、[OK]ボタンの位置のことです！ これって右に置くのが自然だよ絶対！！ 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい！ ウェブは横書き！ 左から右に読む！ 左からやってきたんだから、[戻る] のは左！ 右に進んでいくんだから、[進む] のは右！ だから、[次へ] も [保存] も [OK] も右が自然！ ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
![やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！](https://cdn-ak-scissors.b.st-hatena.com/image/square/281b1fd51f0e3fedc726435362724c3af4fce817/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888519%2F26003855888873578%2F1550052661)
ヤコブ博士が考える４つの悪いWebデザイン : could
10年以上経った今でもユーザービリティに関する興味深い記事を Web上に掲載しているヤコブ博士。今回は「Four Bad Web Design」というシンプルなタイトルで悪い例を４つ挙げています。Web designers don’t do what I told them to do 13 years ago (13年前に言ったことを未だに出来やしない) と少々強めのトーンで始まるこの記事。もちろん、人ごとだと思って笑えない深刻な問題でもあります。以下にヤコブ博士が見つけた４つの悪い例を挙げつつ僕の見解を書いていきます。 悪いコンテンツ デザインと関係ないと思ったら大間違い。デザインは文章から始まるといっても良いです。 魅力的な見た目であろうが、正しくマークアップしてようが、文章がおかしかったらすべて台無しになります。ヤコブ博士が出している例では必要な情報がないときがあると訴えていますが
Business Media 誠：「ブラウザの文字サイズ最大」が半数以上――家庭用PC
テレビで見た話題をYahoo!で検索したり、ネットショッピングで買い物をしたり……かつて“仕事の道具”だったPCはすっかり日常的な存在になり、家庭にも当たり前に入り込んでいる（9月10日の記事参照）。 ところで家庭では、みんなどのような環境でPCを使っているのだろうか。 コンサルティング会社のブライト・ウェイは9月7日、「家庭でのPCの使用状況、設定について」アンケート結果を発表した。調査期間は2007年8月1日から8月31日までで、同社が運営する子育て支援サイト「こそだて」で実施したもので、回答数は516人（男女比24：76）。 調査によれば、家庭で使用しているPCは、デスクトップが51.8％、ノートPCが47.1％だった。ディスプレイの画面サイズは、14～15インチ程度（ノート）が34.1％で最も多く、次いで17インチ程度（デスクトップ）21.8％だった。デスクトップを含めると、14～
『ウェブサービスインターフェース勉強会』へのお誘い | SiMPLE*SiMPLE
『ウェブサービスインターフェース勉強会』へのお誘い September 21, 2007 9:18 AM written by Gen Taguchi さて突然ですが勉強会のご案内。テーマは『インターフェースデザイン』。Simple*Simpleで取り上げているような「ちょっとしたことだけれど気が利いてるよね」的なものについてわいわい議論できればと思います。 対象は企業や個人でウェブサービスのインターフェースデザインや企画をされる方を想定しています。 内容はSimple*Simpleを題材にした「ちょっとこじゃれたインターフェースまとめ」に加え、今回協賛していただくbeBit社から「ユーザビリティテストでわかったインターフェースの勘所」をお話しいただきます。beBit社にはかなりのノウハウが蓄積されているのでそれを教えていただきましょう。 また後半は交流を目的として全体会議も行います。「こ
ウノウラボ Unoh Labs: ECサイトのユーザビリティ・ガイドライン
こんばんわ、Sashaです。 最近、ECサイトのリニューアルを計画するお手伝いをする、という仕事がありました。特にユーザビリティ的な観点から、どんなことを網羅したらこのリニューアルを成功させることができるだろうか、ということを考えながら、様々なブログを参考にしたり実際のECサイトを検証したりしていたら、以前私が紹介したユーザビリティ・ガイドラインのようなチェックリスト的なものが出来上がったので、もしかしてどこかのだれかのお役に立つこともあるかもしれない、と思い、ここに紹介させていただきます。 まず、ECサイトで実現したい基本的な目標をあげ、その目標に沿って細かく、網羅していきたい事を列挙していきました。 基本的な目標とは、次の5項目です。 見つけたい商品・情報を見つけやすくする ユーザーの労力を極力削減する 買いたい気にさせる 購入までのプロセスを簡単にする オンラインショッピング
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ユーザーの目線を追え・ウェブツールで手軽に検証�インターネット-ウェブデザインの力（河内康和）:IT-PLUS
Rauru Blog » Blog Archive » アイカメラから得られた23の教訓
サイトをクリックした位置が分かるサービス [企業のIT活用] All About![サイトをクリックした位置が分かるサービス [企業のIT活用] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)