[B! usability] [2ページ] hokacchaのブックマーク

色の組み合わせチェック - 読みやすい前景色と背景色

誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。色の組み合わせ検証テストの手法コントラストの計算色覚偏位のシミュレーション当サイトが独自に加えたコントラストの段階評価コントラストと読みやすさの相関関係色の組み合わせ検証検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行

hokaccha 2007/02/23

リンク

ウェブサイトのデザインは見た目だけではありません:企業のためのウェブサイト活用インサイト - CNET Japan

ウェブサイトのデザインは見た目だけではありません公開日時： 2007/02/21 02:00 著者： yoshi.k ウェブサイトのデザインを考えた時に、まだまだ多くの方は「デザイン = 見た目」となり、Flash を使用した目を引くムービーや、グラフィックのインパクトなど、表面的なデザインばかりに目がいってしまう傾向が感じられます。当然、ウェブサイトのデザインにおいて、目に見えるデザイン、「視覚デザイン」は非常に重要な要素です。ウェブサイトの見た目がユーザーにとってその企業の第一印象を決定付けるポイントにもなりますし、それが実際の問い合わせや購入といったユーザーのアクションにも少なからず影響することを考えると軽視することはできません。しかし、「視覚デザイン」といっても、単に見た目が格好いい、お洒落だというような表面的な部分だけでは十分とはいえませんし、また、視覚デザインだ

hokaccha 2007/02/21

リンク

ハンディがあっても利用できるページづくり：Webアクセシビリティについて

様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。なぜアクセシビリティかコミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20

hokaccha 2007/02/20

リンク

ユーザビリティ実践メモ : 初心者ユーザの視線の動きアーカイブ

アイトラッキングシステムを利用したユーザビリティ調査から、パソコンスキルによってページ内の視線の動きが異なることが判明しています。今回は、パソコン利用歴2年未満で、1日のインターネット利用時間が1〜3時間程度の初心者ユーザへの調査結果をご紹介します。初心者がページ上部を中心に閲覧していく理由として、以下の初心者ユーザの心理・行動特性が挙げられます。ページ上部ほど自分にとって必要な情報があると考えているサイト上の情報把握力・選別力が高くないため、どこまで見たかわからなくなってしまうことを避けようと、全体よりも一部を把握しようとするパソコン画面を閲覧することに疲れを覚えやすいため、1ページに費やす時間が短く、ページ下部まで目を通さない（スクロールをしようとしない）このような行動特性から、初心者ユーザの場合、ページ上部に必要な情報がないとサイトからの離脱に繋がる可能性があり

hokaccha 2007/01/30

usability

リンク

mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com

mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ

hokaccha 2007/01/10

リンク