ux awards2015 – graphic mint

42

Upload: seamus-byrne

Post on 12-Apr-2017

1.510 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Ux Awards2015 – graphic mint
Page 2: Ux Awards2015 – graphic mint

Storytelling, Vizualisation and EmpathyThe Keys to Successful UX for the Zarion Allocate Product

Page 3: Ux Awards2015 – graphic mint

Overview1. Introduction 2. Project Background3. Storytelling4. Vizualisation5. Empathy6. Questions

Page 4: Ux Awards2015 – graphic mint

1. Introduction

Page 5: Ux Awards2015 – graphic mint

At your service...making customers happier through Design: Séamus T. Byrne

AboutGraphic Mint are a User Experience (UX) Design

and Innovation agency based in Dublin, Ireland.

Our mission is to design meaningful experiences

between people, processes and technology.

We create lasting, memorable journeys across

your brand, products and services to ensure

customers will love interacting with your business.

Page 6: Ux Awards2015 – graphic mint

Graphic Mint Team

Page 7: Ux Awards2015 – graphic mint

At your service...making customers happier through Design: Séamus T. Byrne

Séamus T. Byrne● Twitter: @SeamusByrne● Co-Founder & Director of UX

at Graphic Mint● Former IxDA Board Member

○ Director of Global Events● Co Chair for Interaction 12

Design Event Planner● MA Multimedia, BA Sociology

About

Page 8: Ux Awards2015 – graphic mint

2. Project Background

Page 9: Ux Awards2015 – graphic mint

At your service...making customers happier through Design: Séamus T. Byrne

Zarion Allocate● Irish Company● 20 Years providing SaaS● Their Allocate product is used by

thousands of users for work allocation and capacity management

● Required help with UX

About

Page 10: Ux Awards2015 – graphic mint

3. Storytelling

Page 11: Ux Awards2015 – graphic mint

Storytelling the User’s World“We experience life as a series of ongoing narratives, as conflicts, characters, beginnings, middles and ends”

– Dr. Walter Fischer

It is through the sharing of stories that communities build their identities, pass on tradition and construct meaning

Page 12: Ux Awards2015 – graphic mint

User Experiences are Stories

Page 13: Ux Awards2015 – graphic mint

Interlude: UI ≠ UX* *Client Education1. User Experience relies on stories2. Clients quickly realise stories don’t

have instant impact on User Interface3. We discover what they really wanted

was help with their UI4. We proceed with UX + UI

Page 14: Ux Awards2015 – graphic mint

Stories are about People

Page 15: Ux Awards2015 – graphic mint

Use Cases ≠ Stories**They abstract the humanity but are a Good StartStakeholder stories from Domain Research

● Supervisor reviews work capacity● Supervisor reviews team capacity● Supervisor allocates workitems (manual)● Supervisor monitors workitems

Page 16: Ux Awards2015 – graphic mint

Journey: Supervisor reviews work capacity

Page 17: Ux Awards2015 – graphic mint

Journey: Supervisor reviews team capacity

Page 18: Ux Awards2015 – graphic mint

Journey: Supervisor reviews team capacity

Page 19: Ux Awards2015 – graphic mint

Journey Supervisor allocates workitems

Page 20: Ux Awards2015 – graphic mint

Journey: Supervisor allocates workitems

Page 21: Ux Awards2015 – graphic mint

Journey: Supervisor monitors workitems

Page 22: Ux Awards2015 – graphic mint

Stories are about People

Page 23: Ux Awards2015 – graphic mint

People: Shona the SupervisorName: Shona O’Reilly

Age 42

Title: Service Manager

Role: Supervisor, Leader

Company Financial Company X

Team Retail

Job Goal: Claims should be managing that person back to workDescription Shona manages a team of 8 people and is responsible for making sure all

work on her team is allocated and completed on time.She would eventually like to be promoted to the role of Service Coordinator

Assessor

“ Reassigning portfolios is the panacea for all our users ” – Shona

Page 24: Ux Awards2015 – graphic mint

Stories have a setting

Page 25: Ux Awards2015 – graphic mint

Places: Shona’s Work Environment

Page 26: Ux Awards2015 – graphic mint

Places: Shona’s Context is Everything

Page 27: Ux Awards2015 – graphic mint

We went to Shona, We listened to Shona. We had to tell her story...

Page 28: Ux Awards2015 – graphic mint

...visually!

Page 29: Ux Awards2015 – graphic mint

4. Visualization

Page 30: Ux Awards2015 – graphic mint

StoryboardingDuring Framework Design, we ideated upon many stories: real and blue sky.

Page 31: Ux Awards2015 – graphic mint
Page 32: Ux Awards2015 – graphic mint

Interactive Paper Prototyping● Real-time collaboration● Efficient problem resolution● Kick Tires on core behaviours● Especially effective for complexity interactions, micro

interactions and state changes

Page 33: Ux Awards2015 – graphic mint

Where Stories Become InteractiveThe point of view shifts from 3rd to 1st person

Page 34: Ux Awards2015 – graphic mint
Page 35: Ux Awards2015 – graphic mint
Page 36: Ux Awards2015 – graphic mint
Page 37: Ux Awards2015 – graphic mint

5. The E word

Page 38: Ux Awards2015 – graphic mint

Empathy (there, I said it!)● Focused on one principle: to help genuinely connect the

supervisor to their personnel ● We humanised the product to reduce anonymity.● It created an empathy between supervisors and

personnel by simulating face-to-face interactions.● “It’s been quite powerful in its effect of bringing that

team together.”

Page 39: Ux Awards2015 – graphic mint

The Keys to UX Success● Tell the story of the people who use the product● Visualize their storyworld with storyboards, ecosystem

maps and product prototypes● Focus on one key principle based on true understanding

of the user which will form the DNA of the design

Page 40: Ux Awards2015 – graphic mint

Educating the client● User Experience Design is a backdrop upon which to

write the storyworld of the people who use the products and services

● It is the catalyst to great UI Design● This project helped Client ralise the value of User

Experience

Page 41: Ux Awards2015 – graphic mint

6. Questions?

Page 42: Ux Awards2015 – graphic mint

6.Questions?

Thank You!