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
66
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
180
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
430
Other Decks in Design
See All in Design
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
240
portfolio2025_kanakoohata
kanako106
0
710
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
200
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
430
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
290
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
120
250131_product meetup
motokoishida
0
110
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
130
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
280
The Golden Whitney
ohtristanart
PRO
0
110
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.8k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Thoughts on Productivity
jonyablonski
69
4.5k
Rails Girls Zürich Keynote
gr2m
94
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Designing for humans not robots
tammielis
250
25k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
How GitHub (no longer) Works
holman
314
140k
GraphQLとの向き合い方2022年版
quramy
44
13k
Unsuck your backbone
ammeep
669
57k
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