top of page

My Design Process

With extensive hands-on experience in the entire product development life cycle within an agile environment, I bring a holistic approach to design.

From initial user research and meticulous requirements gathering to crafting low-fi and mid-fi wireframes, I  seamlessly progress to developing high-fi prototypes. My dedication to user-centricity is exemplified through rigorous usability testing and design iterations. I'm skilled in efficient design hand-offs, ensuring a smooth transition to development, and I also believe in the importance of post-design monitoring to refine and optimize the user experience.

1. Discovery

The first step in every project is to listen. Understanding the root problem is the initial essential step to discovering a successful solution. This involves clear communication with the end-user to comprehend their business needs or unique situation. Who they are, what assumptions they have, what their needs are, how they use existing products in real-life scenarios, where they click, what devices they use, and ultimately, what they want to accomplish. A variety of user research methods could be applied during this step:

​

  • Listen

  • Clearly define the problem

  • Conduct user research (interviews, surveys, contextual inquiry, etc.)

  • Define requirements

  • Create user personas and journey maps

2. Brainstorm, Analyze and Plan

After obtaining a clear understanding of the problem we're attempting to solve, I move on to researching the market, analyzing competitors, and exploring possible solutions. My aim is to gather as much information about the competitive landscape as possible. Additionally, I study various apps across the digital landscape that may spark ideas and UI design solutions. Once I've collected enough information, I begin by brainstorming ideas, defining task flows, and creating rough (low-fidelity) prototypes.

​

  • Brainstorm ideas

  • Market research and comparative analysis

  • Define task flows and sketch rough ideas

  • Create conceptual models and low-fidelity wireframes

  • Make design iterations after rounds of business meetings

Task Analysis.png
Screen Shot 2022-04-18 at 11.27.44 AM.png
V1-2.png

3. Visual UI Design (Hi-Fidelity)

After exploring potential ideas, defining the user flows, and structuring the wireframes, I begin the process of visual UI design for the high-fidelity screens. This involves defining the initial elements that will be used to create the overall design system. During the design of each essential screen, I define the colors, typography, iconography, images, illustrations, and the overall design language.

 

  • Tools: Figma, Adobe XD, Sketch, or Axure

  • Define the overall design language Design essential screens

  • Create UI elements and develop a style guide from the design system.

  • If no design system is in place yet, build one. Create high-fidelity prototypes

design system.png
Screenshot 2023-09-21 at 2.05.13 AM.png
Fasting – sign in – 4.png

4. Usability Testing, Validate, Iterate

Depending on the available resources, it's critical to conduct formal or informal usability testing sessions (in-person or remote) in which users walk through prototypes based on representative scenarios. This can be done at any stage of the process, whether with early interactive prototypes or production-ready demos. The purpose at this point is to determine if you've addressed all necessary issues: Can users accomplish tasks in a user-friendly manner? Are there any roadblocks or existing pain-points? Through the data and findings, we can iterate and make adjustments accordingly.

​

  • Usability Testing (formal vs. informal, remote vs. in-person)

  • Collect user feedback

  • Analyze user feedback data from the testing

  • Generate reports and propose design recommendations

  • Present reports to the team

  • Make iterations to the design based on team consensus

60f97d8fcb672c36af0a373d_david-travis-WC6MJ0kRzGw-unsplash.jpg
60f97d9f8b785431077f1c77_ux-indonesia-5QiGvmyJTsc-unsplash-p-2600.jpeg
usability-labs_edited_edited.jpg

5. Communication: Stakeholders, Engineers and Users

Throughout the entire design process, it's essential to maintain an open line of communication with all parties involved, including product owners, key stakeholders, engineers, and end-users. I ensure regular check-ins with the team, sharing wireframes, sketches, and rough prototypes for validation.

​

  • Frequent check-ins with product owners and engineers

  • Stakeholder reviews

  • Demos

  • Early feedback

Communication.png

6. Hand-off, Assist and Monitor Development

Once the designs are final and approved, I work closely with engineers throughout the development process. I ensure that the engineers have a clear understanding of the designs, interactions, and overall flow. It's my responsibility to support the engineers during development by providing all necessary assets and details, and by following the development through to completion.

​

  • Hand-off to engineers

  • Product demonstration

  • Collaborate, assist, and monitor

Hand off.png

Afterthought

Throughout my design process, teamwork plays a central role. Collaborating with product owners, stakeholders, engineers, and end-users is essential to ensure that our collective vision is realized. This synergy of expertise fosters a holistic approach that encompasses every stage of product development.

​

A cornerstone of my approach is the application of critical thinking skills. By diving deep into the root causes of challenges and pain points, I'm better equipped to provide solutions that address fundamental issues. This approach leads to designs that not only look great but also function effectively and efficiently, ultimately enhancing the user experience.

​

Usability testing and continuous feedback loops further underscore the importance of collaboration and critical thinking. By listening to users and adapting based on their input, we can refine our solutions to align with evolving needs and preferences.

 

In conclusion, I firmly believe that effective design is the result of a collective effort that values communication, teamwork, and critical thinking. By following this comprehensive process and fostering a culture of collaboration, we can consistently deliver solutions that make a positive impact on both users and businesses. 

bottom of page