{"id":352,"date":"2024-04-20T21:41:31","date_gmt":"2024-04-20T21:41:31","guid":{"rendered":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/?p=352"},"modified":"2024-04-20T21:44:09","modified_gmt":"2024-04-20T21:44:09","slug":"beginning-to-prototype","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/bsc2b\/beginning-to-prototype\/","title":{"rendered":"Beginning to Prototype"},"content":{"rendered":"\n

Finishing off research<\/h2>\n\n\n\n

Wine Bank Research<\/strong><\/p>\n\n\n\n

This week, in preparation to move onto the prototyping stages of our Virgin Wines website rework, I completed some small areas of research so we were as a group fully prepared. This research was brief, but a good point of bringing the information on the Wine Bank site together to one place for reference.<\/p>\n\n\n\n

I did this not because I needed the information but because I am working collaboratively and took the responsibility of completing work not directly benefiting me but benefiting the group and our shared goals.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Bringing Together our Heuristics<\/strong><\/p>\n\n\n\n

In preparation for moving on to the prototyping stage, we brought together the results of our individual heuristic analysis.<\/p>\n\n\n\n

The red sticky notes-show my contribution.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This table, while being messy was the result of a group call where we brought together our ideas and discussed them together, giving us a collaborative idea of the issues we found.<\/p>\n\n\n\n

We then individually brought our analysis back to heuristics so we can best apply our findings to our design.<\/p>\n\n\n\n

The red sticky-notes show my contribution.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Experimenting with Prototyping<\/h2>\n\n\n\n

This week, I began exploring different routes for the ‘About us’ page and the ‘Checkout’ page as part of our redesign. We split this part of the project into our own Figma pages, giving each designer control over how much they want to see collaborator’s designs. We did this to avoid subconscious bias in our designs and to allow different routes to naturally develop, instead of accidentally copying from each-other’s designs.<\/p>\n\n\n\n

About Us<\/strong><\/p>\n\n\n\n

I explored different methods of creating an engaging About Us page, rather than focussing on the content. I imagined using parallax could be an engaging and user-focused way of displaying content, on a horizontal rather than vertical scroll. I explored a horizontal scroll because if we move to a story focussed About Us page, I was interested in the idea of a “left to right” style flow, similar to how a line in a book is read.<\/p>\n\n\n\n