317_F17

Web Media I

November 17 – Work Day

Homework

  • Prepare for pitches on Monday. Presentations should be between 10-15min.

November 15 – Work Day

  • Review Questions: Assets. Additional markup can be added. Style transcript itself differently from the header. Style the speaker indicator differently from what the speaker says. Bonus points if you differentiate speakers.
  • Q & A
  • Prepare for Exercise: Pitch/Presentation and Exercise: Pitch Deck

Homework

  • Work on materials for Pitch on Monday, November 20.

November 13 – Planning and Prototyping

  • Review Questions
  • Q & A
  • Project Planning
    • Project Goals: Define the project goals in your own words. Consider how you want the audience to feel as a result of visiting and iteracting with the site. Words we generated in class were: patriotic, safe, transitioning, complex identities, informative but not formal, friendly, bright, welcoming, community, open, inclusive, family and storytelling. What is the site’s value proposition?
    • Audience Needs: Who is our audience? What biases or assumptions might they come to the project with? Review the notes from our perception exercise to help. What are holes in their knowledge that the project can overcome? Why would an audience member go to the website rather than a podcast application? Do you need additional information or elements to address the needs?
    • How do you encourage an audience member to explore more than one episode once they are on the site?

Homework

  • Continue working on the Voices of Oswego Veterans project

November 10 – Brainstorming

Homework

  • Work on group assigned tasks related to design and organization of the website. Good exercises include mood boards, wireframes, sketches, module mockups, etc.

November 8 – Empathy

Homework

November 6 – Competitive Analysis

  • Review Questions
  • Q & A
  • Form teams for Voices of Oswego Veterans project

Homework

November 3 – Reflection

  • Review Questions
  • Promotional Website Show and Tell with feedback on printed promotion
  • Feedback on Project Documentation
  • Voices of Oswego Veterans Kickoff: Perceptions, Hopes and Fears

Homework

  • Revisions to Project Documentations
  • Read Voices of Oswego content (note must be logged into Google Drive with Laker ID to access

November 1 – Advisement

Homework

  • Process Books: Final drafts submitted as PDFS on Google Drive by 11:59pm tonight (11/1)
  • Print Promotion: Bring final physical prototypes to class on Friday (11/3); photographs and design files submitted on Google drive prior to the start of class.
  • Website Documentation: Bring a printed version to class on Friday 11/3. You will have the opportunity for feedback. Final PDF versions are due on Google Drive prior to the start of class on 11/6.

October 30 – Documentation

October 27 – Print Promos

  • Finish Promotional Website for Monday at 11:59pm. Entire project folder and shortcut to the live website need to be submitted on Google Drive before the deadline.
  • Complete process book and Print Promo for Wednesday

October 25 – Audience

October 23: Review

  • Review Questions
  • Q & A
  • Work time

Homework

  • Prepare for in-progress critique in class on Wednesday.

Reminder: Finished site is due on Monday, October 30. Process book is due on Wednesday, November 1.

October 20: CSS Grid

Homework

  • Turn in UI Prototype (and any revisions) exercise on Google Drive and Lisa French and you User Test Script no later than the end of class on Monday.
  • Complete HTML and mobile typography and layout in the CSS for your Promotional Website project.

October 18 – Images

Rebecca will be late to class. The first part of the class period should be used to revise UI Prototypes, edit User Testing scripts, work on your process books and/or to start the HTML of your promotional website.

Homework

October 16 – User Testing

Homework

October 13 – Work Day

  • Surprise! No review questions today, just time to put your head down to focus and work. Happy Friday.
  • Complete UI Prototype Exercise.
  • Read chapter 9 in Don’t Make Me Think

October 11: Prototyping

Homework

October 9: UI Prep

  • Review Questions
  • Q & A
  • User Interfaces
  • Moodboards

Homework

  • Revise Moodboard
  • Read Stealing Your Way to Original Designs
  • Read Chapter 8 in Better Web Type
  • Exercise: UI Prep. Explore UI-Patterns and identify 1 that you will need for your promotional website. In a text document place a screenshot of the UI pattern and explain why using such a pattern is a good choice for your website. In the same document identify the typefaces you will use for body and display copy. Include a small type specimen of each typeface you plan to use (the alphabet and some punctuation is fine). Explain why you have chosen the typefaces you have. Bring a printed copy of this document to class and save a digital copy as a PDF to drive.

October 6: Moodboards

  • Monica Haller Visit
  • Review Questions
  • Q & A
  • Work Time

Homework

  • Read chapters 5-7 in Don’t Make Me Think
  • Complete Moodboard and Audience Exercises
  • Revise content and branding as needed

October 4: Audience

  • Review Questions
  • Q & A
  • Audience: Perception, Bias, Empathy, Research
  • Empathy Map

Homework

October 2: Strategy

  • Review Questions
  • Q & A
  • Brand Pitches
  • Strategic Design

Homework

  • Exercise: Goals
  • Revise Branding
  • Read Chapters 1-3 in Don’t Make Me Think by Steve Krug

September 29: Branding

Homework

September 27: Field Trip

  • Review Questions
  • Q & A
  • Experience Design: Visit Tyler Art Gallery

homework

September 25: FTP

  • Review Questions
  • Q & A
  • FTP
  • Device Testing

Homework

  • Typography Exercise: Make Site Live – This is an opportunity to make onelast round of revisions. Submit your final project files and web shortcut for live website.

September 20: Troubleshooting

  • Review Questions
  • Q & A
  • Troubleshooting: Brackets, CSS-Tricks, Developer Tools

Homework

September 18: Responsive Design

Homework

September 15: Typographic Details

  • Review Questions
  • Q&A
  • Typographic Cheatsheet: HTML Character Codes, Appropriate Punctuation
  • CSS Pseudo Selectors: :link, :hover, :focus, :active, :visited
  • CSS Properties: text-decoration, list-style, font-feature-settings
  • Hierarchy through contrast

Homework

September 13: Intro to CSS

  • Review Questions
  • Q&A
  • Feedback on work submitted so far
  • Submitting Assignments – File Organization
  • Intro to CSS: Selector, Declaration, Property, Property Value
  • CSS Box Model: box-sizing, border, padding, margin, width, max-width
  • CSS Properties: color, font-family, , font-size, font-style, font-weight, letter-spacing, line-height, text-align, text-indent, text-transform

Homework

September 11: HTML

  • Review Questions
  • Q&A
  • Intro to HTML: <html>, <body>, <head>, <title>, <meta>, <header>, <footer>, <main>, <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <li>, <article>, <div>, <meta>
  • Turn in files on Lisa French and Google Drive

Homework

  • HTML Markup for Typography Exercise: Mobile
  • Read chapters 10–12 in Better Web Type for Friday

September 8: Critique

  • Work time
  • Critique on Readability Exercise

Homework

September 6: Readability

Homework

September 1: Copyright

Homework

August 30: What Are Fonts?

Homework

August 28: What is typography?

Homework