October 21 – Research and Design

Class Topics

  • Midterm Grades
  • Planning & Designing
    • Content First: To meet the goals of the website and the needs/desires of the audience what content do you need? How long is that content? Is the content text? Are there images, video or sound? How will this content be organized? (Work on list of content and how it would be organized. Develop content once you know which project you will pursue)
    • Thumbnails
    • Paper Prototypes: (Google Rapid PrototypingLow Fidelity Prototype Testing of EE AppPaper Prototyping Techniques).
    • Check sketchbooks and weekly process updates
    • Visual Approach: Brand/Style Guide, Moodboards (this will be iterative and should be the start of a conversation about visual direction; these will need to be refined once you know what your content is)
  • Prepare for pitch:
    • Pitches should be 5 minutes long. Practice ahead of time.
    • Pitches will start at 9:30am/2:20pm. You must have your presentation materials ups and ready at that point. Make sure you show and not just tell.
    • Your pitch is a formal presentation with your client (the mayor and her assistant). Dress the part.
    • You should not show anything to the client that you have not run by the creative director
    • Remember to start with what the problem is and then explain how each web proposal will address that specific issue.

Homework

  • Continue to work on project
  • Continue to work on Web Design Foundations revisions
  • UI Sketchbook: Sketch 15 different solutions for one of the UI components (ex. a form, the navigation, an article list) you will be personally responsible to create for your group project. Note that different solutions means considering different ways to organize the content and different layouts. The focus should not be on aesthetics as much as composition, hierarchy, organization, and function. Use existing websites for inspiration (feel free to adapt and sketch based on your observations and remixes, just indicate where you got your ideas from). Sketches should all focus on the narrow/mobile screen. This will help your prototyping phase (Protip: draw to scale and in black and white so that you can easily switch them in and out of paper prototypes!)