Hatena::ブログ(Diary)

TRANS

2007-01-20

ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

またもや、唐突ですが、ユーザビリティのグル、ヤコブ・ニールセン氏の主張や考えを元にユーザビリティガイドラインを作りました。


ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン::NPO法人しゃらく


主に参考にしたのは、ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます- (RD Books)新ウェブ・ユーザビリティ、そして本体のJakob Nielsen博士のAlertbox。以前から、氏の書籍は目を通していたのですが、どうもまとまった記事が見つかりませんでした。もちろん、2005年 ウェブ・デザインの間違いトップ10などの記事は有名だとは思いますが、いかんせん「やってはいけないこと」ばかりで、「何をやるべきなのか」が掲載されていません。


でも、氏の書籍を読むと、所々に「何をやったほうがよいのか」について書いてあります。かといって、わざわざユーザビリティのチェックを行うために、書籍をめくり直すのも時間がもったいない。というわけで、全部ではないかもしれませんが、実践で使えそうな氏の主張をまとめてみたわけです。


はじめはブログのエントリーとして書こうと思っていたのですが、まとめているうちに膨大な量になってしまったので、別ページで公開することにしました。合計で103個のチェックリストとなっています。


かといって、あくまでヤコブ・ニールセン氏のみから抜粋したチェックリストなので、ほかのユーザビリティ関連書籍やサイトも併用されることをおすすめします。


ちなみに、チェックリスト本体のページは以前書いたTRANS - 2xupで実装されているエラステックレイアウトを調べてみた。を参考にエラスティックレイアウト風のものに仕上げました。中途半端な実装になっているかもしれませんが、それも見てみてください。


追記(1月22日)

はてぶのコメントをうけて、ガイドラインの幅を小さめに設定しなおしました。

FF 2007/03/16 00:30  ガイドラインはTABLE要素でマークアップされているようですが、普通に序列リスト(OL要素)の方が読みやすいように思えます。

参考記事:
http://www.genkroh-udac.net/wordpress/?p=97
http://takagi-hiromitsu.jp/diary/20061019.html
http://hpbuilder.net/diary/?category=Accessibility

aratako0aratako0 2007/03/16 09:23 確かにそうですね。番号を当てているのだから、ol要素のほうがよかったかもしれないですね。

すごく言い訳がましくなりますが、これ、はじめは番号を振らない予定だったんで、table要素でマークアップしていたんですよね。zebra tableみたいにしたくて。
http://www.smashingmagazine.com/2006/12/29/css-based-tables-modern-solutions/

でも、後々考えると、もしかしたら、今後付け加えたり、減らしたりする要素も考えると、class属性が入り込んでしまう、zebra tableは使いにくいな、と思い始め、、、その上、番号もあったほうがよいかなと思い始め、結局table要素を使ったまま、こういう実装になってしまった経緯があるんです。。。

マークアップを一気にオーサリングツールを使って変更してやろうかと思いきや、どうもうちのDreamweaverの「検索・置換」機能を使おうとすると、なぜか毎回フリーズするという情けないバグに遭遇しまして、結局そのまま、と。

すいません、余談でした。

投稿したコメントは管理者が承認するまで公開されません。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/aratako0/20070120/p1