Solving the Problem5:31 with Hope Armstrong
Now it's time to present your solution to the design problem! Begin by defining your hypothesis, and then explain your approach.
Solving the Problem
- Rethinking the flow
Next, I get into the solution. 0:00 The theme of this section is to tell a story. 0:03 How did you reach your solution? 0:06 Walk the audience through it. 0:08 Include everything, from rough sketches to high fidelity mockups, as well as anything 0:10 that sparked inspiration including mood boards or screen shots from other apps. 0:16 I start by stating my hypothesis. 0:21 I believe that bringing the recruitment experience in app for 0:25 prospective apprentices, will result in a more streamlined user experience, 0:29 that gives them access to the starter track more quickly, provides more clarity 0:34 in regards to next steps, and frees up time for Treehouse staff. 0:39 We all know this to be true when we see more prospective apprentices being active 0:45 on the starter track, less support tickets relating to recruitment confusion, 0:49 and a reduction in Treehouse staff time spent on recruiting. 0:55 That states my intention for how I want to solve the problem. 1:00 Next, I show how I improved the user flow. 1:04 Here I have some updated user flows that show the new experience I'm creating. 1:08 My plan is to bring the recruitment landing page into the Treehouse app and 1:13 have it auto generate based on a template. 1:17 Then I want to streamline the interest forum so 1:20 that when people want to join, they can automatically get access. 1:23 Then I start showing the mockups for the new flow. 1:29 The interest form went through a couple of iterations, so 1:33 I start with the first iteration. 1:36 Depending on the purpose of the presentation and the time you have to 1:38 present, consider including the iterations that ultimately got scrapped. 1:42 Explaining what worked and 1:47 didn't work, will inform them about why you landed on the solution. 1:48 In an early iteration, 1:52 I redesigned the interest form while keeping the questions intact. 1:54 Later on, you'll see I drastically simplified the form after learning from 1:59 the team that several questions actually weren't used to vet 2:04 candidates in the early phase of the process. 2:08 Here's my first pass at building an a sign up flow after the interest form is 2:11 filled out. 2:15 There's a special variation here for 2:17 when someone with an existing organization account signs up. 2:19 That kind of transfer requires customer support help. 2:23 I also included this idea I had for 2:25 a review queue in our internal admin dashboard. 2:29 We ultimately decided to not go this route, but 2:34 basically the idea was to display the candidates on a dashboard and 2:37 allow admins to review their interests form responses. 2:42 Then admins could accept or deny access. 2:46 We ultimately decided to automatically give new users 2:49 access without putting up a gate. 2:53 I recap the pros and cons of my first iteration here. 2:56 Then I showed my second iteration, starting with the interest flow. 3:02 I builds off the usual tree house sign up form. 3:07 I included the various steps as there are different screens shown to those with 3:10 existing Treehouse accounts and those who do not have a Treehouse account yet. 3:14 Here's the email that's sent us students after they submit the interest form. 3:19 It clearly communicates it's related to the apprenticeship program and 3:23 includes the next steps. 3:27 That wraps up the student facing experience. 3:30 Next is the admin experience within an internal staff only dashboard. 3:33 I start by showing the updates to the admin dashboard. 3:40 This shows the Cohort page, which includes the Generate Landing Page button. 3:44 That leads to another internal page where the landing page template is defined. 3:51 This part of the dashboard is older and not as freshly designed, but 3:56 still works just fine, redesigning it was not in the scope of this project. 4:00 Here Treehouse staff can create a new landing page for a given cohort, and 4:06 customize specific fields such as city and employer name. 4:10 Here are the improvements. 4:15 There are several assets to choose from to personalize the landing page. 4:18 Here are just a few. 4:22 Now, here's the updated landing page design. 4:25 As you can see, it's difficult to read a long web page within a small space on 4:28 a slide, so I've layered a couple of sections of the page here. 4:33 And in the next few slides I've zoomed into each section. 4:38 Here I show that I made the location more prominent. 4:48 The hero image can easily be swapped out in the template. 4:51 I also introduced the program and provided a place to explain 4:56 the partnership, and I clarified the key dates and program timeline. 4:59 I included some extra goodies such as a page that displays the cities we're 5:06 currently recruiting in. 5:10 This wasn't part of the original project goals but 5:12 now that the recruitment is automated, it's easy to automatically generate 5:15 a page that gives everyone transparency into where we're recruiting. 5:20 That covers the project walk through. 5:25 In the next video, I'll show you how I talk about the project plan. 5:26
You need to sign up for Treehouse in order to download course files.Sign up