#アフォーダンス
スキューモーフィズムとは?フラットデザインとの違いと使い分け
スキューモーフィズムとは、実物の質感や立体感をUIに再現する表現です。フラットデザインとの違いを、見た目・押せそうに見えるか(アフォーダンス)・情報密度の3点で比較し、現代UIが両者の間のどこに立っているかを画面例で示します。
2026年3月24日
約10分
アフォーダンス (Affordance)
「押せそう」「引けそう」「入力できそう」——UIが操作方法を説明なしに伝える力がアフォーダンス。シグニファイアを正しく設計し、ユーザーが迷わず直感的に操作できるUIを作る原則。
2026年2月17日
約9分
コンポーネントの視覚一貫性 (Component Consistency)
同じ役割を持つUIコンポーネントが、画面をまたいで異なる見た目・振る舞いをしていると、ユーザーは毎回「これは何だ?」と学習し直す羽目になる。コンポーネント単位で視覚的一貫性を担保するための原則です。
2026年2月17日
約8分
アイコン設計 (Iconography)
アイコンは「言語の壁を越える道標」であると同時に、「意味が伝わらなければただのノイズ」になる両刃の剣です。直感的な機能理解を助けるためのアイコン設計原則です。
2026年2月17日
約7分
記憶に頼らせない (Recognition over Recall)
ユーザーに「覚えておくこと」を要求するUIは失敗する。情報を見せて「思い出させる」のではなく、「認識させる」設計でユーザーの記憶負荷をゼロにする原則。
2026年2月17日
約8分
アフォーダンスとシグニファイアの違いとは?UXデザインにおける正しい使い分け
「アフォーダンス」と「シグニファイア」は混同されやすい概念です。本記事では、ノーマンが定義した本来の意味に基づき、UXデザインにおける決定的な違いと正しい使い分け(可視化の重要性)を解説します。
2026年2月16日
約7分
デジタル空間における物理メタファーの効用:スキュアモーフィズムの進化とアフォーダンス
スキュアモーフィズム(現実模倣)は過去の遺物ではありません。フラットデザインが抱える「不確実性」の問題を浮き彫りにし、ニューモーフィズムやグラスモーフィズムといった現代のトレンドが、なぜ再び「物理的な質感」を求めているのかをアフォーダンスの視点から解説します。
2026年1月26日
約7分