reflective design

reflections on teaching interaction design

Archive for the 'big concepts' Category


Metamorphosis

Posted by Marty Siegel on November 30, 2007

lw320_42_46.jpg

Erik Stolterman and I have been thinking about the issue of turning non-designers into designers (that would be you!). We see our students moving through three transitions:

(I) Pre-emergence
(II) Transitional
(III) Designerly Thinking

Characteristic of each of these transitions is a penetration of barriers. Rather than progression along a smooth continuum, students penetrate these (intellectual, practical, psychological and social) barriers in a step-like function.

I’d like to share these barriers with you and get your comments (David Royer and Sindhia Thirumaran contributed to the list as well). Perhaps you have additional barriers to suggest, or ones to eliminate or modify.

Barriers (numerals in parentheses indicate the transitional stage(s) where the barrier occurs)

  1. Design definitions. Naïve designers’ conception of HCI/d includes mostly graphic design and interface design; experienced designers also include interaction design, experience design, emotional design, and systems design. (I)
  2. Best solution. Naïve designers hold onto the belief that there is a best solution; experienced designers believe there exist many solutions and judged by critical criteria and presented through a design argument or explanation. (I)
  3. Technology-centered vs. human-centered. Naïve designers focus on the technology; experienced designers study human behavior, motivation and need. It’s very difficult to “let go” of gadgets and things; there’s an over-fascination with techno-fetishism among naïve designers. (I, II)
  4. Me and we. Naïve designers defend their own designs; experienced designers look to their team for inspiration and solutions. (I, II)
  5. User research. Naïve designers underplay the role of user research; they know what people want. Tools such as personas are resisted rather than embraced naturally in the design process. Experienced designers do not make assumptions about human desires and motivations; they study it instead. (I, II)
  6. IT domination. Naïve designers tend to overemphasize efficiency, effectiveness, scalability; experienced designers include experience and emotion. (II)
  7. Idea loyalty. Naïve designers hold onto a single idea; experienced designers engage in systematic exploration of multiple ideas. (II)
  8. Algorithm / design paradox. Naïve designers expect to memorize algorithmic solutions to problems; experienced designers learn to deal with ill-structured problems, seemingly paradoxical situations and design thinking. (II, III)
  9. Critique culture. Naïve designers worry about school grades; experienced designers welcome critique. (II, III)
  10. Notebook. Naïve designers sketch for a particular project; experienced designers sketch continuously, deriving inspiration from all contexts. (II, III)
  11. Role. Naïve designers are learning what they do and how to do it; experienced designers begin to defend the position of design in a multi-person development team made up of designers and non-designers. (II, III)
  12. Research and philosophy. Naïve designers find solutions in the HCI literature; experienced designers explore philosophical foundations of design as well. (III)
  13. Reflective designer. Naïve designers spend little to no time reflecting on how they are designing versus experienced designers who can look at themselves “out of body” as they design. (III)
  14. Omnipresence. Naïve designers see design embedded in objects; experienced designers see systems that affect designs and designs that affect systems. (III)
  15. External / internal. Naïve designers find external answers to design problems; experienced designers begin to look internally and introspectively for inspiration and resolution. (III)

Posted in big concepts, expectations, goals, processes, seven themes, thoughtful int. design | 23 Comments »

send in the clowns

Posted by Marty Siegel on September 17, 2007

On Thursday I framed the introduction of the “seven themes of good design” by talking about big concepts and telling about a personal academic experience:

Think of an extremely smart person you know, a person whom many would describe as brilliant. How would you describe this person’s understanding of their area of expertise, whether it be finance, art history, biology, or any other discipline? Typically, these people understand big concepts: they see their world as a handful of basic themes with lesser concepts being variations on these themes.

Most of us don’t organize the world this way. We  don’t see themes and variations, we only see variations, each one disconnected. Our heads are filled with independent facts and principles. But the very smart person reduces this wide array to a small set that helps him or her quickly grasp new situations.

In the mid-sixties, when I was an undergraduate at the University of Illinois, I took a course in physics. In those days, they didn’t offer “Physics for Poets.” There were only hard-core physics courses, taken mostly by engineering majors. But I wanted to know how the physical world worked, so I signed up. A good student, I attended all of the classes, took thorough notes, read the textbook, and completed all of the assigned exercises at the end of every chapter.

All went well until the first exam. I opened the test booklet and suddenly wondered if I was in the right course. “When did we learn how to solve these problems?” I wondered in bewilderment. I muddled through them, trying to remember the formulae I had memorized. Needless to say, I didn’t do very well in physics and redirected my interests elsewhere.

What happened? If I had had the courage to ask my instructor about the exam questions, the professor probably would have been puzzled by my confusion. We had different views of the subject. For me, physics was a vast collection of different problems, each with its particular formula. If a problem looked like example 3.7 in the text, I felt confident. Or if a problem matched well with formula 3.5.2, then the solution was forthcoming. But if a problem was new and different, I was lost. My professor, however, had no box in his head that contained this problem.

He understood physics in an entirely different way. For him, physics consisted of big ideas and central relationships like Force = mass x acceleration. Problems on the exam were not independent problems but variations on the big ideas. Nothing would have seemed unusual to the professor; each problem was a variation of something well known. But everything seemed unique to me, his naïve student!

So these themes — human-centered design, transparency, computer imagination, and so on — are the big ideas that help focus our attention on good design. The techniques that we learn along the way — persona development, goal-directed design — are simply tools for the designer; they facilitate the designer’s job.

But if you just focus on the tools (like focusing on single physics examples or forumlae), you will be memorizing single techniques. Useful, yes, but missing the point. Instead, allow your mind to be reflective and ask yourself what do all of these techniques mean. You can read many HCI books (my office and home are filled with them) and can easily become confused by the suggested techniques — trying to line them all up — looking for consistencies and inconsistencies among them. But the expert designer begins to ask what these techniques mean. Variations (don’t worry about the vagaries among the techniques or variations) lead to themes. Big concepts lead to big insights.

We saw in the Al Pacino film, Looking for Richard, an example of Shakespeare expoiting the strengths of the play with his masterful use of words, poetry, and meter. Pacino helps us understand how Shakespeare exploited the theater medium to evoke a deeper understanding of ourselves — our loves and fears, our hopes and disappointments. Shakespeare’s plays employed “theater imagination,” if you will.

Moreover, we may look within the context of Pacino’s film to understand something else about Shakespeare’s brilliance: the threaded connections of the iambic pentameter of the line, the stanza, the play, and ultimately ones life. In the film, Vanessa Redgrave eloquently spoke of this, illustrating theater imagination and big concept thinking all at once:

Shakespeare’s poetry and his iambics floated and descended through the pentameter of the soul. And it’s the soul, if we like, the spirit of real concrete people going through hell and sometmes moments of great achievement and joy. That is the pentameter you have to concentrate on. And should you find that reality, all the iambics will fall into place.

As a small exercise here, we can look at another medium — the song. And to illustrate “song imagination,” I’ve chosen Stephen Sondheim’s Send in the Clowns. In this first YouTube video, we hear Sondheim talk about his design of this song:

In the next clip, we see how he conducts a master class with a singer, coaching her in how the lyrics and music come together in this interpretation:

In this clip we see the original star of “A Little Night Music,” Glynis Johns, singing the song with Len Cariou. You hear the song performed in context:

Perhaps one of the greatest interpretations of the song, is Barbra Streisand. Notice her facial expressions matching so perfectly to the lyrics:

Finally, for a haunting interpretation of this song, listen to Sarah Vaughan’s masterful performance:

What is “song imagination” from the perspective of the designer-composer?
And, in the case of music, what is the role of the performer?
The audience?

And where are the clowns
Quick send in the clowns
Don’t bother, they’re here.

Posted in big concepts, lectures, processes, seven themes | 12 Comments »