A Comprehensive Case Study

LEGION

Image

Problem Statement

The primary objective was to integrate a feature within the platform allowing users to create polls and surveys seamlessly. Users should be able to view, participate, and track poll results, ensuring transparency and user engagement.
A (1)

Project Timeline

Group 164675 (1)

Usability testing

Improve chat capabilities:
Most of our users complain that “Your chat feature didn’t work.”
Some bankers and individuals ask “Why do you have a chat support service that doesn’t populate?
Login Issue:
User-facing login issues on the login page.
Recommendation:
A new login feature with biometrics and passcode has been added.
Apps Crashes:
“The user said, We are constantly being logged out and the app needs to be updated on again login.”
“Some users said that the app always crashes with a ”something went wrong” message.“
Recommendation:
We have added improved code and Bug fixes on the new release.
Technical glitches:
Some users say that the app crashes after they submit a payment every time. Leaves me uneasy
if payment went through and question if the app is secure.”
Recommendation:
Users want to be reassured their payment is successful and data is secure.
Multiple recipients:
Several users said the multiple-recipient option is not working properly.
“The app is a little confusing of knowing where to click to see how to add recipient in message box”

Image

UX Audit

To understand the views of other users about our website, I’ve used the survey method for collecting data from users worldwide.

Question:
How satisfy are you with this new app design?

Carlos Said:
We have been very happy with new app design! It looks professional and very easy to navigate. You handle things very efficiently and are available for any questions we have.

Frame 2608927 (5)
Frame 2608927 (6)

Question:
What kind of device do you use the most to access app?

John Said:
I have an iPhone and a Fire Tablet that I use mainly. It seems we are moving toward a future in which our smartphones will be our only connection to the internet.

Question:
What kind of difficulties do you face while using apps?

Leslie Said:
Some apps loading time is too slow, When i browse something, I am facing an irritating popups with bad color combination and designs. Unnecessary count down timer for downloading and loading of pages.

Frame 2608927 (7)
Frame 2608927 (8)

Question:
What are your thoughts on our app?

Ben Said:
I honestly wouldn’t spend more than 1 minute looking at your old app structure. It doesn’t seem professional or informative. But now, your new app really looks nice with relevant content.

Question:
What calls to action do you want on app?

Guy Said:
Calls to action are requests you give your audience to perform a particular action. You put all of these on a right place.

Frame 2608927 (9)

Usability Heuristics

Image

User Control & Freedom:

User can Cancel a download before it completes.

Image 140 (2)

Consistency & Standards:

We maintain the consistency in our all design.

Image 140 (1)

Flexibility and Efficiency of Use:

We speed up the interaction for the expert user.

Image 140 (3)

Minimalistic:

We are Providing only necessary information in an elegant way.

Image 140 (4)

Visibility of System Status:

Navigation menu items set to underline when a user hovers over them.

Image 140 (5)

Help Users:

We are using toggle options to guide user.

Persona 1: John Smith

Name

John Smith

Occupation

Self-employed

Demographic

34 years old, lives in New York. Married with a 2-year-old child, has a middle-income level. He changed his occupation 3 years ago after getting married.

John’s Story

John was working for a global company and did not have much leisure time as his work was taking too much time. So, to start a family, he decided to quit his job and invest his savings in a bookshop, which has been his dream since his university years. All he wants to do is be able to maintain his bookshop.

User Test

Needs
Improved design should be scale according to mobile trend and they should rewrite the information and detail in a proper way and try to fix all bugs.

Pain points
Actual Information is missing. App is too old and is not proper scale according to mobile view. I am facing some payment issues and app crashes.

Image 58 (1)
Group
Frame
Frame
Frame
Frame

Persona 2: Jeff Hardy

Name

John Smith

Occupation

Self-employed

Demographic

34 years old, lives in New York. Married with a 2-year-old child, has a middle-income level. He changed his occupation 3 years ago after getting married.

John’s Story

John was working for a global company and did not have much leisure time as his work was taking too much time. So, to start a family, he decided to quit his job and invest his savings in a bookshop, which has been his dream since his university years. All he wants to do is be able to maintain his bookshop.

User Test

Needs
Improved design should be scale according to mobile trend and they should rewrite the information and detail in a proper way and try to fix all bugs.

Pain points
Actual Information is missing. App is too old and is not proper scale according to mobile view. I am facing some payment issues and app crashes.

Image 58 (2)
Group
Frame 2608909 (1)
Frame 2608901 (1)
Frame 2608900 (1)
Frame 2608902 (1)

Participant Demographics

Group

Design Process

Image

Logo Design

Crafted a professional and trustworthy logo representing the brand’s identity.
Frame 2608917 (1)
Group

Minimum Size

The registered trademark symbol should be on the logo every time used. The relationship between the a and the logo is relative to maintaining legibility in all sizes. The scale is separated from the logo when it appears smaller than 60 px tall.
Group

Modern Color Palette

Developed a modern color palette to enhance user experience and brand consistency.
Frame

UX Research

Challenge

The founder of the website wanted to optimize their website experience by improving three problem areas:

  • Poorly placed calls to action (CTAs), where mobile users couldn’t see the CTA enough to click on it
  • Customer drop-offs at any submission and processing step because users wanted to smooth responses on time.
  • A complicated cookie policy that caused visitors to bounce as soon as they landed on the website.
1 o BejXW6oV3Qe3LD1dWrZQ

Action Plan

We used Recordings and Heatmaps to dig deeper into these UX research issues. The result was a gradual upgrade of the website to meet—and exceed—customer expectations. Here’s what happened:

  • We improved the visibility of CTAs with changes to font, color, and design. We also included a sharing widget to display social proof.
  • We removed the unnecessary content and congested areas with overlapping images.
  • We added HD high-quality images on our all websites / Apps.
  • We implemented design changes in the cookie policy pop-up to make it 30% bigger with better color and copy. They also placed the banner on the top of the page.

LOW FIDELITY DESIGN BOARDS

Low-fidelity prototypes, for example, are simple and low-tech concepts. All you need to get started is a pen-and-paper digital art app. The goal is to turn your ideas into testable artifacts that you can then use to collect and analyze feedback in the early stages.
Group 4 2.png

THE DESIGNS FOR THE POLL WEB SURVEY

An online poll is a survey in which participants communicate responses via the Internet, typically by completing a questionnaire in a web page. Online polls may allow anyone to participate, or they may be restricted to a sample drawn from a larger panel.
Group 1 1.png

THE DESIGNS FOR THE POLL MOBILE SURVEY

A mobile survey is one that’s specifically designed to fit a smartphone or tablet screen and makes it easy for the respondent to use touchscreen gestures to answer the questions.
A few key features of a good mobile-centric survey:
  • The text is larger
  • The answer options are easy to click on using your fingers
  • No big logos are taking up most of the screen space
  • There is a fullscreen to avoid distractions from other apps
Group 3.png

Legion Prototype

A prototype is an early sample, model, or release of a product built to test a concept or process. It is a term used in a variety of contexts, including semantics, design, electronics, and software programming. A prototype is generally used to evaluate a new design to enhance precision by system analysts and users.
Group 164534.png

Implementation and Testing

Prototype Development: Created prototypes for web and mobile surveys, ensuring compatibility and user-friendliness.
Testing: Collaborated with iOS and Android engineers to review designs and user flows, ensuring seamless functionality.

Image 39.png

Reflection and Vision

Sharing vision and values ( Bold). Legion and Philz shared a vision to create a platform that enabled employees to work wherever and whenever they wanted while still meeting the needs of the business.

Managers previously had no visibility of the other locations their employees wanted to work at. Allowing users to add other preferred working locations created a system that the entire business could track, regardless of location.

Employees had more flexibility and the potential to earn more and help out other stores. Managers could utilize a greater-sized team when trying to fill gaps in the schedule.

THANK YOU FOR WATCHING

Have a project? Please inbox us.