soratomoのブックマーク - はてなブックマーク

アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。知覚可能情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。操作可能ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。理解可能情報およびユーザーインターフェースの操作は理解可能でなければなら
soratomo 2013/03/07
ui

accessibility
リンク
ニュースの理解が深まるタイムツリーコンセプト
リアルタイム時代に必要なニュースUI 新聞サイト・ニュースサイトは、基本的に「記事」という情報の単位をもつことを前提にしています。そして、記事という単位を時系列やテーマ（カテゴリ）別で表示できるように CMS でコントールしています。こうした見せ方は情報サイト全般で扱われていますが、今のニュースのスピードや Web 利用の変化と照らし合わせると、記事という情報単位があまりにも大きく柔軟性が乏しく感じることがあります。現在のニュースサイトのコンテンツに起こっている現象が幾つかあります。速報ですら記事にしないといけないので、200文字程度のページが存在する記事というタイトルとテキストを必要とする『入れ物』があるため、テキストだけ、ビデオだけ、写真だけといったコンテンツタイプの格納がしにくいソーシャルメディアでブレイクしたニュースに追いつけないニュースサイトのリアルタイムと、人が体感する
soratomo 2012/02/01
考え方。

ui

idea
リンク
UIデザインガイドラインのまとめ : could
UI UXガイドライン UIデザインガイドラインのまとめデザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
soratomo 2009/01/25
accessibility

design

guideline

interface

usability
リンク
1