Google が考えるよりよいユーザー体験とは
先月開催された Google I/O 2010 は、WebMプロジェクト、Chrome Web Store、Google TV などなど興味深い話題が目白押しだったわけですが、デザイン関連でもおもしろい講演があったのも見逃してはいけません。Google とデザインはかけ離れていると考える方もいるかもしれませんが、そんなことはありません。装飾的な意味でもデザインはないかもしれませんが、彼等は高いデザイン意識をもって開発をしています。その例として以前紹介した Google のデザインガイドライン10項目が挙げられます。 Google I/O では「Beyond design: Creating positive user experiences」というUXの話題で講演を行っています。動画とスライドデータが公開されているので、興味はある方はぜひダウンロードしてみてください。 デザインガイドライン
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
アクセシビリティの定義、ユーザビリティとの違い | コラム | ミツエーリンクス
2010年6月11日 アクセシビリティの定義、ユーザビリティとの違い アクセシビリティ・エンジニア 中村 精親 「アクセシビリティとユーザビリティに配慮する」 Webサイトの制作において、このような文面を見かけることがあります。しかしながら、両者の違いやそれぞれを向上させる効果についてはあまり理解されていないのでは、と感じることもあります。 「ユーザビリティは考慮したいけれども、アクセシビリティはそのうち」 このような考えのWeb担当者の方もいらっしゃるようです。 これはひとつにはアクセシビリティの定義が明確ではなく、人によって認識、理解がさまざまであることに起因しているのではないかと考えています。 そこで本稿では、アクセシビリティの定義についてひとつの考え方を示し、また、混同されがちなユーザビリティとの違いを明確にすることで、アクセシビリティ向上の必要性や、その意義について考えてみたいと
【コラム：ユーザビリティ】エントリーフォーム最適化（EFO）〜EFOはコンバージョンをあげる特効薬〜 - Webマーケティングコラム - ユーザビリティ - Webマーケティングガイド┃Webマーケテ
日本のWebサイトと海外のWebサイトの根本的な違い - Seattle Color
メディア | 11:04 | 今期は、Cross cultural Communicationについて学んでいます。その中で見つけた論文では、グローバル企業の代表であるマクドナルドのWebサイトを比較して、Webサイト制作における文化の影響について論じていました。 論文の発表は2005年ですが、実例の調査時期が2003年なので、ちょっと古いのですが、内容がおもしろかったので、簡単に紹介します。 A Cross-Cultural Analysis of Websites from High-Context Cultures and Low-Context Cultures この議論は、国内のもの、あるいは海外のものをそのまま翻訳して移行しても、受け入れられにくい理由の説明になります。翻訳された海外サイトのWebサイトを見たときに生じる違和感は、実は翻訳された言葉の問題ではなく、コミュニケーシ
ソシオメディア
ソシオメディアは各種ビジネス向けデジタルプロダクトのデザイン支援を行うデザインコンサルティング会社です。業界をリードする OOUI（オブジェクト指向ユーザーインターフェース）設計、独自ガイドラインをもとにしたエクスパートレビュー、クリエイティブ組織を構築するデザインマネジメント支援など、様々な角度から御社のデザイン戦略をサポートし、デジタルトランスフォーメーションを実現します。 もっと読む 多くの方からご要望をいただいておりました OOUI メソッドの解説書『オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理』が、2020年6月5日、技術評論社より遂に出版されました。 オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて劇的に使いやすくなり、開発効率も向上します。 ブ
テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
「pukiwiki、はてなトップページの妙な恐怖感」の原因 - Liquidfuncの日記
Togetter - まとめ「pukiwiki、はてなトップページの妙な恐怖感」 http://togetter.com/li/8513 気づいた点をまとめてみました。 要因1 ロゴマークが認識できないため、Webサイトの「存在」も認識できない GoogleにもYahooにも、Webサイトのシンボルとしてロゴマークがあります。「いやいや、そんなんpukiwikiにもはてなにもあったじゃん」と思うかも知れませんが、この2つのWebサイトのロゴマークの位置に注目してください。左上の隅にピタッとくっついてますよね。これだとページをパッと見た瞬間に、視界に入らないはずです。つまり認識できません。 ※実際に自分のブラウザで開いてみてください はてな http://www.hatena.ne.jp/ Twitterクライアント - TwitterまとめWiki http://usy.jp/twitte
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR
Usability tips for visualizing Ajax requests : Janko Jovanovic
The usage of Ajax in web applications and web sites is rapidly increasing. If not handled properly Ajax fucntionalities can break users’ expectations and conventions. This is why it is important to help users easily identify what is going on with the system and prevent them to make errors during Ajax operations. Keep users informed Ajax indicators are very important tools that help users to have a
読んでおきたいユーザビリティーに関するブログ10 – creamu
UX Boothというサイトで、読んでおきたいユーザビリティーに関するブログがまとまっています。 ざっといくつかご紹介。 Usability Post 見た目だけでなく、機能的に美しいデザインをテーマにしているブログ Boxes and Arrows グラフィックデザインやインタラクションデザイン、IAなどについて幅広く扱っているサイト UI Trends 面白いユーザーインターフェースやサイトのトレンドを紹介している UX Exchange IAやユーザビリティー、アクセシビリティー、インタラクションデザインについてのQ&Aサイト UX Matters 効果的なユーザー体験とは？ユーザーを満足させるインターフェースデザインとは？といったことをテーマに書かれているブログ 特に、Usability Postはデザインもかっこよくていい感じですね。 その他もいろいろあるので一度見てみてください
サービス普及のためのユーザーインターフェース指向型サービス開発
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo!ブックマークのディレクションを担当しています。本エントリーでは、エンジニアのみなさまや企画担当の方を対象にサービス普及施策のヒントとなるような話題をお届けします。 「サービス普及のために何をすべきか？」 おそらくサービス関係者にとって永遠のテーマといえるこの課題に対し、ユーザーインターフェース（UI）を起点にサービスのあり方を考える方法が有効です。 特に効果的と思われるのは「アフォーダンス」と呼ばれる概念を応用した取り組みです。これより詳しくご紹介します。 アフォーダンスとは？ 認知心理学の分野から出てきたのが、デザイン業界で転じて、道具の使いやすさ実現のためのキーワードとなりました。その
実用的なユーザビリティの10のポイント：ガイドライン編 | コリス
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか？ 左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.
Webツールに最適な、ちょこっとだけ体験させるインターフェイス : ロケスタ社長日記
シフターというツールがあり、僕も使ってたりしてたんですが、そのプロモーションサイトがリニューアルしたらしいです。 これがなかなかどうして、ぐっとくるインターフェイスだったので紹介します。これはツール系のサイトをやっている人には参考になるのでは。 シフターとは？ そのまえに「シフター」って何よ、という話です。 シフターについては以下で紹介したことがあります。 アルバイトのシフトをWeb上で管理する「シフター」が相当イケてる : ロケスタ社長日記 簡単に言うと、アルバイトのシフト管理を効率よくできる、Web上のツールですね。いまだにＥｘｃｅｌとかでやっている人が多い中、Web上で管理できる数少ないツールの一つです。 シフターとは？ で、このインターフェイスの何がいいかというと、トップページ上で、シフターのツールのさわり心地を実際に試すことができるのですね。 こんな感じ。 今
メガメニューはサイトナビゲーションに効果あり
大きな二次元のドロップダウンパネルは、ナビゲーションの選択肢をグループ化することでスクロールの必要性を無くし、タイポグラフィやアイコン、ツールチップを使うことで、ユーザの選択できる内容をわかりやすく提示してくれる。 Mega Menus Work Well for Site Navigation by Jakob Nielsen on March 23, 2009 もうすぐ開催予定のナビゲーションデザインセミナーに向け、我々は様々なナビゲーション機能についてのユーザスタディを実施している。いつものことだが、中にはひどい結果が出てしまった機能もあるし、これまた、いつものことだが、今、流行のようになっている機能（今回の場合はタグクラウド）にはユーザビリティ上の大きな課題が見つかった。 幸いにも、他のウェブトレンドは本質的にユーザビリティに優れており、ユーザの行動やゴールによく合っているというこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/wmnews/20091110/8.html?rss
could
http://www.designwalker.com/2009/08/usability-test.html
IDEA * IDEA
[Think IT] 【見やすさと使いやすさ】ガラリと変わる！UI入門