Friday, 23 October 2015

Mockup 2 ---- Digital Prototype




This is the index.html page which contains a high quality video background, and a button to allow user to enter and explore the news. Users will be directed to this page when they enter the website. 


This is the main issue page which contains the top 10 best issues from the globe. Each block contains the issue image, logo of the issue category and the title of that issue. For the navigation bar, the "In The Know" logo is placed on the left hand side for directing users back to the main page. On the right hand side there are the supportive linkage of our team blog, video and the login/sign up (which is not functioning).


We designed the timeline-view and the ranking view of articles. The time-line view is designed for sorting news articles based on its publishing time. The ranking view is designed for sorting news articles based on its ranking (the number of likes minus the number of dislikes). In order to switch between these pages, users can use the toggle button to change the view they wanted.



The article page contains the header image, a title with the news organisation logo, the article content, live comments and the input field of the comments. These comments will be appeared on the screen based on the time when users post their texts.


No comments:

Post a Comment