How do you ensure devs can easily implement your designs?

Francis Juma Katambi
4 min readOct 13, 2023

--

Ensuring that developers can easily implement my designs is a key aspect of my approach. Here’s how I make sure the transition from design to development is seamless and efficient;

  1. Clear Conversations and Shared Vision: I start by having open, honest conversations with developers. We talk about the design goals, user interactions, and the story we want to tell. This shared vision becomes our North Star throughout the process.
  2. Show, Don’t Just Tell: I create interactive prototypes that developers can play with. It’s like handing them a tangible version of the design. Seeing how the design behaves in real-time helps them grasp the intended user experience, making implementation much smoother.
  3. Always Available for Questions: I make myself available. Developers can reach out anytime with questions, concerns, or ideas. We collaborate closely, so there’s a real sense of teamwork. Being there to clarify doubts ensures that everyone is on the same page.
  4. Simplified Assets and Resources: I provide design assets in an organized manner. It’s like giving them a neatly packed toolkit. Icons, images, and all the graphical elements are delivered in formats that developers find easy to work with. It saves them time and effort.
  5. Building Together: I believe in the power of collaboration. We build a design system together, like constructing a shared language. Having a consistent set of UI elements means developers know exactly what to use, maintaining design integrity across the application.
  6. Learning from Each Other: I value developers’ expertise. We exchange ideas, share challenges, and learn from each other. Their insights help me refine my designs. It’s like having a brainstorming session with friends — we come up with better solutions together.
  7. Feedback as a Gift: I see feedback as a gift. Developers often provide valuable input during and after the implementation. I appreciate their perspective and use it to enhance my future designs. It’s a continuous cycle of learning and growing together.

In essence, my approach is all about genuine communication, collaborative problem-solving, and mutual respect. By fostering a human-centered and inclusive environment, I ensure that developers not only understand my designs but also feel inspired to bring them to life effortlessly.

Examples of how my approach made a significant impact. In a previous project, we were developing a mobile banking app aimed at simplifying financial management for users.

Photo by Antoni Shkraba: https://www.pexels.com/photo/a-man-and-a-woman-having-a-conversation-4990541/

1. Understanding Users’ Financial Journey: To design the app, I spent time with actual users, understanding their financial behaviors and pain points. One elderly user, for instance, found it challenging to read small text on her phone due to poor eyesight. This insight directly influenced my design, leading to a larger, more readable font size and intuitive color contrasts.

2. Prototyping for Clarity: We created interactive prototypes showcasing different user journeys within the app. Developers interacted with these prototypes, simulating user experiences. One of the developers pointed out a potential confusion in the fund transfer process. Based on this feedback, I revised the flow, making it more straightforward and ensuring users wouldn’t get lost during the transaction.

3. Collaboration in Action: During the development phase, developers had questions about the animations for transaction confirmations. We sat down together, and I used a simple analogy involving a handshake to explain the smooth transition effect we wanted. This shared understanding resulted in animations that felt natural and intuitive, enhancing the overall user experience.

4. Iterative Refinement: Real-time feedback from developers also led to iterative changes. For instance, a developer suggested using haptic feedback for successful transactions, mimicking the sensation of coins dropping into a piggy bank. This small touch added a delightful element, making users feel a sense of accomplishment after each transaction.

5. Gratitude for Developer Insights: Lastly, I encouraged developers to share their thoughts freely. One developer suggested incorporating voice-assisted features for accessibility. Inspired by this idea, we integrated voice commands, allowing users to navigate the app verbally. This feature, rooted in a developer’s suggestion, made the app inclusive for users with diverse needs.

In this project, collaboration and real-time feedback between designers and developers transformed the app into an intuitive and user-friendly financial tool. By valuing everyone’s input and weaving these insights into the design, we created an application that not only met but exceeded users’ expectations.

--

--

Francis Juma Katambi

I help brands and entrepreneurs that Care about their users as a UX/UI Designer and Website designer Portfolio: sukumapixel.com