Design Guidelines

Announcements

• Next Week – Finishing touches on functional prototypes & documentation
• 11/30/15 – Last regular class, final presentation dress rehearsals
• Final Exam – Thursday, 12/10 8:00-10:50
• A new prototyping tool – floid.io

Design Notebooks

Let’s take a few minutes to review some of your Design Notebooks.

Design Guidelines

Why do you need Design Guidelines?

Some examples of Design Guidelines:

• TCNJ Graphic Identity Standard Guidelines
• Tesla Motors Branding Guidelines
• Xfinity X1 Developer Guideline
• Google’s various product guidelines (pick one)

Exercise

Together with your team, review the example design guidelines listed above. Answer the following questions:

• What guideline elements are common across most of the design guidelines?
• Which guideline is most applicable as a template for your project?
• What elements are present in your project that need to be documented that are not present in any of the guidelines listed above?

Discussion

Let’s take a few minutes review your analysis of the example design guidelines.

Workshop

Together with your team, create an outline for your project’s design guidelines. Include:

• a title
• subheads for each guidance section (logo, typography, color palette, layout, device responsiveness, message size, copy style, etc)

Assignment

Projects

With your team, continue refining your project’s design guidelines.

• Fill out each section you created during class, including visuals where appropriate to demonstrate how to implement your design elements.

Design Notebook (Individually)

• Create a new slide in your Design Notebook and title it “Design Guidelines”
• Include a link to your team’s Design Guidelines document