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

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (6)

Similar a Approaches to Enhancing the User Experience

Similar a Approaches to Enhancing the User Experience (20)

Más de Michael McGarel

Más de Michael McGarel (9)

Último

Último (20)

Approaches to Enhancing the User Experience