SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
Tuesday 30 April 13
UX for iOS
Tuesday 30 April 13
2
NATIVE APPS WEB APPSBACK-END
PINCH : EXPERTISE
Tuesday 30 April 13
3
PINCH : REFERENCES
Tuesday 30 April 13
4
- UI/UX DEFINITION PROCESS
- A FEW UI TIPS
- DEMOS
Tuesday 30 April 13
5
UI/UX DEFINITION PROCESS
- DEFINE BUSINESS NEEDS
- LIST ALL FEATURES & PRIORITIZE
- WIREFRAME
- DEDICATE UI TO PRIMARY FEATURES
- DESIGN
- IMPLEMENT
- FOLLOW-UP
}ITERATE
Tuesday 30 April 13
6
- UI/UX DEFINITION PROCESS
- A FEW UI TIPS
- DEMOS
Tuesday 30 April 13
7
UI TIPS : iOS Human Interface Guidelines
- Platform Characteristics
- Human Interface Principles
- App Design Strategies
- Transition Case Studies
- User Experience Guidelines
- iOS Technology Usage Guidelines
- iOS UI Element Usage Guidelines
- ...
Tuesday 30 April 13
8
UI TIPS : GENERAL
- VALIDATE DESIGNS IN REAL SIZE
- CUSTOM UI : GOOD BUT ...
- WORK WITH POINTS NOT PIXELS
- EVEN RETINA ELEMENT SIZES
Tuesday 30 April 13
9
UI TIPS : EFFETS & CUSTOMIZATION
TEXT & LISTS
- TEXT
- AVOID EFFECTS
- USE NATIVE FONTS (260 AVAILABLE IN iOS 6)
- LISTS
- AVOID GRADIENT
- AVOID SHADINGS
- BUTTONS
- APP CONSISTENCY (APPEARANCE PROXY)
- BUTTON STATES (NORMAL, SELECTED, HIGHLIGHTED, DISABLED)
Tuesday 30 April 13
10
UI TIPS : EDGE EFFECTS
- CONSIDER
- ERRORS
- NO CONNECTION
- EMPTY CONTENT (LISTS, LABEL...)
- ...
Tuesday 30 April 13
11
UI TIPS : GESTURES
- MAKES APP UI SIMPLER
- USE KNOWN GESTURES
- PULL TO REFRESH
- CONTENT SWIPE (PAGE CONTROL)
- LIST SWIPE
- LESS USED GESTURES
- ADD BUTTON EQUIVALENT
Tuesday 30 April 13
12
- UI/UX DEFINITION PROCESS
- A FEW UI TIPS
- DEMOS
Tuesday 30 April 13
13
DEMOS : SNAPSTORE
E-COMMERCE APP
DEMO...
Tuesday 30 April 13
14
DEMOS : APROPLAN
REAL-ESTATE UTILITY APP
DEMO...
Tuesday 30 April 13
15
DEMOS : THE BEATBLASTER
SKEUOMORPHISM
“a graphical user interface that emulates
objects in the physical world”
Tuesday 30 April 13
Tuesday 30 April 13
Tuesday 30 April 13
Tuesday 30 April 13
Tuesday 30 April 13
Tuesday 30 April 13
DEMOS : THE BEATBLASTER
SKEUOMORPHISM
DEMO...
Tuesday 30 April 13
22
ANY QUESTIONS?
Tuesday 30 April 13

Mais conteúdo relacionado

Mais de Mobile Monday Brussels

Uxperts mobi 2013 how the f -_ do i start
Uxperts mobi 2013   how the f -_ do i startUxperts mobi 2013   how the f -_ do i start
Uxperts mobi 2013 how the f -_ do i start
Mobile Monday Brussels
 

Mais de Mobile Monday Brussels (20)

Uxperts mobi 2013 what about testing
Uxperts mobi 2013   what about testing Uxperts mobi 2013   what about testing
Uxperts mobi 2013 what about testing
 
Uxperts mobi 2013 introduction
Uxperts mobi 2013   introductionUxperts mobi 2013   introduction
Uxperts mobi 2013 introduction
 
Uxperts mobi 2013 ux for windows 8
Uxperts mobi 2013   ux for windows 8Uxperts mobi 2013   ux for windows 8
Uxperts mobi 2013 ux for windows 8
 
Uxperts mobi 2013 ux for android
Uxperts mobi 2013   ux for androidUxperts mobi 2013   ux for android
Uxperts mobi 2013 ux for android
 
Uxperts mobi 2013 how the f -_ do i start
Uxperts mobi 2013   how the f -_ do i startUxperts mobi 2013   how the f -_ do i start
Uxperts mobi 2013 how the f -_ do i start
 
Apps4 geo geosolutions
Apps4 geo geosolutionsApps4 geo geosolutions
Apps4 geo geosolutions
 
Appsforgeonostalgia20130426 appsforgeo
Appsforgeonostalgia20130426 appsforgeoAppsforgeonostalgia20130426 appsforgeo
Appsforgeonostalgia20130426 appsforgeo
 
Momojan21012013
Momojan21012013Momojan21012013
Momojan21012013
 
Mv use of social media Dorien Aerts
Mv use of social media   Dorien AertsMv use of social media   Dorien Aerts
Mv use of social media Dorien Aerts
 
Mobilemonday Slovakia
Mobilemonday SlovakiaMobilemonday Slovakia
Mobilemonday Slovakia
 
Mobile monday intro to social media on mobile
Mobile monday intro to social media on mobileMobile monday intro to social media on mobile
Mobile monday intro to social media on mobile
 
Survey anyplace apps marathon
Survey anyplace apps marathonSurvey anyplace apps marathon
Survey anyplace apps marathon
 
Belgian mobile app developer profile
Belgian mobile app developer profileBelgian mobile app developer profile
Belgian mobile app developer profile
 
Belgacom vision mobile payment applications
Belgacom vision mobile payment applicationsBelgacom vision mobile payment applications
Belgacom vision mobile payment applications
 
Mobile Payment Overview:Belgium Tim Wulgaert - Ernst & Young - Director
Mobile Payment Overview:Belgium  Tim Wulgaert - Ernst & Young - DirectorMobile Payment Overview:Belgium  Tim Wulgaert - Ernst & Young - Director
Mobile Payment Overview:Belgium Tim Wulgaert - Ernst & Young - Director
 
Mobile monday event tunz final
Mobile monday event  tunz finalMobile monday event  tunz final
Mobile monday event tunz final
 
Intro Mobilemonday Brussels 4/6
Intro Mobilemonday Brussels 4/6Intro Mobilemonday Brussels 4/6
Intro Mobilemonday Brussels 4/6
 
MOBES project
MOBES projectMOBES project
MOBES project
 
Feed Herny developer training : crossplatform and HTML5
Feed Herny developer training : crossplatform and  HTML5Feed Herny developer training : crossplatform and  HTML5
Feed Herny developer training : crossplatform and HTML5
 
Opendataforum by nvanherreweghe
Opendataforum by nvanherrewegheOpendataforum by nvanherreweghe
Opendataforum by nvanherreweghe
 

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Uxperts mobi 2013 ux for i os