第9回 UIデザインの基礎知識：操作の流れに気を配ったインタラクション
使い勝手は，ユーザー・インタフェース（UI）の「デザイン」によって大きく変わる。一般にデザインという場合，画面上の要素について色や配置を決めていく「ビジュアル・デザイン」だけを想像しがちだ。出来上がったシステムに対し，「使い勝手の良いデザインを作ってほしい」と依頼するようなエンジニアは，たいていビジュアル・デザインに目が向いている。 実際はビジュアル・デザインだけでなく，利用者とシステムの対話方式を決める「インタラクション・デザイン」がある。画面遷移などを含むもので，ビジュアル・デザインよりも先に決める必要がある。インタラクション・デザイン抜きにビジュアル・デザインで帳尻を合わそうとしても限界がある。 UI設計に携わるエンジニアは，インタラクション・デザインとビジュアル・デザインの両方の基礎知識を持つ必要がある。システムによってはプロのデザイナーがプロジェクトに参加することもあるはずだ。デ
ユーザーテストサービスのUIscope | UIscope
ユーザーがどのようにサービスを使っているのか。 利用シーンが最短1日で届く、 ユーザーテストサービス。 いますぐ無料で試してみる UIscope とは？ 「高品質なユーザーテストを 最も安く・早く・簡単に」 ユーザーがサービスを使っている様子を 動画形式でお届けする、 ユーザーテストサービスです。 ユーザーテストとは
第44回 入力してもらえるお客様入力フォーム【後編】
【１】はユーザーの誤入力との戦いになります。入力を受け付けてから，間違ったデータをどう処理するかを決める必要があります。 【２】はプルダウンから選ばせるので，誤入力がほぼなくなります。「4月31日」などをどう防ぐか，あるいは警告をどう出すか，「年」をどこから開始するのかなど，開発者のセンスは問われます。 【３】選択肢の中に「月」や「日」を入れたものです。どちらが選びやすいか，という観点で差が出ると思います。 【４】年数を汎用的にしたものです。年の開始をどうするかなどの問題がクリアできます。2000年代を選べないので，問題を選ぶかもしれません。 【５】カレンダーで日付を選ぶというもので，誕生日といった幅の広い選択肢よりは，飛行機の搭乗日などの時に使われますし，プルダウン方式と併用して用いられる場合も多くなってきています。祭日などの情報にも注意をしなければならないので，開発にはコストがかかりま
iPadならではの特徴的なユーザ行動について (ユーザビリティ実践メモ)
iPadのようなタブレット型のタッチＵＩ端末では、PCでは見られなかった特徴的なユーザ行動が見受けられます。今回は、弊社の調査で見られたiPadにおける特徴的なユーザ行動と、デザイン上のポイントについてご紹介します。 【ポイント１】 ユーザはスクロールが苦ではない 弊社のユーザ調査にて、iPadで画面が切り替わる度にスクロールしてみようと画面をドラッグするユーザがよく見受けられました。ユーザは画面をスクロールしたがる傾向があるようです。 確かにiPad上で画面をスクロールすると、指に吸い付くようにスムーズに画面が動くため、直感的で心地よい感じがします。iPad上での快適なインタラクションは、ユーザにとってポジティブなフィードバックを与え、スクロールも苦になりにくいと考えられます。 情報は極力たくさん並べよう 調査で用いたショッピング用のアプリでは、iPadの縦１画面内におさまるだけの商品し
ユーザの疑問に、「その場で」応えていますか？ - Feel Like A Fallinstar
ネットのユーザ体験設計には欠かせない「疑問の解消」。 商品のよさ、わからない用語の解説、お金のこと・・・ちょっとでも「？」が解消されないと、せっかく集めた人も、検索をしたり他の情報を探すためにサイトから逃げていってしまいます。 最近では、サポート（FAQ）情報を設けるサイトは増えてきましたが、それではまだまだ不十分だということも、数多くのユーザ検証の中で見えてきています。 サポートのトップに飛ばしても、ユーザは満足しない 問題の多くは、とにかくここに帰結します。 サポートページを作りこんで、沢山の情報を充実させればさせるほど、ユーザにとっては「情報が多すぎて、おげっとなってしまう」ページへと変わってしまうという、なんとも厄介な課題にぶつかります。 また、サポートから各商品やサービス下位ページへの導線をこまめに引くのは事実上かなり難しいので、結局戻ってこれない人が出てしまうのも結構大変です。
テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
Five Second Test
Five second testOptimize the clarity of your design or message by measuring first impressions and recall. What is a Five Second Test?Five second testing is a user research method that help you measure a users first impression of your design. It’s commonly used to test a users recall and assess if your design is effectively communicating it’s intended message. Why is Five Second Testing important?F
Silverback — guerrilla usability testing
As of 1 May 2019, Silverback is no longer available to download and purchase. We will continue providing support to Silverback customers for 6 months after that date, and release critical critical updates if necessary. When we created Silverback, we did so to scratch our own itch for simple and affordable usability testing software. We also hoped to promote usability testing as a vital part of the
10 Tips to Design Usable Shopping Carts | Webdesigner Depot
The everyday tasks in our lives are being revolutionized by technology. One task that technology is helping to simplify is shopping: the task of buying products in stores is just not as convenient as online shopping. With that in mind, it is becoming more and more important to pay attention to the usability of e-commerce websites. When customers want to buy a product, they want the process to be q
ユーザーはいかにテキストを読まないか
月並みなWebページの場合、平均的アクセス中にユーザーが読むテキストの量は多くても全体の28％にすぎないという分析結果が出た。より現実的には、20％程度とみられる。 How Little Do Users Read? by Jakob Nielsen on May 6, 2008 Webユーザーによるテキストの読み方を調べ始めた当初から目に付いたのは、彼らが大してテキストを読まないものだという事実である。テキストを流し読みするのは、リテラシーが比較的高いユーザーにきわめてよく見られる行為だ。最近実施したアイトラッキング調査でも、それを一段と裏付ける結果が出ている。 これまで唯一欠けていたのは、ユーザーがどれだけ多くの（またはどれほどわずかな）テキストをオンラインで読むのかを正確に割り出す公式だ。新たなデータのおかげで、それもやっと用意できた。 調査研究データ すべての調査結果を詳しく見たい
アルファサード株式会社
ミッション “ Improve the Web ” テクノロジーでウェブを良くし、 すべての⼈に優しいデジタル社会の実現に貢献する アルファサードの経営理念 “ Something Different for the Best Web Solution! ” PowerCMS フレームワークを活用してウェブの縁の下を支えるテクノロジーカンパニーです。 PowerCMS 自社開発のソフトウェアやクラウドサービスを提供しています。 ウェブアクセシビリティを重視し、標準化活動や新技術の採用にいち早く取り組んでいます。 ウェブの力はその普遍性(universality)にあり、障害の有無にかかわらずあらゆる人がアクセスできるのが本質的な姿です(WWWの発明者であり、現在のW3CのディレクターでもあるTim Berners-Leeの言葉より)。私たちは「よりよいウェブ」にソフトウェアを通じて貢献する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ
uTest - The Professional Network for Testers
Amazon.co.jp： ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践
Internet Marketing Blog
SurveyMonkey for Customer Experience Teams | SurveyMonkey
http://www.designwalker.com/2009/08/usability-test.html
eCommerce Blog | Marketing, Merchandising, and Commerce Insights
ビービット
