アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果
iPhone Painters Japan: Jot｜最新型の極細iPadスタイラスペンが発売開始!! 新感覚の書きごこちに感動【スタイラスペンレビュー】
2011/10/01 Jot｜最新型の極細iPadスタイラスペンが発売開始!! 新感覚の書きごこちに感動【スタイラスペンレビュー】 Author: Necojita | Posted at: 10/01/2011 | Filed Under: iPad, スタイラスペン 発売を心待ちにしていたスタイラスペンがついに到着しました。今までのiPad向けスタイラスペンの常識を覆すペン先の視認性の高さとデザインの完成度を兼ね備えた現時点で最高のペンです。 ついにここまで進化した極細スタイラスペン 細くなったと言われていたBamboo Stylus発売から数ヶ月でここまで完成度の高いスタイラスペンが出てくるとは驚きです。まるでボールペンのような先端には透明の円盤がついていて、視界を遮ることなく描けます。 パッケージの裏側には注意書きで使用可能な角度が40°までであることが記載されています。構
外部リンクは別ウィンドウで開かせるべきか？ アクセス解析でユーザー行動を理解する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
iPadは「ブラインドタッチ」ではなく「ビジュアルタッチ」すべき。〜 iPadのある生活 010 | 覚醒する @CDiP
朝起きて非常に面白いエントリーを見かけました。 ◆ RyoAnna’s iPhone Blog iPadへの過剰な期待 http://d.hatena.ne.jp/RyoAnna/20100502/1272814082 Twitterでもお世話になっている @RyoAnna さんが @katudon さんのiPadを使わせてもらっての雑感が書かれています。興味深い内容、いわゆるファーストインプレッションとして面白いなと思いました。ほんと、正直な忌憚ない意見を聞かせてくれと言われればそう答えるのではないかというエントリーで楽しませて頂きました。 Flashが見られないこと、確かにそうです。iPhoneアプリをダブルサイズで画面粗い。ほんとそうです。ただ、後半のキー入力であるとか、PCの代わりにはならないであるとか。色々と参考になりました。 で、今日私が釣られてみようと思ったのが「キー入力に関
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR
そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
Twitterの投稿：反復デザイン
我々は5回のデザイン変更を経て、タイムラインのメッセージをより印象に残り、説得力があってバイラルなものにした。 Twitter Postings: Iterative Design by Jakob Nielsen on August 24, 2009 数日前、Nielsen Norman GroupのTwitterのタイムライン（@NNgroup）に次のユーザビリティカンファレンスについての告知を投稿した。 今のところ、私はストリームベースの投稿に対する全てのガイドラインを持っているわけではない。なぜならば、現在、我々は（特に私の読者のようなB2Bユーザーに関する）ユーザビリティ調査を実施中だからだ。しかし、既に観察の終わったユーザーセッションをベースに、 5回 の反復デザインを行い、この記事を書いた。 1回目のデザイン Announcing LAS VEGAS and BERLIN a
感情に訴えるデザインの3つの要素
今度から美に生きることにしました。(笑) みんな言ったものです。ノーマンはいいけど、彼の言う通りにやると使いやすくてみっともないものができる。そんなつもりはなかったんですけどね……。これ素敵でしょう? セッティングをしてくれてありがとう。純粋に素晴らしい。これが何なのか、何の役に立つのかわかりませんが、ただ欲しいと感じます。それが私の新しいあり方です。美や、魅力や、感情とは何かを理解すること、それが新しい私です。ものを素敵で楽しくするというのが、私の新しいテーマです。 これはアレッシィが出しているフィリップ・スタルクがデザインしたレモン搾りです。すごく楽しい。私の家にもあります。玄関のところにですけど。レモンを搾るのには使いません。(笑) 私が買ったのは金色のスペシャルエディションなんですが、小さな注意書きが入っていました。「レモンを絞るのには使わないでください。金メッキが酸で痛みます
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
21世紀のMac vs Windows再び, Android端末HT-03A登場
Android端末の本質は、Google IDを入力するだけで、Google検索、GMail , Talk , Maps , Youtubeが持ち運べるクラウド端末だと思った。 ドコモのAndroid端末、HT-03Aの発売前日に、AMNのイベントで一足早く触ることができました。 イベントの申し込み時に、「当日何を試しますか？」という質問があったので、 「Movatwitterの動作確認です」 と書いて当選することができました。 さて、HT-03AおよびAndroidのレビューを書いてみたいと思います。 触ってみたことと、その後、twitterでリプライをもらったことを含めて感じた、 ■HT-03A、Androidの良いところ。 ・本体の質感は結構良い。 ・本体が手のひらサイズで持ちやすい。 ・検索ボタンが優先的に存在するGoogleらしさ。 ・検索することを前提においたユーザーインターフ
「バナー広告よりテキスト広告が良い」なんて信じる人、もう居ないと思うけど - Feel Like A Fallinstar
「バナー広告よりテキスト広告が良い」なんて話がインターネット初期に語られていました。 バナーはユーザに見飛ばされる（いわゆる”バナーブラインド”） コンテンツに程よく溶け込むテキスト広告のほうがクリックされやすい だから、テキスト広告のほうが良い こんな3段論法ですね。 そんな話を、今でもアイトラッキングツールの検証例や（謎の）ユーザビリティ記事で見かけることがあります。 でも、現実には、こんなバカな話をしてたら大笑いされるのが関の山です。 広告主から見た広告の価値 そもそも「押される広告」に意味がある、というのはPVが稼げればいいという単純な思想に基づいています。 アクセス解析だけでなく、広告効果測定専用のツール、さらには広告と顧客データベースを紐付けたライフタイムバリューの分析までできるようになった今、サイトへの誘導量にたいした意味はありません。 クリックが欲しければ、いくらでも安い枠
メールって盗聴されますか？
久々に興味を持つネタに出会った。（最近、みんな飽きちゃったのか、こういう熱い話、はてブで見かけなくて） ブログが続かないわけ | クライアントの要望を満たすと、セキュリティ的に問題がある。どうしたらいい？ １．ログインに失敗したときのメッセージ ログイン失敗時のメッセージに「パスワードが間違っています」と書くと、ログインフォームが、パスワード検証機になってしまうので、そういう表記はやめたいのだけど、お客さんは、利便性を取って、「パスワードが間違っています」と書いてくださいといわれる、という話。 個人的なサービス判断としては、 ログインフォームは、なんとしても「パスワード検証機にはさせない。」 もしパスワードのエラーを出させるなら、５回間違えたら、アカウントロックして、本人にロック解除メールを送るかな。 銀行のサイトほどガチガチじゃないけど、銀行に近いものは実現できる。 これに関しては、そこ
さまざまな利用を想定して書く
オンラインコンテンツは、文脈とは無関係にユーザーの目にとまることが多い。本来想定された目的とは違う目的で読まれることもよくある。そうした目的を全部予測することはできないが、テキストのさまざまな利用を考慮することはできる。 Write for Reuse by Jakob Nielsen on March 2, 2009 ありきたりなアドバイスではあるが、どのような媒体であれ、読者と読者のタスクとに合わせてシンプルな文章を書くことが肝腎である。旧来の媒体の場合、読者の目的ははっきりしている。たとえば推理小説の読者であれば娯楽を求めているのであり、ウォール・ストリート・ジャーナル紙の「マーケット」欄の読者なら投資のヒントを求めているといった具合である。 しかしウェブに掲載する文章は違う。次に示すように、さまざまなユーザーがコンテンツの一部にさまざまな方法でアクセスしてくる可能性があるからである
世界最良のヘッドライン：BBC News（前編）
わずかな言葉で正確に情報を伝えられるか？ BBC Newsの編集者は、それを毎日やりぬき、ユーザビリティに優れたヘッドライン（記事見出し）を掲げている。 World's Best Headlines: BBC News by Jakob Nielsen on April 27, 2009 ウェブ用に記事を書くことや、その記事を簡潔で、流し読みしやすく、客観的な内容のガイドラインに合わせるには、かなり大変な作業である。ましてやウェブのヘッドラインを書くともなれば、次のような条件が求められるため、なおさら大変である。 文は短く（オンラインでは熱心には読まれないため）。 情報の匂い（手がかり）をふんだんに漂わせ、要点を明確にまとめる。 最重要キーワードを文の先頭に持ってくる（ユーザーは各項目の先頭しか流し読みしないことが多いため）。 文脈なしでも意味がわかる（ヘッドラインは、検索エンジンの検索結
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
モバイルWeb2009 ＝ デスクトップWeb1998
携帯電話ユーザ（ハイエンド機含む）はウェブサイトを利用するのに悪戦苦闘している。この問題を解決するには、モバイル専用のウェブサイトを提供するしかない。 Mobile Web 2009 = Desktop Web 1998 by Jakob Nielsen on February 17, 2009 最近、私は多くのユーザビリティテストのセッションを実施して、被験者が自分の携帯電話でウェブサイトを使おうとする様子を観察した。それは冷や汗ものの体験であった ? それはユーザと調査担当者の両方にとって。我々がそこで観察したユーザエクスペリエンス、まるでタイムマシンに乗って 1998年に戻ったようなものであった。その類似点は数えきれない程ある: 成功率の悪さ。厳密な数値を公表するのは、ロンドンで予定している次のラウンドのテストの完了を待ちたいと思う。しかし、アメリカで行ったテストでは、携帯電話を使っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは
