what is user experience? - zebra technologieslaunchpad.zebra.com/.../day_2_en/13_what_is_ux.pdf ·...
TRANSCRIPT
![Page 1: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/1.jpg)
What is User Experience?
James Morley-Smith
Nico Li
![Page 2: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/2.jpg)
![Page 3: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/3.jpg)
![Page 4: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/4.jpg)
![Page 5: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/5.jpg)
![Page 6: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/6.jpg)
![Page 7: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/7.jpg)
Smarter things
![Page 8: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/8.jpg)
![Page 9: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/9.jpg)
Reduce errors
Increase productivity
Why is enterprise UX different?
![Page 10: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/10.jpg)
A History of Enterprise Productivity Improvement…
A long time ago 1980’s Late 1990’s
![Page 11: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/11.jpg)
![Page 12: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/12.jpg)
Physical Product Design Customer Innovation
Research Human Factors Engineering User Experience Design
![Page 13: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/13.jpg)
What is UX?
![Page 14: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/14.jpg)
User Experience is NOT User Interface
![Page 15: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/15.jpg)
Product
![Page 16: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/16.jpg)
User Interface
![Page 17: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/17.jpg)
User Experience
![Page 18: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/18.jpg)
User Experience is the sum of everything with which your
customers interact.
![Page 19: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/19.jpg)
Bad UX does not go un-noticed
![Page 20: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/20.jpg)
Bad UX does not go un-noticed
![Page 21: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/21.jpg)
User Experience
Visual Design
Content / Features
Information Architecture System Design
Concept Prototyping
Interaction Design
Where Zebra UX Focuses
![Page 22: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/22.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Customer engagement
• Watch customers using products to deeply understand their process
• Generate insights based on how users behave
• Identify new opportunities based on observed gaps
![Page 23: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/23.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Organizing content
• Understand content and features
• Cluster and sort features in meaningful ways
• Build information architecture to improve usability
![Page 24: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/24.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Building out a user flow
• Flows show a users journey through a task
• Help explain planned functionality to team early on
• Provides reference for key screens
![Page 25: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/25.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Interaction design
• Create concepts for user interaction
• Establish key design elements and metaphors
• Conceptualize new design elements
![Page 26: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/26.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Interaction design
![Page 27: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/27.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Prototyping and testing
• Get feedback on key design elements
• Listen and look for areas of improvement
• Review Key Performance Indicators
• Fail early, fail often
![Page 28: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/28.jpg)
ZEBRA CONFIDENTIAL: FOR INTERNAL USE ONLY
Prototyping and testing
![Page 29: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/29.jpg)
Accessibility
![Page 30: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/30.jpg)
Situational Disabilities
![Page 31: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/31.jpg)
Harsh Environments
![Page 32: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/32.jpg)
![Page 33: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/33.jpg)
![Page 34: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/34.jpg)
![Page 35: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/35.jpg)
![Page 36: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/36.jpg)
![Page 37: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/37.jpg)
Reduce clutter
Larger hit-zones
Good/High colour contrast [4.5:1]
Redundancy
Meaningful icons
Simple interactions
![Page 38: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/38.jpg)
![Page 39: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/39.jpg)
PDF Document showing key Zebra enterprise design elements that can be leveraged by the community:
Color swatches and themes
Typography and Iconography
Key Elements (Buttons, dropdowns, etc)
Layouts and dimensions
Leverage our material design inspired guidelines for enterprise focused apps.
http://bit.ly/ZebraGuidelines
Presentation with links will be shared online afterwards.
Zebra Mobile Design Guidelines
![Page 40: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/40.jpg)
Examples of existing icons for primary product features and frequently used functions
Explanation of grid and design principles
Iconography
![Page 41: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/41.jpg)
Sample visual color themes which have been optimized for contrast depending on indoor/outdoor environments
Preferred typography choices based on platform (Android, iOS, Windows)
Themes
![Page 42: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/42.jpg)
Example references of different components used in app design including:
Headers
Buttons
Dropdowns
Loading Bars
Hamburger Menus
Text Fields
Alerts
Pop ups
Tables
Components
![Page 43: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/43.jpg)
• These guidelines are an early and living document based on our work to date.
• Zebra Design web site will launch to host live content, keep an eye on Launchpad site for more information.
• Web/Desktop guidelines to follow in 2016.
• Functional Coded components to be made available late 2016.
Next steps…
![Page 44: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/44.jpg)
Next 20% increase is through UX
Micro adjustments to workflow
Understanding of personas
Understanding of environments
Simple and familiar interactions
Straight forward visual design
Everything has a purpose
![Page 45: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/45.jpg)
![Page 46: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/46.jpg)
![Page 47: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/47.jpg)
![Page 48: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/48.jpg)
![Page 49: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/49.jpg)
THANK YOU bit.ly/ZebraGuidelines bit.ly/wc3a11y @morleysmith @cowpokelee
![Page 50: What is User Experience? - Zebra Technologieslaunchpad.zebra.com/.../Day_2_EN/13_What_is_UX.pdf · 2015-11-22 · PDF Document showing key Zebra enterprise design elements that can](https://reader030.vdocuments.site/reader030/viewer/2022040916/5e8f443bf36beb4f695f55fc/html5/thumbnails/50.jpg)
Please Take The Survey
DO NOT USE APPFORUM EVENT SURVEY SESSION
SURVEY