[nws cnch]

[ns cch]

[n c]

[news crunch]

Resize the browser to condense and expand an article. This example uses responsive interaction to broaden and narrow the scope of article information. Toggle the image button to see how the scope of the image topic expands and narrows as well.
Drag the tabs, at the edge of each section, to move between webpage layers. This example shows how published news headlines, within the same topic, share many different perspectives while using similar language.  
Resize the browser to broaden and narrow the scope of the article topic. While all articles are from the same time and addressing the same subject, they range in scope from Global, National, Local, and individual. Each hoverable grid image and headline is taken from individual articles and links to the corresponding article.
Drag the tab at the edge of the screen to view 2 articles simultaneously. When the tab is completely to the right or left of the screen, one of the full articles with corresponding image is displayed. When dragging the tab across in either direction, elements from both articles are hidden or revealed.
How do we experience news? And more specifically, how can news be restructured to promote different levels of hierarchy and interaction?

Inspired by how news headlines compress an article or event into one sentence, I am exploring how responsive web design uses breakpoints and interactive grids to further push how far information can be expanded and compressed.

While a digital or printed news article presents each hierarchy of writing all at once, News Crunch allows the user to use the draggable tabs to choose the level of informational hierarchy they want to read, and how much detail they would like to understand.

This model of presentation and interaction also interacts similarly with image; as a form of capturing and compressing time into a single element, Digital news papers; as a form of compressing a single day into notable events and topics; and news topics; as a way of compressing multiple articles into their own searchable categories and interests.

Lastly, this exercise is a reflection on how the news, we consume daily, is being compressed more and more as news sources fight for our attention. Where news on social media; a post consisting of a single image and sentence, has to be enough for us to want to learn more and click into their website in order to read the actual full article.

Our attention becomes their most valuable asset.