Approaches to Enhancing the User Experience

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

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]

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

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]

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]

Let's change the perception of Notes' UX

Thank you. Thank you very much. ,[object Object],[object Object],[object Object],[object Object]

Approaches to Enhancing the User Experience

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Approaches to Enhancing the User Experience

Ähnlich wie Approaches to Enhancing the User Experience (20)

Mehr von Michael McGarel

Mehr von Michael McGarel (9)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Approaches to Enhancing the User Experience