タグ

2015年5月14日のブックマーク (2件)

  • フォームはラベルの配置場所で使いやすさが全然変わる!ユーザーが利用しやすいフォームを徹底考察 | コリス

    あなたのフォームは、ユーザーが簡単に利用できますか? もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 Why Infield Top Aligned Form Labels are Quickest to Scan by anthony 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 フォームは入力前、入力後の分かりやすさが大切 最近のフォームで見かける問題 1つ目:ラベルとフィールドを上から順番に配置した場合 2つ目:ラベルをフィールドの内側に配置した場合 3つ目:ラベルをフィールドの内側のトップに配置した場合 ラベルの配置を内側トップに変えるとどうなるか ラベルを内側トップに配置するのが機能するフォームとは まと

    フォームはラベルの配置場所で使いやすさが全然変わる!ユーザーが利用しやすいフォームを徹底考察 | コリス
  • 分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック

    デザインの基を顧みることもたまには必要ですよね。 分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィックを紹介します。 10 Basic Elements of Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 元ページでは大きなインフォグラフィックがダウンロードできるので、壁紙やプリントしてポスターにしてもよいと思います。 ※掲載する上での画像加工も許可を頂いています。 ラインとは、デザインの最も基的な要素です。ラインは絵を描くときのペンや鉛筆のストロークであり、グラフィックデザインでは2つのポイントを繋ぐものです。 ラインはスペースを分けたり、目を特定の場所に惹きつけることに役立ちます。例えば、コンテンツとヘッドラインとサイドパネルを分離するためにどう使うか考えてみてください。 カラ

    分かりやすいイラストで、Webデザインに大切な10の要素をまとめたインフォグラフィック