Home

— PROJECT NAME

Experience Manager


— ROLE

UX Designer


— DURATION

12 weeks

Overview: Ziosk began it's redesign of it's entire B2B/B2C SAAS application with the vision to make the best software possible for the next generation. There are a total of 7 modules that make up the entire application. I was tasked with Experience Manager, the main highway for the entire application.



Goal: Redesign the module and incorporate usability principles to produce a simple and seamless experience. Establish information architecture to optimize navigation for the user from start to finish. Utilize design thinking to stay one step ahead throughout the process.


Background

What is Experience Manager?


Experience Manager at it’s core is a scheduler and deployer of configurations that the user/client has set for their desired guest-facing experience.


This module is essentially the main highway of the entire Self Service Portal. Once the user has built their menu, set prices, and uploaded their content; the user will need to deploy their configurations to their devices to reflect the experience they curated.


There was an application previously developed, but it was never approved for client-use or internally. The company sees it necessary to redesign the application, comprised of 7 different modules to restructure our business model.

Understanding the Problem

The previously developed application has a plethora of usability, hiearchical, and visual issues across the board. In other words, Experience Manager was not spared in those regards. The effort is to redesign the Experience Manager with our new design system utilizing base and current UX principles to yield a functioning scalable experience.

Insights Gathered

Firstly, I conducted a Heuristic Evaluation of the previously developed module to identify current issues, understand our current capabilities and prioritization of features. I also referenced 3 industry leading applications pertaining to customizing, scheduling, and publishing.


Defining the priorities:

-Create an information architecture to yield an intuitive experience

-Ability to see schedule/calendar of experiences created

-Easy interpretation of the actions being done:

creating content group, experience, and curating.

-Have a fixed placement for a consistent/interactive preview throughout the entire module

-Clear jargon

-Redesign publish process


Reprioritized “Custom UX”, section in previously developed module. I removed it from the newly designed module because it wasn’t scalable. It has been moved to another section of the experience.

right track

Wireframing & High Fidelity Design

I utilized sketching for my initial mockups, and crazy eights prior to digital wire framing to optimize the layout and reduce time.


I made many paper mockups and conducted many crazy eights exercises to figure out what would be the best foundational layout for Experience Manager. It needed to have everything at one glance but be simple and easy on the eyes.


I used Figma to create my high-fidelity designs and we use material design for all of our components, color themes, padding, so engineering can easily implement our assets.

Results

Key takeaways from this project are:

- Incorporate more sketching in the wire framing process to explore as many options as possible to narrow-in on the most scalable design and layout


- Consistent meetings with domain owners and stakeholders kept the project within scope at all times


- Don't be afraid to question or second-guess concepts when the logic is not clear behind the design or user flow. We removed a section from this module because it impacts scalability, and the established hierarchy helped relocate the section to a more appropriate location in the application