Archive for category Interaction Design
10 More Great Interaction Designs – in Cut and Folded Paper
Posted by Todd Toler in Interaction Design on June 17th, 2010
My take on simple, satisfying interaction designs made out of that most humble of all materials – paper – is my most trafficked blog post ever, so I’ve gone out and found 10 more examples for you. To begin with part one, go here. Otherwise, continue after the jump.
How to Name Your Website and Write A Tagline like a Pro
Posted by Todd Toler in Interaction Design, Reviews, UX-Driven Company on May 24th, 2010
I am a reluctant brander. Like most User Experience designers, I like to think of myself as a high-minded design thinker – not a marketer. You know the arguments. Designers think about solving real human problems and obsess on the essence of something’s purpose. Marketers define essence as that which gets noticed and remembered. Designers are empathically creative. Marketers are exploitatively creative. Designers seek timeless truths. Marketers are trend-chasers. Designers live in Brooklyn and sell artisanal pickles between freelance gigs. Marketers live in Manhattan and coin phrases like FroYo. Yet it didn’t take me long working in this field to realize that making such distinctions is wrong-headed. If anything, I relate more to the marketer these days. Marketers trend towards the pragmatic. Designers? At their worst: ideologues, aesthetes, navel-gazers. Design and marketing ultimately chase the same goal, “marketplace magic,” so why not think like a good branding brain in order to name and position your digital business? At a minimum you should know a little about the work of Lynn Altman before you set about trying to name your site and write a tagline for it. Her firm, BrandNow, and her book, Brand it Yourself, are excellent starting points for demystifying the creative process behind successful product branding.
Eight Homepage Designs That Would Work as Billboards
Posted by Todd Toler in Interaction Design, Reviews on May 9th, 2010
Increasingly users think of the homepage as that place where the search box lives. Web analytics data bears this out. A typical homepage, particularly if there is a large and diverse set of products or information on a site, will see a vast majority of it’s clicks consolidated around the global navigation and search box. If you think of a user flying by your homepage at 65 mph on their way to the search box, then how much information are they likely to take in? How can you make a statement about the value of your site that a user can tune in out of the corner of their eye? The best homepages confront this behavioral reality and offer the same concise, impactful designs as those on highway billboards. Read the rest of this entry »
Think Like An Instructional Designer – IA Summit 2010
Posted by Todd Toler in Interaction Design on April 10th, 2010
I’m in Phoenix this weekend for the IA Summit 2010 – which is organized by the American Society of Information Science & Technology (ASIS&T) and is one of the major national get-togethers for Information Architects and User Experience Designers. I’m not sure if there is a distinction between the two titles anymore, but from what I hear this is the first IA Summit in years not to have a session on what to call ourselves in this profession – so that’s progress I suppose. Did you know that Wiley publishes the journal of ASIS&T? This is my first IA Summit and I was pleased to be a presenter. My talk, “Think Like an Instructional Designer,” was inspired by the fact that e-learning professionals and interaction designers are in silo’d professions. The two fields rarely work together and get a chance to learn each other’s theoretical frameworks. Yet all interaction designers face instructional design challenges everyday, and learning theories can be used to make more persuasive, better converting interactive experiences. Think of e-learning as “everyday” learning.
Learning Theories for Interaction Designers #5 – Case-based Reasoning
Posted by Todd Toler in Interaction Design on April 6th, 2010

Roger Schank's most ambitious idea, The Reminding Machine, would be a massive collection of stories cataloguing what "smart people" know and how they deal with complex situations.
In leading up to my presentation at IA Summit 2010, “Think Like an Instructional Designer,” I’m posting on the important learning theories that any interaction designer would be well served to know the basics of.
Theory #5 – Case-Based Reasoning
Most famous learning theories seem to be closely associated with a personality (sometimes a pair of them), but few stand so fully in their author’s shadow as case-based reasoning does in that of Roger Schank. Schank is a bit of a rarefied character in the world of educational psychology – probably because he has serious chops in the far sexier field of Artificial Intelligence(AI). UX people will relate to this theory, because it is basically saying people learn by prototyping stuff. In Schank’s model, learners create generalizations from a rich set of case histories, rather than from explicitly rendered rules or other forms of procedural knowledge. Schank’s theories might be likened to a branching network of potential outcomes in which the learner induces her way to the correct path by failing in the other ones. This is often not the byproduct of actual failure, but the more subtle letdown that occurs when something is not what the learner expects to see. He calls these “expectation failures,” which he proposes are more easily indexed by the brain and therefore are a higher form of learning than, say, rote memorization. It won’t surprise you that a variant of CBR, rule-induction, is a cornerstone of machine learning theory.
Learning Theories for Interaction Designers #4 – Cognitive Flexibility Theory
Posted by Todd Toler in Interaction Design on April 6th, 2010

KANE - short for "Knowledge Acquisition in Non-Linear Environments" was an interactive laser-disc based on the film Citizen Kane. An early example of cognitive flexibility theory put into practice.
In leading up to my presentation at IA Summit 2010, “Think Like an Instructional Designer,” I’m posting on the important learning theories that any interaction designer would be well served to know the basics of.
Theory #4 – Cognitive Flexibility Theory
If ever there was a learning theory that was tailor-made for the web interaction designer, it is cognitive flexibility theory. In fact, the theory’s emphasis on the power of hypertext would imply that it was developed with the world-wide web specifically in mind. Yet it came to prominence in 1992, right about when the Mosaic browser started development, and before the ubiquity of the modern web . So ironically, its most famous implementation deploys a special laserdisc of the movie Citizen Kane that serves up scenes in non-linear “random access” mode.
Learning Theories for Interaction Designers #3 – Cognitive Apprenticeship Theory
Posted by Todd Toler in Interaction Design on April 5th, 2010

Verner Von Croy mentors Lara Croft directly within the main game play of Tomb Raider: The Last Revelation. Most games have dedicated training modules and are therefore less compliant with cognitive apprenticeship theory.
In leading up to my presentation at IA Summit 2010, “Think Like an Instructional Designer,” I’m posting on the important learning theories that any interaction designer would be well served to know the basics of.
Theory #3 – Cognitive Apprenticeship Theory
Cognitive Apprenticeship Theory can be a powerful instructional framework for interaction design, in fact it’s one of my favorites to think about, but it’s best not to take the theory too literally. Collins and Brown, most closely associated with the theory, were writing some 20-odd years ago and they did not have computerized environments in mind at the time (they were mostly interested in classroom pedagogy.) Their genius lay in the recognition of a theoretical gap between students’ learning to integrate sub-skills and conceptual knowledge. Despite the educator’s best intentions, when the two were unintegrated, the information remained inert. They started to notice that the most successful in-school learning had very similar characteristics to out-of-school learning (most notably the concept of “apprenticeship”.) They observed a strong interplay between observation, scaffolding, and increasing amounts of independent practice. And while many before them had emphasized the power of conceptual learning and independent practice (see Lave), they thought more about how to provide “internalized guides” during periods of relatively independent practice. CAT is an extension of situated learning theory, but rather than leave things as a purely sociological construct (e.g. Lave & Wegner’s “communities of practice”) they placed a strong emphasis on methods (modeling, coaching, scaffolding, fading, articulation) and sequence (global before local, increasing complexity, increasing diversity.)
Learning Theories For Interaction Designers #2: Schema Theory
Posted by Todd Toler in Interaction Design on April 5th, 2010

A diagram of a someone's possible schema for the concept of "egg." Source: P.Davis 1991
Schema theory is a foundational element in almost all cognitivist descriptions of learning, and this one will likely make immediate sense to user experience practitioners because it is tightly entwined with the familiar concept of mental models. The theory emphasizes the role of prior knowledge and provides a robust explanatory framework for how expert performance is attained. Ok, so what’s a schema? Piaget defined the term in 1926 as a mental representation of an associated set of perceptions, ideas, and/or actions. Think of a schema as a network of connected facts and concepts into which any newly-formed structures can be fitted. Then think of your brain as a bigger network of overlapping schema and sub-schema. The schema themselves are a markup language for the brain, cognitive XML if you will. Schema theory explains why we remember things so subjectively (In Bartlett’s 1932 research on people’s memory of stories such as the “The War of the Ghosts,” he found that in reconstructing a story they added elements of their own culture. This is famously considered evidence of schema theory’s existence.) More interestingly to designers, the theory can be exploited to provide more effective instructional materials.
Learning Theories for Interaction Designers #1 – Situated Learning
Posted by Todd Toler in Interaction Design on April 3rd, 2010

Microsoft's famous disaster, "Bob," was an early attempt to introduce situated learning theory to mainstream computing.
In leading up to my presentation at IA Summit 2010, “Think Like an Instructional Designer,” I’m posting on the important learning theories that any interaction designer would be well served to know the basics of. Even if you are working on a project that is not explicitly “educational,” knowledge of how people absorb information and build meaning out of your content will strengthen your designs.
#1 – Situated Learning Theory (or “Situated Cognition”)
Think Like an Instructional Designer: Structured vs. Discovery Learning Environments
Posted by Todd Toler in Interaction Design on March 31st, 2010

In the Diamond Age, Stephenson imagines the ultimate discovery learning environment.
Let’s look to the fictional near-future of Neil Stephenson’s The Diamond Age in order to set the tone. Nell is the novel’s young protagonist. She is born of limited means to a lower-class single mother named Tequila, but then rises to be a free-thinker and a leader who transcends her class with the help of a nano-technology powered instructional aid, the “The Young Lady’s Illustrated Primer.” The Primer is state-of-the art interactive technology. A fairy tale book, of sorts, but one with amazing properties. First of all, it talks – and not in that robo-voice of the Kindle 2’s text-to-speech feature, but in an uncannily human neo-Victorian contralto. The Primer not only recognizes the user and the details of her environment, it can actually work those into the narrative flow. When Nell wonders aloud during one story “What’s a Raven?”- the book stops and explains it to her – then it gives her a brief, age-appropriate quiz on how to spell the word. It is, in other words, a rich, engaging, and perfectly scaffolded learning environment sensitive to the needs of the individual learner.

Recent Comments