アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
読み書きのできない人でもお金を引き出せる！インドの顧客のためにデザインされた直感型ATM
読み書きのできない人でもお金を引き出せる！インドの顧客のためにデザインされた直感型ATM 2011.11.09 植原 正太郎 植原 正太郎 世界の人口のうち、およそ50％もの人たちが銀行システムを利用できません。その理由の多くは、生活レベルが「貧困」状態だからです。 キャッシュレジスターやATMなどを手がける情報システムのグローバル企業 NCRは、この問題に取り組んでいます。これまでもマイクロクレジットの決済システムなどを開発してきましたが、今回は「ATM」を手がけました。貧困層の住民の目線に立って生み出された最新プロダクトをご紹介いたします。 一見しただけでは何かまったく分からない、この円筒型の物体。これがインドの貧困層向けにデザインされた「ATM」なのです。 NCRがインド・ムンバイのスラム街を調査した結果、識字率は非常に低い水準であることが判明しました。そのため、マイクロクレジットな
ディズニーランドが苦手な俺が行ってきた:ヴィブロ
2009年10月21日 ディズニーランドが苦手な俺が行ってきた 1：以下、名無しにかわりましてVIPがお送りします：2009/10/20(火) 22:04:04.38 ID:GWGBjJwr0 嫁の誕生日だったので子供と一緒に行ってきた 根っからの理系エンジニアだった俺は、あの浮ついた雰囲気になじめない だから避けてきたけど、 「苦手な俺がパスポート代出して行く」 という企画で行ってきた 正直つらかったけど、淡々と嫁には語れない心理をつづってみたい 以下、名無しにかわりましてVIPがお送りします：2009/10/20(火) 22:05:23.83 ID:GWGBjJwr0 8時にランド前に到着 さっそくミニーヘッドのカップルを見て公開の念が沸く 俺は絶対にこのノリに合わない この夢の国のなかでたった一人のリアリストで温度差を感じるしかない つらいので現実逃避ならぬ、現実調査をすることにす
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]
約2ヶ月くらい前に、Printing the Web: Solutions and Techniques | Smashing Magazineというエントリーを読みました。10個以上の海外のサイトのいろんな印刷向けCSSやJavaScriptのTipsが紹介されていて、「印刷用CSSをまとめてみた。」を書いた自分としては何とか分解してやりたいなと思っていました。で、本日ようやく分解が一通り終わりましたので、その中で得たTipsを紹介します。 印刷用デザインも1つのWebデザインプロセスとして考えておく。 今回、このエントリーが最も自分にとっては衝撃的でした。印刷用CSSの機能面だけを追い求めて、「まあ、印刷されるときに、最低限読めればいいんでしょ？」くらいにしか思っていなかった自分が、ちょいと情けない。元ネタは、Five Simple Steps to Typesetting on th
![印刷用CSSをもっとよくするための4つのTips。 - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/006177c1ae7d95a2c7c0336994db88ed59a41525/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523317%2F1448268251)
第25回 画面のレイアウトほど，緻密な戦略が必要なものはない
深夜に帰宅して家の中が真っ暗でも，自宅ならどこに電灯のスイッチがあるのか迷わないし，どこにぶつかりそうなテーブルがあるのかもわかっています。Webにおける画面のレイアウトとは，ユーザーと機能との間にこうした関係を結ぶためのものだろうと思います。初めて触れても，どこか使いやすく，推測がきく情報配置。それがレイアウトの「力」なのだと思います。 情報の種類によってある程度パターン化されてきている現状 情報を見やすくする，情報に辿り着きやすくする方法を追求している業態（？）としては，「Webニュースサイト」があります。下記の例は，上段が「新聞系」，下段が「Webメディア系」です。似ている中にも，少し出自が感じられるレイアウトに落ち着いているように思われます。 ある程度以上の文字数と写真で構成される「コンテンツ」を膨大に蓄積しつつ，いかに，来訪者の目に留めるようにするか。さらに広告ビジネスなどを重ね
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
COULD：Webデザインに関する 15 の調査結果
ユーザー視点のウェブデザインガイド コーナーの記事一覧 | Web担当者Forum
フォントブログ
OKボタンの位置はどこが適切?