A Comprehensive Case Study

LEGION

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.

Project Timeline

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”

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.

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.

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.

Usability Heuristics

User Control & Freedom:

User can Cancel a download before it completes.

Consistency & Standards:

We maintain the consistency in our all design.

Flexibility and Efficiency of Use:

We speed up the interaction for the expert user.

Minimalistic:

We are Providing only necessary information in an elegant way.

Visibility of System Status:

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

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.

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.

Participant Demographics

Design Process

Logo Design

Crafted a professional and trustworthy logo representing the brand’s identity.

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.

Modern Color Palette

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

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.

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.

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.

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

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.

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.

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.