Upload
mobile-monday-brussels
View
145
Download
1
Tags:
Embed Size (px)
Citation preview
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 & CUSTOMIZATIONTEXT & 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 : SNAPSTOREE-COMMERCE APP
DEMO...
Tuesday 30 April 13
14
DEMOS : APROPLANREAL-ESTATE UTILITY APP
DEMO...
Tuesday 30 April 13
15
DEMOS : THE BEATBLASTERSKEUOMORPHISM
“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 BEATBLASTERSKEUOMORPHISM
DEMO...
Tuesday 30 April 13
22
ANY QUESTIONS?
Tuesday 30 April 13