Examples of metaphors we see? Desktop Folders Documents Trash can/Recycle bin Accessories: –Calculator –Clock –Notepad
Shallow Metaphor Depth of the metaphor has to do with how much of the metaphor you are capitalizing on Shallow metaphors make use of the one most recognizable aspects of something –Example: Search dog (XP) –Dogs are good at fetching things, so use image of dog under search box –But dogs do other things: Chew newspapers eat files Not return object to you share your search with your friends Other ideas?
Broken/Inappropriate Metaphor Not informative, may just be confusing –Example: Use a cat (cats don’t fetch on command!) Why is a paper clip talking to me?
Mixed Metaphor When two or more different metaphors coexist –May seem related, but not actually –Can be confusing How do you eject a USB stick or CD in Mac OS X? –Trashcan metaphor: put items you are done with in the trashcan –Empty trash when you are done to delete them forever –What happens when I drag my USB stick to the trashcan?
When to use metaphor? Challenges: –Cute vs. Functional –Shallow, mixed, or broken metaphors make understanding metaphors more difficult –Can prematurely constrain interfaces But...with the right metaphor, learning interfaces can be much easier
Metaphor Guidelines Do use metaphor sparingly, carefully, and respectfully. Do take metaphors far enough—but don’t take them too far. Do make metaphors culturally appropriate. Do make metaphors brand appropriate. Do reinforce metaphors with visuals and media. Do test your metaphors. Full list of Dos and Don’ts: http://www.uxmatters.com/mt/archives/2008/10/the- magic-of-metaphor.php
Good Examples of Metaphor Bump Top (CHI, 2006) http://www.youtube. com/watch?v=M0O DskdEPnQ Fold n’ Drop (UIST, 2004) http://www.youtube. com/watch?v=VAW nIGo9Kro
Activity (time permitting) Pair up with a partner Find examples of good and bad metaphors on your mobile device Bonus: find examples of good/bad audio design 41