Designing Better Applications, Websites and Intranets

68
Designing Better Applications, Websites & Intranets

description

Creating great websites and applications is hard work. There are so many aspects to juggle; so much complexity to control. You have to understand the needs of your users, get buy-in from stakeholders, organize lots of content and create an intuitive interface. This is no small order.Fortunately, nForm has created a simple resource to pass on a little of what we’ve learned about planning for great design. Our User Experience Cards feature tried-and-true methods for designing better interactive products of all kinds--from online stores to corporate intranets to mobile apps. Learn about why these methods are needed, how they can help you achieve success, and how you can use the User Experience Cards to plan your own projects.

Transcript of Designing Better Applications, Websites and Intranets

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