home > services 

Adaptive Path Blog

The Team

Author Archive for Alexa Andrzejewski

Internships 2010: Making the Most of a Summer Internship

by Alexa on January 14th, 2010

It’s that time of year! Adaptive Path is on the lookout for graduate students and exceptional undergrads to join us as summer associates this year:

Learn more about internships at Adaptive Path!

As an intern at Adaptive Path, you’ll be treated like a fellow practitioner. You’ll have the opportunity to collaborate with clients, develop a personal voice and put experience strategy, research and design methods into practice.

As someone who joined Adaptive Path early in my career and just celebrated my 3 year anniversary here, I wanted to share a few things I’ve learned about how you can make the most of the learning opportunity that is Adaptive Path — or whatever summer internship experience you might find yourself in, for that matter.

Watch, practice, put yourself out there and ask for feedback.

Like many young practitioners, when I joined Adaptive Path, my design skills were sharper than ever, but my “soft skills” — like facilitation, client communication and selling ideas — needed some refinement.

To develop these skills, I sought out opportunities to watch — by sitting in on sales meetings, client calls and workshops as often as possible — practice — by taking facilitation workshops and leading internal meetings — and to put myself out there — by leading workshops, giving presentations and so on — then asking for feedback from trusted colleagues immediately afterwards. Asking for feedback can be intimidating, but I’ve found that asking, “What’s one thing I did well, and one thing I could do better next time?” can be quite revealing.

As an intern, you’ll have opportunities to watch, practice and put yourself out there with clients. We’ll present you to clients as equal professionals, not junior practitioners, and push you to grow not only as a designer, but as a facilitator, consultant and professional.

Bring your obsessions, and we’ll put them to use.

At Adaptive Path you’ll be surrounded by people who are all a little obsessed with something, from sticky notes to game mechanics to electronic gadgets to how design can motivate people. Bring your obsessions to Adaptive Path, and you’ll have unique opportunities to put them to use!

A writing workshop at AP encouraged us to hone in on our “personal platform” by thinking through and writing down some ideas we want to be known for, some things that get us excited and some unique experiences we bring to the table. While my personal platform is always in flux, I’ve found that getting in touch with my interests and making them known can open up many exciting opportunities.

We do our best to put everyone, including interns, on projects that align with their passions — and the more you share your ideas, the more people will be on the lookout for the right kinds of opportunities for you. (Check out how last year’s summer associate, Dane, was able to channel his interest in physical object-inspired interactions into his work on the Smart.fm iPhone app.)

Adaptive Path also gives you the opportunity to express your interests through writing — you can make your voice heard through the AP blog or pitch stories to other publications that AP can help you identify. A clear point of view can also help to land you speaking opportunities, at AP events like UX Week or other events.

Be visible and ask for help.

When tasked with conducting my first rigorous competitive analysis, I was overwhelmed by the possible ways to go about it and wondered what my colleagues would do.

So I set up camp in a project space that people often pass through and pasted up flows from well-known websites on the walls. Not only did I ask anyone walking by to comment on the website flows via sticky notes (what’s working? what’s not working?), I also pulled in colleagues for 5-10 minute chats about the overall process. What’s the best way to structure information? What are meaningful comparison points and what doesn’t really matter? How might I lay out the report?

The result of this asynchronous collaboration with everyone in the office was the “Patterns for Sign Up and Ramp Up” report, which has since been distributed all over the web, and an essay on how to connect a competitive analysis.

As an intern at AP, you never know exactly what kind of opportunity you’ll be thrown into, but whatever it is, you can turn it into a learning opportunity by tapping into the collective consciousness early and often!

Are you ready to make the most of a summer at Adaptive Path? We’re looking for interns, or “summer associates” as we prefer to call them, for Summer 2010, and we’d love to hear from you. To learn about our internship program and how to apply, visit our Jobs page.

The Wonderful World of Make Believe

by Alexa on November 20th, 2009

Have you ever set out to “reimagine an experience,” only to find yourself feeling trapped? Have you had one of those days when all your ideas felt too much like existing ones? Perhaps your design decisions were rational and grounded, but just didn’t feel inspired. Or maybe you felt stuck because you were constrained by assumptions without realizing it.

As a Left-Brained Person, I’ve certainly found myself there before. Fortunately, my brilliant colleagues, Kate Rutter and my former colleague Rachel Hinman, are always full of ways to help me, and others, snap out of it. And these ways often begin with kicking me out of the studio door and into the world — or at least into the wonderful world of make believe!

In this presentation from UX Week 2009, I invite participants into this world — a world that was so easy to enter as a child, but that we all have the power to enter into still.

Alexa Andrzejewski | UX Week 2009 | Adaptive Path from Adaptive Path on Vimeo.

You can also learn more about the activity in Kate’s post on The Wand in the World.

Smart.fm: Help them spread the love!

by Alexa on August 25th, 2009

Part of the Smart.fm iPhone App Story

smart.fm Case Study Header

We’ve been quiet lately, as we’ve been hard at work developing the Smart.fm iPhone app. Dan will be sharing more about his experiences soon!

In the meantime, our friends at Smart.fm have proposed two panels for South by Southwest: Crash Course: Is E-ducation Making the Classroom Obsolete? and Going Mobile: Web to App Do’s and Don’ts.

If you’ve enjoyed this series of blog posts, please consider voting for these panels — especially the latter, which will essentially be taking this project blog and bringing it to life for the South by Southwest audience! We’d love to have the opportunity to share what we’ve learned from taking this app from web to mobile with the South by Southwest audience.

The other panel on Web Companies Disrupting Innovation also sounds interesting: It features entrepreneurs from education startups who are out to revolutionize the way we learn. It’s a chance to spread the word about new paradigms in online education.

I hope you’ll join us in supporting the wonderful people at Smart.fm by giving their panels a thumbs up!

You can also check out the panels Adaptive Pathers and friends are proposing at South by Southwest.

How to Design an iPhone App in 48 Hours

by Alexa on August 4th, 2009


There was never a dull moment at this past weekend’s iPhoneDevCamp — not when we had to pitch an idea, recruit a team, and develop a functional iPhone app in less than 48 hours! But when I stepped off the stage after presenting the first native demo of Foodspotting to a crowd of 500-some participants, I couldn’t have been happier with how far our team had come! And thanks to the three intrepid developers who volunteered to take the idea I brought to iPhoneDevCamp and make it tangible and presentable, Foodspotting won Best Social App in the Hackathon.

So how do you build an iPhone app in 48 hours? There were over 75 entries in the Hackathon, so I’m sure there are many smart ways to go about it. (I’d love to hear about other teams’ processes if you’re reading!) But here are some things that helped our team do “good design faster” this weekend:

We started with an experience vision.
Admittedly, we did not conceive of and design the app this weekend — I’ve been putting my UX strategy and design skills towards Foodspotting for several months now. Although I’d never developed anything, having a well-rehearsed elevator pitch and a smoke-and-mirrors vision prototype made it easy to get others on-board, ramped up and developing.

We did very little.
As Jason Fried puts it, “Build half a product, not a half-ass product.” We knew we needed to narrow the vision for Foodspotting down to the simplest thing that could be of value. At its essence, Foodspotting is about taking and finding food photos. So that’s what our team focused on.

We worked side-by-side.
As a design consultant, I rarely get the chance to sit side-by-side with the people who are implementing the designs. So looking over the developers’ shoulders and being able to hand off data and artwork as needed was one of the best parts about iPhoneDevCamp. I gained insight into how developers think and a new appreciation of the complexities of doing “simple” things in Objective-C.

We asked for help.
One of the best things about iPhoneDevCamp was the culture of openness and sharing (reinforced by the blue raffle tickets that organizers handed out to everyone demonstrating these values). Whenever the developers hit a snag, we asked for help using the open mic, and “Helpers showed up faster than you can say ‘911′” (as my teammate Peter put it).

We set up the problem before presenting our solution.
In the last half hour before our 3-minute presentation on Sunday afternoon, one of these helpful people, Eric, offered a tip: Prepare a slide deck, because, “Everyone forgets to establish the problem before showing off their solution.” I quickly dug into my design strategy toolkit and pulled out a problem statement, an elevator pitch, some positioning charts, and some vision sketches. I was so thankful for this tip! In just three minutes, even with a half-finished demo (even with our narrow scope, there was a lot we couldn’t do), people got it.

So that’s how we were able to do “good design faster” at iPhoneDevCamp 3. But for whatever reasons you might find yourself under the gun, I hope some of these approaches can help you make the most of it!

And if you want to see the iPhone app, you’ll have to follow @foodspotting on Twitter or keep watching http://www.foodspotting.com to see where it goes!

Smart.fm: Why Goals are the new Lists

by Alexa on July 22nd, 2009

Part of the Smart.fm iPhone App Story

While Dan is busy coding away at the iPhone App, I wanted take this time to share about our first project with smart.fm, a project to reimagine the smart.fm web experience!

smart.fm Case Study Header

What’s in a name? What we call something can have a profound impact on the way we think about it. And changing the way we think about something can have powerful implications on what we design and how we evaluate it. For smart.fm, the ah-ha moment came when we realized that it’s about Goals, not Lists.

Smart.fm is a learning community founded on a powerful technology that equips users to memorize anything — from the Capitals of the World to Japanese Vocabulary to the names of various Heart Murmurs. Today, you learn using Lists. A List is a set of content about a topic that is typically managed by a single person or a content partner. While Lists are a straightforward organizing principle, they don’t form natural hubs of activity. It’s hard to rally around a list.

Smart.fm partnered with Adaptive Path to transform the site into a “motivating, social world of learning.” Collaborating closely with smart.fm, our team (Me, Brian Cronin and Kate Rutter) sought out new ways to bring people together and engage them in collaboration and competition around learning. Through a series of exercises where we envisioned what the experience of using smart.fm could be like, the answer that emerged was Goals.

Instead of organizing content around topics, which people may study for many different reasons, content will soon be organized around Goals that people can form communities around. But before I get into the exciting implications of this shift, I wanted to share some of the experience-minded tools that led us to it:

1) We described the experience we wanted to aim for.

Using our Elevator Pitch “mad-lib” template, we brainstormed ways to fill in the blanks: “For people who… the new smart.fm is… It’s different because…” Ideas that emerged included “Smart.fm is like a pickup basketball game — it’s easy to jump right in and participate.” We refined these ideas into guiding principles that described the ideal smart.fm experience: “a friendly social world of learning” that “invites play” and “reveals and celebrates progress.”

2) We dissected the experience and brainstormed new metaphors for its parts.

From the experience mapping and metaphor brainstorming exercises that I wrote about previously, we selected some of the most compelling metaphors.

3) We imagined some possible experiences inspired by these metaphors.

We then explored how they could be applied to the major activities of the smart.fm experience — discovering, learning, celebrating, collecting, making and collaborating — and communicated the resulting ideas through “Concept Posters.” These posters enabled us to describe what an experience should feel like without getting into interface details. Aspects of the poster showing how “Smart.fm is like a scavenger hunt for knowledge” particularly stood out to the team — especially the idea of challenging users to create content through collaborative scavenger hunts.

4) We pictured the future.

We then used sketches of “The Homepage of the Future” to explore the best concepts further. Since a well-designed homepage tells the story of what you’re all about, sketching potential homepages can be a great way to boil a concept down to its essence using a value proposition, some featured content, and a presentation of core features or “how it works.”

5) It all came together in “Goal-Based Missions” — or simply, Goals

These explorations culminated in the idea of “Missions,” which we articulated through sketchy diagrams illustrating an exciting, game-like smart.fm where social activity is embedded into everything.

As the new activity hubs, Missions brought both learning material and social activity together in an elegant and cohesive way:

  • Missions are about shared goals. While people may learn English for many reasons, people who want to “Spend a Week in the US,” “Impress their friends” or “Pass the TOEFL” will have much more in common with each other than everyone learning “English Vocabulary I.”
  • Missions are social by nature. The shared goal is what brings people together. Instead of “signing up” or “enrolling,” you can “Join” or “Participate” in a Mission, competing or collaborating with other team members who share the same goal.
  • Missions can be about creating content, not just learning it. The scavenger hunts idea from the concept posters manifested itself in the “Fact-Finding” aspect of Missions: If you want to learn enough Japanese for a week in Japan, but don’t know enough to build a list of stuff to learn — you can challenge others to create content for you.

While my high school sister loved the idea of “24-like” Missions, proposing there be “Objectives” and “Directors” and spy tools, the idea of collaborative Missions lives on under the more neutral name, “Goals.” Since the final wireframes were delivered, Smart.fm has already enabled collaborative list-building, and soon you’ll be able to do much more, including:

  • Collaborate with others who share a goal (say, “Become culturally literate”) to create and collect learning material that will help you achieve it.
  • Challenge other users to contribute content about a certain topic (such as “Hip Hop Artists” or “Internet Memes” — you can actually add content to these lists today!).
  • Ask questions about things you want to learn (“How do you say ‘Experience Design’ in Japanese?”) and get answers from others.
  • Earn badges for completing your goals and responding to challenges.
  • See how you’re doing compared to others who are pursuing the same goal, others in your hometown, and perhaps even others who share your first name!

These are just a few of the exciting possibilities that reframing Lists as Goals has afforded, and we look forward to seeing both the name change and mindset change taking shape on smart.fm!

Smart.fm: Crafting a Visual Language

by Alexa on June 29th, 2009

Part of the Smart.fm iPhone App Story

smart.fm Case Study Header

What if memorizing facts on your mobile device were as easy as listening to your iPod shuffle? It doesn’t demand dedicated attention, you don’t have to worry about what’s up next, and you can tune in and out at any time.

After a day of wearing our mobile hats, we knew this was the kind of experience we wanted to create. Unlike the existing, web-based learning apps, in which you study in 5 to 10 item sessions that have a clear start and end, we want learning on the iPhone to feel continuous. Like radio waves or your iPod shuffle, your learning stream is always playing. You can tune in and answer a question or two while waiting in line, then tune in later and answer a few more. The next-up items are continually downloaded, and there are natural break points between every screen.

But even in a world where learning is journey and not a destination, people still need a sense of progression and achievement.

So as we set out to develop a visual language system for the smart.fm iPhone app, our main question became: How can we communicate progress in an continual learning environment? The flash of insight came when Dan H. likened it to the game experience of Oregon Trail.

oregon490

While achieving the larger goal of reaching Oregon Trail takes a long time (just like mastering your first 200 Japanese words), Oregon Trail holds your interest by introducing milestones along the way. While you might track your progress towards Oregon in the corner of your eye, you’re generally focused on how far it is til the next milestone.

More complex than Oregon Trail, Smart.fm tracks your learning progress at many levels. In addition to showing your progress towards these milestones, the visual language needed to communicate:

  • Item progress (how well you know a fact, from 0 to 100%)
  • Goal progress (items you’ve mastered vs. the total number of items needed to achieve a goal)
  • The two-part nature of items (like flashcards, they’re composed of a cue and response)
  • Your study record (how many items you’ve gotten right or wrong today)
  • Milestones (where you’re at now and how far til the next milestone)

Rather than using typical progress meters to communicate these concepts, I set out to develop a coherent visual system that could hold it all together. Thanks to Dane’s Your World concept and Happy Hour conversations with the smart.fm guys, where we chattered about virtual pets and knowledge gardens, I found the answer in a favorite metaphor of mine: The leaf.

I have always loved leaf-themed visualizations. Leaves emerge, mature then fade away if you don’t tend to them — qualities shared by all kinds of personal information, from To Do items, to friendships… to facts you want to memorize!

Through personal explorations and open design sessions — where anyone from Adaptive Path was welcome to sit and sketch with us for an hour including our brilliant “non-practitioners” — we were able to map these qualities to the visual language needs of the smart.fm iPhone app. Here are some visual wireframes showing how it’s coming together:

Item progress is represented by a leaf’s “ripeness” — the more you study an item, the greener it becomes. Once you’ve mastered an item by reaching 100%, the leaf becomes a flower. Throughout the system, green leaves represent items you’ve studied and flowers represent items you’ve mastered.

items

Goal progress is a visual aggregate of item progress represented by color bars showing items mastered and items studied as a fraction of the total number of items associated with a goal. (By the way, Goals are the new Lists! In the website redesign we worked on with smart.fm, we’re introducing Goals as a new way or organizing learning material around shared motivations rather than topics. More on that soon!)

goals

The two-part nature of items is communicated through the asymmetry of the stylized leaf-shape. The leaf and flower shapes are designed to work both as content-containers and icons. (By the way, this item creation screen also hints at some exciting social features we’re exploring!)

createitem

Your study record in the “Now Learning” world is tracked using an Owl and a Beanstalk: For every question you answer, the owl “moves up the beanstalk” leaving behind a green leaf (if you got the question right), a flower (if getting the question right meant you mastered that item), or a bare twig (if you got the item wrong).

learning

Milestones appear every 10 items and give you something to aim for throughout the continual learning experience. Represented by golden eggs, these milestones break open to reveal a progress report, and, if you’ve hit a significant milestone — such as mastering 100, 250, or 500 items — the golden egg might contain an prize! These prizes could be collectible “colorforms” that appear in your little world and provide an ambient visualization of your overall progress in smart.fm.

milestone-updated

We are all incredibly excited about this visual system and are already buzzing with ideas about how to take it further in the future (What if the seasons changed every so many items? What if you could arrange your colorforms by dragging them around? Can we still have scratch off answers?).

We’d love to hear your feedback and ideas, and we can’t wait til you can participate in this friendly, social world of learning via iPhone!

Smart.fm: How to move from web to mobile

by Alexa on June 22nd, 2009

Part of the Smart.fm iPhone App Story

smart.fm Case Study Header

In his last post, Dan shared an overview of the smart.fm iPhone app project, but I wanted to expand on what he shared by offering some guidelines for anyone taking a product from web to mobile.

Don’t think “mobile version of a website,” think “mobile component of a larger experience” The smart.fm iPhone app should not be a pared down version of the smart.fm website — a path that thinking of it as a “mobile version” might lead us down. Instead, we want the iPhone app to complement the website — not replicate or miniaturize it — and to support the larger experience of learning anytime and anywhere.

Put experience first, not features. Taking the list of website features and prioritizing them might seem like an obvious starting point for designing a mobile app based on an existing site. But because a complementary iPhone app may or may not include features from the website, before we looked at features at all, we took time to think about the mobile experience independently. Why might you use this app in a mobile context? What are some scenarios where you’d use it?

Get into the mobile mindset. When you’re sitting in a meeting room, it can be hard to think beyond obvious mobile uses. So much so that taking the team on a walk through the neighborhood, mobile-sized sketchbooks in hand, has become a regular part of mobile workshops I’ve facilitated and participated in in the past.

On another project, I took the team on virtual walks, where we first listed the breadth of contexts in which you’d use the mobile device (in bed, in front of the TV, while shopping, on a plane, etc.) and then imagined how we’d use the mobile device in each of those contexts.

For the smart.fm workshop, we free-listed not only mobile contexts, but also the characteristics of mobile experiences. We clustered these characteristics and then used these as starting points for imagining use cases for the iPhone app.

Get into users’ minds. From this emerged dozens of ideas for new, uniquely mobile uses for the iPhone app. We voted on the top use cases and clustered them based on the mental “mode” a user would be in when engaging in that activity: Are they in a “Study” mode? A “Reacting” mode? A “Look Up Something” mode?

Once we’d defined the major mental spaces, only then did we bring out our pre-printed sticky notes featuring every action you can do on the website. Talking through each feature one-by-one, we discussed whether and when you’d want to do that thing in a mobile context, and if so, which mental space would you be in.

Think system, not standalone. To continue to remind us all that the iPhone app will be part of a system, not a standalone app, we intentionally called the bucket for features that wouldn’t be included in the iPhone app “Stuff the website is better at” rather than “Other” or “Discards” or something like that. While we do want people to be able to engage with the app without having to use the website, realizing that the website is simply better for some tasks made us all feel better about leaving some features for the site to handle.

While it can still be hard to let some possibilities go, knowing what the mobile is best at and doing that well can result in a much more compelling mobile experience than a “mobile version of Smart.fm” could ever be.

By getting everyone into the mobile mindset, we were able to develop a solid set of priorities that we’ve been continuing to flesh out through user flows and wireframes. We look forward to sharing our progress soon!

For now, here’s a summary of activities teams can engage in when engaging in a mobile prioritization work session:

  1. Write mobile contexts and characteristics on stickies and cluster them on the wall.
  2. Based on these contexts and characteristics, imagine how you would use the app in a mobile context. Add use cases to the wall near the characteristics from which they emerged.
  3. Dot vote on which use cases are the most compelling.
  4. Cluster the most compelling use cases based on which mental mode the user would be in when engaging in that activity.
  5. Referencing a list of all of the existing website features, determine which activities fit into these mental spaces and which are better left for the website.

Virtual Seminar: Attracting and Retaining New Users

by Alexa on May 5th, 2009

Do you remember the last time you had a crush? My last crush was on the guy who’s now my husband. From the moment I met Seth, I couldn’t get enough of him. I talked about him all the time. I was convinced he was perfect. When you’re designing a community-driven website, you WANT people to like it that much! Users with a crush are power-evangelists and power-contributors. You want them to want you! Seth, on the other hand, didn’t actually want ME at first… which meant several agonizing months of figuring out what it takes to “spark a crush” — as well as what NOT to do.

If you want to attract and retain users, then the principles that apply to relationships apply to you! In both relationships and web design, getting people to fall in love with you is never easy. The good news is, you don’t have to leave it to chance: There are concrete steps YOU can take to make your product or service more attractive to new users.

In this 75-minute virtual seminar — Sparking a Crush: Attracting and Retaining New Users — you will learn how to create compelling new user experiences. You’ll take away both:

  • Practical relationship advice, illustrated by concrete patterns from the Web 2.0 landscape, and
  • A set of strategic tools that individuals and teams can use to diagnose and address attraction issues.

By examining these patterns and tools and applying them to the imaginary startup, “Snapfood,” you’ll leave with a memorable toolkit of patterns and approaches you can put to use immediately.

I look forward to being your relationship consultant!

Wednesday, May 20
10:00 – 11:15 AM Pacific Time.

Register with the promo code BLOG and get 10% off the $129 price.

Snapfood

Creativity for Left-Brained People

by Alexa on April 22nd, 2009

As a systems-thinking, ridiculously rational INTP, I can’t tell you how many times I’ve been told to, “Stop overthinking!” After all, rational thinking isn’t naturally associated with creativity. I admittedly find it difficult to act on creative whim, preferring designs that are the logical outputs of a rational thought-process. To me, a “beautiful” design is one that is logically coherent and rich with meaning.

These left-brained tendencies can be a liability at times: I tend to dig deeply when I should be thinking broadly and can turn a simple idea (or sentence, sorry readers) into a complicated one by logical extension. But in trying to fight these tendencies, I’ve instead discovered ways to channel them into creativity.

I got to try these techniques with others when facilitating a recent workshop for some fellow left-brained people from Smart.fm. I loved these guys — they thought like I thought and didn’t hesitate to bring up rational nits, like “Shouldn’t that one be a blue sticky note? Maybe we should fix it.”

By introducing some “Left-Brained Creativity Methods” (learned from colleagues and conferences) to give structure to our thinking, I found I could channel our analytical energy into thinking experientially and generating out-of-the-box ideas. Here are two of the methods I used during this workshop on understanding and re-imagining Smart.fm’s online learning experience.

Experience Mapping

Concept maps can serve many purposes, but at Adaptive Path, we’ve found them to be useful tools for getting systems thinkers to think from the user’s perspective.

Creating an “Experience Map” involves identifying all of the parts of a system, connecting them, and describing these connections from the user’s perspective. For example, in a typical concept map, we might link the concepts of “tags” and “items” by saying “tags are added to items.” But if you take a moment to ask, “But how does this help the user?” you might get something richer, like “tags help users find and re-find items.”

While seemingly impersonal and abstract, for us left-brained folks, taking a moment to re-think every connection from the user’s perspective helped us get our left brains into the users’ minds.

mentalmap

Metaphor Analysis

Once we’d identified the core concepts and activities in this site’s experience — which included “Sets” and “Collecting” — we took one concept at a time and played a “word association game” where we threw every word we associated with that concept up onto the board. We also brought in random participants from AP for this activity, whose minds were a blank slate (they knew nothing about the site), to join us in free-listing associated words and metaphors. For the concept of “Sets,” for example, we came up with everything from “Bento Boxes” to “Coral Reefs.”

Then, inspired by Chauncey Wilson’s “Metaphor Brainstorming” and Edward De Bono’s “Random Word” methods, we chose random metaphors and deconstructed their characteristics: Games like Marbles and POGs are about “keeping what you win” and have “discrete, tangible, hand-held parts.” We clustered metaphors with similar characteristics together, then used these characteristics to inspire design ideas.

The free association game got us thinking outside the box, while the clustering and analysis activities leveraged our left brains to produce a rich soil from which concepts could sprout.

metaphors

The team loved these activities, and we produced solid concepts we’ve been able to carry forward. One participant said that brainstorming can be challenging when it’s totally open-ended, and that, for an analytical person, these structured activities and templates made it much easier to generate ideas. More importantly, because the ideas were grounded in rational thinking, he felt more confident that they would carry weight in the long run.

Tapping into left-brained thinking can reveal a powerful force for idea generation. I’m looking forward to discovering more ways to harness the left brain by giving structure to creativity. If you’ve experienced any interesting methods, I’d love to hear about them in the comments!

The UX of Money: How Interaction Design Can Help

by Alexa on March 6th, 2009

Would you take a moment to support me in the Pay Yourself First savings blog-off? I still need 8000+ more votes by March 31. It only takes a click (on the homepage, click my icon to vote): http://www.pyfchallenge.com

Ice Glass Method

In my last post, I wrote about some common human tendencies that keep us from doing what we want to do (like save money) and lead us to do what we don’t want to do (like overspend or overeat).

As one of the minority INTPs in the world, I’m actually more likely to be “ridiculously rational” than “predictably irrational.” I’ll suffer through a 2-layover flight because I realize that in the long run, I’d rather have the $100 I’m saving. As such, I’ve found a few ways to overcome some of these biases. These tactics include:

Reframing scenarios to see if I’d change my mind by changing my thinking. A $15 checked bag fee doesn’t seem like much in light of a $250 flight, but if someone offered to pay me $15 to drag my stuff around in a carry on, I would probably do it!

Multiplying costs over time. At $20 a month, AT&T’s premium DSL service costs an extra $240 a year. Was the extra speed boost worth it? I decided it wasn’t, and downgraded.

Translating dollars into concrete examples. $240 a year is the cost of an iPod Touch. Would I rather have an iPod touch, or faster internet? While it might be nebulous, it makes me think. An iPhone would cost me $1500 more than my current plan over 2 years. While it might be convenient — when I’m out and don’t know where to eat — the savings alone wouldn’t justify the cost. (I could take a lot of dining risks for $1500!)

While these strategies can help anyone think more rationally about financial decisions, this way of thinking doesn’t come naturally to most people, and even if it did, there are other barriers to saving that are difficult for even the most disciplined individuals to overcome. This is where interaction design can help.

For anyone designing for consumer finance — banking, investing, billpay, money management tools, insurance providers or any business selling “savings” as a value proposition (as a consultant, I’ve learned a lot through having had opportunities to touch all of these areas) — here are some design principles you can employ to make saving a little easier for us all:

Create perceptions that motivate.

Create attachment to savings.
A sense of ownership creates attachment and an irrational resistance to giving things up. (That’s why those Tempurpedic “30 day in-home trials” are so successful.) Why not leverage this inertia to create attachment to savings? My dad has a jar of quarters he’s been collecting for years. He hates tapping into it except on special occasions. While it’s no different than the money in the bank, his sense of attachment to it is much stronger. Could designers foster this same sense of attachment to “virtual” money — or perhaps to the things you’re saving that money for? If you’re saving for a house, perhaps as you save, you earn more and more digital pieces of your dream house. Tapping into savings takes away those pieces.

Cultivate accurate mental models.
Because most investment communications emphasize the current value of your portfolio, people tend to panic and sell low, when they’re “losing” money, and buy high, when stock prices are soaring. What if instead, investment communications made shares feel more tangible — something you want to hold on to and only sell when you can get a good price for them? After all, buying a share of stock is simply like buying an object — say, a rare painting or trading card — that goes up and down in value. As long as you have the painting, you don’t really lose anything until you sell it. Would you rather sell your rare painting when the going price is low — less than you paid for it — or when it’s high?

Reframe.
Instead of raising auto insurance rates for bad drivers, State Farm offers discounts to good drivers. Think about it for a moment, and you’ll realize it’s the same thing — but the way it’s framed affects people’s motivations and perceptions. People perceive budgeting to be about restricting oneself. But what if budgeting were reframed as buying gift cards for each category — Entertaining, Dining, Gifts, etc. — that you can feel free to spend until they’re gone?

Make the abstract concrete.

Map concepts to real-world counterparts.
Budgeting doesn’t have to feel like complex accounting. Financial advisors have been recommending the easy-to-grok “Envelope Budgeting System” for years. Instead of treating budget categories like database categories, some budgeting software lets people divide their money into virtual “envelopes.”

Translate dollars into reality.
Retirement calculators often project savings in terms of how many “millions of dollars” you’ll have saved by retirement. By what does a million dollars mean 20-30 years from now? Is a million dollars a good thing or a bad thing? Instead of using loaded numbers (who doesn’t want to be a millionaire?), show what a million dollars looks like in terms of lifestyle: A million dollar retirement, which amounts to about $40,000 a year, won’t get you a mansion on the beach, but for a retiree, it could still mean a modest home in a decent neighborhood.

Provide immediate, emotional, actionable feedback.
I’ve heard that keeping my idle devices and power supplies plugged in all day could be costing me, but not knowing how much that really amounts to makes it hard to feel motivated to unplug everything daily. While this visualization helps  — I’m glad I don’t have a Plasma TV, or I’d be spending $160 a year to keep it plugged in! — seeing my energy bill add up like a Taxi fare would help and seeing trees dying might be even more compelling. (As Robert Fabricant joked, vines are the future of interaction design).

Make hidden costs visible.
I’ve already blogged enough about hidden costs, but here’s one more example. Being able to see the true cost of a credit card purchase at the point of sale — based on your own card’s APR and your payment patterns — might change your mind about dipping into credit.

Equip the mind to control the flesh.

Arm the mind.
Humans are conflicted beings — “the spirit is willing but the flesh is weak.” When we’re feeling rational, we try to find ways to reign in or control the flesh — we put our alarm clock on the other side of the room, we rid our houses of chocolate and sweets, and even freeze our credit cards in ice water to force a waiting period before making impulse buys (Google it!). The mind wants to be able to control the flesh. Stickk.com arms the mind to do so by letting people create goals and set up their own punishments/rewards for meeting these goals.

Leverage social nudges.
Everyone’s been talking about the energy bill that compares you to your neighbors. But less known is the “boomerang” effect that it had. According to Nudge, when people were told their power consumption was less than their neighbors, below-average users actually increased their use. But when the message was accompanied by a smiley face icon, this effect disappeared. If even an icon of social approval or disapproval can make a difference, real social pressure could be even more powerful. What if people could hold themselves accountable by keeping public spending logs, the way TheDailyPlate lets people keep public food logs?

Make saving as easy as spending.
If it were as easy to save as it is to spend, the mind wouldn’t have to plot against the flesh so much! Charities know that the checkout line can be a powerful place to solicit donations — adding a few dollars to your grocery bill to provide milk to school children feels painless. What if there were a way to leverage these “open-wallet” moments to prompt savings? Instead of asking if you want cash back, what if the register prompted you to transfer $20 to savings?

Architect complex choices carefully.

Complex financial decisions — like setting up a 401k — are especially challenging and full of hurdles. People procrastinate about joining 401k plans because they don’t know how much to set aside, and once they do, they don’t know how to allocate it. When they do set it up, people are often unwittingly influenced by the language used, the options offered and the order in which they are presented. For example, when offered a choice between just two funds — an all bonds fund and an all stocks fund — people tended to engage in what Nudge calls, “naive diversification” — splitting their money 50/50 between the two. “Choice architecture” can have significant and costly impacts on people’s futures, which means there is a lot of responsibility to get it right. Nudge offers much more detailed insight into architecting complex choices.

These are some of the most interesting principles I’ve been reading about, thinking about or uncovering through work on consumer-facing finance tools. If you have other ideas or principles you can share, I’d love to see them in the comments!


Where do great ideas come from?

At Adaptive Path, our ideas are driven by the work we do. We do consulting for user interface and user experience design, and offer conferences, training and education for UX designers.

From field ethnography, UI wireframes and task flows, to visual design and implementation, we do it and we teach it.

Learn more in our video, Adaptive Path in 2 ½ Minutes:

ap-video

Want to know more about Adaptive Path? You should read more about our services or contact us to find out how we can help you!

Email Newsletter

Sign up to receive essays, appearance dates and other news from Adaptive Path.