{"id":387,"date":"2024-04-28T22:53:17","date_gmt":"2024-04-28T22:53:17","guid":{"rendered":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/?p=387"},"modified":"2024-04-29T09:41:42","modified_gmt":"2024-04-29T09:41:42","slug":"moving-to-high-fidelity","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/kai-payne\/blog\/bsc2b\/moving-to-high-fidelity\/","title":{"rendered":"Moving to High-Fidelity"},"content":{"rendered":"\n

This week saw a big push in the development of our Virgin Wines collaboration project, in terms of my own concepts, bringing those ideas to the group and moving closer to a shared developed outcome.<\/p>\n\n\n\n

Getting size right<\/h2>\n\n\n\n

Something I briefly want to touch on is my prototypes. A skill I picked up from my group member James is using the Anima Figma plugin to preview prototypes in the web browser, giving a much more realistic demonstration of the sizing of elements than Figma’s inbuilt prototyping preview. The example below shows the prototyping screen and what at the time was normal looking text fields, compared to the web result. Oversized and ridiculous!<\/p>\n\n\n\n

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

By utilising this tool I was able to produce more realistic prototypes, better leaning towards a more realised solution.<\/p>\n\n\n\n

Working on Concepts & Ideas<\/h2>\n\n\n\n

I pushed my concepts and ideas, sometimes developing them into a higher level of fidelity (where this helped me to communicate my concepts and ideas in terms of pitching ideas to the group and lecturers).<\/p>\n\n\n\n

Mobile Matters<\/strong><\/p>\n\n\n\n

Last week I demonstrated my idea for my checkout page progress bar as seen below.<\/p>\n\n\n\n