Becuase of the context of our piece the group decided that the best way to present the idea would be to create a video showing how the work would be used in a real-life context. This would be in the presentation explaining the idea and the process in a simple way. The mockup video would need to show someone using the app and an example of how it would guide them to the location, the best way to do this was through creating an XD real-life representation.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1Gl57kWKyo6M-1CuYvvMDz40eiDhDYvMtm3xGuLmN7EhSzgrjMWAkdBHTNHT6HjiqkHUbUe_I_mO7rQpJ84IILw8cP4_MjriBnvVHMmsJt78XjcWcDRtgVjdvi7-kwWN2obrqgu2hOrh/s400/Screen+Shot+2018-05-19+at+16.28.34.png) |
XD Animation |
Once the prototypes have been processed through XD they could be exported into a video which would then be mocked up into a setting that appears to be on a phone. I created the prototype and dropped it into the mockup which Hannah had created.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BxUvP5FwPvowVQ8NEFsQsjVISg887YuPty-hH222yEHY8vLjBAsjmNsov3iPlicDnbZ8SMq6OYRV37iaJM5IzVOX3aX9E4w6T7o1FAeyUulEy1NtnTHB0N91YaXVd2ThaoBeJPZDb_T9/s1600/App.mp4) |
XD Video |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqJcbW6inTxfZO-YF01O_cRqUgQ66oNFqftYbWtqauyBdvpezEVlQlTExTNOM-e-YJ2ZnLF9ah9JfRJhTKyPHIMEGMHf-Tm4eKwVwsp5h8GMPqECJAmL0rUj_WKrcuQVWsulAtUr41UPix/s320/video+mock.mp4) |
Mockup Video |
The next step would be taking a video of the actual walkthrough and adding it to the video above thus creating an overall finished example of the outcome.
Mockup Images:
No comments:
Post a Comment