#アフォーダンス

スキューモーフィズムとは?フラットデザインとの違いと使い分け

スキューモーフィズムとは、実物の質感や立体感を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
#アフォーダンス | Blog | UIXHERO