iAm

Transforming User Experiences: My Redesign of the Live Reporting Platform

Final Redesign Solution

Project Overview

Together with iAm, we're enhancing its design to make it visually appealing and more user-friendly. This upgrade will facilitate real-time tracking of personal experiences, fostering greater self-awareness, aiding research, and enhancing social connections.

Client Overview

Founded in 2017, iAm is a SaaS Data Collection & Research platform driven by a passion for comprehending subjective experiences and delving into self-knowledge. Users can self-report on various dimensions in real-time without prompts. iAm generates visualizations and quantifies subjective data for analysis, uncovering patterns and insights.

My Role

End-to-End UX/UI Designer on the team
Application of UX/UI Design Thinking Methodologies
Designed with Figma

Team

Agile / Three Week Sprints
Product Owners (2)
Business Team

“Kammu played a pivotal role in the UI design aspect of the iAm project. Her ability to identify and resolve design problems was coupled with an impressive flair for creating aesthetically pleasing and user-friendly interfaces. The mockups she produced were a clear indication of her talent in UI design. Additionally, Kammu's excellent communication skills and her dedication to fully comprehend the iAm product were instrumental in driving the project forward. Her work ethic and ability to deliver high-quality designs under tight deadlines were truly commendable.”

- Noah Clark, Founder/Developing Software to Measure Subjective Experience with iAm

iAm’s Objectives (KPI’s)

PROBLEM

iAm’s Journey from Complexity

• Make the iAm platform understandable for all users?
• Utilize visual design principles to create an engaging user experience?
• Ensure users easily familiarize themselves with iAm and its features?
• Improve iAm’s navigation for a more intuitive experie ce?

In response to user insights, our goals for iAm are clear: ensure universal accessibility, improve user comfort, incorporate engaging design, and enhance intuitive navigation.

Empathy begins by gaining comprehensive knowledge about the product.

HEURISTIC EVALUATIONS

Understanding the users point of view.

RESEARCH

Analyzing user click behavior and navigation patterns within application provides valuable insights for optimizing the user experience and enhancing SEO performance.

Google SEO Analysis

iAm is designed for everyone, from self-exploration novices to data analysis pros, organized into three user levels. Our approach tailors features and support to suit each group's unique journey.

Interviews (Collected)

Created a comprehensive journey map, visualizing the user’s path and touchpoints, to enhance the overall user experience.

Journey Map

Engaged in a collaborative infinity mapping workshop, distilling user interview insights to drive the ideation of pioneering solutions for a seamless and innovative user experience.

Affinity Mapping

The prioritization framework I crafted, grounded in User Experience Research(UXR) findings, ranks issues based on their criticality, impact, and occurrence. This methodical approach informs the development of targeted strategies to effectively resolve user pain points.

Project Prioritization Spreadsheet

PERSONA: INTROSPECTIVE BLAIR

“I want to know everything about myself - I want to dig my nails into my mind and see what’s going on in there.”

BIO

Blair, a 28 years old is a curious and ambitious graduate student, who enjoys lively discussions about psychology with her peers and colleagues. She has a deep interest in personal growth, and is passionate about enhancing her well-being through mindful practices like meditation, yoga, and journaling. Blair is driven by a keen curiosity about human behavior, and is dedicated not only to understanding herself but also to cultivating deeper connections with those around her.

*Regularly engages in mindful practices like yoga, meditation, and journaling.
*Is an avid knowledge-seeker that values a variety of learning strategies.

*Insightful self- Exploration and improvement.
*Identify behavior and thought patterns.
*Explore new research based therapeutic modalities

*Prompt based self-reporting apps.
*Superficial and cutesy aesthetics.
*Cumbersome technology.

Seeking Innovative Ideas to Enhance User Experience.

IDEATION

Competitive & Comparative Analysis

Our market research revealed iAm's standout feature: its unique real-time data logging and processing, setting it apart even without direct competitors.

Inspirations for Design

Various platforms served as sources of inspiration, fostering creativity through intuitive navigation and educational materials, ultimately ensuring user support and engagement.

From Sketch to Prototype: Transforming Ideas into Interactive Designs

Utilizing paper sketches to brainstorm and translate abstract UX concepts into tangible ideas, then crafting interactive wireframes in Figma to bring early-stage designs to life for iterative testing.

We brainstormed various concepts and sketches inspired by our suggested solution

Mid-Fi verbal Thought Tracking session page

Receiving Feedback by adding, removing and iteration…

ITERATIVE USABILITY TESTING

Iteration Feedback for design Finalization

Finalizing UX designs is crucial through mutual agreement. The initial draft sparks creativity, enabling idea exploration without perfection pressure. Iterative design, driven by feedback, refines the product to meet user needs.

High-Fidelity Prototype

High-definition prototyping is a vital stage in UX, aligning designs with the final product and enabling teams to identify and address potential issues while assessing readiness.

From Wireframes to Design Handoff.

SOLUTIONS and FINAL DESIGNS

• Confusing User Experience.
• Non-Intuitive Organization.
• Alienating Technical Jargon.
• Clinical and Unwelcoming Perception for New Users.

• Wire-framing and Information Architecture Refinement.
• Integration of Educational Materials, Plain Language, and Onboarding Guidance.
• New Visual Design for a Welcoming Atmosphere.
• User-friendly and accessible to both Newcomers and Research-Focused Users.

Final Prototype

The iAm 2.0 redesign marks a continuous evolution towards a refined future experience.

CONCLUSION

The transformation of the iAm app into a user-centric platform marks a significant evolution in design. Our transition from an outdated interface to a modern, accessible design has been guided by a strong commitment to UX principles and a deep understanding of our users’ needs.

Overcoming Legacy Limitations:

Initially, users encountered a complex, non-intuitive design with confusing navigation, unclear structure, and outdated aesthetics, leading to criticism of its cumbersome feedback mechanisms and outdated user experience.

User- Centric Design:

My design tackles these issues by focusing on clarity, simplicity, and usability. It features streamlined navigation, a more intuitive structure, reorganized information architecture, and a modern, visually appealing interface that meets current standards.

Positive Feedback and User Satisfaction:

Positive user feedback highlights the redesign's success, with users praising the intuitive navigation, reduced confusion, and modern interface, leading to more efficient interactions and increased engagement.

Lessons Learned - UX Philosophy:

The iAm UX redesign thrives on a user-centric strategy, emphasizing simplicity, user feedback, and accessibility. Key to its success was prioritizing user needs through regular testing and iterations, simplifying the user interface for clarity, and ensuring accessibility to enhance inclusivity. This approach highlights the significance of adaptability and continuous refinement in delivering an exceptional digital experience.

iAm