Content-Length: 308801 | pFad | http://b.hatena.ne.jp/julia28df/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3/
そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
ウェブサイトにとって重要なユーザビリティの7つのクイックチェック
Quick Usability Checklist 下記は、その意訳です。 はじめに 下記の全ての項目が、すべてのサイトに当てはまるわけではありません。これらは、あなたのサイトの方向性を示唆するものです。 1. Site ID サイトはIDは非常に重要な要素で、ページ上部の左やナビゲーションの側によく配置されているサイト名やロゴのことです。 サイトIDには、トップへのリンクを設けるか、ナビゲーションにトップのリンクを設置する必要があります。 2. Page Name ページの名前は、サイトIDと同様にユーザーに明確に伝える必要があります。 ビジュアル的にページの名前であると分かるように目立たせるべきです。 また、ユーザーがそのページに到着するためにクリックしたテキストと一致している必要もあります。リンク元とリンク先が同じ内容のものであれば、ユーザーは混乱することがなくなります。 3. Na
ユーザの視線に配慮したページ作り：「表」編 (ユーザビリティ実践メモ)
弊社のユーザ行動観察調査では、アイトラッキング（ユーザの視線分析）を利用していますが、ある程度ユーザ理解があれば、「認知的ウォークスルー」（ユーザになりきってそのサイトを検証する）という手法でも、視線の流れを意識したサイト評価・設計ができるようになります。 今回はWebページ内の表のつくり方を例に、「視線を意識したサイト設計」のヒントをご紹介しましょう。 このニュース一覧は、ぱっと見はきれいなのですが、実際にはユーザの情報収集を妨げています。その理由がわかるでしょうか？ この例の場合、ユーザはまず文頭を見て自分に必要な情報を探すのに対し、文章が中央ぞろえになっているため、視線を左右に動かす必要があり、情報収集の効率を下げています。 そこで、文頭を左寄せにすることで視線がスムーズに流れ、表が読みやすくなります。 ただし、左寄せが万能なわけではありません。次の例をご覧ください。 いかがでしょう
ユーザビリティで売上が増える？――創造的ユーザビリティによる魅力的な製品へのアプローチ／HCD-Net通信 #8 | HCD-Net通信
そういう考えから消費者に対する商品性を高めようと、感性価値の方向に向かう人々もいる。しかし、ちょっと待ってほしい。ユーザビリティの定義をもう一度考えてみていただきたい。ユーザビリティというのは有効さ（effectiveness）と効率（efficiency）だ。ISO9241-11では、その他に満足感（satisfaction）も含めているが、以前書いたような理由から、僕はそれをユーザビリティの下位概念とは考えていない。さて、その有効さと効率は、本質的にマイナスをゼロにする地味なユーザビリティについてまわるものだろうか。そうではない。 ISO9241-11の定義はビッグユーザビリティと呼ばれているように、ニールセン（Nielsen）の定義におけるユーザビリティ（これをスモールユーザビリティと呼んでいる）とユーティリティとを合わせた概念として考えられている。このISO9241-11の定義は、
普通の企業がWebアクセシビリティをコストからチャンスにするには | 初代編集長ブログ―安田英久
今日は、アクセシビリティについて。アクセシビリティというと、多くのWeb担当者が「うちの会社は大企業でもないし公共機関でもないので、関係ない」と思うかもしれません。アクセシビリティは「コスト」であるととらえられていることが多いでしょう。しかし、視点を変えれば、そこに「チャンス」もあるのです。 念のために確認しておくと、「Webアクセシビリティ」とは、身体障がい者や高齢者などにとっても使いやすいWebサイトにするための考え方や方法論のことです。一般の言葉でいうと「バリアフリー」や「ユニバーサルデザイン」というとわかりやすいでしょう。 具体的には、視覚に障がいのある人はWebページを読むのに「音声読み上げツール」の類を利用しますが、見出しや図を画像として作っていると、プログラムは画像内のテキストを理解できないので内容を把握できないことになります。そういった場合に画像のalt属性などを利用して読
ユーザの商品探索プロセスとサイト上の注意点 (ユーザビリティ実践メモ)
家具、日用品などを扱うECサイトでは、ユーザがサイトに訪れてからどの商品を購入するかを検討する行動が多く見られます。このようなサイトでは、ユーザがいかに目的とするものにスムーズに辿り着けるかが特に重要となります。 こうした問題に対処していく場合、次のようなユーザの行動特性を踏まえる必要があります。 ユーザは最初に、探しているものの形状、大きさなどの大まかな特徴を含んだ表象(注)を形成します。 （「リビングに置くための低めのテーブルが欲しいなあ」といった漠然としたイメージを思い描いています。） (注)表象・・・ある存在に対する頭の中の対応物。イメージ。 イメージがあいまいで直接具体的な商品が引き出せないため、一旦像を抽象化します。 （一般名詞としての「机」を想起します） 外部の視覚的刺激を受けて探しているものが属するカテゴリを同定します。 （画像やカテゴリ名を頼りに、探しているものが「ローテ
Googleの「サイトリンク」を活用する (ユーザビリティ実践メモ)
Googleで企業名、団体名、サイト名などを入力して検索すると、最上位の検索結果に、トップページへのリンクだけではなく、サイト内のカテゴリ別のトップページなどが表示されます。 Googleのヘルプでは、 サイトリンクは、ユーザーの役に立つと Google が判断した検索結果についてのみ表示します。 サイトの構造が原因で Google のアルゴリズムが適切なサイトリンクを見つけることができない場合や、サイトリンクとユーザーのクエリとに関連性がないと思われる場合、サイトリンクは表示されません。 という説明がされています。 弊社のユーザビリティテスト（ユーザ行動観察調査）では、このサイトリンクが頻繁に利用されている様子が観察されています。 たとえば「住宅ローンを探す」という設定下では 銀行名で検索 その銀行のトップページ＋サイトリンクが最上位に表示される サイトリンクの中に「住宅ローン」という文
リンクは青字下線？ (ユーザビリティ実践メモ)
テキストリンクは青字下線で表すことが一般的ですが、最近では、デザイン性を重視して敢えて青字下線を使用しないサイトも増えてきています。 そこで今回は、リンクの見せ方について検討してみたいと思います。 具体的には、青色以外のリンク色を用いる場合は、 下線をつける サイトの背景色や他のテキストに埋没してしまう色にしない という配慮がなされていれば、ある程度自由な色であってもユーザビリティに影響はないということが観察されています。 下線を使わない場合は、リンク色は青色のままの方が望ましいようです。加えて、「オンマウスで下線表示、または色反転する」といった何らかのフィードバックを演出すると、リンクであることがより明確に伝わるようになります。 リンクの見せ方の注意点としては、他にも サイトの中で一貫性を持たせる(例：ページごとに下線があったりなかったりするのは原則NG) 一般的なルールから逸脱しない(
説得不要ユーザを考慮した入口ページ設計 (ユーザビリティ実践メモ)
会員登録やサービス申込などのコンバージョンをゴールとしているウェブサイトのターゲットは、そのゴールの達成までに「説得が必要なユーザ」と、「説得が不要なユーザ」の2タイプに分けて考えることができます。 今回は、後者の「説得が不要なユーザ」について取り上げます。 このサイトには、非会員が利用できるサービスもあるのですが、入口ページで会員登録へのリンクを目にしたユーザが、即座に登録を開始しました。 このユーザは、会員登録へのリンクを見たことで、登録した方が多くの機能を使えるのだろうと予想し、とりあえず登録しておこうと考えたのです。 こうした「説得が不要なユーザ」の存在については、アクセス解析による定量的な事例もあります。 あるサイトで、会員登録のボタンをトップページ右上から左上に移動し、クリエイティブを目立つものに変更しました。 この変更の結果、トップページ流入直後の会員登録率が増加し、同時にサ
第7回 コンテンツの魅力を引き出すユーザーフレンドリーなウェブライティングのコツ | Web担当者Forum
第7回 コンテンツの魅力を引き出す ユーザーフレンドリーなウェブライティングのコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） コンテンツの価値を確実に伝える ウェブライティングの基本6大原則とは「Content is King」という言い回しを見聞きしたことはあるだろうか？ これは“音やグラフィックなどの表現法より、提供する情報の中味がまず第一である”という格言であり、ビル・ゲイツも引用しているほどだ。最近は、SEOやLPOを筆頭とするさまざまな「ノ
108位から一念発起して大学サイトのユーザビリティ調査で2年連続1位獲得／中央大学 | かわちれい子のウェブマスターのお仕事
かわちれい子のウェブマスターのお仕事 中央大学ウェブマスター 渡辺 純一氏 取材・文：かわちれい子（CreatorsNet） PHOTO：津島 隆雄 会社によって大きく異なる「ウェブマスター」の実態。所属部署は？ 予算確保は？ ワークフローは？ サイトの目的は？ 注目しているテーマは？ さまざまなウェブマスターの姿を見ることで、これからのウェブマスター像を見出したい。 中央大学のウェブサイトは、日経BPコンサルティングの実施した「全国大学サイト・ユーザビリティ調査2006/2007」において総合スコアで第1位を獲得している。 2005年に続いて2度目の1位に導いたのは渡辺 純一。1996年にウェブサイトを立ち上げ、現在は広報課に相当する入学センター事務部でウェブマスターを務める渡辺氏に、大学サイト運営のポイントを伺った。 中央大学ウェブサイトの基本的な情報はこちらを参照。 ユーザビリティ調
ボタンでサイトの文字サイズを自由に変更するサンプル:phpspot開発日誌
Zoom Zoom Zoom Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. ボタンでサイトの文字サイズを自由に変更するサンプル。 右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。 switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。 もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。
ブログの文字サイズとブラウザの文字表示設定：ekken
普段あまり使っていないGmailに、このブログのフォームからメールが届いていた。 曰く「えっけんさんのブログの文字が大きすぎて読みにくい」（意訳）。 もしかしたら「読みにくい」のではなくて「デザインがダサい」ということなのかもしれないけれど、面白いことを言う人がいるものだな、と思った。 文字が小さくて読みにくい、というのならわかるのだけど、特に文字サイズを指定していないこのブログが「読みにくい」という人がいるんだなぁ。 ブラウザの文字表示サイズを「小」にして見れば良いだろ、このあほんだら！ ……と内心思いつつも、穏健派なのでそういう返事は書かない。つーか、基本的にデンパっぽいメールには返事は書かない。 ……などと愚痴をたれつつ、そういえば僕がRSSリーダーに登録している巡回先の多くに、なんでこんなに小さな文字設定にしているのだ、おまいらはオヤジオバサンブロガーなんか相手にしていないって事か
無粋な「404 Not Found(エラーページ)」でユーザを逃していませんか？｜アークウェブのブログ
2006年10月27日 無粋な「404 Not Found(エラーページ)」でユーザを逃していませんか？ 山岸です。 Webを見ていて「404 Not Found」というエラーが表示されることがありますね。WWWサーバーから返されたエラーメッセージで、下図のような画面が表示されます。 この404という番号は、リンク切れやURLのタイプミスによるエラーで、「そのページが存在しない」という意味を表わします。 IE（Internet Explorer）では「ページが見つかりません（末尾に"HTTP 404 - ファイル未検出"と表示される）」、Firefoxでは「404 Not Found」と表示されます。いずれも同じ意味ですね。 他にも、 - 401 Unauthorized （認証失敗） - 403 Forbidden （閲覧禁止） - 500 Internal Server Error （
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/julia28df/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3/
Alternative Proxies:
ユーザビリティのテスティングツール１０個:phpspot開発日誌
http://www.bebit.co.jp/memo/2007/12/post_87.html
SiMPLE*SiMPLE - ウェブ職人のための小粋なネタ帳
http://e0166nt.com/blog-entry-166.html