Transcript
Page 1: Designing Better Applications, Websites and Intranets

Designing Better Applications, Websites & Intranets

Page 2: Designing Better Applications, Websites and Intranets

“We’re getting a lot of calls...”

Page 3: Designing Better Applications, Websites and Intranets

“It looks great but...”

Page 4: Designing Better Applications, Websites and Intranets

“My customers can’t find...”

Page 5: Designing Better Applications, Websites and Intranets

“Adoption is low”

Page 6: Designing Better Applications, Websites and Intranets

= bad user experience= bad user experience

Page 7: Designing Better Applications, Websites and Intranets

product or service =application

website

intranet

business process

in-person service

multi-channel service

Page 8: Designing Better Applications, Websites and Intranets

*experience is the cumulative effect all of the decisions that go into making a product or service

Page 9: Designing Better Applications, Websites and Intranets

“Design is not just what it looks like and feels like.

Design is how it works.”-Steve Jobs

Page 10: Designing Better Applications, Websites and Intranets

The Elements of User Experience by Jesse James Garrett: http://www.jjg.net/elements/pdf/elements.pdf

Design}

It’s all design

Page 11: Designing Better Applications, Websites and Intranets

experience can be influenced

Page 12: Designing Better Applications, Websites and Intranets

research

design

evaluation

business requirements

technical + visual designUAT

Page 13: Designing Better Applications, Websites and Intranets

business needs

technology+

Page 14: Designing Better Applications, Websites and Intranets
Page 15: Designing Better Applications, Websites and Intranets
Page 16: Designing Better Applications, Websites and Intranets

business needs

user needs

technology

+

+

Page 17: Designing Better Applications, Websites and Intranets

Ask them what they

want?

Page 18: Designing Better Applications, Websites and Intranets
Page 19: Designing Better Applications, Websites and Intranets

Ask them what they want?

Page 20: Designing Better Applications, Websites and Intranets

users are not designers

- good at stating problems

- not good at solutions

Page 21: Designing Better Applications, Websites and Intranets

define the userswho are they?

Page 22: Designing Better Applications, Websites and Intranets

understand the user’s- goals -

- motivations -- knowledge -

Page 23: Designing Better Applications, Websites and Intranets

add activities that directly involve users

Page 24: Designing Better Applications, Websites and Intranets

tried and true methods to:

- understand users -

- design & prototype -

- get timely feedback -

Page 25: Designing Better Applications, Websites and Intranets

user experience cards

Page 26: Designing Better Applications, Websites and Intranets

Why did we make these?

Page 27: Designing Better Applications, Websites and Intranets

We want to help you be successful

Page 28: Designing Better Applications, Websites and Intranets

6 Disciplines

User Research

Information Architecture

Experience Strategy

Interaction Design

Usability

Analytics

Page 29: Designing Better Applications, Websites and Intranets

User ResearchHelps us understand people’s needs & motivations

Page 30: Designing Better Applications, Websites and Intranets

Information ArchitectureHelps us structure information to meet peoples’ needs

Page 31: Designing Better Applications, Websites and Intranets

Experience StrategyHelps us plan a holistic approach to how we interact with customers or users

Page 32: Designing Better Applications, Websites and Intranets

Interaction DesignDefines how the system will behave, and how people will interact with it

Page 33: Designing Better Applications, Websites and Intranets

UsabilityAssesses whether people can effectively use a product/service

Page 34: Designing Better Applications, Websites and Intranets

AnalyticsUses data to better understand how people are using your product/service

Page 35: Designing Better Applications, Websites and Intranets

Discipline

Stage

Description

Illustration

Method Title

Page 36: Designing Better Applications, Websites and Intranets

research

design

evaluation

business requirements

technical + visual designUAT

Page 37: Designing Better Applications, Websites and Intranets

research

design

evaluation

business requirements

technical + visual designUAT

user requirements

functional design

usability evaluation

Page 38: Designing Better Applications, Websites and Intranets

UX toolboxUX toolbox

Page 39: Designing Better Applications, Websites and Intranets

An example

Page 40: Designing Better Applications, Websites and Intranets

lots of constraints

- don’t talk to end users -

- technical constraints -

- limited time / budget -

Page 41: Designing Better Applications, Websites and Intranets

Where is it broken?

research

Page 42: Designing Better Applications, Websites and Intranets
Page 43: Designing Better Applications, Websites and Intranets
Page 44: Designing Better Applications, Websites and Intranets

How can we quickly generate a lot of ideas?

design

Page 45: Designing Better Applications, Websites and Intranets
Page 46: Designing Better Applications, Websites and Intranets

How do we document a solution?

design

Page 47: Designing Better Applications, Websites and Intranets
Page 48: Designing Better Applications, Websites and Intranets

Results

- bounce rate cut in half -

- exit rate 1/3 lower -

- 5000+ people per month -

“massive difference”

Page 49: Designing Better Applications, Websites and Intranets

How can the cards help you?

Page 50: Designing Better Applications, Websites and Intranets

An introduction to UX methods

Page 51: Designing Better Applications, Websites and Intranets

Suggest methods for solving specific

problems

Page 52: Designing Better Applications, Websites and Intranets

Suggest activities for your project plan or RFP

Page 53: Designing Better Applications, Websites and Intranets

Why bother?

Page 54: Designing Better Applications, Websites and Intranets

Reduce risk - lower the odds of failure

Page 55: Designing Better Applications, Websites and Intranets

Increase adoption rates

Page 56: Designing Better Applications, Websites and Intranets

Reduce costs

Page 57: Designing Better Applications, Websites and Intranets

Shall we play a game?

Page 58: Designing Better Applications, Websites and Intranets

How is the current site performing?

Page 59: Designing Better Applications, Websites and Intranets

Why are users having problems?

Page 60: Designing Better Applications, Websites and Intranets

What do users need/expect from the

site?

Page 61: Designing Better Applications, Websites and Intranets

How should the content be organized?

Page 62: Designing Better Applications, Websites and Intranets

How can we know early on if our ideas are on

the right track?

Page 63: Designing Better Applications, Websites and Intranets

How can we ensure that our design is fully

understood by the team before coding?

Page 64: Designing Better Applications, Websites and Intranets

Is our proposed design usable?

Page 65: Designing Better Applications, Websites and Intranets

We have competing ideas. How can we

know which is best?

Page 66: Designing Better Applications, Websites and Intranets

Questions?

Page 67: Designing Better Applications, Websites and Intranets

Go make better experiences

Page 68: Designing Better Applications, Websites and Intranets

Dennis Breen

[email protected]

twitter: @dennisbreen


Recommended