タグ

ブックマーク / u-site.jp (3)

  • デザインが良いと思える理由

    視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴(親しみやすさや信頼性など)を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1:タイ

    デザインが良いと思える理由
    soratomo
    soratomo 2021/08/28
    “一貫性”
  • 入力フォームのプレースホルダーを使ってはいけない

    入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

    入力フォームのプレースホルダーを使ってはいけない
    soratomo
    soratomo 2014/06/17
    なるほど、消えた文字がなんだったのか気になって、選択状態を外すとエラー、もう〜(´・ω・`)となることも多々ある。
  • フラットデザインとマテリアルオネスティ

    Kevin Goldmanがマテリアルオネスティの概念をスキューアモーフィックデザインとフラットデザインの間の議論に適用している。問題点は、フラットデザインがマテリアルオネストであり、スキューアモーフィックデザインがマテリアルディスオネストであるか、ということになる。 黒須教授 2014年5月14日 Windows 8やiOS 7に採用されているフラットデザインが、これからしばらくの間、GUIデザインの主流になるかどうかは分からないが、ちょっと流行っているのは確かである。 このフラットデザインに関連して、Kevin Goldmanはmaterial honestyという概念に注目している。この概念は、「物質は他のなにかを模するより、それ自身であるべきだ」という考え方で、RuskinやCharles & Ray Eamesあたり、つまり19世紀から20世紀にまで遡ることができるそうだ。たしか

    フラットデザインとマテリアルオネスティ
    soratomo
    soratomo 2014/05/14
  • 1