メタファーによるUXの向上
What’ｓ Metaphor?
メタファーとは
メタファーとは、直訳すると「隠喩」と言う意味です。UIデザインの世界では、現実世界に存在する物体や概念を平面的なデザインとして表現するときに、そのままの形で表現するのではなく、元となる物体が「連想されるような形」で表現します。
例えば、オンオフを切り替えるためのスイッチUIは現実世界のスイッチを連想させような形でデザインされています。これは、初めてUIを使うユーザーであっても、現実世界でスイッチを使った経験からUI上のスイッチの役割を推測できるようにという思想で設計されています。
前述したような、現実世界の物を似た形でUIデザインに取り入れるようなメタファーのことを「インターフェース・メタファー」といいます。
https://www.unprinted.design/articles/metaphor/
Icons as Metaphors
メタファーとしてのアイコン
どのアプリでもおそらく目にすることがある「アイコン」もメタファーです。アイコンは、UIにおいてそれぞれのUIコンポーネントの意味をユーザーに伝える役割があります。
例えば、ボタンの上に「鉛筆」のマークがあれば「編集」を意味しますね。現実世界の人間の「書く」という行動を「編集」というUI上の行動のメタファーとして使っているのです。これによって、ユーザーにボタンが提供する機能をユーザーに伝えることができます。
Other Metaphor
UXにおけるメタファー
インターフェイス・メタファーとアイコンは目にする頻度も多く、イメージしやすいかもしれません。実はデジタルデザインの世界には他にもメタファーがあります。
これは、UXにおけるメタファーです。「ユーザー体験」自体を現実世界の行動のメタファーとして表現することで、単なる画面操作にとどまらない体験を演出するようなブランディング効果が得られます。
デザインSNS「Dribbble」はサービス名自体がバスケットボールの「ドリブル」から来ており、ロゴもバスケットボールです。Dribbbleでは、このバスケットボールに関するメタファーをサービスのUXにも取り入れており、「投稿」のことを「Shot（ショット）」と呼びます。
https://www.unprinted.design/articles/metaphor/
Progress Tracker
Track your progress with our app.
- Mauris at proin sapien
- Sodales sed pulvinar venenatis
- Sed ac pellentesque sed
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.
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
As Featured On:
Fitness Community
A caring fitness community to help you stay on track.
Nibh amet feugiat ornare leo morbi euismod pellentesque duis id eu viverra ipsum est, et scelerisque quisque feugiat condimentum morbi mi massa dis vitae.
