UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
Clarityは、UI検品で使う6つの観点のうちの1つです。「何の画面か」「いちばん大事な情報はどれか」「次に何をすればいいか」が画面から読み取れるかを見ます。AIが作った1画面を材料に、Clarityが何を見る観点なのかと、自分の画面で確かめる3つの手順をまとめます。
視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。
UI原則とは何か、UI設計でどう使うかを解説。視覚設計から認知設計、操作・対話、情報構造、アクセシビリティまで65のUIデザイン原則を体系化。
ブランドカラーを並べただけでは配色設計ではない。プライマリ・セマンティック・ニュートラルの役割を定義し、色を「装飾」ではなく「情報」として機能させる配色システムの設計原則。
画面に載せる情報量は「多ければ多いほど良い」でも「少なければ少ないほど良い」でもない。ユーザーの目的と認知能力に合わせて最適な密度を設計する原則です。
フォントを選んで並べるだけではタイポグラフィ設計ではない。サイズ・太さ・行間・コントラストで情報に強弱をつけ、ユーザーが「読まずに理解できる」テキスト体験を設計する原則。
一生懸命作ったバナーがクリックされないのはなぜ？それはユーザーの脳が「広告っぽいもの」を自動的に無視するように進化しているからです。バナー・ブラインドネスと強調のインフレ、ユーザーの注意資源（アテンション）を巡る攻防戦を解説します。