Sketch new Elements IA journey for validation with users

springernature / ux-elements-docs

UX Documentation for Elements design system

MIT License

1 stars 3 forks source link

Sketch new Elements IA journey for validation with users #67

Closed amyhupe closed 2 years ago

amyhupe commented 2 years ago

What

Create lo-fi prototype covering following journeys in Elements website using proposed new IA:

Homepage > Component landing page > Nature button component
Homepage > Component landing page > Springer button component > How Elements components are built
Homepage > Nature > Global Footer
Homepage > Styleguides > Nature > Typography

Why

So that we can:

make sure changes to the IA will make sense for users and won't hinder findability
see if users understand the concept of global / brand-specific components (and if they care)

Done when

[x] Copy for How Elements components are built is drafted (Amy)
[x] Copy is checked by a developer for technical accuracy
[x] Journeys are sketched (James)
[x] Journeys checked with Amy and Stu

Anything else

See proposed new IA in Miro

amyhupe commented 2 years ago

I've made a start on the draft for the guide on How Elements components are built.

The remaining task is to add a section on how to create styles for global components if they're missing.

@alexkilgour has said he'll draft something after Easter (probably Wednesday 20 April).

foxintherain commented 2 years ago

Prototype for nature component journey: https://www.sketch.com/s/ff5e0b72-6d79-4ea7-bc10-126b557cdec7/a/eKxxQax/play

amyhupe commented 2 years ago

How Elements components are built guide is now drafted and has been checked and updated by @alexkilgour for technical accuracy.

@foxintherain it's now ready to add to the prototype.

foxintherain commented 2 years ago

prototype contains all 4 journeys with the guidance for how elements components are built.

Had a catchup with Steph on how to approach the testing, she suggested a workshop with a group of feds and designers as the best way to get feedback. So it could look something like:

3 Feds & 3 Designers

Create a scenario for each journey and give them the prototype to complete each task (we could do individually or as preselected teams)
Ask them to take notes and add them as post it’s on a miro board
Organise the notes under broad questions e.g. What worked? What didn’t work? Any other thoughts? etc
Discuss as a group

amyhupe commented 2 years ago

Prototype looks good to me @foxintherain - the only thing to do I think is change the Springer button examples to be unstyled / use default styles.

If there are no comments from @sturobson I think this is good to start using to validate in the workshop you suggested.

sturobson commented 2 years ago

@amyhupe @foxintherain … all good from me 👍🏼

foxintherain commented 2 years ago

Prototype looks good to me @foxintherain - the only thing to do I think is change the Springer button examples to be unstyled / use default styles.

Just added: https://www.sketch.com/s/ff5e0b72-6d79-4ea7-bc10-126b557cdec7/a/DPW388k