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

UI basics (mobile)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Oursky Limited Oursky Limited
May 22, 2015
Design
260
0

UI basics (mobile)

Avatar for Oursky Limited

Oursky Limited

May 22, 2015

More Decks by Oursky Limited

See All by Oursky Limited
UI Automation
Avatar for Oursky Limited oursky
1
550
SSH Can
Avatar for Oursky Limited oursky
1
350
HTTP/2
Avatar for Oursky Limited oursky
0
380
watchOS2
Avatar for Oursky Limited oursky
0
380
Common QA issues
Avatar for Oursky Limited oursky
0
230
Complex is better than complicated
Avatar for Oursky Limited oursky
0
320
Clean code again
Avatar for Oursky Limited oursky
3
410
KiriKiri x O2 x NVLMarker
Avatar for Oursky Limited oursky
0
270
Flux + React
Avatar for Oursky Limited oursky
1
420

Other Decks in Design

See All in Design
Claudeもくもく会、はじめませんか？
Avatar for yusukeiyoda yusukeiyoda
0
120
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
210
エンジニアがAI活用してスライドデザインできる世界が来たよ！
Avatar for 甲斐 甲 kaikou
1
340
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
2k
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
340
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
The Art of Messy the Maid
Avatar for Marz Starz marzstarz
0
120
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
180
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.3k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
230
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.4k
hicard_credential_202601
Avatar for hicard hicard
0
260

Featured

See All Featured
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
360
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.9k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
8.7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
490
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
460
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
970
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
250

Transcript

  1. UI Basics… OURSKY

  2. Controls

  3. Hit BOX

  4. Text size main content at least 11 pt

  5. Spacing

  6. Image assets

  7. Image assets

  8. Alignment

  9. Alignment

  10. Alignment

  11. Alignment

  12. Alignment

  13. Responsive

  14. Responsive

  15. Continuity