カテゴリー
情報表示系
H-5

プロパティの選択肢でプレビューを見せる

スタイル変更やツール選択時に、結果として得られる状態のプレビューを選択肢として提示する。

01
✕ Bad

「赤」「青」「緑」とテキストで表示

テーマカラーを選択してください

プレビュー:

テキストだけでは実際の色がわからない

✓ Good

色見本で実際の色を表示

テーマカラーを選択してください

選択中: 青
サンプルヘッダー
リンクテキスト

色見本で実際の色を確認しながら選べる

02
✕ Bad

「Times New Roman」と文字で表示

フォントを選択してください

フォント名だけでは見た目がわからない

✓ Good

実際のフォントで見本を表示

フォントを選択してください

実際のフォントで見本を表示

03
✕ Bad

「Small, Medium, Large」と文字で表示

サイズを選択してください

文字だけでは実際の大きさがわからない

✓ Good

実際のサイズで3つの見本を表示

サイズを選択してください

実際のサイズで3つの見本を表示

H-5プロパティの選択肢でプレビューを見せる
H-5

プロパティの選択肢でプレビューを見せる

スタイル変更やツール選択時に、結果として得られる状態のプレビューを選択肢として提示する。

01
✕ Bad

「赤」「青」「緑」とテキストで表示

テーマカラーを選択してください

プレビュー:

テキストだけでは実際の色がわからない

✓ Good

色見本で実際の色を表示

テーマカラーを選択してください

選択中: 青
サンプルヘッダー
リンクテキスト

色見本で実際の色を確認しながら選べる

02
✕ Bad

「Times New Roman」と文字で表示

フォントを選択してください

フォント名だけでは見た目がわからない

✓ Good

実際のフォントで見本を表示

フォントを選択してください

実際のフォントで見本を表示

03
✕ Bad

「Small, Medium, Large」と文字で表示

サイズを選択してください

文字だけでは実際の大きさがわからない

✓ Good

実際のサイズで3つの見本を表示

サイズを選択してください

実際のサイズで3つの見本を表示