Monday 12 December 2016

First mock up of the app-reciepts




As the QR code is the main way in which the receipts are scanned multiple uses were developed in order to express this. As a QR code is traditionally square, and much smaller than an ID the shape of the scanner was altered, although the general aesthetic still mimicked that of the previous design. This in turn creating consistency with the app. 




Storage of receipt

A 5 by 15 grid was used in order to keep consistency. This is highly important especially when developing a design in which contains multiple sections. Orange was used in order to express different sections of the app.  





Information was expressed, with key terms being put in place. It was decided that the shop and expiry date should be the key information expressed, as this is the information in which the consumer is most interested.






The role of infographics/text was explored. With experiments being conducted without one another, from this it became apparent that the designs worked strongest with the two. By using the two it also allows for an easier user experience, as the consumer doesn't have to read the text but can rather navigate using pictograms. 




In order to keep consistency with the other spreads a black background was incorporated, again with a transparent background.This also being most appropriate to the concept.  A reverse button was also added in order to make the user experience as easy as possible.







As a delete section must be available, research was undergone. From this the general aesthetic was that of a red button, although this may be deemed aggressive.





Colour was explored greatly, with the red appearing very harsh and unsuiting to the concept. White again appearing too minimal, and black appearing bulky. It was thus decided to use a deeper orange, this acting as a warning rather than danger. Multiple clicks would also be needed to delete the receipt in order to ensure safety. 




Colour variations were explored, with the white text appearing most impactive, this also suiting to the context as apple frequently uses white text upon coloured backgrounds. 









Again backgrounds were explored, with it being suggested by peers that the transparent background appeared most contextual. This complying to the original app, and also allowing the design to appear far more friendly. 



No comments:

Post a Comment