ウェブサイトを設計する際には、ユーザーが求めている情報に早くたどり着けるように、コンテンツやナビゲーションの配置などに注意する必要があります。この連載では、実際に被験者に課題を与えた上でサイトを閲覧してもらい、ユーザーの視線の動きを感知してモニターのどこを見ているのかを記録する「アイトラッキングツール」を利用してユーザーの直感的な行動を分析します。ツールはTobii Technologyの「Tobii Eye Tracker」を利用します。 今や検索は誰でもが使う基本的なツールです。知りたいことを入力し、検索結果から該当するようなサイトをピックアップするということは誰しもが行っていますが、通常の検索行動では答えが導きにくい問題に直面したときに、人はどのような行動を起こすのでしょうか。 今回は、「弊社ドラゴンフィールド事務所に一番近い花屋を探す」という課題を設定しました。このような地理情報が

javascriptをoffにするとmixiが劇的に軽くなった。 先日のエントリーでも書いたとおりmixiでは非常に多くのjsライブラリを読み込んでますが、javascriptをoffにするとどれくらい軽くなるのか調べてみました。 調べたページは例の日記投稿画面。 javascript onの場合 363個のリクエストで607KB(548KBはキャッシュから)で11sかかっています。 ※読み込んでいるjsライブラリが修正されたようです。(2007/10/11) javascript offの場合 69個のリクエストで197KB(126KBはキャッシュから)で2.77sかかっています。 結論 JavaScriptをoffにすると単純計算で4倍の早さになります。 またmixiはjavascriptをoffにしても、私が普段利用している機能のほとんどは問題なく利用できます。 (ほとんど利用してな

ユーザーがページのどこをクリックしたか解析するツール ユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？ 今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。 ちなみにto-Rを解析した所、このような結果になりました。 最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。 お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。 などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。 セットアップ まず

ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2

記事本文（いわゆるpermanent link / permalink）に関して、「サイドバー」は100%要らない。要ると思っているのは100%勘違いである。エゴで固執するなら「さいどばー」に相当するリソースへのハイパーリンクを提供すればいい。Web2.0なんだろ? だったらそのリンク先を得意のAjaxとやらで上手に扱えばいいじゃないの。もっともその程度にAjaxなんて全然必要ないけれども、かっこよさげだろう? わらい。 煩悩是道場 - ブログのサイドバーって本当に必要？ 煩悩是道場の中の人は情報の消費者の視点で記事を書かれているが、サイドバーは「ブロガー」として見ても要らないものである。せっかくのPCのマルチタスク機能の利用を妨害してまで横幅を消費する価値が、「さいどばー」にあるのかどうかを考えればわかる。ある記事を参照しながら何かを書くときウィンドウを左右に二つ並べないのは、多くの人に

いまiPhoneを触るのは“危険”かもしれない――動画で見るiPhoneの魅力（後編）：物欲で身悶えます（1/4 ページ） 前編ではiPhoneの画面スクロールやメール機能などを例に、使う人を恍惚とさせるユーザーインタフェースについて動画を交えながら紹介した。iPhoneの最大の魅力が洗練された操作感にあるのは間違いない。 しかしiPhoneにはもう1つ特筆すべきことがある。それは、おそらくこれが世界でも初めての「PCがないと使い物にならない携帯電話」だということだ。 iPhoneは、購入した直後の状態では緊急電話をかける以外の操作ができない。初期状態から電話番号を取得して可動状態にするのもUSB接続したPCからだし、曲や動画データを入力するのもPCからだ。これは一見、不便に聞こえるかもしれない。しかし、PC（特にMac OS X）を使いこなしている人たちにとっては、夢のように便利なアプロ

スパムメールが待ち遠しい――動画で解説するiPhoneの魅力（前編）：“時代遅れ”の端末がスゴイ理由（1/2 ページ） 連日のiPhone情報のラッシュで、iPhoneの基本をおさらいしたレビュー記事は、英語だけでなく、日本語でもそこかしこで読むことができるようになった。しかし、iPhoneには機能だけでは語り尽くせない魅力がある。いや、むしろ機能を列挙したかぎりでは、iPhoneは“時代遅れ”の携帯電話にすら見えてしまう。 GSM＋EDGEという通信仕様にしても古いし、200万画素カメラも日本のケータイと比べるとかなり物足りない。ブラウザに「Safari」と書くべきところを「PCサイトビューアー」と書き換えて比較すれば、およそたいした携帯電話には思えないのだ。 しかしそれでいて、iPhoneを人に見せると「スゴイ」の言葉が返ってくる。「頭の中の印象とぜんぜん違う」、「実物を見ないとよさが

ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ，というのは，ウェブサイトやウェブ・アプリケーションにおいて，どういうURIでそれぞれのページにアクセスできるようにすると，利用者は使いやすいのか，ということです。つまりは，どのようにURIを設計するのがいいんだろう，ということです。URIの設計については，これまでもいろいろなところで議論がなされていますので，それらの議論や動向などを見ながら，考えていきたいと思います。 URIを話題として取り上げようと思ったのは，4月の4，5日に行われたYAPC ASIA 2007（YAPCはYet Another Perl Conferenceの略）で，Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき，「Voxの出力するRS

日曜コラムです、こんばんは。 Amazonでコミックスを探すとき、 「○巻」というのが 結構わかりづらかったりします。 「・・・えっ？ 普通に書いてあるじゃない？」 と思った方、 それは実はタイトルに文字として書いてあるだけなのです。 「いや、普通にタイトルに書いてあれば十分じゃ・・・」と思った方、 確かにそうかもしれませんが、コンピュータで処理しようと思ったりすると、 これがちょっと厄介な対象になるのです。 今日はそんなお話。 そもそも何でそんなものを処理の対象にしようと思ったのかといいますと、 コミックスの購入には、こんな特徴があります。 「対象を１品１品捉えず、シリーズとして捉える」 デジカメだったら「私、FinePix F30 持ってるよー」とは言いますが、 「私、FinePix全部持ってるよー」とは言いません。F30を持っている人 にとって、F31やF40は買わなければいけない対