submenu

I initially did the submenu like this

mobile:

but thought it might be too much for this one? (actually i had them all in one column on mobile first)

 so I tried putting it in another dropdown; but decided that is too many; it will proabably look better like it does above.

excepr that the top menu just saying categories and being pink is vague, and not as obvious about what page you're on, I made it do this on each page:

and just to make the hierarchy slightly different, and so news doesn't look so repeated: 

wireframes, html prototypes, design tests

updated wireframes for invision + new book club and submission page

more wireframes + invision

Invision links: Web | Mobile 

I tried to sort all of the 'get involved' stuff which was quite scattered into one page

and made a new releases page

Also thought about putting the text over the images, like in the carosel? this would save space and look neater - especially when some titles are one line of text and some are three, if they're all on the images it doesn't matter

--------------------

trying some mobile layouts:

a simpler version - not sure if the text is too big here though?

updated wireframes

added only one top story so that subcategories are more visible above fold

made related stories more specific - as in, related to a particular aspect

made an identities category page - unlike the news one, there's only one top story and one other headline under each thing - because there are 20 subcategories rather than 5.

I cut down some of the subcategories a little, so that there are fewer and also grouped some (graphic novel/comics) that are very similar. this also means they're all multiples of five (news is four, but can have a popular column to fill the gap)

another version of the long article.

Wireframes for interim

Home

Nav menu / just showing the subcategories

(the sections starting 'disability' and 'asexual' are the sub-subcategories of indentities)

People category

News category

Upcoming Releases subcategory

Two example articles

User Personae

1 Haiyan
task: browsing, find an article about the newtown festival

[home, menu, national page, dominion post page, article]

• Home, clicked on menu
• Went to national news, thinking  there might be a wellington subsection, couldn't find it
• Back to menu, further down to wellington section, 
• which takes you to dominion post home page
• scrolls down, sees  'newtown fes..' clicks on that
• at the article!

some things i noticed when browsing the mobile site to make the wireframes:

• when scrolling down, most things are stacked but some are to the side and you can only see them if you scroll sideways? which you will miss unless you happen to scroll sideways at the right point

2 Hemi
Multitasker, looking for current events quickly and easily. Just browsing headlines, not going into articles.
[in book]

• you can see most of the recent news by scrolling down the home page, though a lot of it's not necesarily 'current events'
• so to find the stuff he's interested in he probably will have to pay more attention to what he's reading which might take longer
• not sure how to fix this, maybe having a 'most popular' section like there is on the website?

3 Mike
refreshes dominion post home page or categories a lot, likes serious news
Task: browse dominion post, find an article about

• if he refreshes the page a lot, he probably doesn't scroll down much, at first at least. probably wouldn't on the home page since it's so long

4 Sarah
Task: Comment on an article about the Capital E art's festival that you were linked to from twitter, and find out when it is

• this is a pretty easy one, and the participant knew the comments were at the bottom, though had to look quite a bit to find the date in the text

5 Andrea
Task: Find the most recent article relating to the Silver Ferns

• It's easy to get to the sports section and the a specific sport if you know what you're looking for (in my example, an article about a silver fern)
• but if you just want to browse, it's a lot of scrolling. if the articles on the second page were even just in two columns, it'd be a lot easier to have a look at all the main stories quickly.
• the sports section on the home page is also at the very bottom

6 Barry
Gets linked to articles via email, prints them to read, also browses dominion post for politics/national news

• printing an article is easy (though there could be an actual print button on stuff rather than just in the browser) but it doesn't tend to print well-formatted - especially for someone with bad eyesight?
• There's no specific politics category, which means looking for relevant articles might be hard - but if you're planning on browsing through them it might be okay.
• again, the bottom half of the page is just links one after another which is a lot of scrolling