← Back To Home
Figma
UI Design
User Testing

ILog ELD

Time: ~25 Hours

Programs: Figma - Prototyping

Skills: UI Design, User Research, User Testing, Figma, Figma Prototyping, User Stories & Scenarios, Empathy Mapping

Process Phase 1

I knew I wanted to do an ELD project because it is the type of software my partner and in-laws create for their business. I thought it would be a great way to challenge myself to do something outside the norm of what other apps people are creating. It also helps to have someone review my work to make sure the features and layout make sense to the end user. I hope to create a working prototype of this app next term in the app development class. There are still a few features that I don’t know how to implement in Figma that I hope to implement when I build the app next term.

I started out by creating a User Persona that I could use to guide the creation of my app. I came up with Michael, 52, who is an owner operator in BC. Frankly, he wishes drivers were still using paper and just wants an app that does the job and is easy to navigate. I also created an empathy map and journey map before beginning the User Flow.

User Persona, Michael

Once my user flow was completed, I was able to start my wireframes. At the beginning of this project, I was still relatively new to Figma, so I opted for hand-drawing my wireframes as a fold out to illustrate the process.

Wireframes

I then moved over to Figma to complete my prototype, which you can see later on this page! I did three iterations of my prototype. After the first iteration was complete, I moved on to user testing. The user testing was conducted using Maze, and the results were analyzed to see areas of improvement. If you'd like to check out my project report detailing the user testing and results, please head to the bottom section of this page! After getting my test results back, I improved the prototype once more and after the course was over, my professor provided additional feedback which I also implemented.

Figma Workflow

Challenges & Solutions

The main issues I had were in the testing phase. As I illustrate in my report, the first issue I encountered was that mostly every person tested my prototype on mobile. Maze, unfortunately, is not very mobile friendly. I let my testers know to use desktop if possible, but it’s just more convenient to test on mobile if that’s how you’re being sent the test. One big downside to this is that the user doesn’t know they need to scroll down to see everything, and hotspots do not appear if they mis-click. In my next test, I made sure to put some more thought into my starting screens to make it more like a process flow versus making them start from the beginning every time with no guidance.

The second issue I encountered was more of an oversight, which is that I wasn't aware that my classmates would be the main ones testing my prototype. Originally, I had people in mind who were already familiar with the software to avoid the need to explain how to use it. It's reasonable to say my classmates have likely never even heard of an ELD prior to this. I did, however; end up sending the test to said people along with my classmates.

Prototype

Report

↑ Back To The Top