Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and...
Transcript of Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and...
![Page 1: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/1.jpg)
Where design fell FLAT on its face
David Dodge Sneha Khullar
UI/UX Designers, Esri
![Page 2: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/2.jpg)
Introduction
![Page 3: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/3.jpg)
The design process and its challenges
Introduction
![Page 4: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/4.jpg)
Esri Maps Framework
![Page 5: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/5.jpg)
Esri Maps Framework
![Page 6: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/6.jpg)
![Page 7: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/7.jpg)
![Page 8: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/8.jpg)
Esri Maps for Microsoft CRM
![Page 9: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/9.jpg)
Esri Maps for SharePoint
![Page 10: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/10.jpg)
Esri Maps for Microstrategy
![Page 11: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/11.jpg)
Usability Testing
![Page 12: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/12.jpg)
Usability Testing
What?
Learnability
Efficiency
Memorability
Errors
Satisfaction Source: Nielson Norman Group
X
![Page 13: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/13.jpg)
What/when?
Idea Sketch Prototype Product
Idea Sketch Prototype Product
![Page 14: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/14.jpg)
Hallway
Lab
Cafe
![Page 15: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/15.jpg)
Finding 1 Information architecture does not align with users mental model
![Page 16: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/16.jpg)
![Page 17: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/17.jpg)
Finding 2 Conforming to a design style may compromise discoverability
![Page 18: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/18.jpg)
Finding 3 Way-finding is a crucial component of UX design
![Page 19: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/19.jpg)
The F word
![Page 20: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/20.jpg)
Jacques Carelman’s Teapot
The F word
![Page 21: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/21.jpg)
A challenging rocking chair
![Page 22: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/22.jpg)
Do not be embarrassed by your failures, learn from them and start again.
Richard Branson
![Page 23: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/23.jpg)
Next steps
![Page 24: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/24.jpg)
Design solutions 1 Creating hierarchy
Next steps
![Page 25: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/25.jpg)
Design solutions 2 Visual directions
![Page 26: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/26.jpg)
Design solutions 3 Providing control to users
![Page 27: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/27.jpg)
Some more testing Usability research to improve further…
![Page 28: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/28.jpg)
Design process
![Page 29: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/29.jpg)
Design process
![Page 30: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/30.jpg)
Spiral process of design
![Page 31: Where design fell FLAT on its face Khullar UI/UX Designers, Esri Introduction The design process and its challenges Introduction Esri Maps Framework Esri Maps Framework Esri Maps for](https://reader031.fdocuments.us/reader031/viewer/2022013014/5ab581557f8b9a6e1c8ce91c/html5/thumbnails/31.jpg)
The job of a designer, just like that of a writer, is to twist and stretch and shape a conceptualized piece of work over and over again until it becomes the masterpiece the world needs it to be. Robert Hoekman,
13 Tenets of User Experience, Smashing Magazine