Design Principles, Session 3

Agenda

• Assignment review
  • You must complete all assignments to get credit for the class.
• Lecture/discussion
  • Contact forms versus email
  • Contact info as part of “about us” in IA
  • Thinking about the footer (that intersection of architecture and navigation)
  • Blogs have their own architecture and genre expectations
• Small group presentations

Handouts

• PPT
  • LowFi wireframes: Fast, cheap | Skeptics guide
  • HighFi wireframes: How to read a wireframe
• Personas
• Types of grids (Lynda)
• Universal design principles
• WhatIsMyBrowser (data browsers share with web servers)

Optional design discussion

• Compare “fake news” with real news for genre similarities
  • Is this real or fake? (What’s missing from this site?)
• Show Overdrive’s UX weakness RE bookmarkable URLs (SnoIsle broken UX, also demonstrates InVision)

Links

• Color picker (w3c)
• Font awesome
• Grid by example
• I ❤️ wireframes
• InVision (the SnoIsle walk-through)
• Readability: optimal line length
• Screen resolution statistics
• Screen sizes
• Three Visual Ways to Plan Your Website Architecture
• Ultimate website launch checklist
• Understanding pixel density
• Webflow (CMS and hosting company)
• WhoIs
• Wireframes and UX principles

Assignments

• Upload your PPT or PDF that you use with your peer presentation no later than end of class.