Prototype stage

The "Easylift" app is currently in the prototype stage of the UX design thinking process. This phase focuses on transforming ideas and concepts into tangible, interactive representations. This phase is about crafting a functional model that captures the essence of the app's features, layout, and user interactions. Through this prototype, we can in the test phase perform test and refine the user experience, ensuring that the final product seamlessly integrates a userfriendly, simple easy, intuitive onboarding sign up process for booking car rides.

Prototype goals

1. Create low-fidelity wireframes that provide a basic visual structure of the app's key features.

2. Develop mid-fidelity wireframes that add more detail to the app's interface and user interactions

3. Ensure that the prototype is designed with a strong focus on the needs and preferences of Baby Boomers and post war generation with visual impairement.

4. Identify and prioritize the most crucial features and functionalities for each section of the app.

5. Enhance the wireframes with more specific design elements, including icons, color schemes, and navigation flow.

6. Prepare the wireframe prototype for usability testing.

MoSCoW method

Prototype
MoSCoW

The MoSCoW method is a valuable tool for decision-making and efficient prioritization of requirements and ensure that the most crucial elements needed by users and design components were addressed first ... This method helps designers and product teams in making well-informed choices about which features and parts of the user experience should be given top priority, and which can be addressed at a later stage or in future iterations By sorting requirements into four distinct groups, teams can concentrate on delivering the critical components of a project while also considering extra features that can be included if there is enough time and resources available

Persuasive design

...

The app must focus on simple design with focus on the F scanning pattern, layer cake pattern, and spotted pattern, white space, headings, short text, big font size, colors with hight contrast, shape, icons, label, alt text, active class and images. ... This will make it easier for Margaret to quickly scan the apps content and locate relevant information. These elemens contritbute to the visual appeal of the design and play a role in creating a positive, intuitive impression

...

Familiar design functionality such as progress bar, empthy state, error message, carousel, accordions, tabs, drop down, input field,tool tips functionality are used. This aligns with behavioral design by focusing on providing interaction that are intuitive and recognizable to users, allowing her to interact with the app effectively... ... without the need for exstensive learning. Since Margaret may face memory and technology barriers, they might rely on help from family members the design aims to minimize cognitive effort and enable her to perform activity efficiently. This aligns with behavioral design principle that priorize ease of use and task completion

...

The app has a well structured site architecture, provide a good combination of images, text, buttons, icons, familiar design components like progress bar, large font size, white space, accordion, tabs, modal, drop down to make Margaret reach the goal in a efficient way regardless of her experience level. ... ... Margaret can easily navigate through the app onboadring process, utilize back and forward buttons, track progress via breadcrumbs, access dropdown menu to select contry/state/city. The step by step information during sign up is designed to accomondate users like Margaret who have a limited attention span. To avoid overwhelming her with text, most information is condensed within accordion allowing users to click and expand section for futher reading. The app place users in ful control over their action, activity, reading preferences and task. Overall, the user experiences is seamless, cohensive, and intuitive, offering a logical, fun, journey throughout

...
1 / 3
Onboarding process
2 / 3
Onboarding process
3 / 3
Onboarding process
4 / 4
Book a ride