User Experience Design

31
ijender Reddy | Designer-User’s Experiences User experience Design UxD

description

Putting a little thought into how People Use websites can make big differences.

Transcript of User Experience Design

Page 1: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

User experience Design

UxD

Page 2: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Have you been here?Have you been here?

Page 3: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

And here?And here?

Page 4: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Have you been here?Have you been here?

Page 5: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

And here?And here?

Page 6: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Have you used these?Have you used these?

Page 7: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

And this?And this?

‘96

‘09

Page 8: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Why they succeed where others fail?Why they succeed where others fail?Domain brilliance ?Innovation drive ?Marketing strategy ?

Define the primary goal of the user-The user is here to search, let him do that first! Excellent page ranking for the most Relevant search results no matter what profile is searching it orThe user is hungry, feed his fast, feed him good & smile!

Put marketing and technology gimmicks/limitations way over users needsGoogle continuously refuses to place banner ads or introduce pop-ups on itsInterfacesorWe may not have the best seating arrangement, but we do serve fast and weDo serve it hot!

A satisfied customer always returns!

User Experience

Page 9: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Hard lessons learnt?Hard lessons learnt?

Page 10: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

So, what is User Experience?So, what is User Experience?

n. the holistic experience and satisfaction a end user has when using a product or system

...driven by consideration of the ‘moments’ of engagement between people and brands, and the memories these moments create.

Page 11: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

User Experience is multi-dimensionalUser Experience is multi-dimensional

Usability Usability

Useful Useful

Value

Trust Trust

Desire Desire

Can I do the task I intend to complete?

Can I do the task Easily ?Is it accessible?Is it findable? Value of image, brand &

identity?

Can I trust what I see and whatI do on the interface?

Value: Contribute to the overall user’s satisfaction on functional and emotional needs

Page 12: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

In SDLC however, User Experience is also multi-disciplinaryIn SDLC however, User Experience is also multi-disciplinary

User Research ( type of users, their goals and needs )

Usability Testing ( test when possible, test frequent)

Information Architecture ( detailed site map of the system )

Interaction Design (follow all good usability principles | Innovate!)

Information Design ( accurate, contextual and effective information )

Accessibility ( usable by the physically challenged-sight, sound, speech, muscle )

Visual Design ( font type, layout, color, trust & desire, brand appeal )

Server logs/web analytics ( technical analysis, check results )

Page 13: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

How do designers work?How do designers work?

UsbTestUXD Prototype

• Develop key screen based on scenarios identified

• Development team to prototype the scenarios

• Design Visual Design and UI assets ( icons, etc) for ’to-be’ environment

• Documents the approved design in the form of a UI Design Style Guide

Define and Design

• Consolidate findings through interviews and questionnaire

• Present finding to stakeholders

• Define Scope for design

• Prepare Personas

• Role Play

• Card Sorting. Design IA & Navigation Concepts.

• Paper Prototypes

• Design sample wire frame / screen to depict the same

• Sign Off on Design Concepts/approach

Phase

Activities

Discover

• Understand Application and the client environment.

• Investigate the User-Tasks-Profile

• Identify preliminary User Experience Issues through heuristics evaluation

• Interview Users in their own environment

• Usability Testing

• Incorporate Feedback

• Iterate Test

Quick Start/Project Inception Iteration Cycles

Page 14: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The UX team at your company should beThe UX team at your company should beOr a combination of These profiles:•User Researcher•UI Designer•Visual Designer•UI Developer•Usability Tester

Page 15: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Having the designer on board

Page 16: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The UXDThe UXD

•We need some “Wireframes” done. Can you join our team?

Right needs; wrong approach

•We need you to make this look good? Can you join our team?•At release: Can you test our application?

Page 17: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

You are NOT designing for your client!

Page 18: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Happy End Users!(Who have finished their tasks with ease)

More Sales: More ProfitsLess Time lost: More ProductivityMore UtilizationBetter Competition: Better Brand Value

Happy Customer

More Business opportunitiesMore satisfaction at delivering value &Not just software: It’s a relationship

The reason you need an UXDThe reason you need an UXD

=

=

=

Page 19: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Involve designers right from the START!

Page 20: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Pre-Sales

•Designer to help you understand the Client’s competition better.

•Do COMPETITIVE BENCHMARKING on UX!

The better you understand the business & the competition for the client, the more they will trust you to deliver what your recommend & is required.

Page 21: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Pre-Sales

•Designer to help you review what’s wrong with the client’s application

•Arm your sales pitch with a USABILITY REPORT!

The better you understand the application and what’s wrongwith it, the more the client will trust you to deliver what’s right.

Page 22: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project Inceptions

•Designer to help you realize a broader vision, a digital strategy for your product

•CONCEPTUALIZE! A unique User Experience

Work WITH and NOT FOR the client as a team. Make the Product your own. Be responsible for the value you bring.

Page 23: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project In progress

•Designer to help you mock the vision on paper or board or prototype

•VIEW and take FEEDBACK on the screens you design for the End User!

Involve the End Users of the application in the process. They are the ones you are doing this all for.

Page 24: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project In progress

•Designer to help you put the vision on paper

•ITERATE! Chart the flows! ESTIMATE!

Iterate on feedback. Understand what the screens mean from a technical point of view.

Page 25: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project In progress

•Designer to help you find alternatives

•PAIR PROGRAM with a designer on the table!

Seek alternatives to difficult and laborious UI designs. Collaborate and Brainstorm to find quick alternatives.

Page 26: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project In progress

•Designer to help you Test & Ok quickly

•QA through a designer when your story is complete

Catch issues before even the clients test out the story/build.

Page 27: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Project Release ‘n’

•Designer to help you Test for Usability

•USABILITY TEST your release with the end users

Make sure you put that feedback back into the story loopbased on priority.

Page 28: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

The reason you need an UXDThe reason you need an UXD

Final Release

•Designer to help you Capture Metrics

•ROI analysis

Capture the value add to the business. Capture the ROI onUsability. Translate that to money invested and return gained.Know YOUR value.

Page 29: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

User Experience Design User Experience Design

User Experience Design may be a large and complex field, but making user-conscious

decisions does not require years of study.

Page 30: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Questions ?

Page 31: User Experience Design

© Vijender Reddy | Designer-User’s Experiences

Vijender ReddySr. Software Engineer | UI DesignerHyd, India

[email protected] Skype: vijay.web

# Images picked up from Google Search and need due credit