<p>Published on <a href="https://blog.prototypr.io/the-bus-is-coming-run-42c088cf4725?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Bonnie Lynn Tran <img alt="" src="https://cdn-images-1.medium.com/max/478/1*0hyGW8FdiKre8H5OXML3Tw.jpeg">Me running for the bus because it decides to come earlier than expected.</p>
<p>My daily commute involves a cycle of obsessively pocketing my phone and then pulling it out to check OneBusAway, a mobile app that provides real-time transit data. I often find myself on this train of thought: When does the 271 arrive? When should I leave campus in order to minimize the time I’ll have to wait at the stop?! Is the bus going to be late?! The answer is probably yes and so, I pull out my phone again despite checking only moments ago.</p>
<h3>Smart Watch Design Exercise</h3>
<p>Although a minor annoyance, I know I am not alone in my public transportation induced fretting. I found this to be the perfect problem for this week’s paper prototyping challenge: to design for a smart watch. Makes sense– smart watches are meant to be less obtrusive to interact with compared to a phone. For this exercise, I prototyped OneBusAway on a smart watch interface, which simplifies bus time information and updates users on estimated time of arrival through haptic feedback. As users interact with OneBusAway either on mobile or watch, the interaction is mirrored on the other.</p>
<h3>Paper and Post-Its</h3>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4mnRkeQFEQ6n3lgJ_QByrQ.jpeg">Smart phone and smart watch paper prototypes for OneBusAway</p>
<p>To test the concept, I used low-fidelity paper prototyping techniques. Paper, card stock, and sticky notes were used to build the concept. As shown in above, screens were drawn along a single axis that can be pulled up and down (on the mobile prototype) or side to side (on the watch). Sticky notes were overlaid in order to show the effect of changing time on haptic feedback. These methods worked well in simulating the interaction, especially sliding from screen-to-screen through the frames. Overlaying sticky notes was less robust; pulling off the stickies to reveal an updated time could be quicker. The sliding technique may be an option here. Vibration output was the one interaction I could not represent with paper prototyping– I had to call on the Wizard of Oz for this one.</p>
<blockquote><p>“Buzz, buzz, buzz, buzz, buzz” — Bonnie buzzes</p></blockquote>
<h3>Learnings</h3>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*jSY_XUN-APJjkHDre0EpdA.jpeg">Participant wearing the prototype<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*mzvTdiAbzM9LZI-4QbxxHg.jpeg">Feedback from colleagues</p>
<p>User testing brought about positive interest, demonstrating that a smart watch extension of OneBusAway’s mobile app would be desirable. However, improvements can be made. Several participants pointed out unclear navigation from screen-to-screen. This is a usability issue that I would address by adding a ‘back’ button. One participant further suggested exploring notifications for bus delays.</p>
<p>Overall, testing and evaluating a low-fidelity paper prototype was a solid first step in surfacing feedback and design directions.</p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=42c088cf4725" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/the-bus-is-coming-run-42c088cf4725">The Bus is Coming. Run!</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


The Bus is Coming. Run!

Top Stories