IoT83 interface concept
IoT83 is a company that specializes in Internet of Things (IoT) services and monitoring, offering essential tools for clients to monitor the health of their systems and device installations.
I was brought in to enhance the existing interface, focusing on improving how data from network devices is displayed on the dashboard for IoT83’s clients.
The project was led by Ronen Kadushin, the creative director, who provided comprehensive guidance and overall design direction. Ronen conceptualized the newspaper-like system updates, which became the foundation of the design, ensuring that the improvements aligned with the needs of IoT83’s clients.
Design Strategy
- Improving usability by addressing friction points identified through heuristic evaluation
- Clarifying navigation and user flow to support accessibility and predictable interaction
- Exploring multiple visual directions to balance function, clarity, and modern aesthetics
- Delivering a cohesive interface that integrates usability, consistency, and visual refinement
Research & Discovery
Our journey began with a comprehensive heuristic evaluation, meticulously analyzing the existing interface to identify its strengths and weaknesses.
This deep dive allowed us to uncover the problematic areas that hindered user experience and system efficiency. Armed with these insights, we were able to focus our efforts on addressing these issues, paving the way for a more intuitive and user-friendly design.
Each challenge identified in the evaluation became a cornerstone in our redesign process, ensuring that every aspect of the interface was carefully considered and improved.
Prototyping
Three variations of wireframes were developed to capture the interface behavior, exploring different approaches to layout and interaction to determine the most effective design solution.
Visual Design
Exploring three paths to visual excellence for IoT83
Cloudy sky
The first design direction drew inspiration from weather apps, with a clean, modern interface that focuses on clarity and readability. The layout is intuitive, using familiar elements that make data easy to digest, much like checking the forecast.
Shifted hues
The second concept introduced a dynamic interface with an adaptive background that subtly changes according to the system's status. This design aimed to create a responsive and immersive experience, where users could visually gauge system health at a glance.
Printed ink
The third variation took cues from the world of print media, offering a layout reminiscent of newspapers and magazines. This design focused on structured information delivery, with bold typography and a clear hierarchy, bringing a sense of sophistication and order to the digital interface.
Color scheme & elements design
Exploring the palette of possibilities and harmonizing the vision
In the beginning, a series of styling drafts were created, exploring various color schemes, typography, and layout options. This exploration set the stage for a refreshed interface that resonates with clarity and user engagement.
Building upon the initial drafts, the most effective components were artfully merged into a coherent and unified style. Guided by client feedback seeking a more serious tone, the design matured into a sophisticated and professional aesthetic.
User Testing
Final design
The final phase focused on meticulous fine-tuning, refining every element to ensure consistency and aesthetics. The attention to detail culminated in a design bringing visual balance and surface design, ready to empower IoT83's clients.
The final design introduced a bright theme for the new interface, offering a fresh, user-friendly experience that enhances the monitoring of IoT systems and devices.
Ronen Kadushin
