Quirk

2 months

Web, Mobile Design

Quirk

2 months

Web, Mobile Design

Quirk

2 months

Web, Mobile Design

Problem Statement

The previous Quirk survey tool was overly complex, lacked a user-friendly format, and offered unstructured questions, hindering user experience and effective data collection.

Problem Statement

The previous Quirk survey tool was overly complex, lacked a user-friendly format, and offered unstructured questions, hindering user experience and effective data collection.

Objectives & Goals

Design an app for TradeByKofi that enables users to quickly browse furniture, place orders, track orders, and have items delivered to their homes.

Role

UX Designer

Performed

- User Interface design - User Experience design - Interaction design - Information architecture - Rapid prototyping - User reserch

Delivered

- Design Systems - Interactive prototype

My Process

Problem Identification

Identified the existing challenges within the Quirk Survey Applicationa and defined the scope for redesigning thw project.

Identified the existing challenges within the Quirk Survey Applicationa and defined the scope for redesigning thw project.

Designed hi-fi prototype

Created a design system for consistency and designed high-fidelity prototypes.

Created a design system for consistency and designed high-fidelity prototypes.

Handoff & Iterate

Conducted final usability testing and made necessary adjustments. After that the designed was handed off to the client

Conducted final usability testing and made necessary adjustments. After that the designed was handed off to the client

Ideate

Engaged with stakeholders to gather feedback on their experience and understand their needs. Brainstorm potential solutions.

Prototype & Test

Create low-fidelity prototypes for initial user testing. Gathered feedback and iterated on the design based on stakeholders insights. Refined the project objectives based on feedback and prioritized key areas for improvement to ensure alignment with users expectations.

Create low-fidelity prototypes for initial user testing. Gathered feedback and iterated on the design based on stakeholders insights. Refined the project objectives based on feedback and prioritized key areas for improvement to ensure alignment with users expectations.

Google Forms

- Typeform's conversational interface mimics a natural dialogue, making surveys feel more like a friendly chat than a tedious questionnaire. - Typeform offers advanced logic branching capabilities, allowing you to tailor survey paths based on respondents' answers. - Typeform's user interface is visually captivating, with the ability to customize the appearance of surveys using different colors and themes.

SurveySparrow

- SurveySparrow's chat-like interface creates a conversational experience for respondents, making the survey-taking process more interactive and enjoyable. - The engaging UI of SurveySparrow promises a 40% higher survey completion rate compared to traditional survey tools. - SurveySparrow is the world's first survey tool with two outputs: chat-like surveys and conversational forms.

User Persona

Senam

“Senam love furniture made with rattan and would love to have more collection of that”


Age:

28

LOCATION:

UK

EDUCATION:

Bachelor degree

OCCUPATION:

HR Personnel

Sara is a HR personnel who is looking for a survey with a good user interface to improve survey experience for her colleagues.

Bio

- Quickly create and deploy surveys with a clear and engaging experience for respondents. - Collect high-quality data with minimal effort.

Goals

Frustrations

- Complex interfaces - Confusing question formats

Motivations

Wireframes

PAPER WIREFRAME

PAPER WIREFRAME

LOW FIDELITY WIREFRAME

Early models did not allow for size customization; the item you chose will have its own size.



I created a feature that allows customers to enter their measurements or even choose to have a professional come to their home to record measure based on their home setting after doing usability tests to match a certain area of their home.



In addition to making the app compatible with assistive technologies, easy navigation was a crucial user demand that had to be addressed in the designs.

LOW FIDELITY PROTOTYPE

I produced a low-fidelity prototype using the finished set of digital wireframes.

I connected the main user flow between choosing a piece of furniture and ordering it so that the prototype could be used in a usability test.

Usability Study

I carried out two iterations of usability tests.

The first study's findings were used to inform the wireframes and mockups of the designs.

The second research showed which elements of the mockups needed to be improved through the usage of a high-fidelity prototype.

Round 1 Findings

1

Lack of language toggle and unclear login indicators. Difficulty managing notifications and accessing messages. Poor visual hierarchy and inconsistent font sizes.

2

3

Round 2 Findings

1

Ineffective search button Need for comprehensive and customizable statistics for deeper insights.

2

SPLASH SCREEN

Let's Connect!

Let's Connect!

Let's Connect!

© Copyright 2023. All rights Reserved.

© Copyright 2023. All rights Reserved.