usability
[2000月11年18日]
用語【”usability”】の人気記事TOP20
＋ ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
先日ある人と盛り上がったのでここでも書いてみる。ウェブサービスを作ったときにはBlank Slate工夫したいですよね、というお話。 Blank Slateとは「まっさらの状態」、転じて「利用開始直後の画面」でしょうか。会員登録してさぁ、使うぞ、というときの画面をどうデザインするか、というお話です。 ここがうまくデザインされていないと「む？で、ここで何やればいいんかいな...
＋ Alertbox: 右寄せのナビゲーションメニューは読みにくい （2008年4月28日）
左端を上から下へ、ざっと眺めるようにユーザはリストを読む。メニュー項目が右寄せになっていると大変読みにくい。 視線追跡調査によれば、ユーザはリストの左端を上から下に向かってざっと眺めるように読む。左端に並んだひとつか二つの単語の中で目を引くものがあれば、リストの残りの部分にも目を向けることになる。 縦に並ぶメニューのデザインガイドラインは、...
＋ 極東ブログ: [書評]シンプリシティの法則（ジョン・マエダ）
「シンプリシティの法則（ジョン・マエダ）」（参照）は、表題からその意図がわかるだろうが、煩雑な物事にシンプリシティ（簡素さ）を求めるにはどうしたらよいのかという課題に対して、基本となる１０の指針を法則として与えている。翻訳の文体に多少硬い...
＋ 某ECサイトがエキサイトメールのユーザーを締め出す理由 - Web屋のネタ帳
立場上、どこのサイトとは言えないので聞かないように。 要するに、こんなことが多発している（た）のだそうだ。 とあるEC系Webサイトのサポート窓口に「おたくからのメールが届いてないんだけど！」とユーザーからクレームがはいる。 こっちのメール送信機能は正常稼動していることを確認。そこでエラーバウンスメールのスプールをさらってみると、 案の定、該当者あて...
＋ Googleの「サイトリンク」を活用する (ユーザビリティ実践メモ)
Googleで企業名、団体名、サイト名などを入力して検索すると、最上位の検索結果に、トップページへのリンクだけではなく、サイト内のカテゴリ別のトップページなどが表示されます。 このリンクは「サイトリンク」と呼ばれ、Googleのヘルプでは、 サイトリンクは、ユーザーの役に立つと Google が判断した検索結果についてのみ表示します。 サイトの構造が原因で Google のアルゴ...
＋ スターページの見方が分からない - This is not here.
http://d.hatena.ne.jp/Imamura/20080505/star このエントリを見てて思い出したんだけど、スターページの見方がよく分からない。 スターレポートのように最近つけられたスターとか どうやったら分かるんだろう？ スターページが分かりやすければ、 スターレポートが来なくてもまぁいいか、と考えられるんだけどなぁ
＋ Mint's log: アップルストアにレジがない
そういうわけでハードディスクを買いに出かけた。別にどこの店に行ってもいいのだが、12月にオープンしたばかりのアップルストア、West 14th Street店に行ってみた。とても空いている時間帯で店員が暇を持て余している。買う商品はすでに決まっていたが、ディスクを探しているというと店員が二人がかりで相手をしてくれた。店員男「どれでも大差ないから安いのにしておいた...
＋ ABUTEC - onsubmit で disable にするやつを jQuery で
もう話題になってから3年ほど経つようだけど... >> onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー http://d.hatena.ne.jp/naoya/20050803/1123053496 >> onsubmit で disable にするやつ - 鷹の島 http://espion.just-size.jp/archives/05/220233057.htmlこれをjQueryで書き直してみる(コピペすれば動くはず)jQuery("form").bind("submit", function () { var buttons = jQuery( this ).find(":image, :s...
＋ ざわめくインターフェース - レジデント初期研修用資料
たぶん「バックグラウンドノイズ」には、役に立つ情報が多く含まれていて、 我々は、普段は意識しないままに、そこから情報を抽出して利用している。 立ち位置が異なる人同士の力関係とか、世間全体から見た自分の位置みたいな 情報は、たぶんそんな「ノイズ」を通じて取得されている。 ネット世間には、良くも悪くもそんな「雑音」が存在しない。必要な情報に すぐアク...
＋ asahi.com：机はコの字、チョークなし教壇なし 進む「教室革命」 - 社会
机は普段からコの字形に並べ、教壇はない。教室と廊下を隔てる壁はなく、背の低い棚で仕切る。黒板は電子化し、チョークは見あたらない。小中学校の教室では、そんな変革が静かに進んでいる。 千葉県八千代市立阿蘇中学校は昨年１月から、全学級で机をコの字形にした。多くの教科で１時間に１度は３〜４人組のグループ学習が入る。生徒同士の表情がよく見え、言葉...
＋ 1分間で学ぶ、ウェブサイトのユーザビリティ | コリス
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビ [...]
＋ UIについて考えさせられるサイト6選 | クリエイティブ・タブロイド withD（ウィズ・ディー）
WDRDW：海外サイトデザイン探訪 ♯9 原一浩（fxb／karadesign／Design Wedge） バックナンバー先週、中国の上海に出張で行ってきました。上海は想像していたよりも都会で、活気あふれる街でした。上海におけるナビゲーションデザインというのは、日本のものとは若干違っていて、例えば地下鉄の表示などは日本の感覚でいたら、一駅乗り過ごしてしまうというトラブルもありました。 ...
＋ [JS]現在位置を示すナビゲーションを作成するチュートリアル | コリス
＋ Project83 Blog - Commentary on web development, standards and small business » Design Gallery: eCommerce Progress Bars
We do a great deal of eCommerce research, design and development for clients, and one design element I am always fascinated by are progress bars. A progress bar is one of those “best practices” for a checkout process, which shows the user how many steps are in the checkout process, and what step they are currently on. I always find myself searching for good examples of progress bars, and decided to devote significant time to seeing what was out there. It was interesting to see the ones that got ...
