タグ

UIに関するaaaa_a4のブックマーク (3)

  • UXの信号色「赤・オレンジ・緑」はどのように使うべきか?

    Ben氏はProcess Street社で、ライターとして活動しています。戦略構築と、悪いgifファイル、リサーチなどに精力を注いでいます。網を破れなかったり、アバランチェを閲覧したりする時は、彼をツイッターで見つけて下さい。 色彩理論がUXにおいて重要な役割を果たすことは、説明するまでもありません。CTAの色による強調からテキストの可読性をあげる効果まで、コンテクストにあった色の選択については最大限考慮する必要があります。適切に配色をすることによって、ユーザーからの反応を上手く引き出し、あなたの製品のユーザー体験を最大限ポジティブなものにすることを期待できます。 UXにおける信号色:赤・オレンジ・緑 おそらく最も重要な色彩は、赤・オレンジ・緑なのではないでしょうか。この3色は、「UXにおける信号色」と言えます。これは、一般的な組み合わせの中で最も使いやすい色彩だからという理由ではなく(実

    UXの信号色「赤・オレンジ・緑」はどのように使うべきか?
  • 最近のWeb制作の勉強になる!Webサイトのワイヤーフレームやプロトタイプのまとめ

    プロジェクトのメンバーでないとなかなか目にすることができないワイヤーフレームやプロトタイプ、他の人がどのように作っているか気になります。 最近のWebサイトやスマホアプリの制作で参考になりそうなワイヤーフレーム、フローチャート、プロトタイプを紹介します。 UXデザインのツールも、Adobe XDが先日ベータ版としてリリースされ、SketchもメジャーアップデートとなるSketch4がリリースされ、充実してきましたね。 Adobe XD Wireframe Kit for UX Designer for Adobe XD まずは年内にWindows版のリリースが予定されているAdobe XDで作成されたワイヤーフレーム用のキット。最近のWebサイトで使用されているコンポーネントが数多く収録されています。

    最近のWeb制作の勉強になる!Webサイトのワイヤーフレームやプロトタイプのまとめ
  • ブログのデザインテストに300万円を費やしてわかった4つのグロースハック術|SeleQt【セレキュト】

    稿では、ブログデザインのテストに30,000ドル(=約300万円)を費やし、4つの重要な改善ポイントを見出したJustin Brooke氏の記事をご紹介します。 ブログのデザインテストでわかった4つのグロースハック術 以下のイメージは標準的なブログレイアウトですが、このようなレイアウトのブログやWebページを何百も見てきたことでしょう。ここではオレンジ色の丸で示された4つの重要な改善ポイントをご紹介したいと思います。 【1】一等地を有効活用しよう 例えば営業メールを書く時、見出し部分に一番力を入れますよね。コピーライターにとっては、Webページが折りたたみ式の場合、唯一見えているトップページのヘッドラインや第1パラグラフが最も力を入れる部分になります。 今回テストした中で、一等地の見出し部分を最適化することが最も効果がありました。オプトインボックスの配置を、右側のサイドバーからロゴとナビ

    ブログのデザインテストに300万円を費やしてわかった4つのグロースハック術|SeleQt【セレキュト】
  • 1