aaadblkvfxd]uxfts blkqblkvfxd]uxfts pnwimwmi^nni^ez

32

Upload: others

Post on 15-Apr-2022

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

Hi! I'm Loz,a UX problem solver recently relocated

to Tasmania, with over ten years of

human centred design experience and

education in aligned fields.

I delight in restoring order to chaos

and bringing joy to the mundane.

I believe in progress over perfection.

I take pride in my work.

Currently I'm looking for a digital UX

position where I can contribute to, and

soak up the knowledge from, an

established, collaborative team.

I’ve included a small sample of the

work I have been doing lately, and

I’d love to discuss further whether we

might be able to work together!

Loz Mills • March 2021

www.lozmis.design

[email protected]

+61 414 566 590

www.linkedin.com/in/lozmis

Page 2: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

00

. Co

nte

nts

Contents of work

Skoda for PON

A mobile first car configurator with a huge design team and a

tiny timeline.Interaction Designer for Hike

One

01.

Check In with the MHCT

A responsive website for Tasmanians to ‘Check in’ on

their mental wellness.A UX collaboration with

Futago for the Mental Health Council of Tasmania

SAAS UX Product Owner

A Netherlands based, agile run SAAS product, which

creates, organises and executes contracts and stores

them on the blockchain.

02. 03.

Page 3: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

01.

Sk

od

a f

or

PO

N

Skoda for PONA mobile first car configurator with a

huge design team and a tiny timeline.

Interaction Designer for Hike One

Page 4: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

09:[email protected]

+61 414 566 590

01. Skoda for PON

A quick pitch for a thoughtful car

configurator

Hike One, a digital design agency in the

Netherlands for whom I was employed as an

Interaction Designer, was invited to pitch a

new car configurator to a top mobility

company in the Netherlands. PON are

no-nonsense, considered and pragramtic,

which played well with our agile, user-driven,

researched based way of working. We were

given 4 weeks to pitch our design.

Page 5: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Huge team, tiny timeframe

Our team was large and diverse, because we

wanted to come up with a well rounded, well

considered MVP. The team was composed

of; Interaction designers (including myself),

Visual designers, a UX researcher, a UX

copywriter, a digital strategist and facilitator,

a project manager and a product owner.

Page 6: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Tools & Process

In order to move quickly from ideas to

validated solutions within our deadline, we

did a Design Sprint. Unlike our usual sprints

which are made up of client representatives,

this one was full of designers which gave us

a dynamic set of outcomes but also made

things very complex with a lot of different

opinions.

We were working remotely due to Covid, so

were using tools like Figma, Miro and

Lookback to keep our team aligned.

Page 7: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Who and Why

To determine our direction and priorities, we

interviewed “experts” - people who had just

purchased or were currently looking into

buying one of these cars. From here we could

create personas with realistic pain points,

wants and neeeds.

We discovered the most valuable user was

the Simplistic user. The others would

complete the process regardless of difficulty

but this one would need the most assistance

to ensure task completion.

Page 8: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Sprint Questions

With the personas and user goals in hand,

we could figure out the three most important

priorities that we should be striving to

achieve and improve at all times. These are

the only concrete things throughout the

process, and we refer back to them with all

design decisions moving forward. 3. can we include complex decision making for

the super user, but make it enjoyable and easy

for the simplistic user?

2. Can we allow our users a sense of control

and reassurance over these decisions?

1. Can we give the users the right amount of

information to make their decisions

Page 9: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Ideation

There are many ways to skin a cat. We

involved the whole team instead of just the

Interaction Designers, in ideating and

wireframing. We then presented our

sketches and did a round of voting.

As we got further with the design, the UX and

VD(visual design) was left to the Interaction

Designers and Visual Designers. We worked

as a team of 4, going between wireframing

and high def screens.

Page 10: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Prototype

Even with a short timeframe, we made sure

to squeeze in a second session of qualitative

research, to prove or disprove our own

assumptions with insights from real users.

Creating a clickable prototype complex

enough to be able to gain insights about flow

chewed up a lot of time but was invaluable.

Using Lookback and Miro for a full day of

testing, our whole team could observe the

interviews and note down our positive,

negative and neutral observations for each

user, which we later would group and

prioritise.

Page 11: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Adjustments based off feedback

Making adjustments to our design based off

usability testing and feedback from real

users is the most exciting and in my opinion

the most important step.

These insights changed our design

considerably, as we discovered that users

with different levels of car knowledge prefer

to use the configurator in different ways. We

incorporated multiple starting points and

the freedom for users to deep dive into tech

or remain simplistic and superficial.

“Trimlines are confusing, what is what?”

”I’d like to be able to compare information”

”Can I start with choosing an automatic

transmission, preferably in red?”

Page 12: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Next Steps

This project finished with a presentation and

a walkthrough of the clickable prototype to

the client, from not just Hike One but also

two other design agencies. The idea was to

gather feedback and advice from the three

agencies and create the ultimate car

configurator in collaboration.

Still waiting on that one.

Our team finished with a Retrospective so

we could learn from our mistakes as well as

our victories, and see how each person in the

team viewed the project.

Page 13: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

01. Skoda for PON

Deep Dive, if you like.

Have an explore around our clickable

prototype (in Dutch) at this link.

Have a read of an article that I wrote for Hike

One (in English) about this project, at this

link.

Page 14: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

02

. SA

AS

UX

Pro

du

ct

Ow

ne

r

SAAS UX Product OwnerA Netherlands based, agile run SAAS

product, which creates, organises and

executes contracts and stores them on

the blockchain.

Page 15: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

My Role

I was hired by a company, who are launching

a new SAAS product, to do a Usability

Assessment, to flag any issues and suggest

any improvements to be made.

Almost a year later, this one time job has

morphed into a role as Product Owner,

working closely with the Development

company and PM as the client

representative through 8 x 30 point sprints.

Because of an NDA I can’t show you the

product itself but the process has been

pretty cool so I’ll go into that.

Page 16: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

Usability Assessment - User Flow Diagram

The first step for me is always a deep dive

into the users and their tasks, and how they

can most easily achieve them.

In this case there are 3 main users -

Contract builders, reviewers, and signees. I

used Figma to piece together their optimal

flows, which serves as a base for the

information architecture and site map of the

product. I run this through with the client

and Dev to make sure I’ve not missed

anything, and then adjust to their

comments.

Page 17: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

Usability Assessment - wireframing

Once I’m around the stripped back user

tasks and the existing product, I begin my

analysis. I run through the main tasks in the

existing product, taking screenshots as I go.

Then using Figma I add comments -

negative, positive and neutral. Underneath

the existing goes my recommendations. This

will include wireframes, adapting the flow to

align with the userflow diagram I showed in

the last slide, and any general comments

and suggestions about usability that I have.

Page 18: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

Working with the PM and the (real) PO

The Project Management team are a

separate company, with their own designers,

PM, PO and dev. It took a minute for me to

find the most efficient way to slot into the

team and be heard without undoing anyone’s

work.

I worked closely with their Product Owner

using Clickup and fortnightly sprint reports. I

would add items to the backlog, which we

would prioritise together, he would sort them

into sprints, I would do the User Stories and

consult on the design, and then I would test

and provide feedback.

Page 19: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

Working with Dev

I really enjoyed this part of the process. I love

finding out how others work, so that I can

adjust my workflow to make it more efficient

for the team. After I completed the User

Stories for each sprint, I would have a short

workshop with the developer’s UX designer

to brainstorm and align our ideas.

This could also require some back and forth

with the developers. Once I had provided my

input I could leave them to do the design in

their way, and provide feedback before the

development sprint kicked off.

Page 20: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

User Feedback strategy

Part of my role has been to strategise and

implement for user feedback. My research

showed Hotjar to be pretty awesome at this,

so I came up with a plan for 6 points of User

Feedback that we could implement,

customised to the needs of our product. This

will be as well as organising a day of

Usability Testing once we have soft launched

the MVP.

Page 21: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

02. SAAS UX Product Owner

My Biggest Challenges

It’s easy to critique, so it must be done in a

sensitive way. There are many ways to

achieve a thing, and before I bulldoze in, I

have to understand why it’s been designed

the way it has. I’ve loved navigating this, and

also advocating space for my improvements

in to the existing scrum points schedule.

30 sprint points, coupled with the budget of

my client didn’t leave room for all of my

improvements. Prioritisation was really key,

and leaving room for other things leading up

to the launch of the MVP.

Page 22: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

03

. Ch

ec

k in

wit

h t

he

MH

CT

Check In with the MHCTA responsive website for Tasmanians to

‘Check in’ on their mental wellness.

A UX collaboration with Futago for the

Mental Health Council of Tasmania

Page 23: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

09:17

09:17

[email protected]

+61 414 566 590

03. Check in with the MHCT

Creating a safe place for Tasmanians to

seek info on mental wellness

I was hired by Futago as a freelance UX

designer on their project working for the

Mental Health Council of Tasmania.

The brief was to come up with a page

‘Checkin’ that would allow Tasmanians to

seek information and advice for themselves,

others or their businesses especially in the

time of Covid-19.

Page 24: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

03. Check in with the MHCT

Business goals + user goals

My first job was to find out exactly what the

MHCT needed to achieve with the page, and

then what the intended users of the page

needed in order to use the product in the

most efficient and joyful way. Client briefs

along with a focus group with potential users

gave me the starting points needed.

Page 25: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

03. Check in with the MHCT

A calm and rational flow for lots of info

The HMW investigation basically told me

that in this case less was indeed more. The

flow should be simple and obvious, and an

important part of it all was going to be in

finding a clear and simple way to present

and filter lots of information to our users.

Page 26: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

03. Check in with the MHCT

Competitor Analysis

Research research research. I spent some

time looking up sites that were doing the

same or similar as Check in wanted to do.

I then analysed what made them good/bad

and merged a best combo of it all.

In this part of the process I specifically

focused on devices to present complex

information, and devices to narrow down the

demographic and filter for an individual

experience.

banner/hero site nav main topics

bulk infoPersonalisation

Page 27: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

Encourage interaction with techniques like a slider, and clicking through to the next step

Filter information depending on user needs by leading them through a short series of questions

Page 28: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

Ensure a sense of confidence and power by allowing user to go back and change their answer at any moment.

Step by step allows only relevant information to be on the page at any one time, so the user won’t get overwhelmed with info.

Page 29: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

Filter and sort ensures the user can find what they are interested in, and encourages them to explore information that didn’t appear based on their survey answers

Page 30: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

03. Check in with the MHCT

Imagery & Visual Design

We were going for a light and playful

approach to this heavy topic, to try and help

people feel at ease.

I used placeholder images, as the artists at

Futago were creating the illustrations. I

played with the visual design, with UX and

clarity always at the forefront.

Once my contract was over, Futago changed

the visual design considerably. It looks

delightful, and the UX is still solid so I’m

thrilled.

Page 31: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

[email protected]

+61 414 566 590

03. Check in with the MHCT

Explore further, if you like.

Visit the live site at this link.

Have an explore around my clickable

prototype at this link.

Page 32: aaadblkVfXd]UXfTS blkQblkVfXd]UXfTS PNWiMWMi^NNi^eZ

Thanks for taking the time!

I look forward to hearing from you.

Loz Mills • March 2021

www.lozmis.design

[email protected]

+61 414 566 590

www.linkedin.com/in/lozmis