unplugged

Intro

unplugged is website to make the user be able to search about different cabins in different locations and choose the suitable one in specific dates

The Problem

we need to improve the search feature in unplugged website to facilitate booking and make it more clear for user , cause as a user the search is not clear for me to do

Hypothesis

AS ux researcher i want to have more filters to make the search more clear and easy to book cabines on it so i’ll add filters location , check in/out , can add more specific services too

The Solution

👀 Questions & Observations

✍️ Assumptions

Users goal Business goal

⛳️ information architecture

Customer Journey

🔍 UX Research

How Might We

With a picture of the problem at hand starting to come into place, we jumped into the ideation phase and worked through the solution design model, identifying users actual behaviour, and optimal behaviour. This allowed us to form a how might we statement to begin forming a solution.

💡 Ideation

To avoid following the first idea we conducted a series of ideation techniques such as Mind Mapping and Crazy 8's. This allowed us to consider an array of solutions. Following ideation, we mapped what could be improved or added to the product

💡 User Flows

Following Ideation, we created user flows of the existing experience and improved the flow based on the idea that fit with business and user goals

‣

User Stories

To inform the user flows we created a user story to ensure each user flow created had a goal

Unnamed

Mid Fidelity Wireframes

We used a neutral color palette to avoid any decision bias and would use this prototype to get feedback internally. We also used Autoflow in Figma to help us easily map the user flow between each page ahead of converting the pages into a prototype.

Styles & Components

The lo fi prototype helped us recognize frustrations with the experience that we improved at the hi fi stage. To create the high fidelity prototype we inspected the products style and followed the 8pt rule to effectively and easily create a prototype that was consistent with the product styling. Before creating the prototype we defined styles and components to easily and quickly help us design consistently.

High Fidelity Prototype

Below is the final version of the prototype that we created. we included interactions and transitions from Figma to match the products flow.

Testing

With the hi fi prototype created we formed a testing script with scenarios and tasks for the user to complete to validate the prototype with real users. To test the prototype we will be using Maze to gather feedback following every task...

[Insert a screenshot of your Maze test]