Alex Braidwood    MFA Candidate | Graduate Media Design Program | Art Center College of Design

Electronic News Reader – Final Prototype

human_scale_01a

Human scale presentation on vertical touch screen

human_scale_02a

Final design refinements

For the final prototype, we worked to address issues with accessing longer stories, further integrating the REader MIX module, and overall use and organizational issues. The “dots” branding was integrated throughout the different stories and sections and the content “filter matrix” was integrated into the “filtered” view in order to demonstrate the functionality of this widget.

Another final refinement for this stage was a slight alteration to how the type is displayed. For this final version the type family used changes based on the source in which the selected story was pulled from. Traditional news agencies are represented in the serif type face while stories collected from online-only sources as well as social media sites is displayed in the sans-serif.

The final documentation website, including a full size video and the interactive version of the prototype, can be viewed here.

A scaled down version of the demonstration video can be viewed below:

[continued ...]

Electronic News Reader – Design Comps 3

3rd Iteration of Electronic News Reader Home Screen

3rd Iteration of Electronic News Reader Home Screen

This round focused on the further refinement of the visual language of a traditional newspaper and how we that visual language can be more integrated within the proposed digital space. This version also contains a more refined system, visually and functionally, for integrating the ‘widgets’ used to filter the presented content and the sources from which it is drawn. We also developed a visual system that utilizes the dots from the world map in order to identify how globally or locally a particularly story is being reported. The more dots associated with the story, the more broadly the story is being reported. As we were working on this phase, we also decided that the REader MIX was engaging enough that we should feature it more prominently within the design. To clarify, here are some descriptions for the features and functionality being proposed:

Location Filter
The “filter-matrix” developed for the eReader allows users to access stories based on a 2 dimensional sorting of where the story itself took place as well as the location of origin of person or agency reporting on the story. This would allow the user to gain a more broad perspective of location, national and global events. For example, one could view news of North America as reported from South Africa. Or read stories about the Middle East as reported from the Middle East. Adjusting the location of the source can demonstrate large disparities and prejudices in the reporting of an event. The location filter gives the reader the tools to broaden their understanding of the stories presented.

Source Type
This slider within the interface allows the user to determine the reputability and type of coverage that they are interested in reading. The “authority” scale gradates from International News Agencies through Opinion and Affiliated Organizations down to Blogs and social media. Using this tool gives the reader access to a more diverse set of information while still putting the priority for stories to be considered (as best as can be assumed by any large media outlet) actual, reported, edited, fact checked, responsible news at the forefront. Each story is then displayed along with the icon for its source so that the reader is constantly kept aware of the origination of the content being displayed. This system does not employ editors of its own. Instead, the system aggregates the content from a variety of sources and organizes for display as major home page stories as well as filterable content.

REader MIX
The REader MIX is an interactive module that exists in the majority of the layouts and contains a collection of words, phrases and sentances that have been added by all users of the GeoReader. When a user finds a particular word or phrase that they are interested in, they can press, hold and drag to highlight the phrase. A contextual link then appears asking them to add it to the REader MIX. Once added, the text becomes part of the dynamic, ever changing narrative presented to all users of the GeoReader. Each entry is color coded to match the section the reader who added it was viewing it in (since many stories will exist under multiple filters) and is a link back to the original story from which it was extracted. This offers users a new way of accessing and finding content they they may be interested in. Headlines don’t tell the whole story. Summaries don’t get to the heart of the story quickly enough. But if someone finds one particular phrase to be compelling, then someone else might too and follow that phrase to read a story they may not have found otherwise.

Full size PDF [1200 x 1920]

[continued ...]

Electronic News Reader – Initial Prototype

This video capture demonstrates the first prototype developed to illustrate the movement, organization and function of the electronic news reader that we are proposing. The main features demonstrated in this prototype are the dynamic nature in which content would shift and adjust, the use of filters in place of the traditional “one-category/section” structure of a traditional newspaper, and the filtering based on the locations of both where the story happened and the original location of the reporting source.



Initial prototype screen-grab.

Initial prototype screen-grab.

Click to launch video [QuickTime: 1200 x 630]

eReader – Design Comps 2

Theme: Location / Geography

Home Screen

Home Screen

Filtered results - stage 1

Filtered results - stage 1

Filtered results - stage 2 w/ filter matrix

Filtered results - stage 2 w/ filter matrix

Full size PDF [1200 x 1920]

[continued ...]

eReader – Design Comps 1

Theme: Location / Geography

Home Screen

Home Screen

Filtered / Related Results

Filtered / Related Results

Story & Folded

Story & Folded

Full size PDF [1200 x 1920]

The Interface:
[continued ...]

Newspaper Reading Research

Sunday New York Times

Sunday New York Times

Still from video capture to document reading actions

Still from video capture to document reading actions

Its been a while since I’ve read a physical news source so in order to know how I interact with the newspaper, I documented myself reading the paper form a few angles in a couple of different environments. The first place had a table to rest the portions I wasn’t reading. For the second place, I chose outside to deal with the a slight breeze and no surface to utilize.

[continued ...]