Email iconarrow-down-circleGroup 8arrow-rightGroup 4arrow-rightGroup 4Combined ShapeUntitled 2Untitled 2ozFill 166crosscupcake-icondribbble iconPage 1GitHamburgerPage 1Page 1LinkedInOval 1Page 1Email iconphone iconPodcastpushpinblog icon copy 2 + Bitmap Copy 2Fill 1medal copy 3Group 7twitter icontwitter iconPage 1
design case study hero

sketching session

When it comes to solving a problem for your customers, it’s important we work together by combining our product delivery expertise with your understanding of the customers and market.

The first step in the design process is to start generating ideas, and the easiest way to do that is by sketching them in a collaborative session. We’re not talking about detailed drawings here, but very quick, rough wireframes. The rougher the better as there’s less attachment from the sketcher. This also means that there’s a low barrier to entry: anyone can do it.

sketching session cheatsheet

the building blocks of our wireframes

TIP: We use a trick from the Sprint Book called ‘crazy eights’ which involves folding paper into 8 or 6 sections to sketch out ideas. The aim is to get everyone to sketch more than one solution for the opportunity by encouraging people to think outside the box.

At the beginning of a sketching session we review the user stories, research and any other information that supports what we are trying to achieve. We ask each person to sketch more than one idea because it encourages them to think beyond a fixed view of how something ‘should work’: it’s always the second and third ideas where creativity really starts to flow.

We’ll take it in turns to explain our ideas to the rest of the group and answer questions and then vote on our favourite elements, at which point it’s easy to spot the most popular solutions. These often come from different people so we may need to create a new wireframe, or explore more than one version.

sketching session

voting on our sketches

PROTOTYPE

The outcome of the sketching session is converted into a vanilla digital wireframe and shared with the group to ensure we’ve correctly interpreted what was agreed.

After tweaks we use InVision to create a clickable prototype which we take into user testing.

validate

We validate our solution by running user testing sessions on a selection of end users. This step reduces the risk that we’ll build the wrong thing.

We create a test script using real life scenarios a user might encounter to see if they use the prototype in the way we expect. Observing them carrying out these tasks allows us to see any pain points and triggers a conversation for after the session.

TIP: One of us will tend to take notes whilst someone else is there to provide any support the user needs. Ideally the user can perform the tasks outlined in the test scenarios without any intervention but if they need help, that’s a sign we might need to discuss particular pain points and possibly adjust the user experience.

Following the session we make the necessary changes to the prototype and retest it. We may iterate over this process a few times to end up with a final solution but it’s time well spent: it’s significantly less effort than reworking software that’s already been built.

design

Once we’ve got a solution that we’re all happy with it’s time to work some creative magic into the product. This is where we go from a low fidelity prototype to something that really stands out in the market. Not only do we have a solution that meets your customers' needs and allows them to perform tasks easily, we now have a digital product that looks fantastic and stands out from the crowd.

wireframes

feedback from the team

Get in touch if you’d like our help

Whether you’re a startup or established business, we can help you to innovate, compete and grow. The first step is easy: contact us.