AI and Design Thinking in MicroStrategy’s Dashboard Mastery
In the ever-evolving world of business intelligence, blending AI technology with design thinking has become a game-changer for crafting effective dashboard solutions. This updated best practice article is all about diving into how AI and design principles come together in dashboard development, with a special focus on tapping into MicroStrategy’s latest capabilities to supercharge workflow efficiency
![ai-and-design-thinking-in-microstartegys-dashboard-mastery.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt562acdff7529fc64%2F661d0b5cf5f2e625d2e044fd%2Fai-and-design-thinking-in-microstartegys-dashboard-mastery.webp&w=3840&q=100)
Let’s rewind a bit to 5 years ago and reflect on a past collaboration I had with a major player in call center platform. Our mission? To bring their business solution up to speed using MicroStrategy. We aimed to create an experience that made insights crystal clear, like tidying up a messy room into a neatly organized space where every piece had its rightful spot and purpose.
![ai-and-design-thinking-in-microstrategys-dashboard-mastery-2.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt8fc08a03d40713ae%2F661d0bef16c1202eb65dc2fd%2Fai-and-design-thinking-in-microstrategys-dashboard-mastery-2.webp&w=3840&q=100)
Fast forward to today, and we’re seeing AI bots seamlessly woven into BI solutions. What’s interesting is how the core idea of “one question, one answer” persists, much like the way each box in our dashboard was dedicated to addressing a single query. It’s like having a conversation with an AI chatbot, where every question gets a focused, precise response, making things clear and engaging for users.
![ai-and-design-thinking-in-microstrategys-dashboard-mastery-3.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt259ebfc987bafe2a%2F661d0ccb21ad5e0f1dab46f5%2Fai-and-design-thinking-in-microstrategys-dashboard-mastery-3.webp&w=3840&q=100)
MicroStrategy’s AI capabilities take this synergy to the next level, empowering users to weave compelling stories from their data effortlessly. With responsive design ensuring smooth performance across devices and personalization features tailoring the experience to individual preferences, it’s all about creating a dashboard that feels tailor-made for each user.
![ai-and-design-thinking-in-microstrategys-dashboard-mastery-4.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt9d8543d6a8307f6d%2F661d0d4621ad5e6315ab46fb%2Fai-and-design-thinking-in-microstrategys-dashboard-mastery-4.webp&w=3840&q=100)
“AI is not the boss. AI is the copilot and humans are the pilots” — John Maeda
While technology marches forward, the principles of effective design remain rock-solid. Whether you’re a seasoned analyst or just dipping your toes into the field, always keep in mind the three principles: simplicity, clarity, and putting the user front and center. This includes defining clear goals to guide user flow and business decisions, helping prioritize insights based on user personas, and maintaining transparency so users can seamlessly integrate with AI-powered apps without feeling like they’re interacting with a black box.
![ai-and-design-thinking-in-microstrategys-dashboard-mastery-5.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt2b94ae0c281572c4%2F661d0dceb1717a7995103d13%2Fai-and-design-thinking-in-microstrategys-dashboard-mastery-5.webp&w=3840&q=100)
Now, let’s roll up our sleeves and dive deeper into each best practice:
1. Tell Your Data Story with MicroStrategy AI
Data needs a story to make sense, and our journey from Visual Insight, Dashboard Authoring to MicroStrategy AI opens up endless possibilities for MicroStrategy analysts like me. The AI upgrade takes data storytelling to the next level. With the Auto Dashboard, I can quickly see an overview and find interesting stories without trying different things over and over. A simple query to the chatbot generates a dashboard view focused on a specific research topic, sparking inspiration in no time.
![see-an-overview-in-auto-dashboard_.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt67e5e456f9ff1307%2F661d1e843c817d3176e88e2a%2Fsee-an-overview-in-auto-dashboard_.webp&w=3840&q=100)
See an overview in Auto Dashboard and find interesting stories without trying different things over and over
Another noteworthy feature is the interaction with the chatbot for Auto Answers, essentially an evolving assistant adept at providing not only the best analytical insights but also visually presenting the data with appropriate charts. The infusion of AI seamlessly enhances the storytelling journey, making it more intuitive and dynamic for end users.
![use-auto-answers-to-create-self-service-insights.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt27894a36f7948c68%2F661d1f5c16c12023965dc38d%2Fuise-auto-answers-to-create-self-service-insights.webp&w=3840&q=100)
Use Auto Answers to create Self-Service Insights
![tha-auto-answers.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt9b0d0a8ecea36ae2%2F661d1fb531ff3a558aa4149f%2Ftha-auto-answers.webp&w=3840&q=100)
The Auto Answer feature not only provides swift insights but also offers predefined prompts for efficient analytics, streamlining the data analysis process
2. Empower Intelligence Everywhere with Responsive Design
![empower-intelligence-everywhere-with-responsive-design.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt456d0e4c468e6068%2F661d204eb1717a0c36103db5%2Fempower-intelligence-everywhere-with-responsive-design.webp&w=3840&q=100)
If you’re familiar with web design, you’ll recognize our Responsive View and responsive web design. It’s like breaking elements into small blocks and arranging them vertically on mobile, but with a twist. In dashboard authoring, there’s just one breakpoint at 768px. We’ve made it easy for you to visually ‘group’ containers, and when viewed on mobile, our Responsive View takes charge, arranging the groups vertically on the canvas in a ‘Z-path’ order, left-to-right and top-to-bottom.
![responsive.gif](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt2bb268021c296d93%2F6626180db0ec7738f3d6c6ed%2Fresponsive.gif&w=3840&q=100)
The only breakpoint is 768px in Dashboard Authoring
![ensure-that-containers.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblta54c070ad7367d7b%2F661d21f9188d3500932da466%2Fensure-that-containers.webp&w=3840&q=100)
Ensure that containers seamlessly follow the ‘Z-path’
![canvas-designs_.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt018067f61241554c%2F661d222ca98886cdefe094a4%2Fcanvas-designs_.webp&w=3840&q=100)
Canvas designs without boundaries are more difficult to read on smaller screens. Instead, dashboard created with discrete layout groups usually work better on all screen sizes
3. Navigate User’s Visual Flow with Flexible Layout Options
![design-a-large-front_.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fbltec61269eb7f62076%2F661d23174c4735643eee4e3d%2Fdesign-a-large-front_.webp&w=3840&q=100)
Design a large front panel can suggest that a more subtle analysis is located behind the darker panel
When designing a user analysis flow with layout arrangement, it is crucial to think about creating a logical flow. I like to experiment with Freeform, Auto, or Vertical Scrolling page layouts, mixing and matching to find the perfect fit for my flow.
Incorporating visual effects becomes key in guiding the user’s analysis journey. For instance, you might design a sizable front panel to subtly hint at deeper analysis behind a darker panel. Implementing vertical scrolling pages and arrow shapes helps me lead the user step by step, facilitating a thorough exploration of the data from top to bottom. Additionally, playing with color blocks fosters a strong connection between the menu and content, enhancing the overall user experience.
![apply-vertical-scrolling-page.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fbltc059eec7fd76e478%2F661d2fb0114875214a1ffb21%2Fapply-vertical-scrolling-page.webp&w=3840&q=100)
Apply vertical scrolling page and arrow shapes can guide the user step by step from top to bottom for a deep dive into data.
![use-color-blocks.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt1761fee992c385df%2F661d32561e527aab183b8a45%2Fuse-color-blocks.webp&w=3840&q=100)
Use color blocks to make the user feel a strong connection between the menu and the content
4. Convey Your Idea with Proper Visual Representation
The Rich Text editor allowing for intricate formatting at the individual character level, particularly beneficial when highlighting dynamic attribute or metric text in briefing summaries.
The Dashboard Authoring provides a range of out-of-the-box shape elements that prove instrumental in framing visualizations, creating layered effects, and enhancing the overall organization of insights.
The freeform layout grants the flexibility to combine elements for diverse visual representations, such as crafting ring charts with category icons and incorporating transparent images in PNG format tailored to specific business industries.
Moreover, the platform supports GIF animations, elevating the appeal of visual. Notably, shapes are not just aesthetic components but essential for maintaining a well-structured narrative. Beyond that, the capability to apply color thresholds adds another layer of sophistication, ensuring a visually compelling and informative presentation.
![apply-info-window.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblta1e6ec8fb0b5109a%2F66211d1afb977ce587368205%2Fapply-info-window.webp&w=3840&q=100)
Apply info windows as a dropdown (left) / hidden side-menu (right — credited to Xingyu Cai)
![use-shapes.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt525152bfb1c7e6fe%2F66211d4158ce8829e3c2d460%2Fuse-shapes.webp&w=3840&q=100)
Use shapes (line + triangle) to indicate there is a comparison between two ring charts
![create-an-unique-bar-chart.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt2132ee7efbe52bc5%2F66211d5b51b16f02f0c4b1ae%2Fcreate-an-unique-bar-chart.webp&w=3840&q=100)
Create an unique bar chart with a PNG image to present insights for the music industry. Match the look and feel of the visualizations to common visual elements in the analysis (i.e. make your bar chart look like an audio spectrum)
![use-dynamic-text.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt7019885dde8d2350%2F66211d7481c8842a6337cd92%2Fuse-dynamic-text.webp&w=3840&q=100)
Use dynamic text to display a greeting based on time, create a dot to indicate the last updated content, or create a custom label or indicator in the grid with a bit of help from advanced color thresholds and custom format
![the-advanced-treshold.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt493131ed930cf97f%2F66211d8f737a37953c786ef3%2Fthe-advanced-treshold.webp&w=3840&q=100)
The Advanced Threshold Editor displays a list of all thresholds currently defined for a visualization. These can be used to enhance a grid’s ability to convey richer meaning
5. Personalize User’s Experience with MicroStrategy Offerings
I believe the key to a successful BI project in the AI age is delivering a personalized user experience. Picture field agents logging in to a dashboard tailored to their needs — choosing widgets, setting goals, and accessing relevant information effortlessly.
With MicroStrategy, I can create customizable Panel Stacks and utilize features like parameters for dynamic adjustments. The system remembers your last selection, ensuring a smooth workflow.
![inventory-and-sales-analysis.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fbltd71ae977bdf1e1c6%2F6622426d45f98968d6cf30da%2Finventory-and-sales-analysis.webp&w=3840&q=100)
Parameter demo design — credited to Julia Zhu
During layout design, I focus on guiding users through layered data analysis, using Deep Dive for real-time decision-making. In Dashboard Authoring, I offer diverse approaches like filter panels, Information windows, Hypercards, and Contextual linking for large datasets. By incorporating these methods, everyone is able to create a more intuitive and engaging user experience in navigating and interpreting data.
![personalized-dashboard-1.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fbltc15c211a207fd4e6%2F662242c4528fc1923b5590de%2Fpersonalized-dashboard-1.webp&w=3840&q=100)
![personalized-dashboard-2.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt114357754fa070d6%2F662242d158ce88a5f3c2de05%2Fpersonalized-dashboard-2.webp&w=3840&q=100)
![personalized-dashboard-3.webp](/_next/image?url=https%3A%2F%2Fimages.contentstack.io%2Fv3%2Fassets%2Fbltb564490bc5201f31%2Fblt086fc23cc2e967df%2F662242e045f9899d7dcf30df%2Fpersonalized-dashboard-3.webp&w=3840&q=100)
The screenshot above displays three personalized landing dashboards, each customized by the user to consistently showcase relevant charts and user-defined targets.
Summary
In summary, MicroStrategy equips users with a suite of tools to excel in the realm of BI. While technology evolves, the enduring principles of effective design endure. Whether you’re a seasoned analyst or new to the field, remember the mantra: simplicity, clarity, and user-centricity are the keys to successful dashboard design.