{"id":3096,"date":"2016-10-05T12:12:41","date_gmt":"2016-10-05T11:12:41","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=3096"},"modified":"2016-10-05T12:20:40","modified_gmt":"2016-10-05T11:20:40","slug":"tips-to-help-stakeholders-understand-prototypes","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/tips-to-help-stakeholders-understand-prototypes\/","title":{"rendered":"Tips to Help Stakeholders Understand Prototypes"},"content":{"rendered":"
<\/div>
<\/svg><\/div>

\"Presenters need to steer the ship.\"<\/p><\/span><\/blockquote>\n

As designers, we typically pick up new software pretty quickly. Often due to most of our days being spent working with it. Technical software like Lightroom, Photoshop, Sketch or even text editors like Atom become normal to us. Thus, when we incorporate simplified prototypes, we could never expect there to be any confusion. <\/p>\n

Yet, there can be. <\/p>\n

It\u2019s important not to project our familiarity with software, or practices onto others\u2013especially, stakeholders. From small startup CEO\u2019s to the founder of a global fashion brand, I\u2019ve seen people stumble through prototypes. It has nothing to do with their position or knowledge. What matters is that hiccups can imprint themselves on the brain of someone you\u2019re seeking approval from - or collaborating with, potentially affecting your ability to move forward.<\/p>\n

For example: you go to a new restaurant. You wait a while to get seated. Your server forgets to refill your water. You start to get hungry and your order hasn\u2019t been taken. They\u2019re playing Barbara Streisand classics a little too loud. Finally, you get your dish. It\u2019s delicious, yes, but you feel like the experience was a let down. The product didn\u2019t exempt the errors of the service. Each imperfection was a dash on a board that was tallied up at the end of the experience. It is up to the designer to minimize those marks. <\/p>\n

<\/div>
<\/svg><\/div>

\"The product didn\u2019t exempt the errors of the service.\"<\/p><\/span><\/blockquote>\n

No matter how perfect a user flow seems, there\u2019s always a bit of barrier to entry on learning a new tool. Think of the first time you encountered a new product. Was there a slight moment of intimidation when first experiencing its interface? Think of that and amplify it by ten. Designers are accustomed to new tech. Many aren\u2019t. Clients may often just want to stick with what they know. Still in love with PowerPoint, using Internet Explorer or still rocking skeuomorphic iOS 6. Preferring endless email chains to concise Slack conversations. Hesitant to trust Venmo or Square Cash. I\u2019m generalizing a bit, but you get the point. <\/p>\n

How can we smooth prototype presentation to stakeholders?<\/h3>\n
    \n
  1. Get the ball rolling.<\/strong> Show your audience a simple interaction to trigger that \u201cah, that\u2019s how it works\u201d moment that smashes down any entry barriers.<\/li>\n

    A former creative director I worked with wanted to understand Marvel. We sat down, walked through the front end and back end of a prototype. With each tip, the time needed to understand each lesson minimized. She was proficient in only a few minutes and became a fan of the tool I was hoping to standardize.<\/em><\/p>\n

  2. Make them feel savvy.<\/strong> Like familiarizing yourself in a new city, you can know your way around without knowing every nook and cranny. Explain the purpose of a prototype and show them how hotspots and gestures work to help them feel proficient in use. Their empowerment is your empowerment.<\/li>\n

    After showing a simple navigation open interaction for a mobile site, my client was so pleased with how simple the prototype was and how easily she could understand my thinking that she happily approved the design.<\/em><\/p>\n

  3. Keep the presentation on track.<\/strong> When an interface is in front of someone with vested interest and the freedom to man the device, they will begin tapping away. You\u2019ll be talking about how you access your account page while they\u2019re off looking at an \u2018About Us\u2019 page. Their distraction is ground you have to make back up.<\/li>\n

    I once presented a customization tool to the founder of a company that generates hundreds of millions of dollars a year. I thought sharing the link with those in the room to follow along would be a wise idea. I was wrong. Each person started tapping away leading to question after question, which I was eventually going to methodically manoeuvre them through. I spent my time belaying questions instead of presenting. Point being: presenters need to steer the ship.<\/em><\/p>\n

  4. Give them a journey.<\/strong> If you want to show a stakeholder a flow, tell them what task to try. For instance, \u201ctry accessing your shopping cart\u201d or \u201cnow, navigate back to your profile page\u201d. Giving them a destination allows them to stay in the confines of what you\u2019re trying to explain. They see through your eyes how their product should work, whilst reinforcing trust. Each one of these wins gets you closer to an affirmed approval on your work.<\/li>\n

    You may find prototypes have a different use in your work, so also explain their purpose when sharing. I will sometimes use prototypes outside of UI\/UX; I can easily share 20 pictures, allowing users to slide through them and simply reply with which are his or her favorite. Without conveying a basic function of the prototype - or how to use it - you may add a hiccup to their experience.<\/em><\/p>\n

  5. Explain how they\u2019ll receive your changes.<\/strong> With tools like Marvel, your prototype link magically updates. Clients may often expect an updated file.<\/li>\n

    I\u2019ve made the mistake of saying \u201cOk, I\u2019ve changed the color of the header. What do you think?\u201d only to receive: \u201cWhere\u2019s the updated file?\u201d This was due to the failure of doing tips one and two.<\/em><\/p>\n

  6. Bookmark it!<\/strong> Busy clients are always on the go. They don\u2019t want to sift through emails\/Slack channels for links you\u2019ve sent. Suggest they add your link as a bookmark, so that they can easily access it from their phones when revisions are ready. It\u2019s a nice way to show you care about saving their precious time. Remember it\u2019s all about delivering a good experience!<\/li>\n
  7. Feedback!<\/strong> Most prototype apps allow for direct commenting, which saves a lot of time for both parties. No need to toggle between Slack and the prototype for them to send feedback. Their thoughts are expressed directly on top of your design, so nothing can be missed. This pairs perfectly with the bookmarked link. A bustling stakeholder can simply tap the bookmark icon and immediately let me know what they think.<\/li>\n<\/ol>\n

    It sounds silly to have to explain such simple things like prototypes to stakeholders or even to have to explain how to explain it to them. As I\u2019ve learned, however, the ingrained ability of designers to understand visual messages and the familiarity with such practices can be a luxury that not everyone has. That\u2019s why we\u2019re helping them in the first place. <\/p>\n

    <\/div>
    <\/svg><\/div>

    \"Anything we can do to help familiarise them with best practices and tools is a service to our industry.\"<\/p><\/span><\/blockquote>\n

    On a bigger scale, anything you can do to optimize the experience of a client\/stakeholder working with you only enriches your value to them. The founder of a bustling startup has a million things to worry about. Don\u2019t be number 1,000,001. <\/p>\n","protected":false},"excerpt":{"rendered":"

    “Presenters need to steer the ship.” As designers, we typically pick up new software pretty quickly. Often due to most of our days being spent working with it. Technical software like Lightroom, Photoshop, Sketch or even text editors like Atom become normal to us. Thus, when we incorporate simplified prototypes, we could never expect there to be any confusion. Yet,… Read More ￫<\/a><\/p>\n","protected":false},"author":46,"featured_media":3704,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-viewpoint"],"acf":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n