user experience for business analysts · designing interfaces, by jennifer tidwell (collection of...

34
User Experience for Business Analysts Parker Malenke

Upload: others

Post on 22-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

User Experience

for Business Analysts

Parker Malenke

Page 2: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

What is

User Experience Design?

Page 3: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Users

Page 4: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

An Experience

Page 5: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

But is it Designed?

Page 6: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

UXD is…

…the purposeful construction…

…of a complete experience

Page 7: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Awareness

Adoption

First Run

Support

Long Term Value

Journey Mapping

Marketing

Sales

Product Management

Business Analysis

Quality Assurance

Development

Design

Project Management

Customer Support

Icons created by Golden Roof from Noun Project

Inelegance

Page 8: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

User Research

Information Architecture

Interaction Design

Usability

Visual Design

Content Strategy

Accessibility

Development

Page 9: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

User ResearchContextual Inquiry

Personas

Analytics

Top Tasks

Card Sorting

Tree Testing

Usability

Page 10: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Try it Yourself

Action Figure

Chewing Gum

Christmas Sweater

Computer Monitor

Cough Drops

Digital Watch

Driving Gloves

DVD Player

Headphones

Ice Scraper

LEGO Set

Music Album

Printer

Scarf

TV

Video Game

Water Bottle

Windshield Wipers

Entertainment

Home & Office

Kids

Electronics

Automotive

Clothing

Page 11: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ User Needs, Preferences, Desires

Page 12: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Information Architecture

Organization Schemes

Controlled Vocabulary

Taxonomies

Navigation Systems

Search

Mental Models

Page 13: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Findability

Page 14: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Interaction DesignUser Flows

Layout

Grid Systems

Responsive Design

Wireframes

Style Guides/Pattern Libraries

Interactive Elements

Action Acknowledgement

Blank States/Onboarding

Page 15: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Wireframes

Page 16: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Interaction Tips & TricksNo silver bullet !

Consistency is key

Obvious always wins

Rubber duck it

Flee group think

Computers are supposed to make things easier

Below the fold works

Carousels limit engagement

Design for thumbs (reach and precision)

Page 17: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Interaction Tips & Tricks

https://redbooth.com/blog/hamburger-menu-iphone-app

Page 18: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Solid Foundation for Visuals

Page 19: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Usability

Heuristic Review

Qualitative Interviews

Task Completion

Time on Task

Difficulty

Confidence

Page 20: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Heuristics1. Visibility of system status

2. Match between system and the real world

3. User control and freedom

4. Consistency and standards

5. Error prevention

6. Recognition rather than recall

7. Flexibility and efficiency of use

8. Aesthetic and minimal design

9. Help users recognize, diagnose, and recover from errors

10. Help and documentation

Jakob Nielsen, http://www.nngroup.com/articles/ten-usability-heuristics/

Page 21: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Validate the Experience

Page 22: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Visual Design

Color

Typography

Aesthetics

Animation

Desirability Testing

Page 23: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Personality, Desirability

Page 24: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Content Strategy

Editorial Strategy

Copywriting

Voice & Tone

Content Warehouse

Email Strategy

Community Management

Page 25: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Personality, Build a Relationship

Page 26: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

AccessibilityVision

Motor

Cognitive

Contrast

User Control

WCAG, ARIA

Section 508

Page 27: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Respect Every Person

Page 28: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

DevelopmentPage Load

1s = $1.6 billion

0.4s = 8 million searches

Optimistic Updates

Reliability

Feasibility of Design

Following the Design

Accessibility

http://www.fastcompany.com/1825005/how-one-second-could-cost-amazon-16-billion-sales

Page 29: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

☞ Turning Design Into Reality

Page 30: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Takeaways for BAsConsider the complete experience

Be intentional

Build relationships with design, development, etc.

Inform requirements with user research

Business requirements ≠ specific solutions

Incorporate heuristics when wireframing

Consider investing in a style guide

No silver bullets, must understand users

Page 31: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Working With Designers

Start Early

Specify the problem, not the solution

More information = better designs

Allocate time for research, IA, usability, etc.

Make a plan for gathering stakeholder feedback

Collaborate with developers

Page 32: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

ResourcesBooks

Undercover User Experience Design, by Cennydd Bowles and James Box (Good introduction, covers a variety of topics)

How to Make Sense of Any Mess, by Abby Covert (Information Architecture)

The Design of Everyday Things, by Donald Norman (Design Thinking)

Designing Interfaces, by Jennifer Tidwell (Collection of design patterns)

Responsive Web Design, by Ethan Marcotte

Websites

www.uxbooth.com, general user experience articles

www.nngroup.com, general usability

www.alistapart.com, wide-ranging articles on design, IA, content strategy, development, and more

www.voiceandtone.com, Mailchimp’s style guide for web writing

www.useronboard.com, onboarding deep dives

www.styleguides.io, detailed set of resources for styles guides and pattern libraries

www.measuringu.com/blog.php, user research (especially quantitative)

www.medium.com/the-year-of-the-looking-glass, general design thoughts (more practitioner focused)

www.frankchimero.com/writing/, general design thoughts (a little more on the theory side)

Meetups

Denver UX Bookclub, https://groups.google.com/forum/#!forum/ux-bookclub-denver

Page 33: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

Q & A

Page 34: User Experience for Business Analysts · Designing Interfaces, by Jennifer Tidwell (Collection of design patterns) Responsive Web Design, by Ethan Marcotte Websites , general user

1 Month