SlideShare une entreprise Scribd logo
1  sur  50
Approaches to Enhancing the  User Experience Mike McGarel Collaborative Solutions Developer Czarnowski
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]
Mike McGarel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],I AM
Now it's time to talk about  . . .  U
Users
Why a user-focused approach? The Circle of Life, IT-style Happy Developer Happy IT Manager Happy Users
Speaking of users . . .  ,[object Object],[object Object],[object Object],[object Object],[object Object]
What do users want? ,[object Object],[object Object],[object Object],[object Object]
Testing Tips ,[object Object],[object Object],[object Object],[object Object]
“ Don't Make Me Think” ,[object Object],[object Object],[object Object],[object Object]
UI / UX Considerations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Corporate apps != Web apps ,[object Object],[object Object],[object Object],[object Object],[object Object]
Some things to think about ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
That 1% Inspiration
Quick Design Inspiration: Design Sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
A few sites often posting links to templates/themes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quick Design Inspiration: Color Pickers and Color Schemes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quick Design Inspiration: Design Patterns ,[object Object],[object Object],[object Object],[object Object]
Quick Design Inspiration: Corporate Template ,[object Object],[object Object],[object Object],[object Object]
How some developers view users
Instead, say “Be Our Guest” Image  © C opyright Walt Disney Company
Treat users of your application as you would guests in your home
How do you treat guests at a party? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Treating people similarly within an application involves: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Using the “Be Our Guest” Approach ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Some Common UI and UX Practices
AT-ATLUG
Some Common UI and UX Practices - 1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Example: foursquare.com
Some Common UI and UX Practices - 2 ,[object Object],[object Object],[object Object],[object Object]
Some Common UI and UX Practices - 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Some Common UI and UX Practices - 4 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Easy for the user doesn't have to be difficult for the developer.
Script Sample 1: Hiding Unneeded Areas of a Form ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 1a: Display based on user selection Before After
Script Sample 1b: Source code for page  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 1c: Code for hiding the <div> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 2: An animated navigation menu ,[object Object]
Script Sample 2a: Source code from page  ,[object Object],[object Object],[object Object]
Script Sample 2b: Source code from page  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 3: A dynamic number of edit boxes ,[object Object],[object Object],[object Object]
Script Sample 3a: Source code from page  ,[object Object],[object Object],[object Object]
Script Sample 3b: Source code from page  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 3c: Source code from script library ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Script Sample 3d: Source code from button ,[object Object],[object Object],[object Object]
In closing . . .
Let's change the perception of Notes'  UX
From SUX
To ROX
Thank you. Thank you very much. ,[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Tendances

Website Design2
Website Design2Website Design2
Website Design2
Eric Legg
 
Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1
Eric Legg
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
Andz Bass
 
Print a web page using java script
Print a web page using java scriptPrint a web page using java script
Print a web page using java script
zulhamsyamhari
 
Apple web design_guide
Apple web design_guideApple web design_guide
Apple web design_guide
3liblib
 

Tendances (20)

Website Design2
Website Design2Website Design2
Website Design2
 
Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Print a web page using java script
Print a web page using java scriptPrint a web page using java script
Print a web page using java script
 
Inked Voices
Inked VoicesInked Voices
Inked Voices
 
Apple web design_guide
Apple web design_guideApple web design_guide
Apple web design_guide
 
How to get a Job as a Front End Developer
How to get a Job as a Front End DeveloperHow to get a Job as a Front End Developer
How to get a Job as a Front End Developer
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Top 10 Graphic Design Mistakes - Part 4
Top 10 Graphic Design Mistakes - Part 4Top 10 Graphic Design Mistakes - Part 4
Top 10 Graphic Design Mistakes - Part 4
 
How & Why: UI Case Studies
How & Why: UI Case StudiesHow & Why: UI Case Studies
How & Why: UI Case Studies
 
Ten Website Mistakes and How to Fix Them
Ten Website Mistakes and How to Fix ThemTen Website Mistakes and How to Fix Them
Ten Website Mistakes and How to Fix Them
 
Mobile web design
Mobile web designMobile web design
Mobile web design
 
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting EnabledWhy I Hate The Interweb - Kath Moonan at Scripting Enabled
Why I Hate The Interweb - Kath Moonan at Scripting Enabled
 
Planning a sucessful business website
Planning a sucessful business websitePlanning a sucessful business website
Planning a sucessful business website
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016
 
Code inhtml5andcss3
Code inhtml5andcss3Code inhtml5andcss3
Code inhtml5andcss3
 
Design better forms – UXBristol
Design better forms  – UXBristolDesign better forms  – UXBristol
Design better forms – UXBristol
 
6 Reasons Your Website Isn't Working for You
6 Reasons Your Website Isn't Working for You6 Reasons Your Website Isn't Working for You
6 Reasons Your Website Isn't Working for You
 
Best web design
Best web designBest web design
Best web design
 

En vedette (6)

Enhancing Reading Presentation
Enhancing Reading PresentationEnhancing Reading Presentation
Enhancing Reading Presentation
 
Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)
 
The Tragedy of the Mundaneum
The Tragedy of the MundaneumThe Tragedy of the Mundaneum
The Tragedy of the Mundaneum
 
E-resources for Dummies
E-resources for DummiesE-resources for Dummies
E-resources for Dummies
 
UX: Enhancing Experiences with Animation
UX: Enhancing Experiences with AnimationUX: Enhancing Experiences with Animation
UX: Enhancing Experiences with Animation
 
Animation in UX
Animation in UXAnimation in UX
Animation in UX
 

Similaire à Approaches to Enhancing the User Experience

User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
teaguese
 
20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת
AMRAMy
 

Similaire à Approaches to Enhancing the User Experience (20)

User Research on a Shoestring
User Research on a ShoestringUser Research on a Shoestring
User Research on a Shoestring
 
20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת20מאת יוסי אמרם Steps To Better Wireframin מצגת
20מאת יוסי אמרם Steps To Better Wireframin מצגת
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8
 
Twf homepagedesign sb_okey
Twf homepagedesign sb_okeyTwf homepagedesign sb_okey
Twf homepagedesign sb_okey
 
Interface Usability - Adding Schweppervescence
Interface Usability - Adding SchweppervescenceInterface Usability - Adding Schweppervescence
Interface Usability - Adding Schweppervescence
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
Web usability MKS
Web usability MKSWeb usability MKS
Web usability MKS
 
The definitive guide to Web flowcharts
The definitive guide to Web flowchartsThe definitive guide to Web flowcharts
The definitive guide to Web flowcharts
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UI
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
UX Edmonton - Pattern Libraries
UX Edmonton - Pattern LibrariesUX Edmonton - Pattern Libraries
UX Edmonton - Pattern Libraries
 
Excellence in the Android User Experience
Excellence in the Android User ExperienceExcellence in the Android User Experience
Excellence in the Android User Experience
 
Webdesign (2)
Webdesign (2)Webdesign (2)
Webdesign (2)
 
User Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersUser Experience Bootcamp for Developers
User Experience Bootcamp for Developers
 
√ Web designing company in mumbai
√ Web designing company in mumbai√ Web designing company in mumbai
√ Web designing company in mumbai
 

Plus de Michael McGarel

Plus de Michael McGarel (9)

Next Level Coding
Next Level CodingNext Level Coding
Next Level Coding
 
Object(ive) Thinking
Object(ive) ThinkingObject(ive) Thinking
Object(ive) Thinking
 
Extreme Development: Pair Programming
Extreme Development: Pair ProgrammingExtreme Development: Pair Programming
Extreme Development: Pair Programming
 
MWLUG2014 AD107 First Java App Tips
MWLUG2014 AD107 First Java App TipsMWLUG2014 AD107 First Java App Tips
MWLUG2014 AD107 First Java App Tips
 
BP204 It's Not Infernal: Dante's Nine Circles of XPages Heaven
BP204 It's Not Infernal: Dante's Nine Circles of XPages HeavenBP204 It's Not Infernal: Dante's Nine Circles of XPages Heaven
BP204 It's Not Infernal: Dante's Nine Circles of XPages Heaven
 
How To Build a Multi-Field Search Page For Your XPages Application
How To Build a Multi-Field Search Page For Your XPages ApplicationHow To Build a Multi-Field Search Page For Your XPages Application
How To Build a Multi-Field Search Page For Your XPages Application
 
XPages Workshop: Customizing OneUI
XPages Workshop: Customizing OneUIXPages Workshop: Customizing OneUI
XPages Workshop: Customizing OneUI
 
Two CCs of Layout -- Stat
Two CCs of Layout -- StatTwo CCs of Layout -- Stat
Two CCs of Layout -- Stat
 
XPages - The Ties That Bind
XPages - The Ties That BindXPages - The Ties That Bind
XPages - The Ties That Bind
 

Dernier

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 

Approaches to Enhancing the User Experience