Upgrade to Pro — share decks privately, control downloads, hide ads and more …

User-Interface Metaphors

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Alex Styl Alex Styl
January 05, 2015
Design
1
60

User-Interface Metaphors

Talk I did part of the Research Topics in HCI during my Masters program in the University of Birmingham back in 2014/15

Avatar for Alex Styl

Alex Styl

January 05, 2015
Tweet

More Decks by Alex Styl

See All by Alex Styl
Building Beautiful Widget experiences on Android
Avatar for Alex Styl alexstyl
0
95
Android, Communities and You
Avatar for Alex Styl alexstyl
0
81
The Journey Towards A Platform Agnostic Codebase
Avatar for Alex Styl alexstyl
0
680
Machine Learning for Designers
Avatar for Alex Styl alexstyl
1
260
Improving Play Store ratings without any design or code
Avatar for Alex Styl alexstyl
0
270
Switching themes on the go
Avatar for Alex Styl alexstyl
3
790
Improving Learnability and Discoverability of Cross-device Interactions
Avatar for Alex Styl alexstyl
0
55
Anxiety in Technology
Avatar for Alex Styl alexstyl
0
63

Other Decks in Design

See All in Design
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
540
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.1k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
300
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.3k
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
260
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
5
3.9k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180

Featured

See All Featured
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
250
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
880

Transcript

  1. User-Interface Metaphors Alexandros Stylianidis Research Topics in HCI

  2. The age of ubiquitous computing

  3. Metaphors • Transfers attributes from source domain to the target

    domain • Learning by analogy

  4. User-Interface Metaphor

  5. Hard to use • Cultural • Bad at scaling •

    Can cause confusing • Resources go to waste

  6. Types of Metaphor • Structural • Orientational • Ontological

  7. Structural Metaphors • Existing knowledge of a real life object

    or idea

  8. Orientational Metaphors • Spatial orientation • i.e. MORE IS UP,

    LESS IS DOWN or RIGHT IS FORWARD, LEFT IS PAST

  9. Ontological Metaphors • Give a system concept or some method

    its own entity

  10. Affordances and
 Metaphorical Entailment

  11. Conclusion • Great teaching tool • Delightful • Need extra

    care on design

  12. Thank You Questions?