Week 6 - Final Documentations/Reports/Rationale

Week 6 - Final User Journey Report

Week 6 - HTML Coded Article Page

Here is the screencap of the final HTML coding for this assignment. 

I tried re-creating the article page base on my invision prototype. It was not as accurate as I was hoping for but I was able to code the layout. A few details were missing like the search engine bar, and page icon for "Top Stories/Opinion" section. I was also not able to place the logo of Dominion Post to the centre--- at the end, I decided to keep it on the left than having it off the centre.

I also add images on this coding to help achieve the look I was aiming for.

Week 6 - Iterations towards final hand in

Below are some iterations done before the hand ins and response to the feedbacks from the presentation last tuesday (May 31).

Menu icon for Mobile - I've changed the menu icon (hamburger), as the list was going across the page. The previous icon is expected to be a drop down--which was not the intent of my design. This suggestion was from my peers, when we did the user testing.

Weather Section - It was added last minute to the design. I also used this to improve the user journey of Persona 02 (Hemi). There is a drop down option on Mobile prototype and an extra feature on the Desktop.

Page Icon - this beside the headline links to indicate it is a clickable item and not just a body copy. It is of the things pointed out from peer presentation.

Updated Website Layout - A few more things were considered in improving the layout of the website. Type settings and spacing were improved, plus few more details were added.