large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p>Published on <a href="https://blog.prototypr.io/my-love-hate-relationship-with-developers-49b57907f12b?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Mei </p>
<h4>As a UX designers in creating a design language system</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-cALcXGdJCO-mon4Lf3dSQ.jpeg"></p>
<p>I was lucky to have the role of bridging design and development teams for the past years. To be honest, it was not an easy job. Building up a design language system from zero required the knowledge of native UX patterns as well as technical insights. Below are some notes from my daily extensive communication work.</p>
<h3><strong>Hate:</strong></h3>
<blockquote><p>“Not required in the MVP” or “Not feasible”</p></blockquote>
<blockquote><p>“Platform limitation” or “Not possible”</p></blockquote>
<blockquote><p>“Making no difference”</p></blockquote>
<h4>Of course, be a team player.</h4>
<p>I was really really tired of these words. And having different product owners for each scrum team (design and development) made my life even harder. Adding the design review into the WoW and DoD did help on the table. And influencing the developers with a spirit of making a great product with craftsmanship brought the two teams closer.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/200/1*bPHpfLNlqjegRYs16VxQbw.png">notification badge</p>
<h4>Push when there is a possibility.</h4>
<p>A notification badge was developed without the drop shadow because it was not planed for the MVP. However, there was still one day left in that sprint. As the shadow is critical for the design, I brought nice coffee for the developers and they finished it. I knew that adding the shadow could be a one-day task. And if I haven’t pushed it, it will end up somewhere behind a long list in the backlog.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/200/1*JbTSTHZ166pZVja-nGDVpQ.png">checkbox animation</p>
<h4>Be understandable.</h4>
<p>The checkbox animation in iOS didn’t have the desired sensitivity, though it was able to performance. Because the checkbox was not a native control, I understood that it would take some effort to fix. As the sprint was ending, I let it pass the design review and logged a bug in the backlog. Being reasonable at that time will help the collaborations in the long run.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/280/1*jhHk3CMwQR6D4iyjzVs74g.png">Android date picker</p>
<h4>Ask the same question to another developers.</h4>
<p>When you hear something like “not possible” or “platform limitation”, you should ask the same question to another developer. Sometimes, you might get a complete different story. When developing the date pick in Android, I was disappointed by the “fact” of many design features are not customisable. I went directly to another developers and after 2 days of work, all design features were implemented successfully from Lollipop to Nougat.</p>
<h3>Love:</h3>
<blockquote><p>“I will fix it, don’t worry.”</p></blockquote>
<blockquote><p>“Let’s co-design together! ”</p></blockquote>
<p><img alt="" src="https://cdn-images-1.medium.com/max/200/1*VHiHcDm2-lrzKe4q6zr_3g.png">toggle switch</p>
<h4>Value designers’ effort and value design itself.</h4>
<p>I worked hard in creating the mindset of one team. During everyday conversations, I use “we” instead of “I” to phrase sentence like “We can make it.” For example, when implementing the drop shadow of toggle switch in Android, we faced a big challenge in 9-patch. I started searching for the solution in Android studio by myself after work. That behaviour motivated the developer. And after one week of trying hard together, we finally got it work!</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/280/1*dep3odJbPmXxaPM_u9KMMg.png">iOS, Android and HTML5 search box</p>
<h4>Co-Design for platform friendly UI</h4>
<p>With a lot of experience in native platforms, developers can have valuable input on UI design. To generate platform friendly UI, I organised a co-design session with the developers. I learned about the feasibilities and what I could and couldn’t play with in the design. And in the end, we came up with a design propose that has the look &amp; feel from both native platforms and our design identity.</p>
<p>At last, have pizza, beer and a lot of fun TOGETHER with your DEVs!</p>
<h3>Clap if you like this article ❤️ for a writer it means the world.</h3>
<p>And follow me on medium to see more UX stories 👩🏻‍🎨. I will start my own publication when my followers hits 1K this year. Please help🙏 .If you are interested in my instagram, here it is.</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=49b57907f12b" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/my-love-hate-relationship-with-developers-49b57907f12b">Love &amp; Hate Relationship with DEVs</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Love & Hate Relationship with DEVs

Love & Hate Relationship with DEVs

As a UX designers in creating a design language system

Top Stories