SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
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)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
[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
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
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...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 

Uxperts mobi 2013 ux for i os