Improving Site Navigation
What is Symend?
Symend is a customer engagement platform that enables personalized content creation, including emails, texts, websites, and event orchestration. Enhanced by behavioral scientists, it ensures personalized messaging tailored to specific use cases.
Project Overview
To enhance the Content Builder navigation to improve usability, reduce task completion time for content creation/iteration, minimize errors during content creation, and improve users' confidence.
Roles
UX Designer
Worked with
Product Managers, Engineers,
Customer Success Managers
Previous Navigation
A content builder allows users, regardless of technical skills, to create and manage emails, texts, and landing pages for customers. Users are able to edit content in real-time and create a set of rules as to when the content is sent and who it is sent to.
Current navigation is structure in a layered list.
Users often loose track of there location within a piece of content and cannot confidently locate specific blocks.
This increase time to create content and edit contet.
Tree List Development.
Maped out layer requirements and constraints. Defined the requirements for each layer and it's properties.
Low Fidelity Prototype.
Developed mockups in Figma and refined concepts with feedback from Product, Design, and Engineering peers.
User Testing
Developed mockups in Figma and refined concepts with feedback from Product, Design, and Engineering peers.
User Testing Outcomes.
Key Findings:
Quick actions were commonly tried within the settings panel, not always within the tree list.
Iconography of Sections and Columns was confusing.
Adding each level was inconsistent and cause confusion at the column level.
Actions:
Make actions accessible from the tree list and settings view.
Ideate on improving the visual communication of iconography.
Create consistency across new item menus and addition flow for each layer.
Visual Design
As I was introducing new components, I needed to define the style guide.
