To add interest to the page and to keep the user focused on the end goal (making something delicious to eat) I decided to place the recipe information over the top of the image of the thing being made.
I then realised the user would need a button or something so that they could click onto the next step with ease. I added a large yellow button so that it was eye catching and also consistent with the colour scheme. It is also clickable without having to over stretch your thumb but this may not be a problem as the user pay have their phone down on the work bench or on a stand however there is also a feature to use your voice to go onto the next step.
I considered that maybe the image in the background could be confusing therefore I decided to try a yellow block in the background however this was far too simplistic and I thought it would get boring to look at for the user and wouldnt be very inspiring.
I then merged the two ideas together, I think the yellow emphasises the recipe well and draws all the attention to it therefore it is easy to ready and glance at quickly.
I then reduced the opacity of this layer so more of the image underneath could be seen as well as adding a 'step 1' button so that people can click on to the next step. I then realised I needed to show the voice recognition somehow so I decided to use a microphone symbol.
The voice recognition symbol is displayed in the top menu bar next to the logo so that it is easy to see, the voice recognition becomes active as soon as the recipe is started if this option has been selected. To turn it on or off the user simply taps the icon and this reveals a simple drop down menu featuring a on/off switch.
Here is the drop down menu, it is very simple and easy to adjust to make it quick and easy for the user.
No comments:
Post a Comment