Week 14

Announcements / Classwork / Homework

Apparently, my group email did not go through over the weekend after last week. I have to say, I am tired of the email system.

Tonight:

  • Final Critique of Individual Projects: if you have work you need to have critiqued, we will go ahead and go over it.
  • Discuss Overall Presentation: new rubric
  • If you are already ready to go, we will vote to see if people are okay with people going early.
  • Be sure to submit all of your finished files in a zip file when you present your work. I set up a Media Fire folder, see if you can add files there.

 

Wrapping things up:

Presenting Your Work: this is a Meta Moment about having all of your materials ready for future opportunities…

 

Week 13

Classwork / Homework

Homework due this week:

  • Finish screens for full size or phone, whatever you are concentrating on for the pitch
  • Start working on final clickable prototypes, gather materials

Classwork:

I just wanted to meet with you in small groups so we could all check in.

For those of you thinking of making a video:

How To Make an Awesome Video

Homework:

Rough drafts of presentations for small group crit.

FYI: The rubric I have worked out so far–I decided to keep it very general.

 

Week Twelve

Classwork / Homework

Homework due this week:

Prepare your page in the class presentation of work for the student show. I need your materials by this weekend.

Refine the Design

Step out one major transaction of your site with sketches of interior pages

Classwork:

  • Quick small group critique of interior page(s)

Presentations:

Here are some videos you need to watch:

Here are some things to think about:

Designers are increasingly being seen as part of the strategy team. When I started in the industry, we were held off in the background, brought in at the end to make whatever had been decided upon pretty. This usually resulted in a lot of lipstick on pigs: the sites were poorly structured and terribly conceived from a usability standpoint. Now, we get to help at every stage, and this is a very good thing for you if you are willing to be articulate and proactive. You can rise much faster in a company structure than before. Of course, we will talk about priorities and such because not everyone is gunning for a corner office. Success is defined many, many different ways.

When you present your idea, you will need to have the following details covered:

  1. Your elevator pitch: the one sentence wrap up of what your idea/site/product can do and for whom. I always start with this, just to make sure everyone knows where we are going
  2. Your conclusion from your competitive analysis: remember the initial research you did? Have some key examples ready to back up your claims. Show why your idea will solve a problem better than what is out there, prove it.
  3. Illustrate your knowledge of the target audience: tell a little bit about what you know about who you are trying to serve. Show respect and compassion.
  4. Walk through your sketches, being sure to highlight features or moments where you really serve the audience/user group well. You can talk about any surprises or challenges you encountered here.
  5. Wrap up: tell us how your solution solves the issue at hand. Once again, remind us of the elevator pitch and tie the whole presentation up as a lovely, resolved narrative.

Homework:

  • Finish screens for full size or phone, whatever you are concentrating on for the pitch
  • Start working on final clickable prototypes, gather materials

Vote:

Would you rather do an in-person presentation or a Kickstarter-like video for your final presentation?

Week Eleven

Classwork / Homework

Homework

Full crit of initial sketches: have your homepage worked out. We will time this, fear not!

Classwork:

Design from IA

  • Home and/or landing pages
  • Visual systems and consistency
  • Style Guide samples:  1  |  2  |  3

Prepare your group’s page and your individual projects for the student show. 

  • Last year’s show
  • Send me materials in a neatly zipped folder. Make sure I have actual files, not just links.

Homework:

Prepare your page in the class presentation of work for the student show. I need your materials by this weekend.

Refine the Design

Step out one major transaction of your site with sketches of interior pages

Week Ten

Classwork / Homework

Homework this week

Begin the design phase! Develop a style guide for your site and idea: fonts, colors, icons and other choices are essential. Start laying out your site/app and be ready for a discussion of the initial screens next week.

Classwork

Discussion of design choices

Design from IA

  • Home and/or landing pages: Land-book
  • Visual systems and consistency
    • Typeface choices
    • Type proportions
    • Base unit for grid/layout
    • Color scheme
    • General aesthetic tone

 

Lab time:

Be prepared to create a rapid paper prototype tonight, starting in class and finishing on your own. That means usability testing!

Homework

Full crit of initial sketches: have your homepage worked out

Week Nine

Classwork / Homework

Homework

Work out IA

  • Sitemap of entire site
  • Wireframes to the site, at least 5-6 pages.
  • Content inventory fro your site: if you do not have the content, what do you need and how will you get it? Write this up, it will eventually end up in your final presentation.

Classwork

Critique/Discussion of sitemaps and wireframes

UI Begins to Take Shape

  • Global, local, and contextual navigation
  • When bad UI becomes convention  1  |  2  |  3  |  Dark Patterns
    • Carousels and other regrets
    • Developing criticality
    • Dealing with clients who like bad UI

Homework

Begin the design phase! Develop a style guide for your site and idea: fonts, colors, icons and other choices are essential. Start laying out your site/app and be ready for a discussion of the initial screens next week. We will probably have a visitor: Prof. Wong needs to observe me.

Be prepared to create a rapid paper prototype next week, starting in class and finishing on your own. That means usability testing!

Week Eight

Classwork / Homework

Homework due this week:

Do some research and develop a rough persona for your site. Use this template as your inspiration for your persona document, it is pretty helpful.

Classwork:

Quick crit of Personas–I’ll print them out for us to look them over all at once.

Guiding Your User: Work out Objectives

  • Stakeholder interviews: Here is a great checklist for formulating good questions.
  • Competitive analysis: screenshots, metrics
  • Content inventory: going over what you need to find, create, edit, or jettison
  • Business objectives
  • Journey Maps and other documents
  • Business Requirements vs. Functional Requirements:
    • Business requirements are high level requirements that management and a board of directors would typically understand, as follows: “We need to establish an online customer portal.” and “The portal should list our products.”Functional requirements on the other hand are very detailed and outline exactly what needs to be delivered and would typically be read by business analysts, developers, project manager and testers: “The system shall be able to register a product using the following fields: Name (20 characters long), Details (2000 characters long), Price (currency), Category (pick list).” and “The system shall support that up to 5 pictures can be listed per product.”So it means that a business requirement (“The portal should list our products”) will be broken in to one or more detailed functional requirements as shown above. In addition you would have a section with user stories that details the different uses of the system step-by-step e.g.
  • SEO

Time to talk about SEO for your site:

It may seem like it is early to talk about it, but you need to be preparing this. We will be trying to add complexity and depth to the research you are doing for your site now that you have the basic steps down pat

Small Group

  • Develop Objectives

Homework

Work out IA

  • Sitemap of entire site
  • Wireframes to the site, at least 5-6 pages.
  • Content inventory fro your site: if you do not have the content, what do you need and how will you get it? Write this up, it will eventually end up in your final presentation.