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 startMobile Monday Brussels
 
Appsforgeonostalgia20130426 appsforgeo
Appsforgeonostalgia20130426 appsforgeoAppsforgeonostalgia20130426 appsforgeo
Appsforgeonostalgia20130426 appsforgeoMobile Monday Brussels
 
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 mobileMobile Monday Brussels
 
Belgacom vision mobile payment applications
Belgacom vision mobile payment applicationsBelgacom vision mobile payment applications
Belgacom vision mobile payment applicationsMobile Monday Brussels
 
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 - DirectorMobile Monday Brussels
 
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 HTML5Mobile 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

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 

Kürzlich hochgeladen (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 

Uxperts mobi 2013 ux for i os