Mobile UI/UX
User Interface and Experience
Sunday, July 21, 13
Keith Levi Lumanog
Mobile and Web Developer
Sunday, July 21, 13
Keith Levi Lumanog
Mobile and Web Developer
Sunday, July 21, 13
Keith Levi Lumanog
Mobile and Web Developer
www.micab.co
Sunday, July 21, 13
AndroidUser Interface and Experience
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
Sunday, July 21, 13
AndroidDevices and Displays
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11% ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11%
23%
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11%
23%
1%
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11%
23%
1%
36%
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11%
23%
1%
36%
25%
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
AndroidDevices and Displays
11%
23%
1%
36%
25%
5%
ldpi
mdpi
tvdpi
hdpi
xhdpi
xxhdpi
Sunday, July 21, 13
ios Devices and Displays
Sunday, July 21, 13
ios Devices and Displays
Non- Retina
Sunday, July 21, 13
ios Devices and Displays
Non- RetinaRetina - @2x
Sunday, July 21, 13
Mobile Multiple Views Into One
Sunday, July 21, 13
Mobile Multiple Views Into One
Sunday, July 21, 13
Mobile Orientation Changes
Sunday, July 21, 13
ios Orientation Changes
Sunday, July 21, 13
Mobile Don’t Mimic!
Android, iOS and Windows Phone 7.
Sunday, July 21, 13
Mobile Don’t Mimic!
Android, iOS and Windows Phone 7.
Sunday, July 21, 13
Mobile Don’t Mimic!
Sunday, July 21, 13
Mobile Don’t Mimic!
Sunday, July 21, 13
Make Targets Fingertip-Size
target area of about 44 x 44 points.
Mobile
Sunday, July 21, 13
Make Targets Fingertip-Size
target area of about 44 x 44 points.
Mobile
Sunday, July 21, 13
Notify UsersMobile
Sunday, July 21, 13
7-second ruleMobile
Sunday, July 21, 13
7-second ruleMobile
Sunday, July 21, 13
7-second ruleMobile
Sunday, July 21, 13
7-second ruleMobile
Sunday, July 21, 13
Pop Overs and SidebarsMobile
Sunday, July 21, 13
Mobile Pop Overs and Sidebars
Sunday, July 21, 13
Mobile Pop Overs and Sidebars
Sunday, July 21, 13
MobileLists and Tables
Sunday, July 21, 13
MobileLists and Tables
Sunday, July 21, 13
Mobile Search Styles
Sunday, July 21, 13
Colors and Typography
Sunday, July 21, 13
Colors and Typography
Sunday, July 21, 13
Don’t be afraid
to go out of the
box
Sunday, July 21, 13
Mobile Out of the Box
Sunday, July 21, 13
Mobile Out of the Box
Sunday, July 21, 13
Thank You!
@keithics or keith@webninjamobile.com
Sunday, July 21, 13
Thank You!
@keithics or keith@webninjamobile.com
Sunday, July 21, 13
Upcoming SlideShare
Loading in …5
×

Mobile UI - Google Developers Group Cebu

854
-1

Published on

My presentation during the Transit Hackathome
http://philippine-transit.hackathome.com/

Published in: Design, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
854
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
29
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Mobile UI - Google Developers Group Cebu

  1. 1. Mobile UI/UX User Interface and Experience Sunday, July 21, 13
  2. 2. Keith Levi Lumanog Mobile and Web Developer Sunday, July 21, 13
  3. 3. Keith Levi Lumanog Mobile and Web Developer Sunday, July 21, 13
  4. 4. Keith Levi Lumanog Mobile and Web Developer www.micab.co Sunday, July 21, 13
  5. 5. AndroidUser Interface and Experience Sunday, July 21, 13
  6. 6. AndroidDevices and Displays Sunday, July 21, 13
  7. 7. AndroidDevices and Displays Sunday, July 21, 13
  8. 8. AndroidDevices and Displays Sunday, July 21, 13
  9. 9. AndroidDevices and Displays Sunday, July 21, 13
  10. 10. AndroidDevices and Displays Sunday, July 21, 13
  11. 11. AndroidDevices and Displays Sunday, July 21, 13
  12. 12. AndroidDevices and Displays ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  13. 13. AndroidDevices and Displays 11% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  14. 14. AndroidDevices and Displays 11% 23% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  15. 15. AndroidDevices and Displays 11% 23% 1% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  16. 16. AndroidDevices and Displays 11% 23% 1% 36% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  17. 17. AndroidDevices and Displays 11% 23% 1% 36% 25% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  18. 18. AndroidDevices and Displays 11% 23% 1% 36% 25% 5% ldpi mdpi tvdpi hdpi xhdpi xxhdpi Sunday, July 21, 13
  19. 19. ios Devices and Displays Sunday, July 21, 13
  20. 20. ios Devices and Displays Non- Retina Sunday, July 21, 13
  21. 21. ios Devices and Displays Non- RetinaRetina - @2x Sunday, July 21, 13
  22. 22. Mobile Multiple Views Into One Sunday, July 21, 13
  23. 23. Mobile Multiple Views Into One Sunday, July 21, 13
  24. 24. Mobile Orientation Changes Sunday, July 21, 13
  25. 25. ios Orientation Changes Sunday, July 21, 13
  26. 26. Mobile Don’t Mimic! Android, iOS and Windows Phone 7. Sunday, July 21, 13
  27. 27. Mobile Don’t Mimic! Android, iOS and Windows Phone 7. Sunday, July 21, 13
  28. 28. Mobile Don’t Mimic! Sunday, July 21, 13
  29. 29. Mobile Don’t Mimic! Sunday, July 21, 13
  30. 30. Make Targets Fingertip-Size target area of about 44 x 44 points. Mobile Sunday, July 21, 13
  31. 31. Make Targets Fingertip-Size target area of about 44 x 44 points. Mobile Sunday, July 21, 13
  32. 32. Notify UsersMobile Sunday, July 21, 13
  33. 33. 7-second ruleMobile Sunday, July 21, 13
  34. 34. 7-second ruleMobile Sunday, July 21, 13
  35. 35. 7-second ruleMobile Sunday, July 21, 13
  36. 36. 7-second ruleMobile Sunday, July 21, 13
  37. 37. Pop Overs and SidebarsMobile Sunday, July 21, 13
  38. 38. Mobile Pop Overs and Sidebars Sunday, July 21, 13
  39. 39. Mobile Pop Overs and Sidebars Sunday, July 21, 13
  40. 40. MobileLists and Tables Sunday, July 21, 13
  41. 41. MobileLists and Tables Sunday, July 21, 13
  42. 42. Mobile Search Styles Sunday, July 21, 13
  43. 43. Colors and Typography Sunday, July 21, 13
  44. 44. Colors and Typography Sunday, July 21, 13
  45. 45. Don’t be afraid to go out of the box Sunday, July 21, 13
  46. 46. Mobile Out of the Box Sunday, July 21, 13
  47. 47. Mobile Out of the Box Sunday, July 21, 13
  48. 48. Thank You! @keithics or keith@webninjamobile.com Sunday, July 21, 13
  49. 49. Thank You! @keithics or keith@webninjamobile.com Sunday, July 21, 13

×