INF 362 Unit 2

Collaboration

RAT

iRAT

10 Minutes

iRAT

5 Minutes

iRAT

1 Minute

iRAT

tRAT

tRAT

15 Minutes

tRAT

10 Minutes

tRAT

5 Minutes

tRAT

1 Minute

How did you do?

Appeals Process

Mini Lecture

Clarification

Some things to note

You've encountered a stakeholder who isn’t interested in participating in the design studio.

What is a good way to convince them to join in anyway?

Write a question that will determine how a person will use this app.

(Where, when, what device)

Write a question that will determine how the app will be maintained after launch.

(where, who)

Write a question that will determine the audience for this app.

(who, why)

Write a question that can help you determine how to lay out the information on the site.

(flow, features, functionality)

Given the following statement, how would you best summarize this users requirements for their app?

I just got back from a long vacation in the Bahamas, I take one about every 4 months, I love it there. My husband and I are constantly on the move, we have lived in 6 places in the last 3 years. We’re both always so busy. I’d like to have more time to read my blog posts, but the apps that I’ve tried always seem to complex.

Interview Time!

Next Time on...

INF 362!

Design Studio

Readings for Next Class

• Sketching Techniques
• Some more tips on sketching
• REWATCH: The Design Studio Method
• Unbreakable Laws of User Interface Design
• Some Do's and Don'ts of usability
• Have a look at what you're up against. Foreclosure guide (PDF)

Assignments (Due 2/17)

• Devise a color scheme
• Create a draft style tile view a Demo of the Style Tile
• Create a draft project proposal
  • Define scope of project (what will it do, how will you do it, when will it be complete)
  • Include Style Tile w/ Color Scheme
  • Draft a "User Persona" for Design Studio next week.
    • Use last week's reading, and/or this one: How To Create User Personas for Your Website

Design Studio

Scope

• Design the interface for a web-based guide to the foreclosure process.
• Based off Empire Justice Center's PDF Guide
• The application will be hosted on the web, as a web site.
• Design how this site will look and feel.

Scope pt 2

• Sketch for Mobile sized screens, not desktops.
• This is not an install-able web app (App store etc), but that doesn't mean it can't look like one.
• While no idea should be considered "too crazy," it may not fit in the timeline you have to develop this project.

Collaborative design

Rounds have 3 phases

Sketch

Pitch

Critique

Then you iterate

Stealing encouraged

Round 2

Pair up teams of two, or three

Repeat

Then the entire team comes up with a design, and the other teams can critique.

Inspirational materials

BEGIN!

Unit 3 Preview

• Using GitHub for everything
• "Mobile First"
• Responsive everything
• SASS
• JavaScript fun

For Next Class

GitHub

1. Sign up for GitHub
2. Add username to the Team spreadsheet: http://bit.ly/inf362teams
3. Learn some features of GitHub (how to create a github account is here)
4. Get an overview of GitHub
5. Read - What is Open Source?
6. Sign the CCI License Agreement

Mobile First

• Mobile First
• Mobile First Presentation
• Viewport tags and how to use them.

Web Design

• Responsive Web Design
• Mobile First Responsive Web Design
• Read Chapter 1: Responsive Web Design
• PSD to HTML is Dead!

SASS

• Read Chapter 1: SASS for Web Designers
  • Don't bother with any .SASS stuff. We're sticking with .SCSS only

Due Next class

• Project Proposal is Due
• Install GitHub for Windows (or Mac)
• Create your first GitHub Repo
  • Based off HTML5 Boilerplate