SlideShare una empresa de Scribd logo
1 de 49
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a Mobile UI - Google Developers Group Cebu

IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
Ikinnoveer
 
Formation aimaf-android-part1
Formation aimaf-android-part1Formation aimaf-android-part1
Formation aimaf-android-part1
Saad RGUIG
 
Android - CodeMiner 42 Tech Talk
Android - CodeMiner 42 Tech TalkAndroid - CodeMiner 42 Tech Talk
Android - CodeMiner 42 Tech Talk
Jonas Alves
 

Similar a Mobile UI - Google Developers Group Cebu (16)

Paranoid Android
Paranoid AndroidParanoid Android
Paranoid Android
 
Final Agile Forum
Final Agile ForumFinal Agile Forum
Final Agile Forum
 
IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
IA Ondernemen met innovatieve apps. Wim Vanhenden. Sessie 2
 
Paulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs NativePaulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs Native
 
Mobile beneath-the-sheets
Mobile beneath-the-sheetsMobile beneath-the-sheets
Mobile beneath-the-sheets
 
Practical Accessibility (A11y)
Practical Accessibility (A11y)Practical Accessibility (A11y)
Practical Accessibility (A11y)
 
Formation aimaf-android-part1
Formation aimaf-android-part1Formation aimaf-android-part1
Formation aimaf-android-part1
 
Mobile devices
Mobile devicesMobile devices
Mobile devices
 
Visualizing User Experience
Visualizing User ExperienceVisualizing User Experience
Visualizing User Experience
 
Visualizing user experience
Visualizing user experienceVisualizing user experience
Visualizing user experience
 
Yahoo! Hack India: Hyderabad | Visualizing User Experience
Yahoo! Hack India: Hyderabad | Visualizing User ExperienceYahoo! Hack India: Hyderabad | Visualizing User Experience
Yahoo! Hack India: Hyderabad | Visualizing User Experience
 
Augmented World Expo 2013
Augmented World Expo 2013Augmented World Expo 2013
Augmented World Expo 2013
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & Development
 
Digital Bangadesh
Digital BangadeshDigital Bangadesh
Digital Bangadesh
 
SMAC (Social, Mobile, Analytic and Cloud) Inflection: Technology's Long Promi...
SMAC (Social, Mobile, Analytic and Cloud) Inflection: Technology's Long Promi...SMAC (Social, Mobile, Analytic and Cloud) Inflection: Technology's Long Promi...
SMAC (Social, Mobile, Analytic and Cloud) Inflection: Technology's Long Promi...
 
Android - CodeMiner 42 Tech Talk
Android - CodeMiner 42 Tech TalkAndroid - CodeMiner 42 Tech Talk
Android - CodeMiner 42 Tech Talk
 

Más de Keith Levi Lumanog

Más de Keith Levi Lumanog (6)

iSkwelahan - iskwelahan.com
iSkwelahan - iskwelahan.comiSkwelahan - iskwelahan.com
iSkwelahan - iskwelahan.com
 
Android Developer - Music Player from scratch GDG Cebu DevFest 2014
Android Developer - Music Player from scratch GDG Cebu DevFest 2014Android Developer - Music Player from scratch GDG Cebu DevFest 2014
Android Developer - Music Player from scratch GDG Cebu DevFest 2014
 
WordPress database
WordPress databaseWordPress database
WordPress database
 
Wordpress database
Wordpress databaseWordpress database
Wordpress database
 
Safecab - Cabbing service startup , Philippines
Safecab - Cabbing service startup , PhilippinesSafecab - Cabbing service startup , Philippines
Safecab - Cabbing service startup , Philippines
 
Iskwelahan.com - School Web Application System
Iskwelahan.com - School Web Application SystemIskwelahan.com - School Web Application System
Iskwelahan.com - School Web Application System
 

Último

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 

Último (20)

➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 

Mobile UI - Google Developers Group Cebu