Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Elements of Mobile Design
Search
Jonas Lekevicius
September 16, 2013
Design
0
130
Elements of Mobile Design
High level overview of problems and solutions in mobile app design. Presented at Vinted Demo Day.
Jonas Lekevicius
September 16, 2013
Tweet
Share
More Decks by Jonas Lekevicius
See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
220
AI and Designer Collaboration
lekevicius
0
160
Treatwell — the business and the app
lekevicius
0
1.1k
The Dissatisfied Thief
lekevicius
0
65
Hack @ SmallPlanetAirlines
lekevicius
0
110
Interface Fiction
lekevicius
0
160
Introduction to Apps for Atomic Garden
lekevicius
2
140
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
lekevicius
0
170
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
430
Other Decks in Design
See All in Design
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
190
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
880
portfolio2025_kanakoohata
kanako106
0
680
NAHO SHIMONO_Portfolio2025
nahohphp
0
150
マンガで分かるサービスデザインガイドライン
senryakuka
1
630
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
240
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
280
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
521
39k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
A Philosophy of Restraint
colly
203
16k
Side Projects
sachag
452
42k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Navigating Team Friction
lara
183
15k
4 Signs Your Business is Dying
shpigford
182
22k
Scaling GitHub
holman
459
140k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Transcript
Elements of Mobile Design For Vinted Demo Day by Jonas
Lekevicius
Hi, my name is Jonas.
Vinted iOS app designer.
Talk about what mobile design is.
Apps != Websites.
Forces.
g
None
None
Forces in Smartphones.
None
Small,
Small, Manipulated directly,
Small, Manipulated directly, Used everywhere,
Small, Manipulated directly, Used everywhere, Apps are native to OS.
Mobile Design Principles and Differences
No space for persistent navigation, branding, side elements.
None
Branding through colors, typography, UI elements.
Only real brand visibility: icon and splash screen.
Limited navigation options: back, gesture-based menu.
On Android there is system back button.
Focused screens: nothing unnecessary.
Limited number of actions in each situation.
Priorities: show an action, or put it in overflow menu?
No :hover.
Visible controls, succinct explanations.
Finger-friendly tap targets.
Limited maximum number of items per screen - even less
with keyboard.
Obstruction of view.
By hand or keyboard.
Easy, fast inputs.
Not everything can fit into one screen, but everything can
be easy to understand.
OS-specific design.
None
Helvetica Roboto
Helvetica Avenir Roboto
None
Mobile design patterns.
Chat bubbles from sides, input field in the bottom, above
the keyboard.
Assumption about little computer literacy.
Screen sizes.
Delight vs Features.
Little space Branding through UI Few actions per screen Visible
UI elements Large UI elements Obstruction of view OS-specific design Mobile design patterns Friendly to new users Perfectly fitting the screen Delightful UI execution
The End