SlideShare a Scribd company logo
Obvious UI
Understanding how critical and obvious
the right interface needs to be.
MODE EFFECT
A Story about a
A Critical User Interface
@codyL #wclax
Taken from medium.com
What if bad UI resulted in a major disaster?
What solution could a good
User Interface
provide in this critical case?
@codyL #wclax
Confusion over what is
User Interface
@codyL #wclax
User interface is not
User Experience.
UI is the saddle, the stirrups, and the reigns.
UX is the feeling you get being able to ride the horse, and
rope your cattle.
(from webdesignerdepot.com)
@codyL #wclax
Image from vmturbo.com
User interface isn’t
always design.
The best user interface is no user interface at all…
@codyL #wclax
What’s the definition of
User Interface?
User interface is where users and systems interact
producing an end result.
@codyL #wclax
Do you remember the last time you used a
website or an object with a screen and didn’t
notice the interface?
@codyL #wclax
How many clicks does it take to get to the destination?
Do buttons look like buttons?
Do I know intuitively what to do next by just seeing the UI?
@codyL #wclax
Why is UI important for
the web & other screens?
Because we need to do really important things
regarding our life and do them more efficiently.
@codyL #wclax
What about accessibility
for User Interfaces?
@codyL #wclax
What about color-blind users?
Blind users or elderly users?
@codyL #wclax
What if bad UI resulted in a major disaster?
for colorblind users
What if bad UI resulted in a major disaster?
for accessibility challenged users
How can you create a
good user interface?
Hire a good designer who designs for the web.
Use a theme that has been critiqued in-depth.
Ask for help. Know your weaknesses.
@codyL #wclax
In conclusion…
User interface is not user experience.
User interface isn’t always design.
The definition of user interface.
Why user interface for the web is important.
How to create good user interface.
@codyL #wclax
What if bad UI resulted in a major disaster?
Cody Landefeld
Founder at Mode Effect
modeeffect.com @codyL

More Related Content

What's hot

ngEurope 2014 | Responsive Takes Flight
ngEurope 2014 | Responsive Takes FlightngEurope 2014 | Responsive Takes Flight
ngEurope 2014 | Responsive Takes Flight
Work & Co
 
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
UX Riga
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
Evan Samek
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
Donna Lichaw
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great ui
Uday Shankar
 
How to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation PresentationHow to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation Presentation
Bella Dwi Jayanti
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
 
Mob Programming - Entwicklertag Frankfurt 2016
Mob Programming - Entwicklertag Frankfurt 2016Mob Programming - Entwicklertag Frankfurt 2016
Mob Programming - Entwicklertag Frankfurt 2016
Sven Amann
 
Slidee Wearable Presentation
Slidee Wearable PresentationSlidee Wearable Presentation
Slidee Wearable Presentation
Imran Younis
 
Nazar nastin. cv
Nazar nastin. cvNazar nastin. cv
Nazar nastin. cv
Nazar Nastin
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentation
ElanaBoehm
 

What's hot (11)

ngEurope 2014 | Responsive Takes Flight
ngEurope 2014 | Responsive Takes FlightngEurope 2014 | Responsive Takes Flight
ngEurope 2014 | Responsive Takes Flight
 
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
Persuasive cities for sustainable wellbeing: Urban Behaviour change design - ...
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great ui
 
How to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation PresentationHow to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation Presentation
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
Mob Programming - Entwicklertag Frankfurt 2016
Mob Programming - Entwicklertag Frankfurt 2016Mob Programming - Entwicklertag Frankfurt 2016
Mob Programming - Entwicklertag Frankfurt 2016
 
Slidee Wearable Presentation
Slidee Wearable PresentationSlidee Wearable Presentation
Slidee Wearable Presentation
 
Nazar nastin. cv
Nazar nastin. cvNazar nastin. cv
Nazar nastin. cv
 
Trip advsiorhybridpresentation
Trip advsiorhybridpresentationTrip advsiorhybridpresentation
Trip advsiorhybridpresentation
 

Viewers also liked

This won
This wonThis won
Université de Montréal REP2300 - Cours 3 - 2013
Université de Montréal REP2300 - Cours 3 - 2013Université de Montréal REP2300 - Cours 3 - 2013
Université de Montréal REP2300 - Cours 3 - 2013Michelle Sullivan
 
Erika mansilla
Erika mansillaErika mansilla
Erika mansilla
Erika Mansilla Ardiles
 
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
Universidade Técnica de Lisboa
 
CASTRO NAVARRETE Francisco
CASTRO NAVARRETE FranciscoCASTRO NAVARRETE Francisco
CASTRO NAVARRETE Francisco
Francisco Castro
 
4_tips_to_manage_your_leads_and_improve_your_conversion_rate
4_tips_to_manage_your_leads_and_improve_your_conversion_rate4_tips_to_manage_your_leads_and_improve_your_conversion_rate
4_tips_to_manage_your_leads_and_improve_your_conversion_rateTricia Andreassen
 
The King who never was
The King who never wasThe King who never was
The King who never was
Russell Grenning
 
kkalema
kkalemakkalema
Backup Academy Certified Professional
Backup Academy Certified ProfessionalBackup Academy Certified Professional
Backup Academy Certified ProfessionalWaled Wageh
 
N17 5 (1)
N17 5 (1)N17 5 (1)
N17 5 (1)
tkachenko_anna
 
Legislation Tracking App for Government Affairs Personnel
Legislation Tracking App for Government Affairs PersonnelLegislation Tracking App for Government Affairs Personnel
Legislation Tracking App for Government Affairs Personnel
Softweb Solutions
 
Livelihoods, Equity, and Sustainability
Livelihoods, Equity, and SustainabilityLivelihoods, Equity, and Sustainability
Livelihoods, Equity, and Sustainability
Ashish Kothari
 
Biomecanica basica del sistema muscoesqueletico nordin
Biomecanica basica del sistema muscoesqueletico nordinBiomecanica basica del sistema muscoesqueletico nordin
Biomecanica basica del sistema muscoesqueletico nordin
Dario Estrada
 
Interface in java By Dheeraj Kumar Singh
Interface in java By Dheeraj Kumar SinghInterface in java By Dheeraj Kumar Singh
Interface in java By Dheeraj Kumar Singh
dheeraj_cse
 
Interface
InterfaceInterface
Interface
kamal kotecha
 
Java interfaces
Java interfacesJava interfaces
Java interfaces
Raja Sekhar
 

Viewers also liked (16)

This won
This wonThis won
This won
 
Université de Montréal REP2300 - Cours 3 - 2013
Université de Montréal REP2300 - Cours 3 - 2013Université de Montréal REP2300 - Cours 3 - 2013
Université de Montréal REP2300 - Cours 3 - 2013
 
Erika mansilla
Erika mansillaErika mansilla
Erika mansilla
 
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
Knowledge Exploitation and Exploration in a Higher Education Merger: A Perfor...
 
CASTRO NAVARRETE Francisco
CASTRO NAVARRETE FranciscoCASTRO NAVARRETE Francisco
CASTRO NAVARRETE Francisco
 
4_tips_to_manage_your_leads_and_improve_your_conversion_rate
4_tips_to_manage_your_leads_and_improve_your_conversion_rate4_tips_to_manage_your_leads_and_improve_your_conversion_rate
4_tips_to_manage_your_leads_and_improve_your_conversion_rate
 
The King who never was
The King who never wasThe King who never was
The King who never was
 
kkalema
kkalemakkalema
kkalema
 
Backup Academy Certified Professional
Backup Academy Certified ProfessionalBackup Academy Certified Professional
Backup Academy Certified Professional
 
N17 5 (1)
N17 5 (1)N17 5 (1)
N17 5 (1)
 
Legislation Tracking App for Government Affairs Personnel
Legislation Tracking App for Government Affairs PersonnelLegislation Tracking App for Government Affairs Personnel
Legislation Tracking App for Government Affairs Personnel
 
Livelihoods, Equity, and Sustainability
Livelihoods, Equity, and SustainabilityLivelihoods, Equity, and Sustainability
Livelihoods, Equity, and Sustainability
 
Biomecanica basica del sistema muscoesqueletico nordin
Biomecanica basica del sistema muscoesqueletico nordinBiomecanica basica del sistema muscoesqueletico nordin
Biomecanica basica del sistema muscoesqueletico nordin
 
Interface in java By Dheeraj Kumar Singh
Interface in java By Dheeraj Kumar SinghInterface in java By Dheeraj Kumar Singh
Interface in java By Dheeraj Kumar Singh
 
Interface
InterfaceInterface
Interface
 
Java interfaces
Java interfacesJava interfaces
Java interfaces
 

Similar to Obvious User Interface

UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
Antonio Peric-Mazar
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
Michael Dubakov
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
Mayank Lambhate
 
Enterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last FrontierEnterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last Frontier
Patrick Neeman
 
Future of interface design
Future of interface designFuture of interface design
Future of interface design
Todd Soulas
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Everett McKay
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
Halil Eren Çelik
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
Lena Lekkou
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
Neil Turner
 
Unthinkable Drinks - Design the Future
Unthinkable Drinks - Design the FutureUnthinkable Drinks - Design the Future
Unthinkable Drinks - Design the Future
Matthew Olney
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
Patrick Neeman
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
Ryo Sampei
 
UX Intro 2017
UX Intro 2017UX Intro 2017
UX Intro 2017
Abdelrahman Osama
 
Frontiers of Interaction '15 - One Click Devices WKS
Frontiers of Interaction '15 - One Click Devices WKSFrontiers of Interaction '15 - One Click Devices WKS
Frontiers of Interaction '15 - One Click Devices WKS
Caterina Falleni
 
Designing for Voice
Designing for VoiceDesigning for Voice
Designing for Voice
Sanette Tanaka Sloan
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
Ux process under kanban
Ux process under kanbanUx process under kanban
Ux process under kanban
Gene Timmons
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay ahead
Doralin Kelly
 
Max Tkachuk, UI Heuristics for everyone
Max Tkachuk, UI Heuristics for everyoneMax Tkachuk, UI Heuristics for everyone
Max Tkachuk, UI Heuristics for everyone
Sigma Software
 

Similar to Obvious User Interface (20)

UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
Enterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last FrontierEnterprise UX - The "Next" Last Frontier
Enterprise UX - The "Next" Last Frontier
 
Future of interface design
Future of interface designFuture of interface design
Future of interface design
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
 
Unthinkable Drinks - Design the Future
Unthinkable Drinks - Design the FutureUnthinkable Drinks - Design the Future
Unthinkable Drinks - Design the Future
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
UX Intro 2017
UX Intro 2017UX Intro 2017
UX Intro 2017
 
Frontiers of Interaction '15 - One Click Devices WKS
Frontiers of Interaction '15 - One Click Devices WKSFrontiers of Interaction '15 - One Click Devices WKS
Frontiers of Interaction '15 - One Click Devices WKS
 
Designing for Voice
Designing for VoiceDesigning for Voice
Designing for Voice
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Ux process under kanban
Ux process under kanbanUx process under kanban
Ux process under kanban
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay ahead
 
Max Tkachuk, UI Heuristics for everyone
Max Tkachuk, UI Heuristics for everyoneMax Tkachuk, UI Heuristics for everyone
Max Tkachuk, UI Heuristics for everyone
 

More from Cody Landefeld

Digital summit denver creating customer experience design
Digital summit denver   creating customer experience designDigital summit denver   creating customer experience design
Digital summit denver creating customer experience design
Cody Landefeld
 
WordPress the Right Way
WordPress the Right WayWordPress the Right Way
WordPress the Right Way
Cody Landefeld
 
Hiring the Right WordPress Consultant
Hiring the Right WordPress ConsultantHiring the Right WordPress Consultant
Hiring the Right WordPress Consultant
Cody Landefeld
 
WordCamp Phoenix - WordPress Design for the Real World v2
WordCamp Phoenix - WordPress Design for the Real World v2WordCamp Phoenix - WordPress Design for the Real World v2
WordCamp Phoenix - WordPress Design for the Real World v2
Cody Landefeld
 
WordCamp San Diego - Custom Goals and Custom Themes for WordPress
WordCamp San Diego - Custom Goals and Custom Themes for WordPressWordCamp San Diego - Custom Goals and Custom Themes for WordPress
WordCamp San Diego - Custom Goals and Custom Themes for WordPress
Cody Landefeld
 
Strategic Approach to Theme Design
Strategic Approach to Theme DesignStrategic Approach to Theme Design
Strategic Approach to Theme Design
Cody Landefeld
 
Wordcamp Phoenix - WordPress Plugins for Designers
Wordcamp Phoenix - WordPress Plugins for Designers Wordcamp Phoenix - WordPress Plugins for Designers
Wordcamp Phoenix - WordPress Plugins for Designers
Cody Landefeld
 

More from Cody Landefeld (7)

Digital summit denver creating customer experience design
Digital summit denver   creating customer experience designDigital summit denver   creating customer experience design
Digital summit denver creating customer experience design
 
WordPress the Right Way
WordPress the Right WayWordPress the Right Way
WordPress the Right Way
 
Hiring the Right WordPress Consultant
Hiring the Right WordPress ConsultantHiring the Right WordPress Consultant
Hiring the Right WordPress Consultant
 
WordCamp Phoenix - WordPress Design for the Real World v2
WordCamp Phoenix - WordPress Design for the Real World v2WordCamp Phoenix - WordPress Design for the Real World v2
WordCamp Phoenix - WordPress Design for the Real World v2
 
WordCamp San Diego - Custom Goals and Custom Themes for WordPress
WordCamp San Diego - Custom Goals and Custom Themes for WordPressWordCamp San Diego - Custom Goals and Custom Themes for WordPress
WordCamp San Diego - Custom Goals and Custom Themes for WordPress
 
Strategic Approach to Theme Design
Strategic Approach to Theme DesignStrategic Approach to Theme Design
Strategic Approach to Theme Design
 
Wordcamp Phoenix - WordPress Plugins for Designers
Wordcamp Phoenix - WordPress Plugins for Designers Wordcamp Phoenix - WordPress Plugins for Designers
Wordcamp Phoenix - WordPress Plugins for Designers
 

Recently uploaded

一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
lyurzi7r
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
ankitsinglaisro
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
7jpwahiy
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 

Recently uploaded (20)

一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
一比一原版(lbs毕业证书)伦敦商学院毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 

Obvious User Interface

  • 1. Obvious UI Understanding how critical and obvious the right interface needs to be. MODE EFFECT
  • 2. A Story about a A Critical User Interface @codyL #wclax
  • 4. What if bad UI resulted in a major disaster?
  • 5. What solution could a good User Interface provide in this critical case? @codyL #wclax
  • 6. Confusion over what is User Interface @codyL #wclax
  • 7. User interface is not User Experience. UI is the saddle, the stirrups, and the reigns. UX is the feeling you get being able to ride the horse, and rope your cattle. (from webdesignerdepot.com) @codyL #wclax
  • 9. User interface isn’t always design. The best user interface is no user interface at all… @codyL #wclax
  • 10. What’s the definition of User Interface? User interface is where users and systems interact producing an end result. @codyL #wclax
  • 11. Do you remember the last time you used a website or an object with a screen and didn’t notice the interface? @codyL #wclax
  • 12.
  • 13.
  • 14. How many clicks does it take to get to the destination? Do buttons look like buttons? Do I know intuitively what to do next by just seeing the UI? @codyL #wclax
  • 15. Why is UI important for the web & other screens? Because we need to do really important things regarding our life and do them more efficiently. @codyL #wclax
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. What about accessibility for User Interfaces? @codyL #wclax
  • 21. What about color-blind users? Blind users or elderly users? @codyL #wclax
  • 22. What if bad UI resulted in a major disaster? for colorblind users
  • 23. What if bad UI resulted in a major disaster? for accessibility challenged users
  • 24. How can you create a good user interface? Hire a good designer who designs for the web. Use a theme that has been critiqued in-depth. Ask for help. Know your weaknesses. @codyL #wclax
  • 25. In conclusion… User interface is not user experience. User interface isn’t always design. The definition of user interface. Why user interface for the web is important. How to create good user interface. @codyL #wclax
  • 26. What if bad UI resulted in a major disaster? Cody Landefeld Founder at Mode Effect modeeffect.com @codyL