ワイヤーフレームは構造を決める設計図、プロトタイプは動きを検証するモデルです。本記事では、両者の違いと、設計プロセスのどの段階でどちらを使うべきかをわかりやすく解説します。
記事タグ: ワイヤーフレーム / プロトタイプ / UIデザイン / デザインプロセス
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
ワイヤーフレームは構造を決める設計図、プロトタイプは動きを検証するモデルです。本記事では、両者の違いと、設計プロセスのどの段階でどちらを使うべきかをわかりやすく解説します。
「アクセシビリティ」と「ユーザビリティ」は混同されやすい概念です。本記事では、WCAGとISO 9241の定義に基づき、両者の決定的な違いと、UIデザインで両立させる方法を解説します。
「再認（Recognition）」と「再生（Recall）」は認知心理学の基本概念です。本記事では、ニールセンのヒューリスティクスに基づき、UIデザインにおける決定的な違いと「記憶に頼らせない」設計原則を解説します。
「UX」と「ユーザビリティ」は混同されやすい概念です。本記事では、ISOとニールセンの定義に基づき、UXデザインにおける決定的な違いと正しい使い分けを解説します。
UXデザインとは何か、なぜ重要か。UXリサーチ・インタビュー技術・UIデザイン・エンジニアリング・アクセシビリティを体系化したUIXHEROの総合入口ガイド。
アクセシビリティとは障害の有無に関わらず誰もが使える状態のこと。Webアクセシビリティの基本、WCAG、UIデザインへの具体的な活かし方をUIXHEROの3レイヤー構造で解説します。
UIとは、ユーザーが見て・触れて・操作する接点のことです。本記事では、インターフェースデザインとは何か、UXとの違い、UIデザインの基本要素を初心者向けにわかりやすく解説します。
ユーザビリティとは製品やサービスの「使いやすさ」を表す品質属性。定義、5つの構成要素、評価方法、UIデザインへの活かし方をUIXHEROの3レイヤー構造で解説します。
UXリサーチとはユーザーの行動・動機・課題を体系的に調査するプロセス。代表的な手法、進め方、UIデザインへの活かし方をUIXHEROの3レイヤー構造で解説します。
A/Bテストとは2つのパターンを比較し、どちらが良い成果を出すかをデータで検証する手法。仮説設計から統計的有意性の判断、よくある失敗パターンまで解説。
カードソートとは、ユーザーに情報をグループ分けしてもらい、自然な分類構造を探る調査手法。オープン・クローズドの使い分けから、分析方法まで解説。
UXリサーチとは、ユーザーを体系的に調査するプロセス。定性・定量×行動・態度の4象限で手法を分類し、開発フェーズごとの使い分けを解説。