Week 6 - Final prototypes

My finished Invision prototypes:

PC prototype

Mobile prototype

Week 6 - Finishing up

I decided to change my footer to make it clearer and less cluttered, removing the date bar.

Based on the feedback I got from our full class user testing, I've corrected my Invision prototype so the date stays consistent unless otherwise changed by the user. I've also revised the wording of my user journeys in my final PDF.

Week 5 - Creative Futures

Here is the link to our google slides presentation

We chose to cover the political/news cartoon website, The Nib.

The Nib posts "political cartoons, journalism, essays and memoir about what is going down in the world, all in comics form,". Most of their daily content is political satire, like typical newspaper cartoons, but they also allow anyone to pitch to them and create content.

Every article on the site is in cartoon format, making the content visually interesting for the reader.

[Article: Want a New Emoji? Good Luck.]

The website relies a lot on social media to advertise their content, as the content serves as it's own advertisement.

The layout of the site is mostly one column, centred, splitting into two further down the homepage to show off older articles. It is image heavy, naturally, allowing the articles to speak for themselves. This allows the comics to be read in a continuous stream, but doesn't create any sort of hierarchy of information.

The sidebar menu is large and clear, but overlaps with the content which is slightly annoying. This is better on the mobile version, which is largely the same as the desktop site, but the menu takes up the whole screen when open, avoiding the overlap issue. The mobile site also has a scrolling header, allowing easy access to the menu and homepage.

Week 5 Tuesday

Making progress on my page mockups to be used in Invision.

I also started putting together my mobile site look, based on the desktop version.

The main change for the mobile was condensing the navigation bar into a side menu for easier mobile browsing. I also changed the yesterday/tomorrow arrows into buttons at the bottom of the page so as not to have buttons that are too small to hit properly.

Week 3/4 - Wireframes

Above are my first sketches for my front page layout, mainly dealing with how to incorporate the calendar and date into the header.

These turned into wireframes.

This first one puts the date on a carousel, with the idea that the dates would circle around, or you can pull down a calendar to choose a specific date. These two ideas don't really work together in hindsight; it should either rotate or pull down, not both. Other people also didn't really understand it, and the circular design left no room for a navigation bar.

These are back to basics a bit more with the layout, but I did want to keep it traditional for my site. The date function is based in the idea of this being like a newspaper archive, where you can look up a date and get a snapshot of what a newspaper/website would've looked like on that date. So I changed up the header, but kept the pull down calendar.

Week 3 - User Journeys Planning

More thinking about the user personae and their possible user journeys.

Week 2 - Minor Updates

I started by making minor changes to the Stuff layout to fit the user personae.

Not all of these solutions are going to work within my prototype; I want to put the focus on the date aspect and not over crowd the page, but this has given me a better understanding for how people might approach the site.