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
110
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
150
AI and Designer Collaboration
lekevicius
0
120
Treatwell — the business and the app
lekevicius
0
830
The Dissatisfied Thief
lekevicius
0
42
Hack @ SmallPlanetAirlines
lekevicius
0
90
Interface Fiction
lekevicius
0
150
Introduction to Apps for Atomic Garden
lekevicius
2
110
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
lekevicius
0
130
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
lekevicius
1
310
Other Decks in Design
See All in Design
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
280
Jeremy's First Day
myates3
1
120
B/43プラスカードができるまで
putchomsmartbank
0
430
Portfolio 2023.07.28
helemarudesu
0
550
231206_Book-launch-event_kato
hjmkth
2
1.1k
🇫🇷 Dogmes et Design Systems, comment faire autrement
morganepeng
0
190
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
ChatGPTを活用したUI勉強会のススメ
abokadotyann
20
12k
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
0
170
Ride or Die Animatics
warwatkar
0
130
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
3D空間を扱うUI表現とユーザビリティ
akinen
0
410
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
91
13k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
GraphQLとの向き合い方2022年版
quramy
28
12k
RailsConf 2023
tenderlove
0
510
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
4 Signs Your Business is Dying
shpigford
174
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Design by the Numbers
sachag
274
18k
Scaling GitHub
holman
456
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
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