UIが速すぎる場合
ユーザーは、変化が速すぎるものを見落とすことがある。また、気がついているときでも、画面上の変化する要素を、限られた時間内に理解するのはさらに難しい。 When the UI Is Too Fast by Jakob Nielsen on July 8, 2013 日本語版2013年7月22日公開 応答時間関連のユーザビリティ上の問題の99％がユーザーインタフェースが遅すぎることが原因であることを考えると、コンピュータが速すぎるという数少ない事例について書くというのは危険なことかもしれない。結局のところ、 コンピュータは遅すぎることが多い。そして、 応答時間が速いとユーザビリティは向上する。急速に人間の記憶は劣化するので、遅いコンピュータを待っている間、人は自分がしていたことの一部を忘れてしまう可能性があるからである。 その上、若いユーザーが忍耐力に欠けることはよく知られているが、年配のユー
5分でわかるユーザビリティに配慮したデザインとユーザエクスペリエンスデザインの違い
5分でわかるユーザビリティに配慮したデザインとユーザエクスペリエンスデザインの違い ある人が何かのタスク（この記事では送別会の幹事）に取り組む際に、「ユーザビリティに配慮したデザイン」ではある一つのモノの使い勝手をよくしていこうと考えますが、「ユーザエクスペリエンスデザイン」はその人が取り組む際の行動全体を俯瞰してみて、その俯瞰視点から最適な環境のあり方を考えようとする、という違いがあると思っています。そのことを具体例を使いながら説明してみました。 time hatenabookmark- 仕事ではウェブサイトやアプリのUX改善に携わっているのですが、先日、友達（ユーザビリティ/UXデザインの専門家ではない）に自分の仕事について聞かれてちょろっと答えたことがありました。ただ、いまいち腑に落ちなかったようで「結局、そのユーザビリティを良くすることとユーザエクスペリエンスを良くすることの違いっ
Webサイト上でのユーザー体験を高めるために必ずおさえておきたいユーザービリティーチェックリスト デザイン会社 ビートラックス: ブログ
ここ数年でのテクノロジーの進化とデバイスの多極化により、WebサイトなどのUXデザインを行う際に気をつけなければならないポイントが非常に多くなった。 特にユーザビリティーが結果に大きな影響を与えるサービスにおいては、どのような内容のプロダクトであっても高いユーザーエクスペリエンスを達成する為に普遍的にクリアしなければならないポイントが幾つか存在する。 品質管理とコンバージョンアップの実現を目標に、10の項目ごとのチェックポイントのチェックリストを作成してみた。 サービス公開前に必ず確認し、全項目のクリアを目指したい。 1. ユーザーエクスペリエンス関連ユーザー登録する際にユーザーになにかしらの価値を提供 例えば登録ボタンは単純に “登録” ではなく、”無料トライアル申し込み” とした方がユーザーにとってのメリットが伝わりやすい。また、極力無駄な登録はさせない。 料金/費用を分かりやすく表示
生涯使えるコンピュータスキル
学校は、取扱説明書を読むことからは学べない、コンピュータに対する奥深い戦略的な見方を教えるべきである。 Life-Long Computer Skills by Jakob Nielsen on February 26, 2007 日本語版2013年4月15日公開 （編集部注： この記事は、本家Alertboxにて2007年2月に公開されたものです） 最近、小学3年生にコンピュータを教えるために使われる教科書を見る機会があった。ある章（「大きな計算機」）では、Excelでの表のフォーマットの仕方についての細かい手順が取り上げられていた。結構なことだ。ただ、Excelの新バージョンの特徴はユーザーインタフェースが完全に見直されていることであり、従来のコマンドメニューは結果指向のUIを備えたリボンに置き換えられてしまうのだが。 そういうわけで、残念ながら、誇らしげなご両親には、お宅のお嬢さんが
» スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
フォームの入力必須項目のマークアップ | Accessible & Usable
公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
【ユーザービリティ】Jakob Nielsen博士のAlertbox
標準規格におけるユーザビリティの定義、ユーザビリティを左右する要素、UI改善のためにはユーザーの思考回路の理解が必要であることを、順を追って説明します。 スマートフォンアプリやWebサービスにおいて、ユーザー側とビジネス側、双方の目的達成には、UIの品質をユーザー視点で評価し、ユーザビリティを向上させることが不可欠です。 一昔前までの新製品開発では、一般的にいかに高いユーティリティ（機能・性能）を持つかに多くの力が注がれてきました。その競争の結果、ユーティリティは非常に高いが、その機能・性能を思うように使えない製品があふれることとなってしまいました。しかし今は、ユーティリティの高さだけでなく、高いユーザビリティを持つ製品が求められるような時代になっています。 ここでは、標準規格におけるユーザビリティの定義、ユーザビリティを左右する要素、UI改善のためにはユーザーの思考回路の理解が必要である
プレースホルダーについて考える | Accessible & Usable
公開日 : 2013年3月9日 (2014年5月26日 更新) カテゴリー : アクセシビリティ / ユーザビリティ プレースホルダー (placeholder) とは、入力フォームの記入欄 (テキストボックスやテキストエリア) の中に記述される、入力に関するヒントを示したテキストです。 HTML5 以降は、<input> 要素と <textarea> 要素で placeholder 属性が使えるようになり、HTML の標準仕様として、あらかじめ入力フォーム (記入欄) にプレースホルダーを書き入れておくことができます。 プレースホルダーの例 (Facebook)。検索キーワード入力欄に「友達、スポット等を検索」、投稿入力欄 (近況アップデート) に「今どんな気持ち？」という記述がある。 プレースホルダーをラベル代わりに使わない ところでこのプレースホルダー、記入欄のラベル (項目名) を
ログインボタンって本当に必要？ UIの常識を検証する
会員登録制サイトに欠かせないログインボタン。ヘッダーの右上に設置されていることが多いですが、購入などのアクションを起こした時点でログインフォームを表示するようにしておけば、ユーザーにわざわざ「ログインボタン」をクリックしてもらう必要性は薄れます。 ユーザーが明示的にログアウトしない限り、ログイン状態を維持しておくのも有効です。後日再訪問したときには「ようこそ○○さん」などと表示し、ログイン状態が続いていますが、購入や登録情報の閲覧など高いセキュリティが必要なアクションでは再度認証を求めます。わざわざログインしないでもパーソナライズされた情報が表示されるので、ユーザーにとって利便性が高く、運営側にも「会員の行動履歴を取得しやすい」「ターゲティングによりコンバージョン率が上がる」などのメリットがあります。 このように、「ログイン」「ログアウト」ボタンはどの程度目立たせればよいのでしょうか？ 今
UXの前にまずユーザビリティ - 猫飯は七里帰っても食え
2013-03-01 UXの前にまずユーザビリティ 1998年に「誰のためのデザイン」で有名なドナルド・ノーマンが、 「ユーザビリティではもはや説明できない！UXだ！」 みたいなこと（適当）を言ってから、早15年、日本でもいろんなところでUXUXと言われるようになりました。 1999年にはISO13407で「人間中心設計」が定義され、2010年にはそれがISO9241シリーズに統合され、UXについても定義されました。 2013年の今、出せば売れる時代は終わった。これからのものづくりにおいてはUXを考えることが重要だ、と世界中で言われています。 しかし、そもそもUXの原点となったはずである、ユーザビリティについてしっかりと理解している人はどれくらい居るのでしょうか？ ドナルド・ノーマンが、 「ユーザビリティではもはや説明できない！UXだ！」 みたいなこと（適当）を言ってから、もう15年です。
NHN JapanのUXルームに、「UX至上主義」の本気を見た - エンジニアtype
『LINE』ユーザーの1億人突破を祝った1月18日からわずか1カ月。すでに海外展開の強化を明示したり、分社化を決定したりと、話題に事欠かないNHN Japan。 そんな同社のオフィスには、日本でも数少ない自前のユーザーリサーチルーム（以下、UXルーム）があるのをご存知だろうか？ 昨今のWeb/モバイルアプリ開発では、リリース後のユーザーフィードバックをもとにした機能改善やUI改善が、サービスを成長させるためには欠かせない。 NHN Japanも、「UX（ユーザーエクスペリエンス）がブランドを作る」と代表の森川亮氏が話すように、各サービスのターゲットユーザーの声を吸い上げ、より早いサイクルでサービスに反映させることを重視している。それを体現しているのが、このUXルームだ。 同社は渋谷ヒカリエにオフィスを構える前にもUXルームを構えていたが、今回のオフィス移転を機に、以前のUXルームから設計を
10代のユーザビリティ： ティーン向けWebサイトのデザイン
ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ
自動送りカルーセルとアコーディオンは、ユーザーをいらつかせ、可視性を下げる
ユーザーの目的の内容は、ページの先頭に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のホームページ どうだろう、そのユーザーは先ほどの課題に答え
Twitterの利用規約がわかりやすく工夫されていて好感だった件 | 初代編集長ブログ―安田英久
“ふつうの人”向けに付けられているTwitter利用規約の「ヒント」御社のWebサイトやサービスの利用規約には、どんなことがどんな風に書かれていますか？ それは、ユーザー（つまりお客さん）にとって、わかりやすく役に立つものですか？ 一般的に利用規約というものは、何かの問題が法廷に持ち込まれたときに主張の根拠となるもの（または法廷に行く前に解決するための手段）ですので、そこに書かれている内容や書き方は、法務部がチェックして問題ないとしたものでしょう。 おそらく、契約書のような堅い書き方になっていて、“ふつうの人”が読んでもよくわからないものになっているのではないでしょうか？ しかし、Twitterのサービス利用規約では、ちょっと工夫をすることで、そのわかりづらい文章を、わかりやすく変えています。 やっていることは、ポイントごとに、その文がユーザーにとってどんな意味があるのか、何に気をつければ
固定ヘッダを使うとスペースキーでのスクロール量が合わなくなる : akiyan.com
固定ヘッダを使うとスペースキーでのスクロール量が合わなくなる 2013-01-13 position:fixed などでヘッダやフッタを画面上に固定しているサイトは少なくありません。facebookとかtwitterとかそうですね。 固定UI自体は便利なのですが、まず、PCブラウザにはスペースキーで1画面分スクロールできる機能がほぼ例外なくあります。そして、スクロール量は表示領域全体の高さなのですが、固定UIで隠れている領域は考慮されないので、本文を隠すような固定UIがあると、見た目上はスクロールしすぎてしまうのです。 BLOGOSの例を見てみましょう。 ハイライトした部分の本文が、固定フッタの下に隠れている。 スペースキーで1画面分スクロールさせると、隠れていた部分が画面外までスクロールしてしまい、見えなくなってしまった。 facebookやtwitterはポインタで操作するUI（いいね
UX工学のすゝめ
ユニバーサルデザインと同様に、今のままではUXも流行語として短命に終わってしまう危険性がある。UXには、概念の明確化と、設計・評価・確認の方法論の整備が必要だ。僕はそれをUX工学と呼びたい。 黒須教授 2012年12月19日 UXというキーワードが花盛りで、UPAまでもが会員レベルでの十分な議論のないまま、理事会が勝手にUXPAと改名してしまう始末だ。これまで毎年行ってきたWUD(ワールドユーザビリティデイ)がWUXDとなるのかどうかも知らされていない。この業界全体を見ても、活気づいているのはマーケティング分野の人々とデザイナーである。これまでユーザビリティを専門としてきた人々はむしろ当惑と混乱のなかにおかれている。反対に、新しいキャッチフレーズを必要とする人たちには歓迎されている。 ここで今、我々が注意しなければならないのは、UXという概念の実態を明確にし、その方法論を整備しておくことだ
Who Needs Web Accessibility? How to Make Accessible Websites?
2013年3月25日 アクセシビリティ 昨年少しの間ですが入院しました。その間は大人しくしていればいいものを、脊髄麻酔や鎮痛剤が効いて苦痛のない時は退屈なもんで、Webサイト閲覧・メールチェックなどはしていました（私の行きつけの病院はインターネット利用可）。しかし体が思うように動かないので、今までどおりWebサイトを閲覧するのは困難。その時初めてアクセシビリティの大切さを身を持って感じ、それから少しずつお勉強している次第です。今回はWebサイト閲覧におけるアクセシビリティについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ Webアクセシビリティとは 「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や身体の制約に関係なく誰でも使えるという意味で使われます。どのような状況でもWeb上のコンテンツや機能を十分に利用できるWebサイトを「アクセシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr
