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

Mobile Sketching. iOS and Android

Avatar for Eli Fox Eli Fox
July 10, 2014
Programming
1
74

Mobile Sketching. iOS and Android

Difference between iOS and Android design. UX patterns both of platforms.
http://habrahabr.ru/company/Ciklum/blog/229253/
http://dou.ua/calendar/5276/
http://www.slideshare.net/Ciklum_Kyiv/mobile-sketching-1

Avatar for Eli Fox

Eli Fox

July 10, 2014
Tweet

More Decks by Eli Fox

See All by Eli Fox
Android Wear
Avatar for Eli Fox elifox
1
110
Material design animations
Avatar for Eli Fox elifox
2
120
Material design
Avatar for Eli Fox elifox
3
170

Other Decks in Programming

See All in Programming
코딩 에이전트 체크리스트: Claude Code ver.
Avatar for nacyot nacyot
0
1k
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
Avatar for Ucchiii ucchiii43
0
240
Quality Gates in the Age of Agentic Coding
Avatar for Hélio Medeiros helmedeiros
PRO
1
110
階層化自動テストで開発に機動力を
Avatar for ICKX ickx
1
450
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
React は次の10年を生き残れるか：3つのトレンドから考える
Avatar for Yuka O’oka oukayuka
41
16k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
400
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
Avatar for BPStudy bpstudy
0
210
Workers を定期実行する方法は一つじゃない
Avatar for rokuosan rokuosan
0
130
フロントエンドのパフォーマンスチューニング
Avatar for kouki.miura koukimiura
6
2.3k
CIを整備してメンテナンスを生成AIに任せる
Avatar for Hazumi Ichijo hazumirr
0
380
Gemini CLI のはじめ方
Avatar for ttnyt8701 ttnyt8701
1
110

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
860
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k

Transcript

  1. M O BILE SKETCHING . 
 ANDRO ID AND IO

    S DIFFERENCE. I L Y A L I S O V Y Y

  2. CHALLENGE iOS Design Android Design

  3. MAKE IT BETTER Change UX : - Navigation - View

    switching - Tab bars - Context - based controls - Slide Navigation Menus - Spinners - View style

  4. NAVIGATION 
 TOP BAR WITH ACTION BAR

  5. 
 SLIDE NAVIGATION MENU


  6. NAVIGATION DRAWER

  7. BACK NAVIGATION

  8. BACK NAVIGATION

  9. VIEW SWITCHING

  10. TABS WITH BOTTOM BAR

  11. 
 CONTEXT - BASED CONTROLS IN VIEWS


  12. CONTEXT - BASED CONTROLS IN VIEWS

  13. SPINNERS

  14. SPINNERS

  15. SPINNERS

  16. VIEW STYLE Android
 
 
 iOS
 
 
 Windows Phone

  17. None

  18. USEFUL LINKS Android design principles http://developer.android.com/design/get-started/principles.html Designing for iOS https://developer.apple.com/library/ios/documentation/

    UserExperience/Conceptual/MobileHIG/ UX blog
 http://www.uxcentral.com/

  19. THANK YOU 
 FOR ATTENTION 
 
 
 
 


    
 
 
 
 
 
 
 
 
 ? 
 Ilya Lisovyy, Android Developer [email protected] ilya.lisovyy id=227112207