The second phase of designing the screens for our interactive product was followed by another review by my peers and tutor. Below are review sheets followed by my response and implementation to the screen design.
In my first phase of design, I produced a home screen with illustrated mangrove as background and the logo. A review of the brand and aesthetics has been conducted by my peers and tutor.
Today’s task was to develop at least two scenarios and try to predict how our user personas will interact with our interactive product in a given situation.
Two user personas for my “Life below water” interactive product Educational website about the mangroves would mostly be of interest to students, teachers, conservationist Source: Layout based on Xtensio template: https://xtensio.com/user-persona/
Progressing my interactive product for “Life below water” sustainability goal 14, I mapped out an information architecture diagram based on the mangroves content research. Source: Feature image: https://brainhub.eu/blog/information-architecture/
Today’s studio activity to wireframe our toast making step by step instruction resulted in tab navigated website. Source: Featured image: https://www.productplan.com/how-product-managers-can-use-wireframes/ Wireframe: Draw It Diagram WordPress Plugin
Our next activity was to expand our toast making step by step instruction into a visual, such as this sketched and captioned storyboard. Source: Featured image: https://blog.pond5.com/4598-drawing-inspiration-the-keys-to-creating-killer-storyboards/
Today’s studio activity was to take our toast making instructions a step further and create a Site map Source: Featured image: https://blog.hubspot.com/marketing/build-sitemap-website Diagram: Draw It Diagram WordPress Plugin
Following a step by step instruction on how to make toast, our next task was to create a user flow chart. Sources: Featured image: https://www.sketchappsources.com/free-source/2300-user-flow-diagram-template-sketch-freebie-resource.html Diagram: DrawIt Diagram WP Plugin