Nistle

Responsibilities

Conducting interviews, competitive audits, paper and digital wireframing, low and high-fidelity prototyping, usability studies, accessibility considerations, and design iterations.

  • Author: Ehsan Ayoubi

  • Timeframe: January - March 2021

  • My role: UX designer designing Nistle from conception to delivery.

User Research Summary

I conducted unmoderated usability studies and created empathy maps to understand my users and their needs. I identified small business owners as the primary user group, who have limited time. The research confirmed their needs and revealed that users also value customizability, a friendly UI, and ease of use.

Pain points

Need to quickly start and create tasks.

Difficulty organizing tasks with traditional bots.

Bots are often too simplistic and do not provide enough supplementary information.

Meet the Persona

Noel is a college student and part-time reseller. He needs an automation bot that can help him access limited drops regardless of his location.
Dashboard mockup
Dashboard mockup

User Journey Map

Mapping Noel's user journey highlighted the importance of being beginner-friendly, even if the tool will also be used by many experienced users.

Paper Wireframes

Considering user pain points related to speed and interface friendliness, I sketched out the paper wireframes.
‍
The paper wireframe below features news and calendar cards designed to ensure beginners are not left out.

Digital Wireframes

During the initial design phase, I based my designs on research findings. The initial digital wireframe outlines the user flow for adding tasks and proxies.
Dashboard mockup
Dashboard mockup

Low-fidelity prototype

The low-fidelity prototype made it possible for research participants to test the user flow for adding tasks and proxies.
‍
View Nistle'slow-fidelity prototype.

Usability study: findings

Here are the main findings from the usability study:

Findings

Experienced and beginner users have vastly different needs.

The ability to search for features will assist beginners in learning the program.

Users noted the absence of notifications when tasks are edited.

Before and After Usability Study: Search Bar

New users to automated checkout bots indicated a need for search bars to help find specific features.

Before and After Usability Study: Notification

Users expected notifications to appear when they perform actions.

Mockups

Incorporating feedback from usability studies and critique sessions, I finalized the mockups for the Nistle app.
Dashboard mockup
Dashboard mockup

High-fidelity prototype

The final high-fidelity prototype included animated transitions to simulate the complete process of adding tasks and proxies.

View Nistle's
high-fidelity prototype.
‍

Takeaways

While designing Nistle, I learned about key visual elements that enhance user experience. Additionally, I developed a "hyper-realistic" version of the high-fidelity prototype based on specific requests.

Accessibility Considerations

1
Color Palette

Color palette works in accordance to Web Content Accessibility Guidelines.

2
Visual Hierarchy

Different sized text representing visual hierarchy

3
Icons

Used icons to make navigation accessible to everyone.

Testing this bot was a lot of fun. I hope the insights we got from it help others with similar projects.

Ac faucibus orci id quis consectetur laoreet sed. Enim congue molestie nam odio pulvinar ac ultricies. Elementum ut pellentesque volutpat mi. Faucibus sit posuere nisi aenean ultrices. Suscipit malesuada aenean nullam et sit dapibus eget a eu. Nisl tortor arcu et.

Ac faucibus orci id quis consectetur laoreet sed. Enim congue molestie nam odio pulvinar ac ultricies. Elementum ut pellentesque volutpat mi.

Ac faucibus orci id quis consectetur laoreet sed. Enim congue molestie nam odio pulvinar ac ultricies. Elementum ut pellentesque volutpat mi. Faucibus sit posuere nisi aenean ultrices. Suscipit malesuada aenean nullam et sit dapibus eget a eu. Nisl tortor arcu et.

Contact Me

Interested in working together? Have any questions? I'd be happy to answer, Please fill out this form and I'll get back to you soon.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.