The sliding content effect can be seen on the online version at http://www.onebigegg.com/college/victorianweb.html (note: the links on the category headers don’t actually initiate the sliding content/articles – instead the 2 buttons at the bottom of the list need to be used on this prototype version).
The Skeuomorphic version of the site is based around a central viewing ‘folder’ that all content and article pages are delivered to.
This is an improvement on the original site for the following reasons:
· Now visually interesting
· Improved user experience – appealing to use.
· Easier navigation between categories and articles.
· Content page behind article page serves as visual breadcrumb trail back to source of article being viewed
· Separation of main site navigation (about / links / contact) from content, and ‘Home’ link available at all times
· Message and Twitter feeds encourage communication by users regarding site (should serve to advertise site to wider field therefore increasing hits, and also the content of the messages themselves should serve as quality content in themselves (users leaving posts relating to query, analysis, referrals and recommendations) and also helps to make the site feel active and live as opposed to static data. I will particularly please with the headers for the Message and Twitter feeds. The Twitter logo was grabbed from the internet, but I custom made the Message one using the Twitter logo as a template. I ‘filled in’ the Twitter ‘T’ so that I effectively had a blank template logo, then created the speech bubble inside. A CSS3 transform-rotate function was used to have them sit at an angle,
If this were a real project to be seen through to completion, I would need to address the following considerations:
· There is some overspill of content on the content and article pages before they have loaded. This is a result of the margin around the div area to allow the drop shadow to show. This would need to be overcome if the project was to be delivered to an actual client.
· The current prototype does not consider how articles will be viewed when the height is greater than the viewing pane. I would consider either adding a down arrow to scroll down to remaining content, or a ‘curled page’ in bottom corner to indicate that page should be turned.
· A responsive version of the site should be created as the sliding folder format would not work well when viewed on mobile devices. A much simpler version would need to be delivered where the content/article pages are the main feature (rather than the visual folder).
· In my original analysis of the original website, I mentioned that a feature to view a random article would be very beneficial to this site, and this is something I would definitely add were this a real life project. This would probably be a tab to the left of the ‘Home’ tab but separated by 10 pixels or so, and in a completely different primary colour (red?) – it could be called ‘Lucky Dip’ as everyone recognises the meaning of this phrase.