使い勝手の良いフッタにするために、配置すべき6つの要素
6 Things To Include for a User Friendly Footer 以下、その意訳です。 ウェブサイトのフッタは、ユーザーが情報を得るための有用かつ大切なコンテンツとなり得ます。 フッタに情報を配置するということは、ウェブサイトに関する重要な情報を見つけるきっかけを与え、素晴らしいナビゲーションにもなり、ユーザーに与える第一印象にも影響します。 下記に挙げる6つの要素をあなたのサイトのフッタに配置すべきか検討してください。 1. About Us Link 「About Us」のリンク あなたやあなたの会社についての基本的なインフォメーションへのリンクを設置します。 ユーザーがあなたのサイトを確かめる手段の一つになります。 2. Contact US Link 「問い合わせ」のリンク サイトの所有者あるいは担当者に連絡を取る手段を提示します。 サイト上のタイプミス
サイト公開前に役立つ２５のユーザビリティチェックリスト:phpspot開発日誌
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
「辻ちゃん・ウエちゃんのアクセシビリティPodcast」第25回 | アクセシビリティBlog | ミツエーリンクス
アクセシビリティPodcast 第25回をお届けいたします。今回は支援技術情報をお届けするコーナー「教えて！辻ちゃん！！」をお送りします。今回は無料でオープンソースのスクリーン･リーダー「NVDA」の導入方法を、辻ちゃん・ウエちゃんの二人が実際にNVDAを動かしながらご紹介いたします。どうぞお楽しみください。 概要 第25回では以下の内容についてお送りいたします。 NVDAの入手方法 NVDAのインストールの方法 NVDAの基本的な設定の仕方 NVDA日本語版の最新パッケージはNVDA日本語化プロジェクトよりダウンロードいただけます。 なお、話題にあがっているサイトなどのリンク先につきましては、「全文を読む」のリンクよりテキスト化された内容でご確認ください。 聴取方法のご案内 ブラウザ上で再生される方は、下記のFlash Playerをご利用ください。 ダウンロードしてその他のプレイヤーで
Webデザインにおける9つの誤り | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Magazine 9 Common Usability Mistakes In Web DesignにおいてWebデザインでおかされがちなユーザビリティデザインに関する9つの過ちが紹介されている。同じくこれまでSmashing Magazineに掲載された2009年 Webデザイントレンド31選やUIデザインを改善する10の方法の内容と一部かぶる項目もある。新しくWebデザインに取り組む場合にも既存のサイトのデザインをリファクタリングする場合にも適用できる内容だ。 9 Common Usability Mistakes In Web Designで紹介されている9のポイントをまとめると
自民党を初めとする政党のWebサイトのアクセシビリティは？: ユーザーの生の声を届ける！ハーモニーblog
25日（日曜日）のNHKのラジオ第２にて、当会の理事の視覚障害者が、自民党を初めとする1部政党サイトについて、 「わたし達でも、アクセスできるWebサイトへして欲しい！」と放送の中で訴えた。 特に自民党のWeｂサイトは、国内音声読み上げソフトでは、グローバルメニューさへも、アクセスできない状況である。 また、これは自民党だけではなく、どの政党も同じく、映像で党首などが話してる様子を流しているが、まず字幕がついていない。 ということで、耳の不自由な方がたは、情報を得ることができない。 先日、慶応SFCのWebサイトのリュニーアルにおいて、アクセシビリティにまったく配慮されていないFlashのTOPページを設置した際には、その日のうちに、ユーザーらの噂が慶応SFCに伝わり、すぐに そのページをいったんおろし、以前のアクセス可能なページにいち時的な対応で戻していた。非常に対応が早かった。 そして
離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
Webマスター向けのセミナーをイメディオでやります。 - Trans
イメディオで2回目の講師です。タイトルは初級Webマスターを卒業したい人のための「使いやすいWebサイト」構築術。 内容としては主にサンプルサイトを実際に改善しながら、ユーザビリティやアクセシビリティの基本となるTipsを紹介していくというものです。先の申し込みぺーには明示しなかったのですが、初級Webマスターとは経験1年前後くらいの方々をイメージしています。 リテラシーをどのように身に付けるか。 最近個人的にはリテラシーということに関心があって、「どの段階で」・「どのようなきっかけで」ユザビやアクセシに人は関心を持つようになるんだろうか。皆さんはどうですか。いつ、どんなときにユーザビリティやアクセシビリティって知りましたか？なぜかというと、極論すればユザビもアクセシもWebサイトを構築する上で十分条件ではあるけれど、必要条件ではありませんよね。 それは去年実施したインクルーシブデザインワ
Re: インクルWS 〜デザインの前提と関係者の期待〜｜withComputer
昨年11月に開催された<href="http://www.re-creators.jp/study/2008/11/20_156.html">インクルーシブデザインワークショップについて、年が明けた今も何となく悶々と考える状態が続いています。以前に記事「インクルーシブデザイン ワークショップ：携帯電話のデザインから見えてきたこと｜with Computer（第２期）」で結構な量のテキストを書いたのに・・・。まぁ例によって「デザインとは何だろう」という問題につながってるからなんですけど。 インクルーシブデザインについて、あらたさんのブログに 何か特定のプロダクト（例えば、A社のWebサイトなど）を具体的に改善するためにインクルWSを開催するのは違うかもしれない。インクルWSはあくまプロダクトをリードユーザ（障害者や高齢者など）と協力してデザインするというそのプロセスそのものに重きを置いている
普通の企業がWebアクセシビリティをコストからチャンスにするには | 初代編集長ブログ―安田英久
今日は、アクセシビリティについて。アクセシビリティというと、多くのWeb担当者が「うちの会社は大企業でもないし公共機関でもないので、関係ない」と思うかもしれません。アクセシビリティは「コスト」であるととらえられていることが多いでしょう。しかし、視点を変えれば、そこに「チャンス」もあるのです。 念のために確認しておくと、「Webアクセシビリティ」とは、身体障がい者や高齢者などにとっても使いやすいWebサイトにするための考え方や方法論のことです。一般の言葉でいうと「バリアフリー」や「ユニバーサルデザイン」というとわかりやすいでしょう。 具体的には、視覚に障がいのある人はWebページを読むのに「音声読み上げツール」の類を利用しますが、見出しや図を画像として作っていると、プログラムは画像内のテキストを理解できないので内容を把握できないことになります。そういった場合に画像のalt属性などを利用して読
ユーザーが迷わないウェブサイト制作のためのガイドラインが発売されました。 - Trans
ご本人の前では言わないのですが、僕がユーザビリティ（特にシニア）の師匠と呼んでいる森さんからユーザーが迷わないウェブサイト制作のためのガイドラインというのが発売されています。 「森さんってだれ？」って突っ込まれそうなのですが、使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)の中の人で、シニアのユーザビリティの日本の第一人者と言ってもいいんじゃないでしょうか。うちのブログでもちょくちょくシニア+ユーザビリティの話は取り上げていますけど、もう場数が全然違います。 その森さんが自身で経営するシニア向けパソコン教室から得た知見やノウハウ、つまりはシニアのユーザビリティについてのガイドラインが先ほど紹介したものなのです。具体的な何が悪くて、何を改善すればよいのかもさまざまな会社のサイトを例に分かりやすく書かれています。また、巻末の方にあるチェックリストもかなり便利です。 「うちが制
ウェブサイトの第一印象を決める大切な21のポイント
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
2009年のWeb標準 | gihyo.jp
あけましておめでとうございます。株式会社ミツエーリンクスの木達です。昨年の年初、「2008年のWeb標準」と題して、Webコンテンツのフロントエンド実装に用いられる標準とその周辺の動向につき、短期的な予測などをごく簡単に書かせていただきました。それに引き続き本年もまた、同様の趣旨で記事を書かせていただくことになりましたので、よろしくお付き合いください。 2009年のWeb標準を考えるうえでのテーマとして、私は「アクセシビリティ」「モバイル対応」「マークアップ品質」の3つを挙げたいと思います。 2009年はアクセシビリティに再注目の年 9年半もの時を経て、昨年12月にWeb Content Accessibility Guidelines （WCAG） 2.0が勧告されました。1999年5月に勧告された前バージョンの1.0から大きく改善されたのは、第一に特定の技術に依存しない内容
2009年のアクセシビリティ | gihyo.jp
あけましておめでとうございます。NPO法人ハーモニー・アイの馬塲寿実（ばば ひさみ）です。私は、Web製作をしている立場ではなく、あくまでユーザー(使い手側）視点に立って、Webアクセシビリティを推進するために、視覚障害者や高齢者などの情報弱者の利用者側と、Web制作者や発注者の発信側とが共有できる、セミナーやワークショップをコーディネートする傍ら、Webユーザーテストを実施させていただいている者です。 今回は、私がそういった現場で肌で感じている、2009年のWebアクセシビリティの動向と予測、そして、私見も交えながらの期待を率直に書かせていただこうと思います。 世界、国内のWebアクセシビリティガイドラインが同時改定される節目の年 昨年末に,W3C（World Wide Web Consortium）のWebアクセシビリティ・ガイドライン、Web Content Accessibilit
SFCのWebサイト、リニューアルその後 | ゴミ箱の中の雑記帳
日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 先日の記事で書いたSFCのWebサイトのリニューアルだが、その記事で追記したように、応急処置 (と信じたい) が施されて、現在は新旧両バージョンへのリンクが張られたページがトップページになっている。しかし、このトップページを見る限り、少なくともこの対応をした人が問題の本質を理解していないように思え、今後が実に心配になってくる。 リンク切れ問題には対応できていない まず、旧サイトはwww.sfc.keio.ac.jp以下ではなく、www-old.sfc.keio.ac.jp以下に再構築されている。そして、新サイトはと言えば、www-new.sfc.keio.ac.jp以下に構築されている。つまり、現在SFCのメインの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
使う人が主役 〜井上眼科クリニック〜 | イソムラ式
そこまでやんなくても・・・ | イソムラ式
http://www.inkdesign.jp/2009/01/20/%E3%82%B3%E3%83%B3%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E7%8E%87%E3%81%8C%E3%81%9F%E3%81%B6%E3%82%930001%E3%81%AA%E8%B3%BC%E5%85%A5%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0.html
バリアフリーテーマパーク １ | イソムラ式
jamboree.jp - jamboree リソースおよび情報
ペルソナシート39名分とペルソナQ&Aを一挙公開! キャンセル待ち続出の「ペルソナ作り体験ワークショップ」レポート | Web担当者Forum
