degree project. wireframes + reliability graphs

Upload: ian-arthur-spaeth

Post on 06-Apr-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    1/24

    Political Gradient

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    2/24

    Structure of the Reliability Graphs

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    3/24

    Set of reliability graphs

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    4/24

    Reliability graph ratings

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    5/24

    What theyre made of.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    6/24

    Sam wants to find articles about immigration beingtalked about by the 2012 presidential candidates.

    Scenario 1: Sam wants to find articles about immigration being talked about by the2012 presidential candidates

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    7/24

    Sam opens up the Political Reliability website. Clicks on graphs.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    8/24

    He types in immigration in the search bar under the section of Articles and hits thesearch icon.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    9/24

    The search pulls up a list of articles on the subject of Immigration. The darker theboxes, the more reliable they are. Same clicks the darkest one.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    10/24

    It takes him to a Talk Points Memo article.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    11/24

    After reading, Sam wants to rate andwrite a review

    on the article he chose.

    Scenario 2(ish): After reading, Sam wants to rate and write a review on the article hechose

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    12/24

    So Sam clicks on the Political Reliability icon in the upper right-hand corner of thescreen.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    13/24

    It opens up the Reliability Plugin. Here it shows the article, journalist, and websitesreliability rating.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    14/24

    He hovers over the article box and the ability to rate and review the article appears. Thejournalist and websites reviews compress to the right side.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    15/24

    Sam rates, and writes a review and then submits it.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    16/24

    Sam wants a more in-depth look into why this article has

    the reliability rating it has because he disagrees with it.

    Scenario 3: Sam wants a more in-depth look into why this article has the reliabilityrating it has because he disagrees with it.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    17/24

    Sam clicks on the article box to pull up the rating in the website to get the more in-depth look.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    18/24

    The website opens with the rating block and comparables to the right. This allows Samto compare this article with any other article he would like. Sam clicks on the sources tosee where they pulled from.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    19/24

    When he clicked on the sources, the website zoomed into the box to bring up thedetails with that part of the rating. There is a list of the sources with the links to thearticles they pulled from. Sam clicks the out arrow and it zooms back up the mainrating block.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    20/24

    This time Sam hovers over the website block and a quick view of the websites ratingappears within its block. Sam clicks on it to get the more in-depth view of thewebsites reliability rating.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    21/24

    This zooms him into that block, and he can interact with this block the same way hecan with the main block. He zooms back out to the main rating block.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    22/24

    This time he clicks on the reviews block to see what other people are saying about thisarticle, and why they gave it the rating they did.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    23/24

    Sam reads the reviews and sees that the top reviewer agrees with him. This article isreliable because of the facts within it pertaining to immigration and they use veryreliable sources, but should be lower on the scale due to the fact that the journalistunconstructively reviews the politicians stance and applies their own opinions to whatis going on. Sam decides to look at the Jim-Bobs profile to see if he wants to follow

    what he reads and has to say.

  • 8/2/2019 Degree Project. Wireframes + Reliability Graphs.

    24/24

    Jim-Bob Clancys profile pulls up, Sam goes through it, looking at his stance in politics,the articles hes read, and the reviews hes given, and finds that he is very thoughtfuland thorough with his reviews. Sam follows Jim-Bobs activity to help Sam continue tofind the most reliable articles he can.