かつて設計者らは、広告や新聞のレイアウトなどの有効性を測る際に、ほとんど自分の直感や経験則に頼っていた。その後、人々がウェブページやコンピュータの画面を見ている時の目の動きを追跡する視線追跡テストが登場したが、実施に多額の費用がかかった。しかし、今やGoogleは、同社のウェブサイトを利用する数百万人のユーザーの力を借りて、コンテンツやサービス...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。 relevare.com navigation resize like Kurtnoble.com
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル...
『 外見をパラメータやCSSで変更できるツールチップ・ライブラリ。title属性の値を表示。要script.aculo.us。MITライセンス。(→プロジェクト:http://code.google.com/p/tooltips/) 』
『 またまたSFチックなネタだけれど、いずれNonFictionになるんだろうな。「誰が押したのか」、の認識方法はちょっとだけナルホド。 』
CDやDVDのジャケットを検索できるAllCDCoversには、随所におっとするようなインターフェースの工夫が見られます。100SHIKI PR Board参加ブログであるsta la staでも紹介されていましたが、その検索結果が複数ページにわたっている場合の表示が印象的だったので、エントリー。 » AllCDCovers 検索結果が複数ページにわたっている場合、自分が見たい結果があるページを探すためには、一...
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
PR Boardメンバー限定でしたが、先日7日、「ユーザビリティ会議」を行いました。 場所は虎ノ門のbeBit社。百式やチェックパッドも検証してもらっているユーザビリティ専門のコンサルティング会社です。 » ビービット ユーザビリティに特化したウェブコンサルティング 今回ご参加いただいたのは総勢25名。場所の都合により少人数となりましたがおかげさまで盛り上がりまし...
記事本文(いわゆるpermanent link / permalink)に関して、「サイドバー」は100%要らない。要ると思っているのは100%勘違いである。エゴで固執するなら「さいどばー」に相当するリソースへのハイパーリンクを提供すればいい。Web2.0なんだろ? だったらそのリンク先を得意のAjaxとやらで上手に扱えばいいじゃないの。もっともその程度にAjaxなんて全然必要ないけれども、かっこよさげだ...
Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。
『 ページ送りのデザイン例、ダウンロードも可/paginationと呼ぶらしい…知らなかった。 』
『 YahooUILibraryの拡張ライブラリ「ExtJS」(旧yui-ext)の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1:JavaScriptで後からコンテンツを...
Flashコンテンツを作成する際、ウインドウ幅などにあわせて表示領域を広げるように作成する方法がtutorio.comで解説されている。単純にFlashの<object>タグのみ100%など指定すると、Flashそのものが拡大表示されてしまう。
10年以上経った今でもユーザービリティに関する興味深い記事を Web上に掲載しているヤコブ博士。今回は「Four Bad Web Design」というシンプルなタイトルで悪い例を4つ挙げています。Web designers don’t do what I told them to do 13 years ago (13年前に言ったことを未だに出来やしない) と少々強めのトーンで始まるこの記事。もちろん、人ごとだと思って笑えない深刻な問題でもあります。以...
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね? はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言い...
『 注目は、動画アップ・編集機能利用に会員登録を求められない。動画を公開・共有する時になって初めて登録を求められます。会員登録を後回しにすることで、jumpcutはユーザに一旦サービスを体験してもらえます 』
一見便利そうに見えるホイール付きリモコン。しかし、実際に利用してみるとメニューの動きがホイールの動きに連動せず極めて使いにくい。こういったソフトウェアとハードウェアの不整合が日本のデジタル家電ではしばしば起こる ※この記事は、月刊アスキー2008年9月号に掲載された記事をウェブ用に再編集したものです ホイール付きリモコンの憂鬱 家電のインターフェイ...
『 シリコンバレーのデザイナーのなかで必読の書とか売り込み方が卑怯すぎる・・・とりあえず読んでみたくなる衝動に駆られた 』