Skeuomorphism(スキューモーフィズム)とは、現実世界の形や質感をUIに取り入れる考え方。意味、具体例、フラットデザインとの違い、現代UIでの使いどころを解説します。
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
Skeuomorphism(スキューモーフィズム)とは、現実世界の形や質感をUIに取り入れる考え方。意味、具体例、フラットデザインとの違い、現代UIでの使いどころを解説します。
UXとは、ユーザーが製品やサービスを通じて得る体験全体のことです。本記事では、UIとの違い、UXデザインの考え方、なぜ重要なのかを初心者向けにわかりやすく解説します。
視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。
バナーブラインドネス/banner blindnessの意味、広告のように見えるUIが無視される理由、重要なお知らせやCTAを見てもらうための配置・表現の対策を解説します。
テスラーの法則(Tesler's Law)とは、すべてのシステムには誰かが負担しなければならない「減らせない複雑さ」が存在するという複雑性保存の法則です。UXでユーザー負担を減らす判断軸を解説します。
Scannability(スキャンしやすさ)は、ユーザーがページを読まずに走査しても目的の情報へたどり着けるようにするUI設計原則。見出し、太字、リスト、余白、F字型パターンを使った改善方法を解説。
「アクセシビリティ」と「インクルーシブデザイン」は混同されやすい概念です。本記事では、両者の決定的な違いと、デザインプロセスでの正しい関係性を解説します。
「一貫性」と「標準」は混同されやすい概念です。本記事では、ニールセンのヒューリスティクスにおける決定的な違いと、デザイン判断での正しい使い分けを解説します。
「フィードバック」と「フィードフォワード」は混同されやすい概念です。本記事では、UIデザインにおける決定的な違いと、ユーザーの行動を支援する正しい設計方法を解説します。
「ヒューリスティクス」と「ガイドライン」は混同されやすい概念です。本記事では、UI評価・設計における決定的な違いと、実務での正しい使い分けを解説します。
「情報アーキテクチャ(IA)」と「ナビゲーション」は混同されやすい概念です。本記事では、UIデザインにおける決定的な違いと、構造設計から画面実装への正しい流れを解説します。
「メンタルモデル」と「概念モデル」は混同されやすい概念です。本記事では、ドン・ノーマンの定義に基づき、UIデザインにおける決定的な違いと、両者の「ズレ」が引き起こす問題を解説します。