Description
- Date: April 4, 2022
- Categories: Product DesignUI Implementation
Project Scope
Analytics helps improve your social media marketing strategy. Grow your business by understanding what content is performing best, convert more followers into readers and customers by tracking traffic from social profiles. Deep dive into the detailed performance of each Instagram post and story.
Contributions
- Help define project scope with Project Manager
- Competitor/User research and testing
- Impact/Effort matrix creation
- UX: Create user flows, wireframes, prototypes and define interactions
- UI: Creating high-fidelity Mock ups
- Figma component library creation
- Ensuring quality UI implementation (HTML/CSS)
Design Rationale
- Decided on a visual first approach, best practice of dashboard design is used to reduce cognitive load and maximize the ability for users to analyze a large amount of data. Tabs are used to organized relevant data into the corresponding section. The tabs are organized in a way to follow the goal flow where we go from macro to micro view. Directly comparable data will always be in the same tab to avoid unnecessary navigation.
- This layout has a secondary section header to make it easier to navigate within the analytics dashboard.
- Time series graphs and tables are the primary display in which users can analyze and compare their social profiles and posts performance. Tabs are used to organize related data so that users can view relevant data on one page.
- Microcopy adopts easy to understand language to explain technical terms. Empty and error states are written in non technical manner to ensure users understand what’s happening.
- Graphs should have clear legends for labelling and correct scales so data can be easily analyzed.
- Table is sortable with clear headings. It is used primarily for a large data set for comparison.