タグ: ユーザビリティの付いた投稿
2012/05/03 @10:40 | レスポンシブWebデザイン
先日、ユーザビリティ・エキスパートのJacob Nielsen氏が彼のウェブサイト「Alertbox」に掲載した「Mobile Site vs. Full Site (別モバイル・サイトか、フル・サイトか)」(4月10日付け)という記事を発端に、「モバイル・サイト」のユーザビリティや実装手法について、ウェブ制作者やデザイナーの間で議論が繰り広げられているようです。大変興味深い内容だったので、自分なりの考察をまとめてみました。
元記事の内容
まずは「モバイル・サイト」と「フル・サイト」の定義の確認から。
- ここで彼が使う「モバイル・サイト」とは、デスクトップ向けとは別のモバイルに最適化された別モバイル・サイトのこと。
- 「フル・サイト」とはデスクトップ向けのフル機能、フル・コンテンツを備えたサイトのことを指します。
続きを読む
2012/04/28 @12:13 | ウェブ制作・運営に役立つツール

「読み込み中」のくるくる回るアニメーションGIF画像を簡単に作れる便利なサイトがあったのでメモ。
AJAX的なことをやると必要になるロード中/読み込み中のアニメーションアイコン。ゼロから作ると結構手間がかかってしまいそうですが、このサイトを利用すれば、以下の4つを選択するだけでアイコンを簡単に作れます。 続きを読む
2011/08/04 @11:20 | 制作・運営・ノウハウ

Photo by Francisco Javier Argel
最近、ウェブサイトのリフォーム作業をしていて、つくづくウェブサイト制作って難しいなぁと実感しています。そんな「難しい」の一つ、今回はナビゲーションについてちょっとまとめておきたいと思います。
きっかけは、先日行った社内レビューでした。
「必要な情報にはトップページから1クリックでたどり着けるべき」といった旨のコメントをもらって、改めてナビゲーションについて考えたさせられてしまったのです。「1クリックはいくらなんでも無理だろう〜。」なんて思いつつ「じゃぁ、なんクリックだったらいいんだ?」なんて疑問に思ってみたり。。。 続きを読む
2011/01/08 @1:11 | 制作・運営・ノウハウ

前回レビューを書いた「Twitter for Mac」の3本指スワイプの操作が面白かったのでご紹介。Twitterアプリの操作は「Macアプリの標準操作と違っていて使いにくい」という意見もあるようですが、個人的には「違い」が新鮮で楽しいと感じています。 続きを読む
2010/11/21 @12:32 | その他いろいろ

GoogleのChrome Teamが作った「20 Things I Learned About Browser and the Web」というサイトが、細かいところまですごく良く出来ているのでご紹介。これからのウェブ制作の見本に出来る点がたくさんあるなぁと思いました。 続きを読む
2010/11/19 @7:29 | 制作・運営・ノウハウ
あるサイトのコメントフォームを見ていて、これはありだなと思ったのでメモ的にエントリー

このフォーム、以下の2点が優れていると思います:
- パッと見、必須項目がどれだか分かりやすい
- 矢印になっていて、入力を促すようになっている
小さなことですが、こういった工夫が使い勝手を良くするために重要だと思うんですよね。シンプルで奇麗だし、ぜひ見本にしたいデザインです。
2010/04/08 @12:09 | 制作・運営・ノウハウ
ウェブ・ユーザビリティの権威、ヤコブ・ニールセン氏のAlertboxの記事「Horizontal Attention Leans Left」によると、ユーザはウェブページを見る際に、ページの左側により多く注意を払うとのこと。ページの左端から200〜500ピクセル近辺にある情報に最も時間を費やすそうです。

このデータから3カラムの基本的なページレイアウトが有効だということが分かる。
- 左カラムにナビゲーション(0〜200px)
- 中央にメインコンテンツを設置(200〜700px)
- 右カラムにサブコンテンツを設置(700px〜)
ユーザが慣れ親しんだレイアウトが一番使いやすいということなのでしょう。こういったデータがあると説得力があるので、いつでも参照できるようにしておきたい。
また、すべてこうすれば良いというのではなく、ユーザの行動パターンを把握したうえで、時にはあえて外してみたりするのが有効だと思う。サイト内を回遊してもらう際に、すべて同じレイアウトでユーザを飽きさせてしまうのも問題だ。