Mobile UI - Google Developers Group Cebu

Mobile UI/UXUser Interface and Experience

Sunday, July 21, 13

Keith Levi LumanogMobile and Web Developer

Sunday, July 21, 13

Keith Levi LumanogMobile and Web Developer

Sunday, July 21, 13

Keith Levi LumanogMobile and Web Developer

www.micab.co

Sunday, July 21, 13

AndroidUser Interface and Experience

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

Sunday, July 21, 13

Android Devices and Displays

ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11% ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11%

23%

ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11%

23%

1%

ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11%

23%

1%

36%

ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11%

23%

1%

36%

25%

ldpimdpitvdpihdpixhdpixxhdpi

Sunday, July 21, 13

Android Devices and Displays

11%

23%

1%

36%

25%

5% ldpimdpitvdpihdpixhdpixxhdpi

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