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.

Week 6 - Sitemap/User Journey (Final Presentation & Feedbacks)

The final presentation has helped me on improving the design of the prototypes. It gave me some ideas were I can tweak and push further the user journeys. Minor errors were also pointed out on our user testing---I think this was very helpful, as this are the details I did not notice while working on the project.

Week 5 - Updated Invision Prototypes

For Week 5, I kept on reworking/improving and testing my prototypes. More details were added to improve the look of the Mobile & Desktop prototype. 

I was also able to ask my peers to do a user testing for my Invision prototype. Their feedbacks were really helpful--- as it gives me ideas where my design/user journey can go wrong.

I had to reconsider (again), renaming my category links. I had to changed the news and local paper to "national & world" in order for the user journey to go smoothly. This decision was base on the user test my peers did.

One of my peers also suggested that my headlines for mobile prototype were too short.

Week 5 - Invision Prototypes (Desktop)

These are the early versions for the desktop prototype. The layout was improved base from the feedbacks I got from the interim presentation. I simplified some details but kept the side navigation feature.

Week 4 - Invision Prototypes (Mobile)

These are the early versions for the mobile prototype, the design is simple, but I am still working my way to achieve a better look. The links and layout needs more improvement. I also did a quick prototype test on invision to check if I am at the correct workframe.

Week 4 - Research: Other Website Layouts/Features

As part of research for this assignment, I looked up different news site such as The New York Times, The Guardian, Fox Sports, CNN & BBC websites. While working on own my design, I tried looking at some features these sites offers and check if I can incorporate this on the redesigned Dominion Post site. 

For mobile, i referred to The Guardian & CNN site. I did notice that both sites are responsive to small & big screen.

Week 4 - Interim Presentation

Feedbacks from my peers and lecturers. The interims have helped me to reconsider details to improve and change. It was also helpful that I got feedback from peers who hasn't seen my work.

• The design layout of my current website still looks complicated. It also appears like I only re-arrange the grid layout but have not fully simplify the website.
• It was also recommended I should take off the secondary navigation bar at the bottom of the page.
• The task for Persona 02 (Hemi) was too simple. I should look at getting him to accomplish more than just browsing an article.
• Another recommendation was for me to look at Persona 04 (Sarah) journey, she's a news junkie who thinks not a lot of NZ news is being told from Dominion post. The current journey ask her to find an event article and share it on facebook----maybe I can get her to do something about the event instead of just sharing it on facebook.
• I should also need to start considering the Mobile prototypes and which user journey will work best

Week 3 - Homework: Storyboards for Interim Presentation

Below are user journey maps for each persona to be presented for the first interim presentation

Week 3 - Homework: Digital Wireframes

As part of the homework for Week 3, I began creating digital wireframes using Photoshop. I am also yet to decide how will the design will look. Also at this point, I think I am established with the layout of the website, but expecting to do more tweakings in the next few days.