Archive | Resources RSS feed for this section

Spring’15 Final exam review – learning objectives

4 May

Here are the learning objectives that will be assessed in the final exam, along with the overall user-centered design process and its major steps.

At the end of each class, students will be able to…

Class 16 – Wireframing

  1. Differentiate between: sketch, wireframe, mockup, and prototype
  2. Explain the utility of each one
  3. Create sketches by hand and wireframes in Balsamiq

Class 17 – Navigation, Information Architecture

  1. Explain the 3 questions that navigation must answer at all times
  2. Apply the 3 questions to critique existing interfaces
  3. Define “Information Architecture” (IA)
  4. Recognize and create IAs using different organization logics (task-based, audience-based, topical, life-event, etc.)
  5. Solve IA problems using card sorting

Class 18 – Homepage design

  1. Explain the purposes a good homepage needs to fulfill
  2. Analyze homepages and evaluate how they fulfill these purposes

Class 19 – Writing for the Web; Excise

  1. Apply content strategy thinking to specific problems
  2. Apply principles for writing for the web
  3. Define excise
  4. Identify examples of excise and propose solutions for removing excise

Class 20 – Typography, color, branding

  1. Define “style tile” and “mood board” and explain the difference between the two
  2. Integrate color and typography insights into creating a style tile

Class 21 – Responsive; Cross-channel

  1. Explain the basics of what CSS is and what can be done with CSS.
  2. Define responsive design
  3. Explain the main things to take into consideration when designing responsive UX: layout (number of columns) content hierarchy, navigation; mobile first
  4. Sketch solutions for responsive design of a site

Class 22 – Accessibility; Interface controls

  1. Define accessibility and its importance for UX design
  2. Identify the 4 types of interface controls: selection, imperative, entry, display
  3. Define the concept of “interface language”
  4. Select and use controls correctly, respecting the conventions of the interface language they are working in

Class 23 – Usability evaluation- introduction

  1. List various methods for evaluating UX solutions
  2. Explain the difference between review/inspection methods and testing methods
  3. Explain the difference between formative and summative evaluation
  4. Define cognitive walkthrough and explain how it is conducted
  5. Explain the difference between cognitive walkthrough and heuristic evaluation
  6. Conduct cognitive walkthrough

Class 24 – Planning and conducting usability testing

  1. Define objectives for usability evaluation
  2. Plan a usability evaluation session (steps, procedures, measures to take)

Class 25 – Reporting the results of usability testing

  1. Identify a strategy for presenting usability results based on the audience for each report and the audience’s needs
  2. Decide what data to present and in what order to present it
  3. Create appropriate graphs and charts for representing the data
Advertisements

Final exam study guide

1 May

Please find below the learning objectives for the topics covered in the final exam.

UCD process – major steps

Heuristic evaluation

  1. Apply Nielsen’s 10 heuristics to critique interfaces.
  2. Conduct heuristic evaluation.

Wireframing

  1. Differentiate between: sketch, wireframe, mockup, and prototype
  2. Explain the utility of each one
  3. Create sketches by hand and wireframes in Balsamiq

Navigation, Information Architecture

  1. Explain the 3 questions that navigation must answer at all times
  2. Apply the 3 questions to critique existing interfaces
  3. Define “Information Architecture” (IA)
  4. Recognize and create IAs using different organization logics (task-based, audience-based, topica, life-event, etc.)
  5. Solve IA problems using card sorting

Homepage design

  1. Explain the purposes a good homepage needs to fulfill
  2. Analyze homepages and evaluate how they fulfill these purposes

Writing for the Web, Excise

  1. Apply principles for writing for the web
  2. Define excise
  3. Identify examples of excise and propose solutions for removing excise

Typography, branding, color

  1. Define “style tile” and “mood board” and explain the difference between the two
  2. Integrate color and typography insights into creating a style tile

Responsive Web Design

  1. Explain the basics of what CSS is and what can be done with CSS.
  2. Define responsive design
  3. Explain the main things to take into consideration when designing responsive UX: layout (number of columns) content hierarchy, navigation; mobile first
  4. Sketch solutions for responsive design of a site

Mobile UX

  1. Connect already learned material to Mobile UX
  2. Define important concepts related to Mobile UX, such as: Fitts’ Law, Chrome, Nav and Status bar
  3. Summarize Mobile UX guidelines
  4. Apply Mobile UX guidelines

Social UX

  1. Go through the UCD process in order to plan social UX

Cross-channel UX

  1. Define cross channel UX and distinguish it from multi-channel UX
  2. Define pervasive information architecture
  3. Explain principles (heuristics) for pervasive information architecture
  4. Apply the principles of pervasive information architecture to outline a cross channel user experience

Evaluation

  1. List various methods for evaluating UX solutions
  2. Explain the difference between review/inspection methods and testing methods
  3. Define cognitive walkthrough and explain how it is conducted
  4. Explain the difference between cognitive walkthrough and heuristic evaluation
  5. Conduct cognitive walkthrough

Usability testing – planning & conducting

  1. Define objectives for usability evaluation
  2. Plan a usability evaluation session (steps, procedures, measures to take)

Usability testing – reporting results

  1. Write the various sections of a usability report
  2. Create appropriate graphs and charts for representing usability reports

Affordance and the body

24 Jan

It is my pleasure to share with you these slides I created to illustrate the fact that:

the perception of affordance depends on the nature of the body.

Creatures with different bodies perceive different affordances. See below the difference in cats’ vs humans’ perceptions of affordances:

Personas, Scenarios, Use Cases, and Task Analysis

10 Jan

Persona – a composite profile of an imaginary person which represents one user group.

Scenarios – stories of personas using the site in their normal context to accomplish their goals.

Personas and Scenarios are covered in BGW 2.

Use Cases – detailed description of a typical task a user will try to accomplish. Includes the steps the user will take and the system’s response to each step.

Task Analysis – breakdown of what it takes to accomplish a task into sub-tasks and specific steps.

Use cases and Task Analysis are covered in BGW 4.

Interface History Resouces

12 Jan

My class lecture on interface history is largely based on this Ars Technica article.

There are wonderful resources out there that have captured the history of the GUI interface as it was happening.

Steve Jobs’ keynotes have become legendary. But here is a truly historic one, when he launched the Apple Macintosh in 1984:

The 1984 TV commercial for the Apple Macintosh has also become legendary:

What stands out to you from these videos? What ideas impressed you most? What ideas would you like to see implemented?