{"id":303,"date":"2023-11-20T12:45:57","date_gmt":"2023-11-20T12:45:57","guid":{"rendered":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/?p=303"},"modified":"2024-01-14T12:53:29","modified_gmt":"2024-01-14T12:53:29","slug":"design-an-experience-little-things","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/project-3\/design-an-experience-little-things\/","title":{"rendered":"Design an Experience : Development"},"content":{"rendered":"\n

Here I made note of some of the little changes that I made to my design to make it flow easier, or just make it all work as a cohesive design. <\/p>\n\n\n\n

Onboarding Signifier <\/h2>\n\n\n\n

Here I wanted to give the action some sort of affordance, so that the user doesn’t think they messed something up when they have clicked the correct button. To do this, I changed the ‘Roll the Dice,’ button so that it would have some sort of corresponding action when clicked on at first. <\/p>\n\n\n\n

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

<\/p>\n\n\n\n

The Checkout Process<\/h2>\n\n\n\n

I had refined this process quite well, because I had looked at a few other checkout processes previously in Project 2 – however, there were still a few things I had hoped to change when I came around to designing it, or things that didn’t work as well as I thought. For example, below, I had created a process to input information so that the user could write in their emails etc, however, at the bottom, the ‘continue’ button allowed for them to skip the process, something I did not want them to do. To counteract this, I decided to remove the continue button until the user got to the part that was optional ie, the delivery instructions. <\/p>\n\n\n\n

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

Favourite button<\/h2>\n\n\n\n

The favourite button is a key part of the process when it comes to ordering your food via this app, and the concept relies on it working efficiently and well. I originally planned on only having favourites in the section within the larger click of the items, however, I wanted some sort of shortcut for the user. If they know they like Caprese salad straight off of the bat, why make them click and waste their time? I did this by adding a favourite button to my component to make them all even. <\/p>\n\n\n\n

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

<\/p>\n\n\n\n

Illustrations <\/h2>\n\n\n\n

When researching the different kind of things to put into this section, I had drawn out a few different illustrations of the monopoly man to be used within the design. This was to reinstate the idea that it was ‘monopoly,’ themed. However, after my work in Sync the city and using 3D illustrations, I decided I wanted to use them in order to bring the design system. bit more to life and interactive. <\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Here I made note of some of the little changes that I made to my design to make it flow easier, or just make it all work as a cohesive design. Onboarding Signifier Here I wanted to give the action some sort of affordance, so that the user doesn’t think they messed something up when … <\/p>\n

Continue reading “Design an Experience : Development”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[11],"tags":[18],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/303"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":5,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/303\/revisions"}],"predecessor-version":[{"id":426,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/303\/revisions\/426"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/media?parent=303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/categories?post=303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/tags?post=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}