Wednesday, 18 March 2015

InVision Protoype - Drawings

Today I got to experiment with the program InVision that we were introduced to. I was really excited to get into using this program, as I saw how easy it made app design, and I was excited about the fact that we could actually make our own functioning app via this software. So I ended up drawing up each of the pages for my interface, so that I could take photos of these and then insert them into InVision via their Drag and Drop feature.
Alfred and I decided to create one InVision prototype each, so that way we have two different layouts and concepts that we can use as inspiration. By doing this, it will also allow us to see each others ideas on how to create this interface, and then take the best ideas or aspects from each, and use these when it comes to the development of our interface.
Below are photos of the drawings that were in my physical workbook. For the InVision prototype, I took photos of each drawing individually so that I could have one per screen, and then create the links between each page. 





So once I had drawn up each interface, I decided to create an account on InVision and give it a go. I quickly watched the two recommended videos on the basics of InVision. Once I got into making my own, I realised just how easy it really is to use, and to create your own fully functioning interface. I also noticed a lot of cool features that we could add when we get into making our proper prototype, rather than just this paper prototype.

I'm really happy with how this initial drawn prototype turned out, and I'm looking forward to developing it and seeing just how far we can develop this idea into a final output.

Here is the link to access my drawn InVision prototype...



No comments:

Post a Comment