身近な物や素材を借り、デジタルな内容と操作の関係を伝えます。
料理アプリで利用者は料理を選び、客の人数に合わせて材料を調整します。紙のノートに慣れた人には普通のパネルがなじみません。ニューモーフィズムの抽象的な柔らかさより、分かるノートの比喩が重要です。
木の面にある紙のページへ料理のタブを置きます。トマトパスタを4人分にするとパスタは400gになります。トマトサラダへ変えるとその材料を表示します。リセットで2人分のパスタへ戻ります。
トマトを煮て、ゆでたパスタと和えます。
トマトとチーズを切り、オイルを加えます。
本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。
スキューモーフィズムはデジタル画面に身近な実物や素材を使います。比喩は作業の理解を助ける必要があります。写実的な装飾は場所を取り、操作を隠したり曖昧にしたりしてはいけません。
任意の参考資料 · 概要の読了時間には含みません
利用者が物の構成を理解しているときに比喩を使います。ノートは料理とタブを結び付けますが、革の装飾だけで操作は説明できません。比喩が役立たない作業には平面が適します。
ノートでは料理と計算した量を変えます。料理・メモ・音声ツールに物理的な関係を借りられます。実物を忠実に模倣しすぎてデジタル操作を難しくしないようにします。
1人分の基準値を表示値から分け、人数で再計算します。単位・紙面のコントラスト・モバイルの読む順序を保ちます。生成した料理写真と分量は例であり、検証済みのレシピではありません。
UIで身近な実物を参照する考え方を説明しています。材料の量は例です。
確認キーボード・フォーカス・リフロー・コントラストの要件。見た目だけで適合を証明するものではありません。
確認| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| スキューモーフィズム | 見慣れた実物の参照 | 手帳の比喩でレシピ構造を説明 | 模倣で操作を制限しない | 抽象面より見慣れた物の役割 | 実テキストと直接の人数操作 |
これからプロジェクトを始めますか？説明を入力して最初のプロンプトを準備しましょう。
自分に合うプロンプトを作る →すでに外部AIと会話中なら、この記事のリンクと自分のプロジェクトに合う理由、重視する利点や制約を伝えましょう。合意した要件にどう適用するか依頼してください。
この記事のリンク: スキューモーフィズム
この選択を話し合う
コメントは全言語で共有。投稿にはGitHubログインが必要です。