Category Archives: Magazine Description

Grading Criteria

Following are the line items on my grade sheet for the project. Each item will receive a grade on a 4.0 scale. All items will then be averaged together and converted to a percentage grade.

– – – – – – –
PROCESS

Strategy:
Research, Competitors, Content and Naming Exercise

Process:
Inspiration, Sketching, Multiple Concepts to Arrive at Solutions

Architecture:
Use of Mapping and Wireframes to Understand Tablet Navigation

Usability Testing:
Completion, Revisions, Visualization of Findings

Fluid Design:
Rules and Alternate Layout for at least one page

– – – – – – –
DELIVERABLES

Illustrating Ideas:
Creation of Cover Images, Communication of Article Content

Cover Layout:
Consistent Masthead Design, Typographic Hierarchy on Covers

Overall Experience: 
Navigation, Typographic Standards, Organization and Grid

Page Layouts:
Met Required Pages, Use of Space, Flow of Content for Interactive

Final Presentation:
Layout, Design of Portfolio Spread, Completed All Elements

 

Outline of Final Presentation

Your final presentation will be presented and delivered to me digitally, in the form of a one multi-page PDF document. Each bulleted item below represents a separate page in your final presentation. Each page should be purposely designed, utilizing a common labeling system with information such as your name, project name and name of content on that board.  You may also provide any other files to demonstrate your interactive mockup, if applicable.

  • Strategy Board including  competitor research and naming exercise.
  • Inspiration and Sketches for your cover images (keep in mind that I did not require a certain number of thumbnails, but I will grade based on your efforts, so it is to your advantage to show all sketches). These can be scanned or photographed and placed in.
  • Covers for 2 issues, utilizing a common masthead, shown together on one page.
  • Infographic map of app architecture and wireframing.
  • Usability test results, presented visually.
  • Layouts within app, shown in multiple states on a tablet screen. You were required to produce at least a table of contents, two articles and other other type of content such as an infographic.  How you present these and communicate the interactivity is up to you. I recommend mocking them onto a dimensional image of a tablet screen and use photos of hands interacting with the app. You can do this using stock images of tablet and hand, or if you know someone with a tablet, load up flat JPGs and take pictures of actual hands interacting.
  • Page detailing your fluid design rules, and examples of an alternative layout in horizontal iPad format and one other device.
  • Utilizing selected content from the previous pages, design a concise one or two page presentation for possible use in your portfolio. This will require you to be selective in what you show, and creative use of layout to present elements of both print and tablet in one view.

Designing the Magazine Experience

Project Description

Mobile devices have revolutionized the publishing industry in many ways. They improve flexibility and  timeliness of content, reach a broader audience more quickly and allow users to interact with content in new ways.  In addition, recent economic times have revealed that clients are more willing to invest in permanent, sustainable interactive experiences than disposable print ones. This does not mean that print will going away. In reality, today’s designer needs to embrace both and constantly innovate ways to create consistent user experiences between the printed page and the screens of various digital devices.

In this project, you’ll concept your own magazine and create a fluid design for mobile devices. Your deliverables include not only layout design, but also other responsibilities of a designer during the many phases of the interactive design process. This includes competitive research, illustration of ideas through images, mapping out navigation of content, mocking up interactivity for digital devices and even testing your design on users. The outcome of this project is not a working app, rather we will discover ways to realistically mockup your designs to look good in print and digital portfolios.

Because designing a magazine is a huge task and our timeline for the project is very quick, you will design only a sampling of content screen views during this project. Still, in order to complete all the deliverables we will need to stick to a tight schedule and utilize all of our class time available.

LEARNING OBJECTIVES

Illustrating Ideas
Develop a set of cover images which communicate key themes of feature articles via either photography or illustration.

Layout and Information Hierarchy
Use advanced grid structures and effective hierarchy of information to organize large amounts of copy and content.

Designer as Secondary Author
Examine the role of designer as author by reorganizing content in an appropriate manner to prioritize the reader’s learnings.

Mapping Interactive Content
Create basic infographics that map out content connections and navigation in an interactive environment.

Developing Typographic Standards for the Screen
Choose typeface pairings and develop detailed typographic guidelines that increase readability and legibility in mobile environments.

Creating Interactive Mockups
Experiment with new features in InDesign CS6 to mockup interactivity in an app.

Fluid Design and Alternate Layouts
Use powerful new tools in InDesign to set fluid design rules between different screen orientations and sizes.

Interactive Usability Testing
Conduct user testing in order to receive feedback on app navigation and guide layout revisions.

Presenting Interactive Concepts in a Portfolio
Investigate creative ways of faking interactive mockups in order to show your app design in a portfolio.