40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
ユーザビリティとアクセシビリティ : 富士通
ユーザビリティとアクセシビリティ ユニバーサルデザインを目指す際に、知っておかなくてはならない重要な概念や方法を活用し紹介します。 ユニバーサルデザインを推進する上で欠かす事の出来ないのが「ユーザビリティ」と「アクセシビリティ」です。両方とも、「使いやすさ」という尺度に位置付けられる概念です。アクセシビリティは、高齢者や障害者などを含むできるかぎり多くの人々が使えるかどうか、つまり「使えない」状態を使える状態にすることに焦点を絞っています。それに対してユーザビリティは使える状態になっているものに対して、想定ユーザーが使いやすいかどうか、つまり「使いにくい」状態を「使いやすい」状態にすることに焦点を絞っています。 ユーザビリティの詳細について ユーザビリティとは？ ユーザビリティとは、「使いやすさ」のことです。「ある利用者が、ある目的を達成するときの効果、効率、満足感」という定義もあります。
デジパ、「業界別企業サイト分析 - 医薬品業界編」を発表。医薬品業界の主要企業72社の企業サイトを分析。｜ニュースリリース｜デジパ株式会社
「業界別企業サイト分析 - 医薬品業界編」の完全版（PDFファイル / 112KB）はこちらからご覧いただけます。 企業サイト分析について 分析の対象は、医薬品業界の上場企業を中心とした主要企業72社の企業サイト（各商品独自のウェブサイトやプロモーションサイトなどを除く）。「基本情報」、「情報発信、好感度やイメージ」、「ユーザビリティ」、「アクセシビリティ」、「SEO」の5分野、49の項目への対応度を検証しました。 得点は、各項目について4段階の評価を行い、重要度を考慮して独自の計算式にて得点化しました。得点の満点は100ポイントです（※1）。 なお分析検証は、デジパのウェブアナリスト、アクセシビリティコンサルタント、SEMコンサルタントがそれぞれ担当しました。 業界別企業サイト分析の今後 デジパでは、さらに企業サイトに関する分析を進め、企業サイトとしてのあり方の研究や今後のウェブサイト制
A.A.O.｜レポート 公共サイト運営の最前線第3回「市民の声を活かしたサイト運営 ～名古屋市公式ウェブサイトの取組み～（後編）」
名古屋市では、公式ウェブサイトにおいて「つかいやすい、やさしい、あんしんできる、べんりな」サービスを実現することを目指し、平成17年度にCMSを導入した全面リニューアルを行いました。 リニューアル公開後も、各ページに設置した「フィードバック機能」から寄せられる市民の声をサイト改善に活かすなど、アクセシビリティ、ユーザビリティの維持・向上に取組み続けているそうです。その取組みの成果は、アライド・ブレインズが平成18年から実施している自治体サイト全ページクオリティ実態調査の結果にも現れており、名古屋市公式ウェブサイトは3年連続「Aレベル」を獲得しています。 名古屋市では、市民の声をどのようにサイト改善に活かしているのか、次のステップとして何をお考えなのかなどについて、市政情報課の桑原さん、坂崎さんにお話をうかがいました。 市民の声を適切に活かすサイト運営 アライド：フィードバックで寄せられた市
情報設計の重要性、わかってますか？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ひさしぶりにユーザビリティの話です。 ただし、最初に言っておきますが、Webの話じゃないのであしからず。 ユーザーインターフェイスのサイズと情報の構造化情報設計を行う際には、情報をその内容に応じて、階層構造化します。 この情報の構造化が意味をもつのは「生きていることの科学／郡司ペギオ－幸夫」でも書いたように、情報量（コンテンツ量／機能の種類など）とユーザーインターフェイスの物理的なサイズとの関係から「部分情報問題」が起こりえるからです。 このように問題を定義するならば、これからのインタフェースは「部分情報問題」になるといわざるをえない。なぜならば、インタフェースにかかわる情報はより複雑化して増大する傾向にあり、ユーザーがこれらの多くの知識を個々の機械に対して把握することは容
サイトにツアーをつけよう·Amberjack MOONGIFT
はじめてサイトを訪れた人は、そのサイトで何をどうしたら良いか分からない状態だ。度重なるバージョンアップによって、ボタンや画面構成が分かりづらくなると特に混乱させる原因になる。 そこでツアーを作ることをお勧めする。サイトの各機能について画面を交えながら説明するのだ。最近は動画で案内するサイトも増えてきたが、これでは時間がかかってしまったり、ユーザの知りたい所とはずれる可能性もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはAmberjack、サイトツアーを作るためのJavaScriptだ。 Amberjackを使ったツアーを作成すると、サイトの画面とともに右上にウィンドウが表示される。これがツアーの案内をする。 ツアーをしている最中はサイト画面はグレーアウトされ、クリックできない状態になっている。説明をみつつ、画面と見比べて確認できるようになっている。 そして、ツアーのウィン
文字のサイズに応じて拡大/縮小するCSSボックス実装:phpspot開発日誌
CSS: The All-Expandable Box In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. 文字のサイズに応じて拡大/縮小するCSSボックス実装。 ブラウザの文字のサイズ変更によって、次のように、テキストを囲むボックスのサイズを変更するCSSテクニックが公開されています。 ブラウザの文字サイズを変更しても、ボックスのサイズはそのままだと文字が読みにくいというケースがあると思いますが、この仕組みでやれば、そういったことも解消されそうですね。 実際のデモはこちら このデモを解析、応用することで、拡大、縮小にも対応したページ作りの参考となるでしょう。 関連エントリ フォントサイズの変更をJavaScriptによ
新旧Yahoo! JAPAN対決 -- 旧トップページの弱点とは？:マーケティング - CNET Japan
本家の米Yahoo!のリニューアルに遅れること1年半、Yahoo! JAPANのトップページが2008年1月1日に大幅リニューアルされることになった。Yahoo! JAPANは日本における磐石なブランド力があり、世界のYahoo!の中でも独自のスタンスをとってきたが、新デザインは米Yahoo!に近いものとなっている。 今回のリニューアルも趣旨について、ヤフーは「利便性の向上、掲載情報の範囲拡大、オープン化の推進を図り、ユーザーのニーズに合った1日に何度も訪れたくなるトップページを目指した」と説明する。旧トップページにどのような問題点があって、新トップページではどこを改善、強化したのか、といった情報はつまびらかにされていない。 そこで今回はアイトラッキング分析を通じて、旧トップの弱点を炙り出そうと試みた。被験者には、新旧Yahoo! JAPANのトップページ（新トップページはベータテストとし
ウノウラボ Unoh Labs: 色覚異常を考慮してWebColor216色を選択できる便利なサービス
こんにちは！ やまもと＠テスト番長です。 このところ段々と秋らしくなってきて、ウノウでも風邪をひくスタッフが目立つようになってきました。皆さんもお体にはお気をつけ下さい。 さて、テストネタからちょっと離れますが、便利なWEBサービスがありましたのでご紹介します。 Color Laboratory -- AWARE Center -- HTML Writers Guild Color Laboratory posted by (C)フォト蔵 ここでは色覚異常の場合の色の見え方を考慮しつつ、WebColor216色のカラーパレットから色の組み合わせを試してみることが出来ます。 右上のフレームでBaseline Gamma（OSの違いによるガンマ補正設定）を選択すると、色覚異常のタイプ設定が出ます。タイプを選択すると、操作にあわせて左上のフレームにあるカラーパレットが変化し、どんな風に見えてい
Webアクセシビリティ入門Wiki
This page is parked free, courtesy of Microsoft Office 365
Business Media 誠：「ブラウザの文字サイズ最大」が半数以上――家庭用PC
テレビで見た話題をYahoo!で検索したり、ネットショッピングで買い物をしたり……かつて“仕事の道具”だったPCはすっかり日常的な存在になり、家庭にも当たり前に入り込んでいる（9月10日の記事参照）。 ところで家庭では、みんなどのような環境でPCを使っているのだろうか。 コンサルティング会社のブライト・ウェイは9月7日、「家庭でのPCの使用状況、設定について」アンケート結果を発表した。調査期間は2007年8月1日から8月31日までで、同社が運営する子育て支援サイト「こそだて」で実施したもので、回答数は516人（男女比24：76）。 調査によれば、家庭で使用しているPCは、デスクトップが51.8％、ノートPCが47.1％だった。ディスプレイの画面サイズは、14～15インチ程度（ノート）が34.1％で最も多く、次いで17インチ程度（デスクトップ）21.8％だった。デスクトップを含めると、14～
【IT Japan 2007】「デザインに凝ったウェブサイトほど予約率は低かった」，星野リゾート社長が講演：ITpro
「我々はついつい旅館やホテルのウェブサイトを格好良くしよう、きれいにしようと思ってしまうが、それが必ずしも予約率向上にはつながっていなかった」 リゾート施設運営を手掛ける星野リゾート（長野県軽井沢町）の星野佳路社長は7月9日、東京都千代田区のホテルニューオータニで開催中の「IT Japan 2007」で講演し、こう語った。講演の題名は「収益向上を狙うネット・マーケティング戦略 『科学的仕組み作り』で顧客数を拡大」というものだ。 星野リゾートは、本拠地である軽井沢の温泉旅館「星のや」をはじめとして、大型スキーリゾートから小規模温泉旅館まで12施設の運営を手掛ける。星野社長は、前近代的な日本の旅館・ホテル経営の世界に、顧客満足度調査やシックスシグマによる業務改善など科学的手法を持ち込み、不振に陥ったリゾート施設の再生を実現してきた。 最近、力を入れているのが、ウェブサイトを経由した予約獲得だと
フォームに特化したアクセス解析サービス『FormAlive』 | 100SHIKI.COM
微妙に不安定だが、コンセプトとしてはおもしろいのでご紹介。 FormAliveではいわゆる「フォーム」に特化したアクセス解析サービスを提供している。 フォームはユーザーや読者、顧客からの窓口となる箇所である。ここが最適化されていないとサイトの目的を達することが難しくなるのは自明である。 そこでFormAliveでは設置したフォームで何がどこまで入力されたかを追跡してくれる。 これを見ていれば「あ、ここでみんな面倒だと思っているんだ」なんてことがわかるだろう。 フォームに特化、というコンセプトがなかなか良い。Form Experience Optimization（EFO）とかそんな言葉で商品つくる人が出てきそうだと思ったり思わなかったり。
the OYAKONEWS@Hatena - テキストの画像化
曇り。黄砂が舞い降りてきた。ジョギングは止めた方がよいかも。 改めて、テキストの画像化に伴う問題点を、余り熱心に読まなくても理解できるように箇条書きにする。 メリット テキスト投稿に伴う規制をエスケープできる。 言語環境に関係なく表示させることが出来る 画像ファイルを差し替えることでHTMLソースをいじらずに表示内容を変えることが出来る。 たいした知識がなくても凝った表示をさせることが出来る。 画像と文字をほぼ自由に疑似レイアウト出来る。（追記: 2007-04-03） デメリット 簡単にコピーアンドペーストができなくなるから、引用、言及されにくくなる。 検索で見つけ出すのが困難になる。 画像解像度に依存するのでアクセッシビリティが低下する 適切なマークアップが出来ない。 閲覧者の環境やブラウザの設定により、作成者の意図が伝わらないことがある。 ダウンロードされて二次利用される可能性がある
ウェブのテキストがもっとも読みやすい文字色と背景色は？ | POP*POP
1997年の研究ではありますが、「ウェブ上のテキストがもっとも読みやすいのはどういうとき？」なるものが紹介されていました。 » Web page readability: Green text on yellow works the best この研究では、フォント、色、スタイルをいろいろ変えてどの組み合わせが読みやすいかを調べたようです。 いくつか参考になりそうな結果があったのでご紹介していきます。 では早速その研究結果から。 もっとも読みやすかったのは「黄色の背景」に「緑の文字」だそうです。ただしフォントが斜体のArialのときはこの組み合わせは最悪だそうです。 Times New RomanのほうがArialより読みやすい。 フォントも合わせて考えると「Times New Romanで、斜体で、黄色の背景で、緑の文字」が一番読みやすかったそうです。 ↑ こんな感じですね・・・。 「グ
ウェブヘルパー ASP版
ウェブヘルパーASP版（Provided by A.A.O.）は、日本語ウェブページのアクセシビリティをWeb上で点検するためのシステムです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユニバーサルデザイン - FUJITSU Japan
[Cookie] ページの履歴をパンくずリストで表示するスクリプト -Cookie Crumbs | コリス
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
わかりやすい404エラーページについて考えてみる | caramel*vanilla