タグ

UIとaccessibilityに関するedo_m18のブックマーク (3)

  • Re: 早稲田大学のサイトリニューアルがなぜこんなにひどいのか。

    2014年11月18日 著 hokorinさんのお書きになった早稲田大学のサイトリニューアルがなぜこんなにひどいのか。という記事が炎上してしまっているようです。何となく言わんとしていることが分かる部分はあれど、しかし全体的に言葉足らずな印象はあって、残念な感じがします。件については当初、触れるつもりはなかったのですけど(論点が複数絡み合っている印象があり触れにくく感じました)、とはいえWebアクセシビリティについて書かれた記事でもありますので、その領域についてのみ、自分の考えを整理する目的で書いてみようと思いました。 今回のリニューアルではIE10以降を対象外としていて、普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、いまの時代にそぐわないのではないでしょうか。

    Re: 早稲田大学のサイトリニューアルがなぜこんなにひどいのか。
  • Material Design

    Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

    Material Design
    edo_m18
    edo_m18 2014/06/27
    個人的には好き。でも、これをしっかり実践するのはすごく大変・・。
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

  • 1