Important Links
| Figma Link |
Paper Prototype
| Objective: | To create a basic prototype to help me develop ideas. |
| Action: | I decided to sketch out a basic wireframe prototype with multiple pages and elements to give myself an idea of what I could further develop. |
| Feedforwards: | I found the paper sketch to be quite useful for what it's purposes, and I did end up relying on it for further development. |
| Reflection: | I believe next time I should have done a paper sketch earlier, before even touching my computer. I would have had a lot less frustration when being told to restart and iterate on something I had already put several hours of effort into. |
| Takeaway: | Next time I start the development of a new project, I will make a point of creating the sketch beforehand. |
Fig. 1 - Paper Sketch
Prototype Learning Objective Content
| Learning Objective: | Make the preliminary test pages for the content dedicated to my Learning Objective Pages. |
| Action: | As per the advice of Herr Brunne I decided to focus entirely on pure HTML as opposed to trying to create a nice looking page so I could ensure that I got my learning objectives written out. |
| Feedback: | After creating the page and showing it off to Herr Norg he told that the images should relate to my actual learning cycles, so they can be in context. We also agreed that I should restructure my portfolio to also have the images above the text. |
| Reflection: | Overall the content of my learning objectives was good and I should continue in the same direction except I need to fix some of the formatting. |
| Decision: | I'll continue working on the HTML only side, until I have all of my learning objectives filled out before I'll return to finalising the design of my website. |
Fig. 2 - Original Iterative Process Page
Interactive Main Design
| Learning Objective: | To create a style based off my Moodboard and paper prototype Sketch. |
| Action: | I created several pages as my final design iteration for my website using the Moodboard as inspiration whilst ensuring the structure remained similar to that of the paper sketch. |
| Feedforwards: | Whilst I was successful in making a fully interactive prototype design in my Figma, I feel like it's still not there in terms of design. I feel like I've not been very efficient with my time and could have achieved more by taking more smaller steps rather than such a significant jump jump. |
| Reflection: | I realised that I'm skipping too many steps and for the next time I will try to make a proper Wireframe as opposed to jumping straight into the design. |
| Decision: | Generally though I will stick with this design after making a few major adjustments to the overall structure. |
Fig. 3 - Prototype Interactive Main Page
