{"id":6197,"date":"2017-03-20T11:30:09","date_gmt":"2017-03-20T11:30:09","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=6197"},"modified":"2017-03-20T14:37:17","modified_gmt":"2017-03-20T14:37:17","slug":"design-the-beginning","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/design-the-beginning\/","title":{"rendered":"Design the Beginning"},"content":{"rendered":"

Pretty much any time we design something new, we start at the middle.<\/p>\n

See, the middle is when someone has a problem\u2014she\u2019s bored, she has a question, she needs to get somewhere, she wants to buy something\u2014 and voila!<\/em> She whips out this New Thing we\u2019ve designed, goes through this amazing experience we\u2019ve crafted, and merrily solves her problem. Happy customer++! She sings our praises and awards us a big, fat 5-star rating. Our New Thing blows up and makes us famous while simultaneously making the world a better place. Everyone lives happily ever after. The end.<\/p>\n

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

\"The middle is how everything should work, when everything else is\u00a0working.\"<\/p><\/span><\/blockquote>\n

In the middle, the main character already knows what New Thing is and why it\u2019s useful. In fact, everyone \u2014 including all her friends \u2014 are already on New Thing. There\u2019s tons of great content in the system. Everyone is doing exactly what you were hoping they\u2019d do.<\/p>\n

When we design the middle, we tell an aspirational story, a North Star<\/a>, to paint a picture of a future we want to see.<\/p>\n

This is all fine and good. Starting at the middle is not the problem.<\/p>\n

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

\"The problem is that we often neglect to design the beginning until the very end.\"<\/p><\/span><\/blockquote>\n

We do this every time design new user experience <\/em>shows up as an item on a checklist of \u201claunch blockers\u201d. Or when we hurriedly cobble together a blank state screen when an engineer asks Hey, what should I implement when we don\u2019t have any content to show here?<\/em> Or when we finalize a launch date before we start thinking about the marketing strategy.<\/p>\n

We assume it\u2019s easy to get past the beginning. We assume that everybody else, like us, will see straight through to the middle, to the potential of the new thing we\u2019re designing. For makers, this is the most powerful, most damaging self-delusion there is. This is the reason so many new products and features fail.<\/p>\n

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

\"Nobody cares about the thing you\u2019ve designed, unless you can get them past the beginning.\"<\/p><\/span><\/blockquote>\n

The \u201cbeginning\u201d is how you introduce something new to a person, and how you will get them to understand its value such that they incorporate it into their lives. When you set about designing the beginning, you are forced to consider the following hard questions:<\/p>\n

    \n
  1. Where and how will people first hear about your product or feature?<\/li>\n
  2. What should people understand about your product at a glance, and is that compelling enough to convince them to go through the trouble of trying it out?<\/li>\n
  3. What should people\u2019s first-time experience through your product be, and how do you plan to demonstrate to them its value within the first minute?<\/li>\n
  4. How will you build out the social graph, content inventory, marketplace, etc. if the success of your product is dependent on those things?<\/li>\n
  5. What would compel somebody to come back and use your product a second or third time?<\/li>\n<\/ol>\n

    \"These questions ought to be considered almost immediately after you have your initial North Star, and I can think of no better tactic to do so than the following: design the marketing page <\/strong>and design the new user experience<\/strong>.\"<\/span><\/p>\n

    Design the marketing page<\/strong>: this could be the app store submission, or it could be a website. It doesn\u2019t have to be fancy, and there\u2019s no need to get all nit-picky with the visuals or the words. Seriously, you\u2019re not designing something to ship right away, so don\u2019t waste your time on refinements. The point of doing this is that by the end of it, you should have a very clear articulation for your product around what problem it solves, and why someone might be interested in trying it out.<\/p>\n

    Design the new user experience (NUX): <\/strong>imagine the first person who is going to use this shiny New Thing you\u2019ve built. What is their step-by-step flow through the first-time experience? If you\u2019re launching a new feature within an existing app, this forces you to think about who should get access first, and how you might introduce the feature to them (loudly with a big megaphone banner, or softly with a subtle link?) If you\u2019re launching a new app, this forces you to consider the tone of the first impression you want to make.<\/p>\n

    In either case, I find that forcing yourself to design the NUX brings you into a mindset where you\u2019re thinking about how you\u2019re going to get people to take the actions you want them to take in order for them to start seeing value (whether it\u2019s creating an account, inviting their friends, answering a few personal questions, importing media, allowing permissions, etc.) Again, the specific design details don\u2019t matter much at this point (and the NUX you ultimately ship will go through many iterations and probably look quite a bit different), but this exercise forces you to start planning early for any challenges related to bootstrapping and clarity.<\/p>\n

    \"An incredible benefit of designing your marketing page and your NUX early is that right away, you can start getting feedback from\u00a0people.\"<\/span><\/p>\n

    You can put the designs in front of people and start getting early signal on whether what you\u2019re proposing is compelling and understandable. For our Moments<\/a> product, we user-tested multiple versions of an early marketing page (really, it was just a headline and a few paragraphs of text describing all the things we thought Moments could help people do), and it was immensely helpful in getting us to focus on a few key use cases, cut out a bunch of other features, and dial in how we talked about the app.<\/p>\n

    Getting someone through the beginning is hard. That\u2019s why most New Things fail.<\/p>\n

    Look at my phone as an example. There are dozens of apps installed that I\u2019ve used once or twice, and then never again. There are hundreds of apps I\u2019ve heard about, and couldn\u2019t be bothered to download and try. There are millions of apps beyond that, apps I\u2019m not even aware of and won\u2019t be actively looking for. All of those failed to get me past the beginning.<\/p>\n

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

    \"Don\u2019t make the mistake of assuming you\u2019ll be able to get people to the middle.\"<\/p><\/span><\/blockquote>\n

    Design your beginning early, and make sure your value prop sings, your messaging is spring-water clear, and you have a well-charted path that beckons your main character to embark, to take a leap of faith that the journey will be worth it, and that at the end they\u2019ll end up somewhere better than they were before.<\/p>\n

    This article was originally published on Julie's Medium page<\/a>. <\/em><\/p>\n

    Photo credit Magic Madzik<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    Pretty much any time we design something new, we start at the middle. See, the middle is when someone has a problem\u2014she\u2019s bored, she has a question, she needs to get somewhere, she wants to buy something\u2014 and voila! She whips out this New Thing we\u2019ve designed, goes through this amazing experience we\u2019ve crafted, and merrily solves her problem. Happy… Read More ￫<\/a><\/p>\n","protected":false},"author":95,"featured_media":6202,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-6197","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\t\n\t\n\n\n\n\n\t\n