More Related Content

More from Harvard Web Working Group(20)


Responsive design in the real world

  1. Responsive Design – What’s it about?
  2. The world is not a perfect place Formalized Process And Politics Old Content Sacred Cows Legacy CodeInformation Fidelity Confidential
  3. Getting Started: Think Different
  4. Fidelity Confidential Information
  5. Getting Started: Be Inclusive
  6. Getting Started: Get the Tools Fidelity Confidential Information
  7. Getting Started: Know the Ecosystem  Carriers  Devices  Software  Consumer Market
  8. Getting Started: Know your User
  9. Think Mobile Fidelity Confidential Information
  10. Analysis: Review Existing Work and ID Risks •Review the Pages •Understand code and content •Identify Risky Areas •Innovate
  11. Design: Print, Prioritize, Sketch •Print out the pages •Prioritize and minimize the content •Sketch possible solutions •Look for innovative treatments •Reuse existing patterns
  12. Fidelity Confidential Information
  13. Fidelity Confidential Information
  14. Fidelity Confidential Information
  15. Fidelity Confidential Information
  16. Develop: Work Collaboratively
  17. Build: Pair Program
  18. Deploy: Total Control over Pixels is Hard
  19. Things to ponder • We can't always start from scratch • Think strategically about who, what, when, and why • Seek to use (and reuse) a component based design • Work incredibly collaboratively • Think mobile first, but remember constraints • Introduce new thinking

Editor's Notes

  1. Cut it or keep itUse to minimizeSimplify and PrioritizePrint and highlightInvoke higher authorityNielsenUsage statsWhat tweaks your peepsDevicesUsersHigh level trends, see bibliography
  2. Interaction DesignTrain people to think through touchDon’t click, tapHighlight risk areasMouseoverPatterns to fix them, reuseWork collaborativelyWhiteboardKeep it simple and standardizedAgree on a set of patterns and behaviors