May 9 – Final Critique

Class Topics

  • Critique at 11:30
  • Short Daily UI reflection (Submmit as a Google Doc on drive). What did you learn by doing this assignment all semester? What was your best UI? Why? Was there something different about the process or the content for that particular challenge? Be as specific as possible.

Deadlines

  • Final project due on May 16 at the final (8am). Be prepared to present your work formally at the final. Presentations should be 7-8min.
  • Daily UI blog should be complete and up to date by Monday, May 13 at 8am
  • Any missing back work is also due by Monday, May 13 at 8am

May 9 – Final Critique

Class Topics

Timeline Reminders

  • Monday, May 13 at noon: Final website (must be live) and copyright documentation
  • Thursday, May 16 at 8am: Final Presentations (Dragontown Town Board will be present) and Portfolio Documentation Due
  • Thursday, May 16 at 11:59PM: Process books (individual), timesheet, and team survey due.

May 14-15 One-on-one Meetings

Tuesday, May 14

  • 1:30 Cassidie
  • 2:00 Samantha R
  • 2:15 Ceseley
  • 2:30 Alex
  • 2:45 Carly
  • 3:00 Ally
  • 3:15 Break
  • 3:30 Frank
  • 3:45 Matt
  • 4:00 Ian
  • 4:15 Bharati
  • 4:30 Sam F

Wednesday, May 15

  • 2:00 Marina
  • 2:15 Dalton
  • 2:30 Stephanie
  • 2:45 Jasmine
  • 3:00 Dominique
  • 3:15 Kim
  • 3:30 Break
  • 3:45 Alyssa
  • 4:00 Hannah

May 8 – Interview Prep

Class Topics

  • Final presentations
  • Prepare for interviews:
    • Set up Skype account if scheduled for a remote interview and practice using, sharing screen, and using the chat window. Do a sound check. Set up a professional looking background.
    • Email your interviewer (TODAY, Wednesday, May 8) to confirm date (Monday, May 13) and time of interview. In that email introduce yourself, your professional goals (what kind of job you are looking for), share the URL to your online portfolio and/or attach your PDF portfolio, share your Skype username (if doing a remote interview), and attach your resume. You are required to CC me on any correspondence with your interviewer.
    • Dress professionally for you interview.
    • If interviewing in person, remember to bring something to show that is physical.

Final Requirements

  • May 13 at 2PM: Performance Review submitted via Google Drive and printed version submitted in my mailbox outside of 32 Lanigan.
  • May 13 at Scheduled Time: Practice Interview with Alumni
  • May 14 or May 15: Final one-on-one meeting with Rebecca in 32 Lanigan.
  • May 14: Email a thank you note to your interviewer (and cc me to receive credit). This must be done prior to your one-on-one meeting with me.

May 7 – Critique

Class Topics

  • Critique: Odds (group 1 and group 3) & Evens (group 2 and group 4)
  • Portfolio Documentation:
    • 1 Poster per team (18×24 portrait with at least 1″ margins, no bleeds)
    • Description of problem the product is attempting to address
    • The audience of the product (be very specific–mini personas could be useful here)
    • Title of the product
    • Description of the product, its intent and how it addresses the problem and needs/wants of the users. Also include information on what the product proof of concept includes and why you worked out these key user flows.
    • Screenshots of key screens and user flows mocked up on devices (use professional mockup files for this and use developer tools to take a screenshot)
    • List of all members of the design team
    • Provide key takeaways for a viewer of the poster
    • Include QR code and link to live site.

Timeline Reminders

  • Thursday, May 9 at the start of class: Critique of coded large screen design
  • Monday, May 13 at noon: Final website (must be live) and copyright documentation
  • Thursday, May 16 at 8am: Final Presentations (Dragontown Town Board will be present) and Portfolio Documentation Due
  • Thursday, May 16 at 11:59PM: Process books (individual), timesheet, and team survey due.

May 1 – Wrapping Up

Class Topics

Deadlines

  • Presentation (May 6 and 8): Plan on making a 7–8min professionally designed presentation (submit at PDF) highlighting the new work and revisions you made as part of 414 (the work you share cannot be work that you are getting credit for in another course). Showing your process book is not appropriate.
    • New work should include an overview of the design problem and intended audience. Show your process. Show ideation, prototypes, iteration, color studies, etc. Highlight key decisions you made and why you made them. Be sure to connect you decision-making back to the design problem and your intended audience. Your slides should be the visual support for the story you are telling. Most slides will not need more than a heading and image(s).
    • Revised work should include a before and after image. Please make sure you indicate what the brief is (it is ok if you revised it for the purposes of your portfolio). Point out the changes you made and explain why you made those changes.
  • Design Notebook of Project Revisions/New Work (Due May 6, submit PDF and packaged InDesign files). Details of what to include are in the class syllabus.
  • Performance Review (Due May 13 at 2pm, drop off a printed copy in Rebecca’s mailbox and submit PDF on Google Drive).
  • Practice Interview (May 13 and May 14). Sign-ups will be on May 6.
  • Debrief Meeting with Rebecca (sign up for a date/time during finals week after your interview)

April 30 – Development

Class Topics

  • Strategic Coding
    • Develop a pattern library/reusable modules. What is the list of modules that you need? Start with typography (headings, subheads, paragraphs, text links, etc.)
    • Collaborative Coding: Use class time to code, iterate so that you have older versions of code to go back to.
      • Github: Version control and project management. Free.
      • Multihack: Web collaborative coding environment, extension for Brackets has more features available (in Brackets go to File > Extension Manager > Search for Multihack > then click install). Code simulataneously in real time. Make a new copy of the code folder every time you start a collaborative session just to make sure you have a good backup. Free.
      • Codeshare: Web collaborative coding environment. Has good formatting. Need to back up files. Free.
      • Codepen: Online development environment. Has ability to build multiple page prototypes that are coded and live on the web (even with free account). Can collaboratively code on higher end accounts. Can make “forks” on individual files for version control.

Timeline Reminders

  • Tuesday, May 7 at the start of class: Critique of coded mobile design
  • Thursday, May 9 at the start of class: Critique of coded large screen design
  • Monday, May 13 at noon: Final website (must be live) and copyright documentation
  • Thursday, May 16 at 8am: Final Presentations (Dragontown Town Board will be present) and Portfolio Documentation Due
  • Thursday, May 16 at 11:59PM: Process books (individual), timesheet, and team survey due.

April 29 – Critique

Class Topics

Due to the length of our workshop last class, there is an extensive number of students in need of critique today. To facilitate timely feedback for all we will spend the first hour of class in our individual creative groups. Please divide up the hour evenly between your group members (use a timer).

  • Creative Groups: 1 hour of critique (2pm – 3pm)
  • 5 Minute consultations/critique with Rebecca for those who had signed up for critique with her last Wednesday or today (3pm – 5pm)

Homework (Due May 1)

  • Professional Package (updated files and prints) and accompanying design notebook
  • Portfolio (web and PDF)
  • Applying for a job evidence
  • Professional development

April 25: Testing

Class Topics

  • Designing useful user tests
    • Don’t lead the witness.
    • You are testing the product not the tester.
    • Use open-ended questions.
    • Ask the user to share their thought process out loud.
  • Designing useful proofs of concept
    • Consider the essence of the product or service.
    • Consider key user flows.
    • Build less by being strategic.
    • Consider accessibility from the beginning.
  • Website Case Study: Adobe Creative Types Quiz, background information on the quiz available in “We all have a creative type” by Carolyn Gregoire in Adobe Create Magazine.

April 16 – Prototyping

Class Topics

  • UI Challenge
  • Finish feedback/site evaluations. Print and have Rebecca review. Revise as necessary. These need to be handed back to 317 students today.
  • Work on thumbnails and prototypes

Homework

  • Work on building paper prototypes that you can test in class.

April 16 – Planning

Class Topics

  • Work on Pitches
  • Planning
    • 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)
    • 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)
    • Layouts and userflows: thumbnails and paper prototypes (Google Rapid Prototyping, Low Fidelity Prototype Testing of EE App, Paper Prototyping Techniques). Start with thumbnails to generate lots of ideas and then prototype when you think you have settled on a couple of ideas worth exploring more deeply. Prototype critique/testing is next Wednesday, April 25.

Homework

  • Prepare for pitches. Dress the part. Practice. Bring presentation in more than one format including on a USB drive in case the internet decides it is nto going to work. Consider bringing printed materials if relevant. Presentations will start at 11am. You will have from 9:35-11am to rehearse, prepare and get set up.

April 11 – Research

Class Topics

  • Team Communication: Shared Drive and Slack Channel
  • Establishing Group Roles: Project Manager, Lead Visual Designer, Lead Developer
  • Brainstorm: Ways a website can address the problem your team identified in Dragontown. You need to run five different ideas (not variations of the same idea) by your Creative Director today in class.
  • Audience: Who is the primary audience for each proposal? Why? Who are the secondary audiences? Why?
  • Research: Personas and Competitive/Peer Analysis
  • Goals: Client Goals and Audience Goals

Homework

  • Complete all research and goal setting in preparation for pitch development in class on Tuesday. Start thumbnails and moodboards.

April 9 – Presentations

Class Topics

Homework

  • Brainstorm ways a website could address the issue your team identified in class today. Come up with as many ideas as possible.
  • Review assignment sheet and write one page discussing what you need to do to make you and your team successful on this project. Remember that the assignment is worth a large percentage of your grade, so you need to plan for success.

March 25: Countdown Begins

Class Topics

  • 2pm Visiting Graphic Designer
  • 3pm CNY Compete Practice Presentation
  • Sign-up for critique times
  • What is a portfolio template? Includes: hierarchy, key repeating content blocks, consistent metadata, consistent formatting (including typesetting and whitespace), etc. Examples: The Lab, Adjacent, Pinckney Hugo, Mower, Digital Hyve.
  • 4pm work time

Homework

  • Work on portfolio templates. Plan to receive feedback no later than April 8.

March 11: LinkedIn

Class Topics

  • Using LinkedIn to network and find/apply for jobs.
  • Check in with Rebecca about work plan

Homework

  • Work on LinkedIn profile
  • Start sketches on portfolio layout (both web portfolio and PDF portfolio).

March 7: Work Day

Class Topics

  • UI Exercise
  • Work on poster layouts

Homework

  • Finalize Project 1 including portfolio documentation, process book and website. Be prepared to present your work on Tuesday!

March 6 – Demos

Class Topics

  • Silouette Demo @ 3 in 33
  • Photography Demo at 3:30 in 33
  • Discuss work plans

Homework

  • Work on items in your work plan. Add in a plan for designing the portfolio itself.

March 5: Documenting Work

Class Topics

  • Thinking in sketches: Making and using effective and useful thumbnails and wireframes
  • Critique on Project 1
  • Discussion of presenting work (both as a presentation and as a poster) and documenting work for your portfolio.
  • UI exercise (do at the end of class today)

March 5: Thinking in Sketches

Class Topics

  • Thinking in sketches: Making and using effective and useful thumbnails and wireframes
  • Open Type Features: ligatures, small caps, old-style figures, lining-figures, tabular figures, fractions, etc.
  • CSS Properties: font-variant-ligatures, font-variant-caps, font-variant-numeric, font-feature-settings, text-rendering (See Adobe’s Syntax for OpenType Features for more help)
  • Punctuation: spaces and dashes
  • Google Font Open Type feature resource (notice that this resource is not pefect and is not supported by Google)

Homework

  • Wrap up Exercise 4

February 28: Work Day

Class Topics

  • Focus on revising web version of the Print to Screen project based on feedback from critique. Ideally this should be finished or very close to finished by Tuesday. On Tuesday we are going to shift focus to Phase 5 including how to display, document and present your work.

February 26: Typographic Rhythm

Class Topics

  • Horizontal Rhythm: tracking, kerning, indentation (p+p selector), hanging punctuation)
  • Vertical Rhythm: Baseline grid
  • Checking browser support with caniuse.com
  • Check baseline grid with Chrome Add-on: Baseliner
  • Introduce Exercise 4

Homework

  • Work on sketches and wireframes for Exercise 4
  • Implement horizontal rhythm and baseline grid for mobile in Exercise 4.
  • Read chapters 7 and 8 in Better Web Type