タグ

UIとaccessibilityに関するcolissのブックマーク (5)

  • 「使える」Webアプリにするには、アクセシブルなUI設計を学びたいデザイナー・デベロッパーにお勧めの良書 -Webアプリケーションアクセシビリティ

    アクセシビリティに興味があるけど、何から始めればよいのか分からない、勉強するならしっかり学びたい、そんな人にお勧めの解説書を紹介します。 アクセシビリティに取り組むときに大事なのは、できるところから始めること。書を読んで、アクセシビリティの質を正しく理解し、自分のWebアプリやサイトにおける課題をひとつずつ改善できます。 書は、先月発売されたばかり! 著者の一人伊原氏は、元BAで私の同僚でした。退社後には東京都新型コロナウイルス感染症対策サイトのアクセシビリティ改善をサポートするなどで活躍しています。書でもそういった経験を元にしたUIデザインの具体的な事例も非常に多く、制作現場の生きた言葉での解説は分かりやすいと思います。 Amazonでもさっそく、オール5の高評価レビューがたくさんついています。

    「使える」Webアプリにするには、アクセシブルなUI設計を学びたいデザイナー・デベロッパーにお勧めの良書 -Webアプリケーションアクセシビリティ
    coliss
    coliss 2023/03/10
    Webアクセシビリティの基礎知識から、UIによく使用される各要素ごとのアクセシビリティの取り組み、複雑なUIパターンの改善、アクセシビリティについてたっぷり学べる解説書。
  • 面倒な配色もこれなら簡単に!多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes

    このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツールは他にもありますが、その中でも非常に便利なツールです。 Geenes Geenesは完全無料のオンラインツールです。 利用にあたっては、登録などの面倒なことも一切不要です。 Webページやスマホアプリにカラーがどのように適用されるか確認しながら、UIで使用するカラースケールを生成できます。

    面倒な配色もこれなら簡単に!多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes
    coliss
    coliss 2019/06/10
    Webページやスマホアプリにカラーがどのように適用されるか確認しながら、UIで使用するカラースケールを生成。
  • キャンセルボタンに色をつけてはいけない理由

    キャンセルボタンをデザインする時に、カラーで悩むことはありませんか? キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ

    キャンセルボタンに色をつけてはいけない理由
    coliss
    coliss 2019/04/16
    キャンセルボタンに色をつけてはいけない理由
  • 米国の政府関連サイトのデザイン指針として誕生した、UIデザインに最適化されたフリーフォント -Public Sans

    UIのデザインに最適化、シンプルで癖の無い、そしてSIL Open Font Licenseで利用できるサンセリフのフォントを紹介します。 米国の政府関連サイトのデザイン指針として誕生したU.S. Web Design Systemフォントで、モバイルやアクセシビリティの面を特に重視して制作されたものです。 Public Sans -GitHub Public Sansの特徴 Public Sansのダウンロード Public Sansの特徴 U.S. Web Design Systemは米国の政府関連サイトのデザイン指針として誕生したもので、オープンソースのUIコンポーネントのライブラリや米国連邦政府のWebサイト用のビジュアルスタイルガイドが含まれています。 それに含まれているのが、Public Sansです。SIL Open Font LicenseのLibre Franklinを

    米国の政府関連サイトのデザイン指針として誕生した、UIデザインに最適化されたフリーフォント -Public Sans
    coliss
    coliss 2019/04/15
    UIデザインに最適化されたフリーフォント。日本政府も作ればいいのに。
  • 保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで

    Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR(拡張現実)のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの

    保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
    coliss
    coliss 2019/03/14
    Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツール総まとめ
  • 1