JamiQ
Dashboard
Redesign
Briefing
This is a re-design of the JamiQ dashboard website for a course exercise.
For this project I was given a hight fidelity wireframe to use as a guide to design a new interface for the website, that is basicly a dashboard with lots of information.
Discover / Research
JamiQ is a Social Media monitoring company that uses algorithms that can understand the opinions and feelings inferred from phrases and sentences to monitor social media in real time.
I first assumed that the given wireframe had research behind it and that whoever made it had reasons for its architecture so, when I started the redesign, I tried my best to not change the structure too much. There is also the fact that data filled interfaces usually have a big learning curve, and if you change it too much, it might not be good for the users.
Having very little knowledge about dashboards made me do some research on dashboard design basics and how they should be structured.
First I learned to define that it is an analytical dashboard, and doesn't require immediate feedback.
Then I learned the types of graphs to use and how I should use them.
I analyzed a few dashboards that were given as good examples of the previous researches to see how they compared information, how they used graphics, and the general structure of the page.
They all had plenty of white space, clear information, big numbers, easy to read graphics, clean colors, and simple hierarchy.
Heuristic Evaluation
When studying the wireframe, I found the following problems:
-
1) the tab structure was not aligned and the hierarchy was not clear
-
2) filters were kind of hidden with not very clear signifiers
-
3) the colors that were chosen for the graphics and the positive/negative effects were too much alike, making it easy to get confused
-
4) too much color-heavy information and lack of white space
-
5) I found the side menu very confusing and poorly positioned.
I synthesized the topic feed menu into 6 main functions:
-
1) Add topic
-
2) Feed
-
3) Share
-
4) Export
-
5) Delete
-
6) Email Alert
Couriosity
Before my final design, I'd like to quickly show here some other ones that didnt go well and were returned by my mentors for modifications. Some research and conclusions I made were in between some of these designs.
Final Design
My final approach was to make a wider design with a floating side menu, that is home to the highest tabs in the hierarchy.
Also on the side menu is now the Topic Settings, now easily accessible and with greater importance.
I modernized the main graphics, with colors different to the ones used as positive and negative signifiers.
Those signifiers were transformed into colored arrows to keep the readability of the numbers while still helping indicate their state and used throughout the whole page.
Also, these same colors were used on the Top Market Card to help identify the biggest and smallest entry numbers of each country.
Cards are now cleaner with more white space and less visual weight while giving clear information.
Flags were added to the Top Market card to speed up the identification of each country.
Finally, the Topic notes had just some little adjustments, transforming each note into smaller cards for easy identification and access.
