Pop Sci Context

POPULAR SCIENCE Pre-Exisitng App

Bold loading screen.

Intro has information on navigation of app.

A couple of pages of control information are included on the into docuemnt. Seems like it isn’t that intuitive if this is needed...

More control/navigation information.

Top bar with some app controls.

Main content fades when menus are open.

Thumbnails document pages for easy navigation.

Magazine download menu in style of iOS menus.

Another menu showing bookmarked pages.

Certain elements of the page fade in when you load the main page.

Main image is video that stops in this posision as a static photo after spinning around.

Very bold title that is eye-catching.

Content page showing different sections and articles.

More content links with images from articles.

Main body copy is kept in tidy scrollable column. I think it should have more room on the page.

Interesting quotes are bold and ligned-up on the grid to scroll over the photographs.

The srollable column system for the body copy is kept thoughout the magazine. The user can double-tap to hide this content and reveal the photo on its own.

Top menu again.

Content it greyed out again.

A thumbnail page-browser to easily navigate through the magazine.

Simple info on the product shown, keeping it short and snappy to retain interest.

‘Ribbon’ system to connect the pages together.

As the user scrolls page into place the text and labels fit to the photograph.

Another bold title that grabs attention.

The photograph has an animation that shows what the article is about. Although it is very clunky and a very ‘gimicky’ idea.

Column is made apparent at bottom of screen.

Small caption to explain the animation.

The title fits well within the main illustrated image.

Column of body copy is again shown at bottom of first screen to show the user it is there, and the ‘ribbon’ also signifies that the user can scroll down for more content.

Another strong and almost full-screen image that represents the article, keeping the user engaged.

Column scrolls up of the screen, getting rid of the the title and taking up more vertical space. The image remains very prominent.