Get in touch
Email: borah.nikita123@gmail.com
© 2024 Copyrights. All rights reserved
Powered by strong Milk Tea
Problem statement
The existing dashboard lacked the depth and clarity necessary for advanced players to effectively analyze performance and progression. Additionally, the interface did not fully align with Diablo IV's narrative-driven and immersive gameplay experience.
Goals
Create an Engaging Player Dashboard: Design an intuitive and visually appealing interface for Diablo IV players.
Provide Comprehensive Gameplay Analytics: Deliver actionable insights on character stats, progress, and achievements.
Enhance User Experience: Align the dashboard's design with Diablo IV's dark, immersive theme to create a seamless experience.
Encourage Player Interaction: Integrate social features, such as local player tracking and friend additions.
Support Strategic Decision-Making: Offer clear data visualizations to help players optimize their gameplay strategies.
Boost Player Retention: Highlight achievements and progression to encourage continued engagement.
Research process
Target Audience
Demographics
Players aged 18-35, deeply invested in immersive RPGs.
Motivations
Passionate about game stats, character progression, and challenging gameplay.
Pain Points
Overwhelming in-game information.
Lack of detailed performance metrics for competitive gaming.
User research metrics
Conducted surveys with a few active Diablo players to gather insights.
Identified key performance indicators such as time played, player retention, and achievement completion rates.
Key findings
Preferred a dashboard emphasizing concise performance metrics and character stats
68%
Valued progress tracking and achievement displays
75%
Users requested social features, such as comparing stats with local players
75%
Struggled with information overload on existing interfaces
52%
User needs
Players prefer detailed but visually organized dashboards and easy access to core stats.
Progress tracking of quests (health, mana, experience points) is essential for player engagement.
Social interaction features (e.g., local players, friends list) enhance player retention.
Personas
How might we?
?
How might we design a player dashboard that seamlessly combines immersive visuals and actionable gameplay insights to enhance player engagement, strategy, and social interaction in Diablo IV?
With regards to our user persona:
Visual Design Process
Brand Identity
Accessibility
Incorporated Diablo IV's dark fantasy theme with bold red highlights, black backgrounds, and gritty textures.
Ensured WCAG compliance with high-contrast visuals and scalable fonts.
Used consistent typography and graphical elements to align with the franchise's visual identity
Incorporated Diablo-inspired textures and character illustrations to elevate the design.
Style Guide
Design Process
Sketches
Developed initial sketches to map out key dashboard components.
Iterated on refined sketches, incorporating user feedback to improve navigation and content organization.
Focused on hierarchy and layout to balance functionality and clarity.
Key dashboard components
Improved Navigation & content organization
Proper hierarchy & layout for clarity
Usability Testing
Low-Fidelity Wireframes
Iterative testing sessions with 10 users resulted in:
Improved features like progress tracking, social player stats, and XP breakdown based on feedback.
A streamlined layout reducing cognitive load.
Screen 1
Screen 2
Key Dashboard Features
Designed charts, graphs, metris for data visualization (e.g., XP Gained vs. Required, health/mana levels, character stats).
Displays player stats such as attack, armor, life, and attributes.
Interactive graphs and charts for quick reference.
Weekly screen time analytics.
Social Interaction: player rankings with options to add friends, monitor online statuses and compare stats.
Character progress overview: Overall progress indicators for quests and achievements.
Hover effects to highlight actionable elements.
Game Insights: Tracks most played characters and completion rates for quests and challenges.
Smooth, quick, easy & Immersive Onboarding Experience: A visually immersive welcome screen and guided setup introduce players to key dashboard features and personalize their experience.
Hi Fidelity wireframes
User feedback
Feedback highlighted the easy + intuitive navigation, visually engaging design and aesthetic coherence.
Reflections
The Diablo Game Dashboard effectively demonstrates how UX and visual design can enhance user engagement and satisfaction.
Empathy in Design: By addressing user pain points, leveraging brand identity, and incorporating dynamic analytics, the project delivered a seamless and immersive experience for Diablo players.
Iterative Process: Feedback-driven iterations led to a significantly more intuitive and engaging product.
Visual Cohesion: Aligning the design with Diablo IV's aesthetic was essential in delivering a seamless experience.
Conclusion
Thank you for reviewing!
This project demonstrates the power of combining robust UX research with compelling visual storytelling to elevate user engagement in gaming platforms.
Collaterals
This case study outlines the process and methodologies employed in the design of this dashboard, including UX and visual design principles, user research, and the role I played in bringing this project to life.
Diablo IV Dashboard design
Dashboard design
Overview
This project centers on designing an immersive Diablo IV Game Dashboard, aimed at enhancing the player's experience by providing a comprehensive interface for tracking progress, achievements, and social interaction. The dashboard blends intuitive UX design with visually captivating elements to reflect the game's dark fantasy aesthetic.
Tools used
Mentor
Terry Jones
Role
Visual design, Research
UX &UI Design
Year
Fall 2024