Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The More You Fail, The Greater Your Success: A User-Centered Design Case Study

Jeffrey Zeldman once said, “Usability is like love. You have to care, you have to listen, and you have to be willing to change. You’ll make mistakes along the way, but that’s where growth and forgiveness come in.” If you think of design as a tool it becomes a much more powerful skill set and by putting the user first you can transform your product into something truly remarkable.

This article will be an introduction to the human-centered design process. I’ll tell a personal story in which I built a challenged family member a device to help them communicate more efficient and effortlessly and I’ll share lessons I learned from the failures and successes along the way.

The Learning Link

Dustin is my 30-year-old brother. He was born with little to no oxygen in his body and underwent two open-heart surgeries before his 10th birthday. He is also autistic. As a result of those health issues combined with the autism, he is not able to speak. Many wrongly confuse his silence with a lack of knowledge and understanding. But Dustin knows what’s going on. He probably has more thoughts than you and me; he just can’t express them fully.

My brother and me when we were children.
My brother and me when we were children. (Image credit: Matt Reamer3128252219161131)

Growing up, I have always seen how much Dustin has struggled to communicate a simple word to anyone in our family, much less a random stranger. He makes only a few sounds, and only one person on Earth mildly understands what he’s trying to say — a magnificent woman I call Mom. I can only imagine the way he feels when she is not at his side to speak for him. So, I’ve always said that if a genie were to grant me three wishes, I would need just one: to make my brother “normal.” But, as time has passed and Dustin and I have gotten older, I have come to realize that “normal” does not exist, and if it does, then maybe he is a bit more normal than me.

Fast forward 20 years, to my last year of graduate school. I was six months away from moving across the country. With this knowledge I had, I wanted to design a tool that would help my brother to communicate his needs and that would relieve a little stress on my family as a whole.

Using my skills as an experience designer and having worked in web development, I planned to build Dustin a web app that would live on an iPad. In its simplest form, he would be able to tap the picture associated with his immediate need, and that tap gesture would trigger an audio file to speak the need to my parents. Simple, right? Everything was set, so I began sketching away and looking for inspiration to get started.

A couple of pages of the early sketch concepts for this tool.2
A couple of pages of the early sketch concepts for this tool. (Image credit: Matt Reamer3128252219161131) (View large version4)

Little did I know that I hadn’t been thinking about how Dustin would actually utilize the functionality of the app. One night at my parents’ house for dinner, the idea popped into my head. Dustin grabbed my phone and started tapping randomly. As I watched him continue to struggle with the phone, I realized that I had already failed. My idea was already dead. That was when I grasped the true importance of a discovery phase in any project.

Lesson 1: Know the End User Inside Out Link

Observe, research, test, repeat. A “day in the life” of your end user persona is a helpful exercise to do in the research or discovery phase. With persona mapping, you — the designer — choose one representative user and design to their daily needs. The user may be fictitious or real, but most of us use a fictitious persona who brings together attributes from a larger segment. Mapping out this persona’s daily routine during a 24-hour period will help us to pinpoint holes in their routine where your product would be most useful to them, and possibly also help us to find ways to improve other aspects of their daily life in the process. In web design, a day-in-the-life exercise can be beneficial when the budget or time for focus groups is limited. It provides opportunities for key findings on a product’s structure. Jeffrey Rubin identifies a few usability objectives5:

  • Usefulness
    product enables user to achieve their goals — the tasks that it was designed to carry out and/or wants needs of user.
  • Effectiveness (ease of use)
    quantitatively measured by speed of performance or error rate and is tied to a percentage of users.
  • Learnability
    user’s ability to operate the system to some defined level of competence after some predetermined period of training. Also, refers to ability for infrequent users to relearn the system.
  • Attitude (likeability)
    user’s perceptions, feelings and opinions of the product, usually captured through both written and oral communication.
You need to understand your ideal user base, what makes them tick, their motivations, fears, influencers, etc.
You need to understand your ideal user base, what makes them tick, their motivations, fears, influencers, etc. (Image credit: Ben Yoskovitz6)

Lesson 2: The Pivot Link

For a company to succeed, it should frequently test its product-related predictions or prototypes with users. This will help to validate or contradict any assumptions made during the previous design phases. In subsequent design phases, we use the insights and learning gathered during user testing to pivot the company’s business model or the product’s utility and features.

Pivoting is scary, but don’t be afraid. More often than not, when all of your research and testing is leaning towards it, pivoting the product is the best thing to do. All of the hard work you’ve put into the first round might seem like a waste at first, but think of it as an investment into a better and more user-centric product, one that will now better cater to its consumers and that will prolong the product’s life cycle.

Luckily, I was able to reign in my excitement and focus on the user quickly. As I did more research on autism spectrum disorder (ASD), I recognized behaviors in Dustin that I had always seen but never understood. The majority of people with ASD have difficulty processing everyday sensory information such as sounds, touch, sights and smells. This is usually called sensory integration difficulties, or sensory sensitivity. As the National Autistic Society of the UK explains7, it can profoundly affect a person’s life.

With that in mind, I began to observe Dustin and track his behaviors. I interviewed his closest caregivers at home, showed him different styles of icons (thanks, NounProject8) and tested colors, palettes and textures. I had to take many variables into consideration. The communication device had to be simple to use, be durable, be visually inviting, use some sort of icon language and have a texture similar to what he is used to in his everyday life. This was important because most people affected by autism prefer order and need a routine schedule.

Something else I had to keep in mind was that Dustin would not be the only user. Communication requires two parties. So, I started to view my mom not as a caregiver, but as a user. This revealed the struggles she has faced and enabled me to compare the needs of both end users and create something that bridges this communication barrier.

“Dustin and I communicate pretty well, but that’s after 30 years of being together all day, every day. Sometimes it takes a few minutes of Dustin struggling to express what he wants or needs. I get scared and wonder what he would do if something happened to me? The way we communicate is strange and no one, not even your dad, gets it.”

– Missy Reamer (Mom)

Another factor was thrown my way. My mom mentioned that she was worried for the day when they might not be together, and even worried about the simple pleasure of a vacation. The device had to not only be able to communicate to my mom in a timely manner, but also be interchangeable for other caregivers upon request. To achieve this, I decided to use SMS or, as the general public calls it, text messaging. I had worked on previous projects using SMS, so I was familiar with programming it onto the Arduino board.

You might be wondering what an Arduino board is? It is a small microcontroller whose hardware is an open-sourced board designed around an 8-bit Atmel AVR microcontroller or a 32-bit Atmel ARM. In other words, these various boards serve different purposes but all generally enable you to build interactive objects that serve various functions through APIs and Arduino libraries.

Although there are multiple ways to supply the 5 volts needed to power an Arduino, the best method for my purpose was to connect it to a computer via USB, so that anyone with minimal computer skills would be able to easily plug it in and simply change or add a phone number connected to the device for the day, week, etc. Once I had completed the programming, it would become a simple plug-and-play device.

Now that I knew how the device would work, it was time to move on to the look and feel of the exterior. The surface of the device was blue, and the shell for the electronics was already made. I took it to my parents’ home to show it off to everyone, and Dustin seemed really uninterested and kind of turned off. Frustration set in. Come on, work with me here, Dustin!

Then, another pivotal moment. I noticed Dustin standing in front of the mirror staring at himself. Remembering back to our childhood, I know that he had always been drawn to shiny metallic things: the toy guns he used to play with, the micro machine cars that were strewn around the house, his obsession with new cars, the bouncy new balls he got out of the 25-cent machine. I was onto something. I showed him the metal top of a project enclosure from RadioShack9, and he loved it.

A metallic surface was the perfect answer because it is smooth to the touch and the all-white external shell is soft on his eyes. This was another lesson. If your product is changing as a result of user observation or feedback, then it’s changing for the better.

Lesson 3: Keep Asking “Why” Link

The more you ask yourself “Why” while designing an experience, the more successful it will be. “Why” is a powerful question that I’ve gotten into the habit of asking myself when designing experiences. “Why is this here?” “Why should it animate like this?” “Why does the end user care?” Why, why, why. Always have a reason for the design decisions you make.

This is an early prototype I worked on, until I realized it was a failure. Failure is a good thing, though.10

This is an early prototype I worked on, until I realized it was a failure. Failure is a good thing, though. (Image credit: Matt Reamer3128252219161131) (View large version12)

The Build Link

At this point, the product had gone through quite an evolution. It started as a web app concept that requires the physical presence of a caregiver, and it evolved into a device with push buttons that sends text messages to the recipient in real time. Using an Arduino Yun13 and the Temboo library14 allowed me to get free SMS service through a Wi-Fi connection. With the exterior shell for the electronics in place, it was time to roll out functionality for the SMS delivery. Sending an SMS requires some sort of trigger or button.

The choice of arcade buttons was on purpose because their large size would minimize errors and incorrect button hits. Having a tactility that is familiar to Dustin and comfortable for him was also important. Because he has always had a passion for and deep understanding of video games, the arcade-style buttons make perfect sense. On top of each button is an icon representing the six particular needs in his day-to-day life that stood out for my mom in my interview with her.

The build as it progressed and became powered by an Arduino Yun.15
The build as it progressed and became powered by an Arduino Yun. (Image credit: Matt Reamer3128252219161131) (View large version17)

I had to keep in mind some other important factors, too. The product had to have all of the following:

  • a visual indication that a message was successfully sent,
  • a modular design that is easily mountable and moveable by my parents,
  • a push button that has an audible sound to signify its hit state,
  • 5-volt low-energy consumption.
An early demo of the communication device I built for my brother.18
An early demo of the communication device I built for my brother. (Image credit: Matt Reamer3128252219161131) (View video20)

The requirements above are necessary, all for different reasons. Because it is a physical device with no screens, I had to create the simplest way to let Dustin know that an SMS has gone through successfully. This is where the red and green LED lights come in, as well as the recognizable sound that the arcade buttons trigger in their hit states. Still thinking of my parents as secondary users, I had to make sure that the device was low on energy consumption and easy to move because Dustin is not always in one place. In this process, known as future-proofing, the creator thinks of all possible scenarios in which the device might be used in future.

Lesson 4: The Future Link

If you always think five years ahead (or more), your iteration will be golden. Users of your product are forever evolving, as are their needs. If a product doesn’t iterate and evolve, then its relevance will fade away. My observation of the user (Dustin) operating this device over the next five years will be the basis for future iteration.

Learn from Blockbuster. A big brand let a little startup (heard of Netflix?) creep in their backyard, pitch a tent and camp out. Soon enough, that tent transformed into a shed, which then transformed into a guest house, and eventually the startup demolished the existing house and constructed its own — all this because Blockbuster did not evolve its product. Sorry, Blockbuster, I used to love you.

The inside and outside of the shell prior to soldering.21
The inside and outside of the shell prior to soldering. (Image credit: Matt Reamer3128252219161131) (View large version23)
The build as it progressed and became powered by an Arduino Yun.24
The build as it progressed and became powered by an Arduino Yun. (Image credit: Matt Reamer3128252219161131) (View large version26)
The choice of arcade buttons was due to their large size, which minimizes error and incorrect button hits.27
The choice of arcade buttons was due to their large size, which minimizes error and incorrect button hits. Having a tactility that Dustin is familiar and comfortable with was also important, and playing video games fills his spare time. (Image credit: Matt Reamer3128252219161131) (View large version29)

Back to Dustin. The way the product stands now is not how it will remain, for this is a forever evolving experience and I plan to continue to further it. Future plans are to build a back-end CMS where, after my brother and parents have learned a mode of communication for certain needs together, they can swap the meanings and icons of particular buttons. If we do not have an icon that represents a particular need, we will quickly create an icon for it. This way, the library of icons will grow in an efficient and user-centered way. For a more personal experience, the user could upload a photo into a graphical OLED button for quick communication. Refinement of the construction of the device itself is also planned.

This device was designed and built just for my brother, but variations could help thousands of people who are challenged by speech or motor-function disabilities. In a world where we can customize our Nike’s for only $100, why does it cost upwards of a thousand dollars for someone with a life-altering disability to have what many fortunate people are born with, speech?

The website that is being built will hopefully house the future of this helpful and cheap product.30
The website that is being built will hopefully house the future of this helpful and cheap product. (Image credit: Matt Reamer3128252219161131) (View large version32)

I think variations of this device could help many others. I anticipate creating dozens of use cases and design icons for future users to load onto their devices when connected via Bluetooth, micro-USB or Wi-Fi.


Dustin’s SMS device33

Conclusion Link

In designing this experience for Dustin, I’ve learned much more about him than I had previously known. Putting user-centered design truly into practice takes research, followed by iteration and testing. Iteration is the key to making any product, experience or service useful. But that experience means little without love: love for what you do and respect for who you are doing it for. I hope that this has inspired or at least has gotten you thinking about how you can push your skills to help the people around you, as well as shed some light on some basic principles of user experience design that are too often overlooked.

The source code and schematics for this project are available on Github34. Feel free to interpret this project in your own way to help someone you know.

To conclude, one of my favorite quotes, from author James Jesse Garrett:

“User-centered design means understanding what your users need, how they think, and how they behave — and incorporating that understanding into every aspect of your process.”

Further resources Link

(cc, al, ml)

Footnotes Link

  1. 1 http://iamtheream.io/dustinsWords.html
  2. 2 https://www.smashingmagazine.com/wp-content/uploads/2014/11/02-sketches-opt.jpg
  3. 3 http://iamtheream.io/dustinsWords.html
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2014/11/02-sketches-opt.jpg
  5. 5 http://www.w3.org/WAI/redesign/ucd
  6. 6 http://www.instigatorblog.com/day-in-the-life/2011/04/26/
  7. 7 http://www.autism.org.uk/sensory
  8. 8 http://thenounproject.com/
  9. 9 http://www.radioshack.com/product/index.jsp?productId=2062285
  10. 10 https://www.smashingmagazine.com/wp-content/uploads/2014/11/04-early-prototype-opt.jpg
  11. 11 http://iamtheream.io/dustinsWords.html
  12. 12 https://www.smashingmagazine.com/wp-content/uploads/2014/11/04-early-prototype-opt.jpg
  13. 13 http://arduino.cc/en/Main/ArduinoBoardYun?from=Products.ArduinoYUN
  14. 14 https://www.temboo.com/arduino/yun/getting-started
  15. 15 https://www.smashingmagazine.com/wp-content/uploads/2014/11/05-build-opt.jpg
  16. 16 http://iamtheream.io/dustinsWords.html
  17. 17 https://www.smashingmagazine.com/wp-content/uploads/2014/11/05-build-opt.jpg
  18. 18 http://instagram.com/p/lFkeu-DnfS/?modal=true
  19. 19 http://iamtheream.io/dustinsWords.html
  20. 20 http://instagram.com/p/lFkeu-DnfS/?modal=true
  21. 21 https://www.smashingmagazine.com/wp-content/uploads/2014/11/06-build-opt.jpg
  22. 22 http://iamtheream.io/dustinsWords.html
  23. 23 https://www.smashingmagazine.com/wp-content/uploads/2014/11/06-build-opt.jpg
  24. 24 https://www.smashingmagazine.com/wp-content/uploads/2014/11/07-build-opt.jpg
  25. 25 http://iamtheream.io/dustinsWords.html
  26. 26 https://www.smashingmagazine.com/wp-content/uploads/2014/11/07-build-opt.jpg
  27. 27 https://www.smashingmagazine.com/wp-content/uploads/2014/11/08-build-opt.jpg
  28. 28 http://iamtheream.io/dustinsWords.html
  29. 29 https://www.smashingmagazine.com/wp-content/uploads/2014/11/08-build-opt.jpg
  30. 30 https://www.smashingmagazine.com/wp-content/uploads/2014/11/09-in-progress-web-site-opt.png
  31. 31 http://iamtheream.io/dustinsWords.html
  32. 32 https://www.smashingmagazine.com/wp-content/uploads/2014/11/09-in-progress-web-site-opt.png
  33. 33 http://vimeo.com/96746468
  34. 34 https://github.com/iamtheream/brothersSmsDevice
  35. 35 http://www.iso.org/iso/catalogue_detail.htm?csnumber=52075
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

My name is Matt Reamer and I'm an Experience Designer at Team One USA in LA. I design experiences both digital and physical and with everything I create or discussion taken part in, I hope to create curiosity, wonder and utility for everyone who interacts with the outcome.

  1. 1

    This is an inspiring article and a very interesting read.
    Thank you very much for sharing!
    I wish you the best for you, your family and the future of your helpful product.

    10
  2. 2

    Really nice case study, and a nice way of conveying the need for user-centred design.. But what I really wanted to say is, I think it’s a great project you’ve been working on. Hope it’s proving to be useful for your brother and family already, and I hope it develops into something that more people can benefit from. Thanks for taking the time to write it up.

    3
  3. 3

    Matt, I can’t thank you enough for what you are doing for your brother, let alone for other people too that face the same situation like yours.

    I’m honored to have met you and your family through this article.

    Give your brother lots and lots of hugs and a basket of sweet kisses to your precious mom; she’s a real superheroine.

    Cheers bro.

    2
  4. 4

    Drew Griffith

    December 2, 2014 4:12 pm

    Hey, this was a great article! I just started playing with the Arduino Uno board last night and found it to be so much fun. Your article makes me want to do more with it now!

    0
  5. 5

    It was really inspiring! Great read, grat idea :)

    I want to hear more from this story!

    1
  6. 6

    “The More You Fail, The Greater Your Success”
    Hmm… do you think companies would agree with this title? Or the people who became unemployed due to their company’s repeated failure? Or how about the one(s) who kept failing and as a result they got into such a depression that they ended up committing suicide. While I can see what you had in mind, I don’t agree with the title being true.

    -40
  7. 7

    Matt, this was a great article and very moving story. I am blown away by what you were able to create for your brother. I wish you and your family the best and hope this product can help more and more people.

    This story goes hand in hand with User Experience research and I appreciate you putting a fresh spin on how UI/UX is important in all aspects of life.

    Well done sir.

    4
  8. 8

    Maruf Abdullah

    December 2, 2014 10:43 pm

    I never lose; Either I win or I learn from mistake.

    -10
  9. 9

    Samson Madella

    December 2, 2014 10:49 pm

    Way to go, Matt.

    2
  10. 10

    I really liked this article! impressive and easy to read! thank you so much!

    1
  11. 11

    From this article every one should inspire and change their towards the success.

    -1
  12. 12

    Very inspiring article. Keep up the good work.

    1
  13. 13

    Hey! Matt. Thanks for such an informative case study. This case study actually changed my perspective of looking user centered design.

    1
  14. 14

    The image of the two boys in the bath is highly inappropriate in this article. It’s NSFW for starters!

    -27
  15. 15

    Thanks all for the positive feedback! I cannot stress enough the gratitude I have for you all taking time to read this article. Much love to all who helped this process along and who are continuing to further developments in design and technology to help those less fortunate. <3

    8
  16. 16

    Great read. Reminds me of when I finally got my dad (then in his 70’s) online back in the late 1990’s when I was in design school. I had the great idea of designing cheat sheets for him for things like checking his email and even just getting online. I went through many iterations before I found something that made sense to him and was easy to use. Believe me, it did not look “cool” to my design-school sensibilities but it worked.

    I’d been doing UX design without even knowing it at the time. I remember feeling way more gratification from this work than any project I’d done in design school.

    3
  17. 17

    As a developer who also knows some design and has a little brother and sister who both have autism, I can totally relate to this article. I am curious to see further development and customization of this product!

    Also great article on UI and UX!

    2
  18. 18

    This is an awesome real-world example about UI & UX principles but it is more about an awesome brother.
    Matt: Your brother has a fantastic brother!

    3
  19. 19

    Thank you for sharing your story Matt. It is such an inspiring piece and truly a great reminder that understanding our users should always be at the forefront of our thinking process.

    1
  20. 20

    Adrien Sanborn

    December 8, 2014 10:09 am

    This is beautiful! It’s an excellent practical application of user-centered design iterations, and it’s downright moving.

    This will definitely affect the way I think of future designs, both in terms of my process, and the intended impact.

    You rock!

    1

↑ Back to top