UX Design: Connecting People to Information

70
U X Design C onnecting P eople to Informa tion GSLIS June 30, 2014 Cate Kompare @CateKompare Melinda Miller @melindamiller

description

 

Transcript of UX Design: Connecting People to Information

Page 1: UX Design: Connecting People to Information

UX DesignConnecting People to Information

GSLIS • June 30, 2014

Cate Kompare @CateKompare

!

Melinda Miller @melindamiller

Page 2: UX Design: Connecting People to Information

Cate Kompare @CateKompare

Melinda Miller @melindamiller

Page 3: UX Design: Connecting People to Information
Page 4: UX Design: Connecting People to Information

UX?

Page 5: UX Design: Connecting People to Information

“Can the user accomplish their goal?”

— Jared Spool, CEO of User Interface Engineering

Usability

Page 6: UX Design: Connecting People to Information

“Did the user have as delightful an experience as possible?”

— Jared Spool, CEO of User Interface Engineering

User Experience

Page 7: UX Design: Connecting People to Information

Today’s Agenda

1. What is UX?

2. Skills for UX Professionals

3. Tools we use

Resource Link: http://goo.gl/kKF6Rv

Page 8: UX Design: Connecting People to Information

Hard Skills• User Research

• Copywriting

• Content Strategy

• Information Architecture

• Mobile Integration

• Project Management

• Visual Design

• Interaction Design

• Front-end Development

Page 9: UX Design: Connecting People to Information

Soft Skills• Presenting

• Facilitating

• Critiquing

• Storytelling

• Sketching

• Leadership

Page 10: UX Design: Connecting People to Information

1Research1Analyze1Design

Page 11: UX Design: Connecting People to Information

1Research

Page 12: UX Design: Connecting People to Information

Organizational Research

1 Research

Page 13: UX Design: Connecting People to Information

1 Research 1 Organizational Research

Page 14: UX Design: Connecting People to Information

1 Research 1 Organizational Research

Page 15: UX Design: Connecting People to Information

User Research

1 Research

Page 16: UX Design: Connecting People to Information

1 Research 1 User Research

Page 17: UX Design: Connecting People to Information

1 Research 1 User Research

Page 18: UX Design: Connecting People to Information

Competitive Review

1 Research

Page 19: UX Design: Connecting People to Information

1 Research 1 Competitive Review

Page 20: UX Design: Connecting People to Information

1 Research 1 Competitive Review

Page 21: UX Design: Connecting People to Information

Content Inventory

1 Research

Page 22: UX Design: Connecting People to Information

1 Research 1 Content Inventory

Page 23: UX Design: Connecting People to Information

1 Research 1 Content Inventory

Page 24: UX Design: Connecting People to Information

1 Research 1 Content Inventory

Page 25: UX Design: Connecting People to Information

1Research 1 Content Inventory

Page 26: UX Design: Connecting People to Information

1Research 1 Content Inventory

Page 27: UX Design: Connecting People to Information

1Analyze

Page 28: UX Design: Connecting People to Information

Flow Diagrams

1 Analyze

Page 29: UX Design: Connecting People to Information

1 Analyze 1 Flow Diagrams

Page 30: UX Design: Connecting People to Information

1 Analyze 1 Flow Diagrams

(Either/Or)

Page 31: UX Design: Connecting People to Information

1 Analyze 1 Flow Diagrams

Page 32: UX Design: Connecting People to Information

User Stories

1 Analyze

Page 33: UX Design: Connecting People to Information

1 Analyze 1 User Stories

“As a [insert role],

I want to [insert task],

so that I [insert driving

force].”

Page 34: UX Design: Connecting People to Information

1 Analyze 1 User Stories

“As a guest speaker at a GSLIS

class, I want to give an informative

talk, so that I don’t totally humiliate

myself at my alma mater.”

Page 35: UX Design: Connecting People to Information

1 Analyze 1 User Stories

Page 36: UX Design: Connecting People to Information

Personas

1 Analyze

Page 37: UX Design: Connecting People to Information

1 Analyze 1 Personas

Page 38: UX Design: Connecting People to Information

1 Analyze 1 Personas

Page 39: UX Design: Connecting People to Information

1 Analyze 1 Personas

Page 40: UX Design: Connecting People to Information

1 Analyze 1 Personas

NamePersona type

Age>ŽĐĂƟŽŶTechnical comfort

Job Title

Back story

�DŽƟǀĂƟŽŶƐ

�&ƌƵƐƚƌĂƟŽŶƐ

Their ideal experience

Feel free to doodle!

Persona Template

Quote

_”

Tell us a bit about their lives

ͻ�ͻ�ͻ�ͻ�

What concerns do they have? Why do they need this website/service? How have they found or heard about the website?

ͻ�ͻ�ͻ�ͻ�

What’s stopping them from choosing the service/website or annoying them?

ͻ�

ͻ�

ͻ�

ͻ�

ͻ�

Their story including features and content which will help them have a great

experience

ͻ�

ͻ�

ͻ�

ͻ�

ͻ�

ͻ�

ͻ�

Sum up their experience with the

ǁĞďƐŝƚĞͬŽƌŐĂŶŝƐĂƟŽŶͬƐĞƌǀŝĐĞ͘

WŽƐŝƟǀĞ�Žƌ�ŶĞŐĂƟǀĞ͘

Page 41: UX Design: Connecting People to Information

1Design

Page 42: UX Design: Connecting People to Information

Sketchboard

1 Design

Page 43: UX Design: Connecting People to Information

1 Design 1 Sketchboard

Page 44: UX Design: Connecting People to Information

1 Design 1 Sketchboard

Page 45: UX Design: Connecting People to Information

1 Design 1 Sketchboard

Page 46: UX Design: Connecting People to Information

Sketching

1 Design

Page 47: UX Design: Connecting People to Information

1 Design 1 Sketching

Page 48: UX Design: Connecting People to Information

1 Design 1 Sketching

Page 49: UX Design: Connecting People to Information

1 Design 1 Sketching

Page 50: UX Design: Connecting People to Information

Card Sorting

1 Design

Page 51: UX Design: Connecting People to Information

1 Design 1 Card Sorting

Page 52: UX Design: Connecting People to Information

1 Design 1 Card Sorting

Page 53: UX Design: Connecting People to Information

1 Design 1 Card Sorting

Page 54: UX Design: Connecting People to Information

Wireframe

1 Design

Page 55: UX Design: Connecting People to Information

1 Design 1 Wireframe

Page 56: UX Design: Connecting People to Information

1 Design 1 Wireframe

Page 57: UX Design: Connecting People to Information

1 Design1 Wireframe

Page 58: UX Design: Connecting People to Information

1 Design 1 Wireframe

Page 59: UX Design: Connecting People to Information

Page Tables

1 Design

Page 60: UX Design: Connecting People to Information

1 Design 1 Page Tables

Page Title

Page 61: UX Design: Connecting People to Information

1 Design 1 Page Tables

Page 62: UX Design: Connecting People to Information

1 Design 1 Page Tables

Page 63: UX Design: Connecting People to Information

1 Design 1 Page Tables

Page 64: UX Design: Connecting People to Information

Usability Testing

1 Design

Page 65: UX Design: Connecting People to Information

1 Design 1 Usability Testing

Page 66: UX Design: Connecting People to Information

1 Design 1 Usability Testing

Page 67: UX Design: Connecting People to Information

Recap 1. What is UX?

2. Skills for UX Professionals

3. Tools we use

Page 68: UX Design: Connecting People to Information

Keep on learning and connecting

• UX Champaign-Urbana ‣ UX Book Club ‣ Content CU ‣ IxDA

• CUDO

Resource Link: http: //goo.gl/kKF6Rv

Page 69: UX Design: Connecting People to Information
Page 70: UX Design: Connecting People to Information

@MelindaMiller 1 @CateKompare

@UXBookClub 1 @ContentCU

@PixoTech

Thanks!

Resource Link: http://goo.gl/kKF6Rv

UX Cards: http://goo.gl/IoSnNi