UX Case Study: SeedLogix Website Builder & Content Management System Prototype

TL;DR

SeedLogix, a startup company in Austin, TX, was looking to improve their website builder and content management system (CMS). I conducted and recorded 4 user testing sessions in the CMS and analyzed each of the sessions for user errors. The results were used to create a prototype design that was tested with a 5th user who was able to successfully complete all instructed tasks.

Test Results:

Image for post
Image for post

The Challenge

SeedLogix was looking to start scaling their marketing and web design program by providing access to their online CMS platform to freelance contractors and other marketing agencies. The platform provided a website builder and online marketing tools so that a user could execute all of their online campaigns through one system.

Since the system was so new, it quickly became clear that users were having trouble with certain aspects of the website builder. In order to identify user errors and outline potential solutions, I initiated a UX design project involving several rounds of user testing, user error analysis, and a prototyped solution with Adobe XD.

User Testing Sessions

To begin the project, 4 user testing sessions were scheduled with a group of web designers, graphic designers, UX designers, and website developers since these would be the most likely personas utilizing the website builder system. Once the project was complete, a 5th user testing session would be performed with a new prototype design to evaluate its improvement.

Five users were chosen to hold the tests since “the best results come from testing no more than 5 users and running as many small tests as you can afford” according to the Nielsen Norman Group. This hypothesis was confirmed to be true as the 3rd and 4th users continued to show similar errors to their previous counterparts, and the majority of errors were identified within the first 2 sessions.

During each session, the users were instructed to complete 5 vital tasks to the creation of a website:

In order to maintain bias-free results, each user was prompted to complete each task without instruction, unless called for in order to keep the test moving forward.

Image for post
Image for post

Each of the user sessions was recorded to be reviewed after the interviews. I took notes on each user after the interview and organized the data into a spreadsheet. The errors were categorized by:

Image for post
Image for post
Image for post
Image for post

Using an average formula between the ease to solve and the potential value of the solution, I also created a priority stack of the user errors to allow the developers to tackle the most crucial elements first.

The Prototype

Image for post
Image for post

Once the user testing and analysis was complete, I designed new layouts for each screen of the CMS based off of the recommended solutions in the user testing results.

Image for post
Image for post

The design changes that were made included:

Last, each of the screens was linked into a clickable prototype to be tested with the final user and potentially iterated upon for future tests.

Interested in seeing the prototype design?

View Clickable Prototype or Download Prototype PDF

The Results

In the final user testing session with the new prototype, the user was able to complete all tasks with much more ease and accuracy than users on the previous version, as indicated in the chart below.

While the initial user testing sessions took between 20:00 and 35:00 minutes for attempting the tasks and answering questions, the final testing session video recorded was only 6:29 in length.

These results indicated that the new design streamlined the user flow process, reduced confusion, and minimized the potential for user errors to occur. In addition, several new observations were recorded to be tested in future designs.

Image for post
Image for post

Written by

I'm a web designer and digital marketer in Austin, TX. I’m a hardcore believer in trying new things… even when it doesn’t make any sense.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store