News and blog posts from our students and faculty

Category Archives: Uncategorized

CapMetro App Revamp: “Final” Iteration + User testing

Over the last 8 weeks in our Rapid Ideation and Problem Solving class we have been working on a redesign of Austin’s public transportation app which can be found in Apple & Android App stores under the name “CapMetro.”  Each week we have created a new iteration of the application, performed user testing using paper prototypes, and presented a new iteration of the design to our class for critique.  This week marks our “final” iteration. I’m using “final” in quotes because a valuable lesson learned from iteration, testing & critique is that there’s always room for improvement and always insights to gain from further testing.


Above is the latest version of my wireframes for the CapMetro application, broken into three flows:

  • “When is my bus arriving?”
  • “Planning a trip & Saving a location”
  • and “Buying a pass.”

These flows are based on the concept map below:



Before I get into the findings from my final round of user testing, I want to give you a brief look at the process and the evolution of the designs over the past 8 weeks.

8 weeks ago, I started this project by navigating through every screen of the current Cap Metro application taking screenshots of every screen.  I then printed out every screen, pinned them to the wall according to the app’s architecture and created a concept map of the entire system which can be seen below.


At this point, having a good understanding of the current application I created a new, revised concept map, taking out unnecessary and redundant features & interactions and started to sketch out a new design.  My first sketches can be seen below:

I Need to Buy How Do I Get To __Where is My Bus


After the first round of sketching, we presented our visuals to the class and had a formal critique of the designs.  It’s funny to look back now and think about how uncomfortable everyone seemed sharing their opinions during our first formal critique and how uncomfortable it was to receive critical comments about our designs.  It’s funny because critique has become such an integral part of our design process;  We now share our opinions about each other’s work and solicit feedback to better our designs almost constantly.  Without direct critique and feedback, my design would have progressed at a much slower rate.  This has been a very valuable lesson; one that now seems obvious.

At this point, I took the opinions I received from my classmates and incorporated them into my design and put them into a digital format.  My first digital iteration can be seen below:


The idea of wireframing is to create low-fidelity renderings of screens in order to map out the system flow.  As you iterate and the system starts to take shape over, you can then increase the fidelity.  The purpose of starting low fidelity, is that it allows you to get feedback specifically surrounding the structure and not the visuals.  If you start with high fidelity, people will have a harder time focusing on the structure and will start to critique color and aesthetic choices that are irrelevant at the early stages of design creation.

From here, we incorporated user testing into our process. We tested our designs using paper prototypes making use of a method known as the Think Aloud Protocol.  This process involves a test subject interacting with paper screens as they would with an actual device, and while they are interacting with the screens they are also saying out loud whatever they are thinking.  This method gives the designer insight into what a person is thinking as they use the product.  If the user were only to interact with the screens and not think aloud, we would be forced to guess why they performed certain actions.  Having them speak aloud provides valuable insights you wouldn’t be able to garner otherwise.

We continued this process of iteration, testing and critique every week.  Below are further iterations showing each week’s progress:

Iteration 4:


Iteration 5:


Iteration 6:


This week I tested Iteration 7 at a local bar with 5 individuals I have never met using the Think Aloud Protocol I discussed above.  I had a number of insightful findings from this week’s tests.  The first opportunity for improvement I found deals with the screens below:



On these screens, the user is adding their home address as a “favorite.” What I found through user testing, is that individuals thought it was odd that they entered the address as a favorite and then had to tap it a second time in order to actually proceed onto planning their trip.  On my next iteration I would skip the second screen entirely and move onto planning a trip with the assumption that they typed it in because they want to go there (a safe assumption to make).

My second and third finding deals with the screen below:


I made the tasks more difficult this time around, forcing users to use previously unexplored areas of the app.  I tasked the users with navigating to a destination, leaving at a later time, and saving that destination as a favorite.  Everyone had an easy time navigating to the destination, and would make it to the screen above with no problem.  However, most of the users skipped over the other two parts of the ask.  Because they would reach the screen above and were left without any additional options, they felt lost.  This showed me a few areas for improvement:  This navigation screen should have both the exact time of departure and the option to change the departure time to a later time or date.  This screen should also allow the user the option to save the destination as a favorite.  Both of these actions are currently only available on earlier screens.

Moving forward I would want to further test the navigation features, and have the user go through an entire trip from start to finish as if they were actually on a bus, and maybe incorporate them turning on and off their screens during the trip, instead of just having them click through screens logically without any sense of distance or time.  I would also want to turn these wires into a clickable, digital prototype to test the moving interactions and affordances to see how they are perceived by users.

Over this quarter, I have learned a lot and enjoyed seeing the progression of my designs and the designs of my classmates.  I’ve learned the value of iteration, the value of critique, and the value of testing.  I’ve built skills in systems thinking and the use of visual design tools. I’ve built something I’m proud of and something that I’m confident would work if it were to actually be built and further iterated on.

If you have any feedback on this “final” iteration, please feel free to leave a comment below.

Posted in Classes, Uncategorized | Leave a comment

High Fidelity – How to ask the right question

At Austin Center for Design one of the nicest things you can hear is Jon Kolko saying, “You made a thing. I’m proud of you.” You made a thing?  A major tenant of the curriculum is learning to make artifacts as tools to ask questions and make arguments. Ever step of our seven-week-long, iterative assignment to redesign the smart phone app for Austin Public Transit System, Cap Metro, has been about exploring how to create artifacts that ask a question and get the information needed for that stage of the process.

The first week we created a system flow with screen shots from the existing CapMetro app and then created a concept map of the existing app and a concept model of our proposed redesign. A concept map is a visualization of the structure of a system to understand complex interactions that cannot all be viewed simultaneously in the actual product. We started here because this is the right thing to make for the questions we were trying to ask, namely: How does the existing app work and what is wrong with it? What should we do instead? If we had started by recreating and then improving upon a single screen from the CapMetro app, we would have created an artifact that would be excellent for asking questions about CapMetro’s typographic and layout choices, but would not provide useful information about the overall structure of the system.

The second week we started creating wireframes for our proposed new system. Wireframes represent the layout of a screen that focuses on functionality and interactions, rather than visual design. We have iterated on our wireframes each week for the last six weeks, as well as updating our concept model to represent our iterations.

At week three we had iterated on the wireframes once, and it was time to go out and get feedback from real people. To do this we used a method of user testing called the think-out-loud protocol with paper printouts of our wireframes. The user is given a task to perform using the wireframes. While he is completing this task, the user is instructed to “think out loud”, verbalizing each action as he does it. During the test the researcher acts as the “computer” bringing up the appropriate screens in response to the user’s action.




Each subsequent week of iterating and testing I have had the opportunity to see how the changing level of fidelity of my wireframes, or closeness to the actual thing being represented by the artifact, affects the type of feedback I receive.  In addition to documenting at least three critical breakdowns to address each week, I have found a high-level takeaway from my testing. Many of these have involved how the level fidelity, or closeness to the actual thing being represented by the artifacts, have affected test results. A few weeks ago my high-level takeaway was about the need for better visual consistency and hierarchy in my typography and graphic elements throughout the system – a fidelity issue. Last week, I realized that I was trying to test navigation at a level that depended on the user having a spatial understanding of how on and off screen elements related to one and other. This is largely communicated through animation that was not coming though on paper screens. For my final user tests I created an on screen, clickable prototype, so I could model some of those animations.


[Link to clickable prototype here: ]


What I found from my user testing is that the fidelity  of the clickable prototype created a number of issues of its own. Because the prototype looked very real, and some of the gestures felt like a real application, users were derailed when it did not behave the way a real application should behave. This was especially true for the keyboard, which was just an image with certain sections mapped as hot spots to link to other screens and the map, which was also just a static image and so did not allow for zooming in and zooming out.

“Wait, the keyboard is broken…” – User 2


Despite these issues, I got useful validation on my updates to the real time bus arrival feature, called Next Bus (see Next Bus Flow below), and feedback that lead to a final tweak to my on-going attempt to integrate step-by-step written directions to a destination with the map of the route (see screen 27 and screen 29 from the Search Flow).



“I don’t expect to swipe [between things] on a map.” – User 4





flows-02 flows-03


So, that’s it for this quarter. I made a thing, and I’m proud of me. I have learned about the specifics of designing a transportation application, about the tools and techniques available for wire framing and I have continued to hone my ability to craft artifacts that elicit feedback that is useful.

Posted in Classes, Uncategorized | Leave a comment

CapMetro App Revamp: Iteration 5 + User Testing


This week in our Rapid Ideation and Problem Solving class we are presenting the fifth iteration of our redesigned mobile application for Austin’s public transportation provider, CapMetro.  Each week we run a formal critique in class to gain feedback from from fellow students, faculty and visiting lecturers, and use the information we gather from these critiques to iterate on the look, flow and functionality of the design.  The last three weeks we have also incorporated user testing as means to gaining insight into the usability of our designs.

The format of user testing we have utilized is called the Think Aloud Protocol.  The Think Aloud Protocol involves a user who interacts with one wireframe at a time as if it was an actual device.  The person administering the test acts as the “computer” and is responsible for giving the user the next appropriate screen based on their interactions.  On top of observing the user interacting with the design, the users are asked to verbalize what they are thinking as they interact with the screens.  As it turns out, humans are pretty good at verbalizing what they are thinking while they are thinking it, and it has been shown that verbalizing those thoughts doesn’t significantly effect their actions.  This makes this form of user testing extremely valuable for designers who are always looking to understand both the how and why behind people’s actions.  Other forms of testing, specifically tests that accumulate metrics, are good at understanding how people interact with a product, but without hearing people verbalize their rationale behind certain actions, they’ll only be able to guess as to the why. 

That said, this form of testing is easier said than done.  It may seem obvious, but I’m finding that in order to get rich data, it takes a test subject who isn’t reluctant to speak aloud about what they are thinking.  To maximize the likelihood of success, the person administering the test must focus on the way they present the test to the user.  Using self-deprecation, giving an example of how thinking aloud sounds, assuring the user that the design is being tested, not them, and even telling them that they are testing somebody else’s design so they are not afraid of hurting the test giver’s feelings can help put the user at ease and make for more useful data.

This week I went to a local bar with some of my fellow design students and we set up shop offering to buy people beers of they would user test with us.  While it may not seem like a great idea to involve alcohol in a user test, it actually works out great.  A little alcohol seems to diminish some of the inhibitions that usually accompany the awkwardness of thinking aloud in front of a total stranger.  I tested with 5 individuals at the bar, and was happy with the information I was able to learn from them.

The wireframe screens I tested are presented at top, and are organized into three main flows listed in the left column.  These flows are based on the concept map below (click images for a closer look):



The first flow, which is my main “hero” flow, involves finding out when the next bus will be arriving at a nearby stop.  Compared to previous iterations, this task improved significantly.  I focused on increasing the fidelity of these screens this week, and it was great to see the impact this had on how well these screens were navigated.  While my main flow improved significantly, the other two flows did not see as much success.

The screen below from my second flow gave some people trouble:


The icons circled in the picture are meant to represent “history” or “recent searches” but this is not obvious to the user and so I will be providing a heading above these in the future that says “Recent” in the same way it says “Favorites” above favorites.  I also think some of the confusion from this screen is just a challenge of testing a paper prototype; Paper prototypes are static, so the user can’t experience any of the moving/animated affordances.  In this case the user does not experience the keyboard and the “recent/favorites” animating into place, and so they were confused with how this screen related to their previous action of tapping the “Enter your Destination.”  For testing purposes, it may be necessary to provide an intermediate step between these screens, showing the motion, to give the user a more realistic experience.

The screen below also gave people trouble with my second flow:



The location and destination is sized too large, and people were confused why the arrow is pointing to a destination that is not the destination they typed in.  Most people thought the “8min” refers to when the bus will be arriving (and not the duration as I had intended it), and they were confused with why this information is presented with the “leaves at 2:13 pm” thinking this information is redundant.  This week I will be placing a lot of focus on this screen and will try to create a number of iterations playing with size and priority of information, and hopefully next week this screen will be much more clear & usable.

For the third flow — buying a pass — there was one consistent area of confusion that involved the transition between the screens below:



In this iteration, after people enter their credit card information, a button shows up with the card they entered showing as an available payment method.  Through my testing it became clear that this is an unnecessary step.  The user just entered the card number of the card they want to pay with, why am I now forcing them to select that card for payment?  While I could just make an incremental change to fix that, overall, I’m not happy with this flow and want to rethink it completely.  This week I’ll be focusing on simplifying this flow to make it less clunky and flow more naturally.

Overall this week I’m happy with my progress and happy with the information I gained from testing.  I feel like I have a clear path forward and feel confident that my next iterations will continue to improve.  If you have any feedback or thoughts on ways to improve this design please feel free to leave a comment below.

See you next week!


Posted in Classes, Uncategorized | Leave a comment

Perspectives on Debt among 18 – 26 year olds: Who influences? Who supports?

Lauren Segapeli, Samara Watkiss and myself will be spending the next 7 weeks researching the intersection of personal relationships and debt in the lives of young adults. Our interest in this topic arose from the importance of community in micro-lending in other cultures and curiosity why such community-centric financial support isn’t leveraged in the United States.

We will look at the cultural norms and mental models around debt and debt resources and how friends, family and romantic partners influence and support the development of financial habits and financial literacy.

We will focus our research on men and women between the ages of 18-26 from varying socioeconomic and racial groups. People in this age group are in the process of developing their own patterns of financial decision making and faced with many new financial questions.   In particular we plan to talk with individuals who have recently graduated from high school, started a full time job, are going to college, have graduated from college, been recently married, moved in with roommates, or are having children.  We are interested in learning how these life-events affect individuals’ approaches to managing their finances, and the ways in which they utilize their social or family networks to tackle the financial challenges they face.

Through methods of contextual inquiry, we will observe the financial habits of young people in the context which they happen, as well as the tools and artifacts they use to manage and track their finances. We will employ investigative exercises in which the participant will create a timeline illustrating the role finances have played in various stages of their lives. Such participatory exercises will act as creative and reflective stimulus to help pull more rich, detailed information from the participants.

We have developed a full research plan that includes details about the methods and participants we will be focusing on, a weekly schedule, a discussion guide and script to be used throughout the process.  The completed research plan can be found here.

Posted in Uncategorized | Leave a comment

Kicking Off the First AC4D Alumni Design-a-Thon

On Wednesday, October 8th, I jointly kicked off the first AC4D Alumni Design-a-Thon for Social Good.  A Design-a-Thon is a term that I use loosely to describe a shared design process, similar to a hackathon, with “appropriate” time set aside for each phase of design.  Over the next month, our core team of 4 alumni and 12 part-time alumni will be exploring the topic of Linguistic and Cultural Barriers for Hispanics in the city of Austin; a very large and diverse, but seemingly segregated group in our city.

I am so excited to interact with this community, to learn from them, and hopefully come up with an exciting product or service concept that we can actually build.  Y finalmente, yo tengo una oportunidad a usar el lenguaje en lugar de solo preguntado por tacos!  I joke, but there’s definitely something about getting “stuck” in one’s place in the city as I sometimes lament; in not expanding or growing, but seeing things the same way and falling into routines. There will be more posts in the future by other members of the core design team, including Melissa Chapman, Chuck Hildebrand, and Bhavini Patel, tracking both arcs of personal and project experience.  I want to take my time to focus on the expansive nature of this Design-a-Thon, and give context on what it means to me.

First, connection.

I remember Ruby Ku (’11) and I (’13) discussing alumni engagement over coffee at Cenote, one of our favorite spots in East Austin.  The intensity of the AC4D program – working day in and day out, for long hours with the same group of 10 people – feels so imbalanced to the post-program experience, where we haven’t had structured ways to keep involved and connected with each other. That’s disappointing, and something we agreed we should work to change.  The Design-a-Thon was born over that discussion, realizing that we should work together for fun: as a chance to retell stories and laugh, as well as grow professionally.  We can learn so much from each other and build our talents further. Many of us have been apart for 1-2 years, working on different projects and with differing methodologies across Austin.

Second, potential impact.

I remember my first design bootcamp.  I was a non-designer, trying to figure out how to do the process of design, without the actual time to process what I was really doing.  Now, with training and the design toolkit under my belt, I feel more confident in the design process.  Design gives me authority to be in places I don’t belong, and ask questions I should not – what my work colleague Briana would consider the privilege to be “nosy”.  These experiences lead to insights that are the seeds to ideas that through refinement and testing can have great impact and value to individuals.

I think all of us who’ve come through the program define impact in part as working on projects that have the potential to effect reduction in community ills.  We perceive them as the issues that “really matter” to quality of life, and to the largest number of people.  That is the allure.  We all experienced it going through the curriculum, through our own projects or watching ones that other alumni have continued.  We want to follow it now that our skills are growing up.

Many say good design is achieved through design; namely, repetition.  I’m excited to see what we can deliver on during this iteration.



Posted in Uncategorized | Leave a comment

Studio: You are MY sunshine

Even on the dreariest days, in a town where droplets falling from the sky is never a thing you are prepared for, the umbrella service is here, brought to you by Laura Galos, Lindsay Josal, and me, Crystal.

You are my sunshine…


The Result…



Posted in Classes, Creativity, Motivation, Portfolio, Reflection, Uncategorized, UX For Good | Leave a comment

Studio: Sew now what

EPSON MFP image — and imagine the rest of your life, narrated by Alec Baldwin

Posted in Classes, Creativity, Motivation, Portfolio, Reflection, Uncategorized | Leave a comment

Farm to drawing table

Studio class always means getting our hands dirty, but last week it wasn’t just Sharpies and Expo markers. Two of my classmates and I went to a farm as inspiration for our storyboard assignment and came back with a new experience, a box of veggies, and some dirt under our nails. I always have fun drawing storyboards, but this one was particularly difficult to manage with all the details I wanted to include from the trip.

From seeing my classmates’ work, I think that the most emotionally resonant and humorous storyboards include periodic reactions from the main character (or self, if it’s you that you’re drawing). Storyboards are an amazing way of getting others to understand and feel for characters quickly, so the more of those emotional interjections I can include in my future work, the better. Here’s what came out of my experience at the farm (click for a zoomable view):


Posted in Uncategorized | Leave a comment

Design Research in the Context of Addiction

Just three weeks ago, Jeff, William and I began the design research process as students of AC4D by developing a plan focused on learning about what addiction can do to a family. We began by putting our assumptions and ideas about addiction up on a white board and talked through having the experts (not us) teach us what this wicked problem is all about. As new design researchers, it was natural for us to approach this subject with a beginner’s mind.

We reached out to participants identified in our initial research plan including an addict, an addict’s family member, law enforcement and support. We secured the participants for our interviews a few different ways. Some were through personal connections. Others, like treatment and support, were scheduled through email, phone and in-person outreach. We were surprised by how willing people were to share their expertise with us.

Our first interview was with a 19 year old heroin addict. We prepared for this interview by developing questions and building them into a discussion guide. The discussion guide was created with the intent of shaping the conversation and asking questions that we felt would help us better understand addiction. Even after having done this and roleplaying the interview with each other, nothing could really prepare us for what our first participant shared. Hearing about some of the darkest details of his addiction, his attempts at recovery and the overwhelming love he had for his family exposed us to how complex addiction really is.

As design researchers, we came away from this interview with several learnings about engaging with people and moderating the conversation. We felt that having the discussion guide present during the interview was distracting to both our participant and our moderator. Listening back to the interview recording later revealed that our focus on the discussion guide questions prevented us from allowing the participant’s stories to cue the next question. Going into our second interview with the addict’s father, we decided to take a more conversational approach. From this interview, we learned that addiction affects every member of their family and that each person must decide for themselves what their relationship with the addict can be.

The more interviews we conducted, the more confidence we gained in asking for access. We got better at being the apprentice. In our third interview with the executive director of a support program for teens, he walked us through what it was like to have an initial conversation with a teen and their family that has come to seek their help and services. He showed us the assessment tools that the program uses to gain baseline information about a teen’s substance usage.

Our participants were experts on the topic of addiction and it was a humbling experience for all of us to hear their stories and learn from them.

Creating a safe space for our participants has revealed itself to be as helpful to them as it is to us. People don’t usually have the chance to share their lives without fear of being judged. While we did not come away from this research with answers to the complexities of addiction, we are excited to continue seeing where this will lead us next. Click here to see the presentation of our learnings.

Posted in Uncategorized | Leave a comment

Couch Potatoes & Smart Cookies: Teenage Food Choices

Food for thought: how do teenagers make food choices when they’re away from their parents? Does family or income have anything to do with what teenagers eat? What about body image, or gender? Our team (Lindsay Josal, Crystal Watson, and Laura Galos) started with these questions at the outset of our design project for the Design Research and Synthesis class at AC4D. We’ve just wrapped up two weeks of design research, and have documented our journey and the people we met, here.


Using our noodles: What we did

We began with a shared interest in nutrition as a broad topic for exploration. Given a prompt to focus on teenagers and obesity, our group decided to broaden the focus to “teenage eating habits and food choices,” and try to understand influencing factors such as family, culture, gender, body image, and income levels. Over the course of our research, some of those influences clearly applied, some were less important, and unanticipated influences appeared.

Spilling the beans: Talking to teenagers

Our research method was to use contextual inquiry to understand and empathize with the teenagers. Contextual inquiry was important because it meant that we went to the environments where teenagers were naturally making their food choices and observed them as they navigated the process of selection, ordering, paying, and eating. For us, this shed some light on contradictions between the things teenagers said and the things they did. (For example, asserting an interest in eating healthy foods but actually eating chips and soda.)

Before going to each context (Barton Creek Mall, UT dining halls, Torchy’s and Bennu), we had developed a research plan (posted earlier, here). The plan changed a little as we refined our strategy regarding who to approach and where, given the complexities—such the issue of consent—of interviewing teenagers. In the field, we took audio recordings, photographs, notes, and developed a word cloud to allow them to explore their feelings about eating. With these artifacts, we hoped to capture as much information as possible so we’d have a rich pool of data on which to base our synthesis.

In a nutshell: What we found

We heard from six teenagers ranging in age from 14 to 20 (ok, 20 isn’t technically “teenage” but we felt the participant gave us compelling information and was close in age to our target). Along the way, we found a few things that improved our research process, and also learned about teenage culture, especially around food. For us, a few key learnings were:
1. Offering incentive for teenagers’ time made them more open to letting us watch and interview them.
2. That we needed to be more formal about scheduling time with people younger than 17, since arrangements needed to be made with parents.
3. That we could use environments to screen for appropriate candidates (eg, going to UT to find people over 17).

While we haven’t yet begun synthesis of all the information we got from the teenagers, we have found emerging themes connected to food. Several teenagers brought up strong family dynamics around cooking or not knowing how to cook, and who does the cooking in the family. We noticed that dramatic geographical relocations can be very disruptive to food habits and decisions. As previously mentioned, we also saw divisions between what teenagers said they ate and what they actually ate. On the whole, we’re excited to see problems and themes as they materialize from our transcriptions and photos, and look forward to our next phase.

Posted in Uncategorized | Leave a comment