What's Metaphor on Web UI/UX?
Web UI/UXにおけるメタファーとは
Webデザインの分野において、アイコンなどのメタファーを使用して、UI/UXの向上を図ることは一般的となっています。分かりにくいものをアイコンやイラストなどで例えることで、親しみやすさや分かりやすさを向上させることができます。
また、逆に全く違うものを想起させるイメージをユーザーに与えて、ユーザーを楽しい気持ちにさせるメタファーの使い方もあります。
当サイトは、メタファーの活用によるUI/UXへの効果を測定・検証することを目的としています。
Metaphor on Form
フォームにおいてメタファーを活用したUI改善による効果を検証します
この検証ページは、以下の質問事項に関する入力フォームとなっており、
入力完了までの時間を記録します
より短い時間での入力完了を目指して回答してください
検証ページで質問される内容
効果測定のため、検証ページでの表示順はシャッフルされます。
- 好きな動物
- 犬、猫、パンダ、うさぎ、コアラ、鳥、トラ、馬 から選択
- 好きな色
- 赤、青、黄色、緑、紫、ピンク、オレンジ から選択
- 好きな料理
- 寿司、焼肉、ラーメン、唐揚げ、カレー、刺身、餃子、ステーキ、パスタ、ハンバーグ から選択
Metaphor on Form Returns
フォームにおけるメタファーを活用したUI改善による効果の「反証テスト」を行います
反証テストでは、検証D→C→B→Aの順に回答してください
同様に短い時間での入力完了を目指しましょう
反証テストページで質問される内容
効果測定のため、検証ページでの表示順はシャッフルされます。- 好きな動物
- 犬、猫、パンダ、うさぎ、コアラ、鳥、トラ、馬 から選択
- 好きな色
- 赤、青、黄色、緑、紫、ピンク、オレンジ から選択
- 好きな料理
- 寿司、焼肉、ラーメン、唐揚げ、カレー、刺身、餃子、ステーキ、パスタ、ハンバーグ から選択
Smart Notification
Never miss your fitness routine.
Proin massa odio amet tellus dignissim condimentum in viverra eget rhoncus, adipiscing eget ut donec vel enim, ultrices vestibulum nisl vel blandit dui enim hac sed a at laoreet eget sagittis dictum.
As Featured On:
Metaphor on Design
Webデザインでのメタファー利用によるUXへの効果を検証します
メタファー非使用ページとメタファーを使用したページを閲覧後、アンケートに回答してください
Personalized style
Neque lacus nunc, vitae fames mattis proin dictum blandit quam.
Workout with friend
Tempus enim sed urna blandit mauris semper ligula.
Tracking & progress
Habitant nunc, volutpat urna quam purus purus nisi.
Fun & competitive
Semper justo malesuada nibh ipsum in fermentum non.
Music you love
Facilisis ut vulputate enim, viverra elementum, amet orci
Personalized diet menu
Aenean morbi gravida aliquet volutpat, et ligula augue