Top 10 Dashboards UX/UI
UX Studio Movade.com
Hello, my name is Mariusz. I help to master UX / UI process, and here is my statement: the result of designer’s work is not a coincidence but a repeatable outcome that can be mastered.
Inspiration phase is often underestimated in the Design Process — and yet our ideas always contain particles of someone else creation.
#10 Clean and minimal — good for start
- Good visibility of navigation
- Structure that supports modules well
- Not overloaded composition
#9 Left column oriented— interesting ideas
- Good architecture of navigation and containers (worse with headlines)
- Not-to-heavy left column (usable but doesn’t draw much attention)
- Good visibility of clickable elements
- Usable back button
#8 Analytical dashboard — when you have a lot of data
- Breadcrumbs ftw!
- Good structure (not overloaded with data in one view)
- Data table (less columns / visible data changes)
#7 For products with simple lists
- Smart use of space & user focus
- Good information architecture
- Nice use of color accent
#6 When you want to use common patterns
- Classical use of left navigation and cards
- Nice visible color for main action and important information
- (-) Such composition supports less flows (multiple steps)
#5 Travitor Dashboard — worth checking
- Smart use of full width layout with clear focus
- Good visibility of clickable elements
- Good interaction design
#4 Horizontal scroll
- Very good use of the top head part
- Good AI for horizontal layout
- (-) Problems with contrast
#3 When you need to show actions on top
- Key actions upfront
- Good use of icons for problem indicators
- Showing main data directly in the card (instead of hiding it further)
#2 Clean and functional — like it should be
- Great responsiveness
- Visible and yet subtle key actions
- Good information architecture
#1 Check the whole project — the Wipeout
- Real stuff — a lot of good solutions there (in terms of usability, AI)
- Breadcrumbs again!
- Must have — good information architecture is a must have
Case study: https://www.behance.net/gallery/45620217/Wipeout
〰️ #1 Bonus inspiration
- Good focus on the main content
- CTAs are still visible
- We support multi-structures of information
〰 ️#2 Bonus inspiration
Not exactly a Dashboard but clean and minimal style could be easily used for many Back-end UI.
In some of the projects we should try to reduce information overload. In the context of dashboards we need to consciously choose how our product will behave.
〰 ️#3 Last Bonus — Start with this freebie!
Already pumped-up to start redesigning your Dashboards? The first step can be the hardest, so I will try to help :)
Adrian Madacs decided to give away all four Dashboards source files for free.
You can download them separately from dribbble or get the full package from: Gumroad Download
〰️ It’s worth showing the love to other — designers clap ftw 👏
We love discovering new & beautiful designs, let me know if you need it and help simply judge if it’s worth to promote this content. Clap?!
〰️ Follow us on: ▪️ Facebook ▪️