Posts Tagged ‘ Class notes ’

Class notes F15 – Weeks 1 & 2

Some things to remember from the first 2 classes:

  • evolution of how we think about design: from human factors approaches to improving interfaces to user-centered system design and further on to reflecting on the impact of our design on people and society as well as stimulating reflection on their part: “…as technology designers it can be both exhilarating and unnerving to see how the design decisions we make, consciously or unconsciously, shape the micro-texture of people’s everyday experiences.” (from Reflective Design). Remember the 3 “camps” we talked about: UCD-ACD-GDD-UX vs. critical/reflective vs. human factors and their distinguishing features.
  • the concept of affordance
  • in UCSD, user error = poor design (Norman doors)
  • I also showed you some fun infographics about the various skills and disciplines involved in UX work. Here is my collection on Pinterest. Look at them a bit closer, and think about where you are and where you would want to be.
  • I invite you to think about which of the values and design philosophies we discussed appeals to you and aligns with your personal values and ethics.
  • some important names/authors: Don Norman (UCSD, ACD), Alan Cooper (GDD), Karen Holtzblatt (contextual design)

What are the most important 1-3 ideas you took away from class?

2015
09/02
CATEGORY
Class notes
TAGS





1 comment

Class notes F14 – Usability metrics

This week we started the 5th and last module of the course, Evaluation. As a reminder, the modules are:

  1. Foundations
  2. User research
  3. Conceptual design
  4. Implementation
  5. Evaluation

We clarified the basics of why and when to conduct usability testing. Then I explained more detailed usability metrics and procedures, based on the the book Measuring the User Experience. I also introduced to you Website Experience Analysis. Slides are below.

I’d like to emphasize that it is very important to review class readings and notes, and to do a bit more secondary research as you work on your projects. You do need to read more about usability testing (metrics, procedures) before you conduct your own research. Otherwise, we will again see basic mistakes that could have been very easily avoided.

We then practiced a very quick and dirty usability test and looked at BlueJeans for next week’s class.

Next time we meet, we will look at what to do with the different data we collect from a usability test  – how to analyze and present it.

2014
11/06
CATEGORY
Uncategorized
TAGS



Leave a comment

Class notes F14 – week 9: Conceptual Design – execution & evaluation

Core interaction design concepts: controls and menus. Remember the 4 types of controls: Imperative, Selection, Entry and Display. Remember that they’re implemented differently on various platforms. Although the grammar is similar, the actual languages are different.

See, for example, the guidelines for iOS, Android and Windows 8.

Slides used in class are below.

Remember the streamlined cognitive walkthrough as one rapid method for early in-house evaluation.

If you have further questions that were not answered in class, please ask them in the comments below.

2014
10/23
CATEGORY
Class notes
TAGS


1 comment

Conceptual Design

Please look at the slides below. They take class conversation one step further, and show how you present the ideas you create using sketches, storyboards, wireframes, mockups and prototypes.

Please work on understanding the definitions and differences among:

  • sketches – hand drawn, quick, rough, low-fidelity
  • storyboards – series of sketches showing the user’s progression through interaction with a product
  • wireframes – computer drawn, pixel-perfect in terms of size; they show layout and functionality; medium-fidelity
  • mockups – computer drawn, pixel-perfect models of what the screen will look like. They include the visual design layer: color schemes, detailed icons, buttons, and typography; high-fidelity
  • prototypes – are interactive. They can be made out of sketches, wireframes or mockups. Or, they can be rough live codes of the product you envision. They vary in fidelity.

Read this article about wireframes and their importance, then look at the slide decks below that illustrate these definitions and differences.

There are many tools out there for wireframing and prototyping. In this class we will use Balsamiq and Axure, but I encourage you to try others as well – see a review of several tools from Cooper.com (yes, THAT Cooper). You might also want to bookmark this collection of wireframing resources I created a while back.

When you’re done, head back to Canvas and read the scholarly articles about how to evaluate the products of conceptual design.

2014
10/16
CATEGORY
Class notes
Readings
TAGS




Leave a comment

Class notes F14 – Week 7: User research: analyzing data and reporting results

Affinity diagramming – what is it, how do you do it? and… how do you move from stickies grouped on white boards to…

Personas – what are they, why would you want to use them instead of a report with graphs and charts?

What are the do’s and don’ts about affinity diagramming and personas that you learned from readings and class experience? Please add your takeaways to the comments below.

2014
10/11
CATEGORY
Class notes
TAGS


3 comments

Class notes F14 – Week 6 – User research 1: Planning and Conducting

We began class with an overview of the user-centered review process.

UX process

We identified the specific activities taken in 2 of the articles we read and mapped them onto the steps of the UCD process.

We spent the rest of the class working on an exercise to create a plan for user research for a system that would improve the UX in the PMU food court. Some of the main take-aways about user research are below:

  1. Appropriate research goals: to understand users, their goals, needs, mental models, and current experiences.
  2. Inappropriate research goals: to figure out what users want, or to treat them as designers. Unless you’re doing participatory design, this research goal is not very useful. Remember: users are not designers.
  3. Observation is queen. Whenever possible, conduct some sort of observation – ideally coupled with interviewing, as in contextual inquiry.
  4. We usually aim for in-depth understanding – qualitative data from a limited number of people rather that shallow information from large numbers of people.

We briefly discussed the various methods used to conduct user research: contextual inquiry, ethnographic interviewing, diary studies. See an informative slide deck about diary studies below:

One method that you can use to gain an in-depth understanding of users is task analysis. We did not discuss it in detail in class, but please do read about it and ask questions in the comments below.

Finally, remember to let me know if these class notes are useful to you, and to indicate in some way, by rating, commenting, etc. that you have read this post.

2014
10/02
CATEGORY
Class notes
Further reading
TAGS




3 comments

Class notes F14 – Week 5: Fundamental principles part III

We discussed the 3 levels we can design for in order to engage users emotionally:

  • visceral
  • behavioral
  • reflective

… and some strategies for designing at each level.

We discussed a bit about the controversy of “designing by committee” vs. the “genius designer.”

 

2014
10/02
CATEGORY
Class notes
TAGS
Leave a comment

Class notes F14 – Week 4: Fundamental principles part 2 of 3

We moved from visual perception and attention to issues related to cognition – specifically, memory and learning.

It should be clear by now that largely, what makes an interface intuitive is its ease of learning. The following concepts are important when it comes to ease of learning:

Here’s Don Norman explaining affordances in less than 2 minutes:

All these things we know about visual perception and cognition are at the root of most guidelines for usable interface design. One of the most famous set of guidelines is Nielsen’s 10 heuristics, which we worked with in class. These heuristics can be used to inspect interfaces in a method called heuristic evaluation, which you will read about for next class.

Please remember to let me know that you read this post by interacting with it somehow. This, as well as participation on the FB group, are requirements for class participation.

2014
09/19
CATEGORY
Class notes
TAGS







1 comment

Class notes F’14: Week 3 – Fundamental principles part 1 of 3

The first series of design principles were derived from what we know about visual perception and visual attention. They pertained to the Gestalt principles of visual perception, Visual structure & hierarchy, and a bit of Writing for the screen. The slides I used are on Canvas.

I’d also like you to know about:

In class, I mentioned resources such as:

Please look them up.

Not required, but for fun – look at some visual illusions. They really point out the role of the mind in visual perception. Here’s a freaky one I like.

Do remember that online participation on Facebook and here are required parts of the course. Please comment, Like, or somehow interact with this post to let me know you saw it. In the comments, you could let me know if such class notes are useful or not, or how I could make them more useful to you. Of course, questions about the material that I did not get a chance to answer in class should also go in the comments below.

2014
09/11
CATEGORY
Class notes
Further reading
TAGS



Leave a comment

Fall 2014 Class notes: Types of Design

We began class by furthering our exploration of “natural” and “intuitive” interaction with computers. We played around with the idea of tangible design, informed by the belief that using our bodies is natural and intuitive. The argument comes from Paul Dourish’s book Where the Action Is. See also the tangible interfaces lab at MIT.

Quick recap of the very big main points about the design process to take away from week 2:

  1. There are many types and approaches to design. UCD is not alone. The main differences among them are in philosophy (the central goal) and some of the methods and procedures. For example, the central goal of critical design is to raise awareness, to help people reflect upon and question the status quo. The central goal of GDD is to design for the users’ larger aspirations, whereas ACD focuses on structuring tools to facilitate an activity. Be sure to remember and be able to differentiate among UCD, GDD, ACD, participatory design and critical design. Interested in the theory behind critical design? Read up on critical theory – here’s a very quick introduction. Or, you might be interested in Norman’s controversial piece against human-centered design and in support of ACD. It’s a bit inflammatory, he has some clarifications to it, and overall, it does make sense, IMO.
    .
  2. UCD is an approach and a process. It is a philosophy, a value system about how we approach design, but also a  specific set of steps, procedures, methods, and principles. The major steps of UCD are: user research, conceptual design, implementation, and evaluation.

If you have further questions about the things we discussed in class tonight, please ask them in the comments below.

2014
09/03
CATEGORY
Class notes
Further reading
TAGS





Leave a comment