<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Praty on Medium]]></title>
        <description><![CDATA[Stories by Praty on Medium]]></description>
        <link>https://medium.com/@praty?source=rss-207536abee30------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*Jtn5qL3JAS0Qw5KjQLeMGQ@2x.jpeg</url>
            <title>Stories by Praty on Medium</title>
            <link>https://medium.com/@praty?source=rss-207536abee30------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Thu, 12 Nov 2026 23:39:16 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@praty/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[12 Questions to Help You Find a Great Manager Before You Say Yes]]></title>
            <link>https://praty.medium.com/12-questions-to-help-you-find-a-great-manager-before-you-say-yes-c265cf90c780?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/c265cf90c780</guid>
            <category><![CDATA[design-management]]></category>
            <category><![CDATA[design-manager]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[interview-questions]]></category>
            <category><![CDATA[product-design]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Fri, 14 Nov 2025 14:32:15 GMT</pubDate>
            <atom:updated>2025-11-14T14:32:15.234Z</atom:updated>
            <content:encoded><![CDATA[<h4>DESIGN MANAGER REFLECTIONS</h4><p>If you’ve been a designer long enough, you’ve probably realized this truth:</p><blockquote><em>A great manager can accelerate your growth, amplify your confidence, and make work genuinely fulfilling.<br>A bad one, on the other hand, can quietly drain your creativity — even in the most exciting company.</em></blockquote><p>I learned this lesson not just through personal experience, but through something more humbling — my own <strong>Manager NPS (Net Promoter Score)</strong> feedback from my team members. Each year, I read honest reflections from my team about what I did well and what I could do better. Their words reminded me that leadership isn’t defined by titles or design awards, but by how we show up for our people — how we listen, guide, and create space for others to thrive.</p><p>So, I turned that feedback into something useful for <strong>you</strong> — a set of 12 questions you can ask in interviews to understand whether your potential manager is someone who will <em>support your growth or simply manage your output.</em></p><blockquote><strong>⚠️ That said, these questions can feel intimidating — especially to less experienced Design Managers. Please use them thoughtfully and with empathy. They’re best suited for Senior/Staff designers speaking or interviewing with Senior/Staff Design Managers.</strong></blockquote><p>Remember, these aren’t “gotcha” questions. They’re conversation starters — signals to reveal how a design leader thinks, acts, and cares.</p><h3>🧭 On Feedback &amp; Growth</h3><h4>1. How do you usually provide feedback to your team members — formally in design reviews or informally during projects?</h4><p>→ <em>Why it matters:</em> Great managers don’t just critique; they coach. You’ll sense whether they view feedback as a process or a partnership.</p><h4>2. Can you share an example of how you helped a team member grow professionally?</h4><p>→ Listen for sincerity and specifics. A vague answer often means growth isn’t a structured part of their leadership style.</p><h4>3. How do you balance giving direction with giving autonomy to your designers?</h4><p>→ You want someone who trusts your judgment but stays close enough to guide you when it matters.</p><h3>🤝 On Communication &amp; Advocacy</h3><h4>4. When conflicts or misalignments arise between teams, how do you help your designers navigate those situations?</h4><p>→ A supportive manager will talk about protecting focus and helping you advocate for user-centric decisions.</p><h4>5. How do you typically communicate with cross-functional partners to advocate for design needs?</h4><p>→ Their answer will reveal how design is positioned within the organization — as a partner or as a service.</p><h4>6. How do you ensure the team stays aligned on both business goals and design priorities?</h4><p>→ Great design leaders translate between worlds — business and user experience. Look for a balance, not a bias.</p><h3>💛 On Empathy &amp; Culture</h3><h4>7. How do you create an environment where people feel comfortable sharing different perspectives?</h4><p>→ The best managers invite dissent and curiosity; they don’t lead by fear.</p><h4>8. What steps do you take to maintain team morale during high-pressure projects?</h4><p>→ Pressure is inevitable. Support is optional. A good manager knows how to protect the team’s mental space. Look for empathy.</p><h4>9. What does work-life balance look like on your team?</h4><p>→ Their answer tells you how they view <em>you</em> — as a person with a life or as a resource with deliverables. Look for team culture (<em>not</em> company culture)</p><h3>🌱 On Recognition &amp; Motivation</h3><h4>10. How do you recognize and celebrate team achievements?</h4><p>→ Watch how they speak about celebration. Genuine leaders show pride in their people, not just metrics.</p><h4>11. Do you encourage team members to explore different types of projects or roles?</h4><p>→ This reveals if they believe in career mobility and creative growth — or prefer keeping you in one lane.</p><h4>12. What qualities do you value most when helping your designers grow?</h4><p>→ You’ll quickly see if they prize curiosity, craftsmanship, collaboration, or compliance.</p><h3>Why These Questions Matter</h3><p>You might not need to ask all — but even a few can uncover the <em>texture</em> of a manager’s leadership style. You’ll notice patterns:</p><ul><li>Do they speak with empathy or authority?</li><li>Do they use “I” more than “we”?</li><li>Do they talk about people’s growth or the company’s output?</li></ul><p>Good design management, much like good design, is about <strong>intentionality</strong> — the small decisions that make an environment feel safe, inspiring, and worth investing in.</p><h3>A Closing Thought</h3><p>When I read my own NPS feedback, the comments that stayed with me weren’t about strategy decks or KPIs. They were about <em>moments of care</em> — when I helped unblock someone, gave them confidence to try something new, or simply listened.</p><p>Those are the moments that, to me, define great leadership. And as you look for your next opportunity, I hope these questions help you find a manager who brings out the best in <strong><em>you</em></strong><em>.</em></p><h3>If you found this helpful…</h3><p>Save it for your next interview or share it with a fellow designer.</p><blockquote>The best teams aren’t just made of great designers — they’re built by great Design Managers who help them grow.</blockquote><p><strong>Clap</strong> 👏 , if you enjoyed it, so others can find it<br><strong>Comment</strong> 💬, if you have a question you’d like to ask or know more about<br><strong>Follow me (</strong><a href="https://medium.com/u/207536abee30"><strong>Praty</strong></a><strong>) on Medium </strong>to discover more Practical UX ideas, Design Manager Reflections, or just say Hi 👋</p><figure><img alt="Please give it as many claps as you can! Clapping is free and helps me get the content out to more readers ❤️" src="https://cdn-images-1.medium.com/max/146/0*gyRmORzYyszxE8zf.gif" /><figcaption>Please give it as many claps as you can! Clapping is free and helps me get the content out to more readers ❤️</figcaption></figure><p>Please give it as many claps as you can! Clapping is free and helps me get the content out to more readers ❤️</p><p><em>Design NDA Disclaimer<br>*To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information. All information presented is my own and does not necessarily reflect the views of the company.*</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c265cf90c780" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Building the Bridge: Connecting Creativity with Business Impact]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://praty.medium.com/building-the-bridge-connecting-creativity-with-business-impact-eca361b563ce?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/2600/1*ULO2e8BP597QXZnbzJ6VBg.png" width="2944"></a></p><p class="medium-feed-snippet">Have you ever felt like your design team&#x2019;s creativity is stuck on one side of the river, unable to reach the other side where the real&#x2026;</p><p class="medium-feed-link"><a href="https://praty.medium.com/building-the-bridge-connecting-creativity-with-business-impact-eca361b563ce?source=rss-207536abee30------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://praty.medium.com/building-the-bridge-connecting-creativity-with-business-impact-eca361b563ce?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/eca361b563ce</guid>
            <category><![CDATA[strategic-design]]></category>
            <category><![CDATA[design-management]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[learning]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Mon, 16 Dec 2024 02:02:23 GMT</pubDate>
            <atom:updated>2024-12-16T02:21:56.381Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Conquering the ‘I could do it better… ’ syndrome. A Design Manager’s Battle Strategy]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://praty.medium.com/i-could-do-it-better-syndrome-reflections-of-a-new-design-manager-and-strategies-to-counter-29ab035cb4ed?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/2160/1*gH7XgWe5EqxtKy-zJGhS3A.png" width="2160"></a></p><p class="medium-feed-snippet">It&#x2019;s 2021. I, a fiery new Design Manager, brimming with enthusiasm and fresh ideas, suddenly found myself standing at the intersection of&#x2026;</p><p class="medium-feed-link"><a href="https://praty.medium.com/i-could-do-it-better-syndrome-reflections-of-a-new-design-manager-and-strategies-to-counter-29ab035cb4ed?source=rss-207536abee30------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://praty.medium.com/i-could-do-it-better-syndrome-reflections-of-a-new-design-manager-and-strategies-to-counter-29ab035cb4ed?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/29ab035cb4ed</guid>
            <category><![CDATA[strategic-thinking]]></category>
            <category><![CDATA[design-management]]></category>
            <category><![CDATA[psychology]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[design-manager]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Sat, 07 Oct 2023 14:33:46 GMT</pubDate>
            <atom:updated>2024-03-15T02:59:33.810Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Complete My Trip: The Revolutionary Solution for Stress-Free Travel Planning]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://praty.medium.com/complete-my-trip-the-revolutionary-solution-for-stress-free-travel-planning-ef833953bc9f?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/2160/1*wB_M4lzd8ul_mL4Zfqv7gQ.png" width="2160"></a></p><p class="medium-feed-snippet">Once upon a time, there was a world traveler named Jane. She loved exploring new places and experiencing different cultures. &#x1F30F; &#x2708;&#xFE0F;</p><p class="medium-feed-link"><a href="https://praty.medium.com/complete-my-trip-the-revolutionary-solution-for-stress-free-travel-planning-ef833953bc9f?source=rss-207536abee30------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://praty.medium.com/complete-my-trip-the-revolutionary-solution-for-stress-free-travel-planning-ef833953bc9f?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/ef833953bc9f</guid>
            <category><![CDATA[storytelling]]></category>
            <category><![CDATA[case-study]]></category>
            <category><![CDATA[portfolio]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Tue, 04 Apr 2023 06:05:24 GMT</pubDate>
            <atom:updated>2023-11-11T02:01:55.233Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Flirting with the powers of ‘Roach Motel’ Dark UX pattern]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://praty.medium.com/flirting-with-the-powers-of-roach-motel-dark-ux-pattern-6877849d0000?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/902/1*1SjEXUCfxTxxyLbngRO4oQ.jpeg" width="902"></a></p><p class="medium-feed-snippet">A Trip.com app case study. How not to give in to the temptation of the Dark UX patterns and instead leverage them to your benefit.</p><p class="medium-feed-link"><a href="https://praty.medium.com/flirting-with-the-powers-of-roach-motel-dark-ux-pattern-6877849d0000?source=rss-207536abee30------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://praty.medium.com/flirting-with-the-powers-of-roach-motel-dark-ux-pattern-6877849d0000?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/6877849d0000</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[psychology]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[design-patterns]]></category>
            <category><![CDATA[travel-app]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Fri, 16 Sep 2022 08:57:16 GMT</pubDate>
            <atom:updated>2022-09-16T08:57:16.754Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Accessible Design Workshop]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/design-bootcamp/accessible-design-workshop-d590ef50ae90?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/1280/0*wANDeSLuxE3AvypX" width="1280"></a></p><p class="medium-feed-snippet">What would be the impact of our design decisions if our product had one billion users?</p><p class="medium-feed-link"><a href="https://medium.com/design-bootcamp/accessible-design-workshop-d590ef50ae90?source=rss-207536abee30------2">Continue reading on Bootcamp »</a></p></div>]]></description>
            <link>https://medium.com/design-bootcamp/accessible-design-workshop-d590ef50ae90?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/d590ef50ae90</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[design-workshop]]></category>
            <category><![CDATA[accessibility]]></category>
            <category><![CDATA[portfolio]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Wed, 09 Feb 2022 13:06:34 GMT</pubDate>
            <atom:updated>2022-02-15T06:36:15.171Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Flirting with the ‘Roach Motel’ UX Pattern]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/design-bootcamp/flirting-with-roach-motel-ux-pattern-485af122b1f8?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/2600/1*C0bVMuSr1v3XVSy28QlKqA.png" width="3760"></a></p><p class="medium-feed-snippet">Introducing &#x2018;Cool Gray 1 C&#x2019; UX Pattern and Proactive Affirmation UX. (Not your typical dichotomy of &#x201C;Dark&#x201D; vs &#x201C;Light&#x201D; UX patterns.) A&#x2026;</p><p class="medium-feed-link"><a href="https://medium.com/design-bootcamp/flirting-with-roach-motel-ux-pattern-485af122b1f8?source=rss-207536abee30------2">Continue reading on Bootcamp »</a></p></div>]]></description>
            <link>https://medium.com/design-bootcamp/flirting-with-roach-motel-ux-pattern-485af122b1f8?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/485af122b1f8</guid>
            <category><![CDATA[psychology]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[business-strategy]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ux-strategy]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Tue, 13 Jul 2021 14:12:08 GMT</pubDate>
            <atom:updated>2022-09-17T07:31:48.454Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Writing Product (Design) Proposals & Case Studies]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://praty.medium.com/writing-product-design-proposals-case-studies-ae226c8916b6?source=rss-207536abee30------2"><img src="https://cdn-images-1.medium.com/max/2600/1*koLMa9LNdsGQyu7uK3NGHQ.png" width="5032"></a></p><p class="medium-feed-snippet">An iterative approach to writing Design Case Studies</p><p class="medium-feed-link"><a href="https://praty.medium.com/writing-product-design-proposals-case-studies-ae226c8916b6?source=rss-207536abee30------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://praty.medium.com/writing-product-design-proposals-case-studies-ae226c8916b6?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/ae226c8916b6</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[design-case-study]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[template]]></category>
            <category><![CDATA[blogging-tips]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Wed, 26 Feb 2020 07:02:49 GMT</pubDate>
            <atom:updated>2021-04-29T03:20:38.659Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Trip.com Competitor Analysis]]></title>
            <link>https://praty.medium.com/trip-com-competitor-analysis-652afcfa447f?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/652afcfa447f</guid>
            <category><![CDATA[travel]]></category>
            <category><![CDATA[interview]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[apps]]></category>
            <category><![CDATA[competitor-analysis]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Sun, 21 Jul 2019 17:18:02 GMT</pubDate>
            <atom:updated>2020-04-07T08:11:35.532Z</atom:updated>
            <content:encoded><![CDATA[<h4>Portfolio | Case Study</h4><h3>How to captivate your UX interviewers using this simple trick…</h3><h4>During an interview session with Trip.com, I decided to proactively present a quick and dirty Competitor Research of their Trip.com app. But why?</h4><h4>For the ones in a hurry. tl;dr</h4><p>The analysis report is below ↓.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*z_38ikx4-j9l69otUXieWw.png" /><figcaption>Trip.com competitor analysis report. I prepared the report in under 3 hours. So pardon me, my fellow UX critics, if you notice some inconsistencies in the report.</figcaption></figure><p>Nice. You scrolled past the image! Woo hoo… I assume you are one of the very few of us who loves to read.</p><h4>Behind the Scenes</h4><p>Interviewing with good companies is always challenging. <strong>You need to be different, bold, and creative to capture their interest and show them that you truly value their work-culture, vision, and business.</strong> I was recently in one such situation — interviewing for a Senior UX Designer role at Trip.com.</p><p>I had all the basics covered — researched about the company, had my questions to the interviewers ready, and practiced my previous work (<a href="http://bit.ly/pratyushportfolio">Alibaba.com case studies</a>). The night before the interview, when I was about to hit the bed after a grueling workday, I decided to go through my sample interview questions which I had so diligently collected earlier.</p><p>However, I soon realized,</p><p><em>“Well, every other candidate would do the same… practice the questions, go through the case studies, etc. How am I different?”</em>, I pondered. That is when I decided to try something bold &amp; different. Trying to go beyond the expected and be a pleasant surprise to the interviewers. Why not?</p><p>My goal was to let the interviewers focus on my strengths. The best way is to show and tell. Further, every interviewer loves to hear about the success of their company and how they can improve on it. So, if I provide some constructive feedback, users’ voice, and design suggestions to the interviewers, they can’t help but feel invested in the conversation.</p><p>Long story short, after I presented my work, the interviewers appreciated it and were happily involved in discussing details of their current project. If I hadn’t done the self-project, maybe it would have turned out to be your run-of-the-mill bland interview.</p><p>You can find the competitor summary report I presented, above.</p><p><strong>Moral of the story:</strong></p><blockquote>Don’t be shy to try new ideas, push the boundaries, or think outside the box. Here, the result doesn’t matter much. It’s the effort you put in that matters.</blockquote><blockquote>Your goal is to stand out from your competition. To let the interviewer remember you.</blockquote><p>Good luck with your next interview. 🙃</p><p>Well, this wasn’t a real business project. But, if you are interested to get a glimpse of the projects I carried out at Alibaba.com as a Sr. UX Designer, check out my portfolio below ↓</p><p><a href="https://medium.com/@praty/pratyush-pandab-portfolio-ad9fccb06f37">Pratyush Pandab — Portfolio</a></p><h3>Thanks for reading. And, before you go…</h3><p>Your claps motivate me to share my insights with others.</p><p><strong>Clap</strong> 👏 , if you enjoyed it, so others can find it<br><strong>Comment</strong> 💬, if you have a question you’d like to ask or know more about<br><strong>Follow me (</strong><a href="https://medium.com/u/207536abee30?source=post_page---------------------------">Praty</a>) to know the inside stories from <a href="https://medium.com/u/b59d13a9378c?source=post_page---------------------------">Alibaba.com Design</a> and more…</p><p>Thanks for reading! <a href="https://www.linkedin.com/in/pratyushpandab/?source=post_page---------------------------"><strong>Get in touch →</strong></a></p><p><em>Design NDA Disclaimer<br>*To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information. All information presented is my own and does not necessarily reflect the views of the company.*</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=652afcfa447f" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Alibaba.com Header 2.0]]></title>
            <link>https://praty.medium.com/alibaba-com-header-2-0-d944669fcca?source=rss-207536abee30------2</link>
            <guid isPermaLink="false">https://medium.com/p/d944669fcca</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ecommerce]]></category>
            <category><![CDATA[design-process]]></category>
            <category><![CDATA[portfolio]]></category>
            <category><![CDATA[navigation]]></category>
            <dc:creator><![CDATA[Praty]]></dc:creator>
            <pubDate>Tue, 28 May 2019 16:35:53 GMT</pubDate>
            <atom:updated>2020-01-19T03:58:34.065Z</atom:updated>
            <content:encoded><![CDATA[<h4>Portfolio | Case Study</h4><h4>From inconsistent navigation w/ over 26 different header styles to just 1 header. Detailed design system for B2B e-commerce website navigation.</h4><p>When you have over 1.5 million¹ unique visitors on a site, it is imperative to provide a consistent, coherent, and meaningful navigation experience throughout the website for the best user experience. But not every page in an e-commerce platform is built the same and not every page has the same goals. And then there are business needs that are prioritized during a certain period of the year — e.g. promotional events, that lead to prioritizing marketing promotions over users’ pre-intent tasks. Over the past 19 years of its existence, all these have led to <strong>26 different header styles on Alibaba.com. 🤯. </strong>Further, multi-language wasn’t a priority back then, so the old header UI misbehaved when translated to languages other than English.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4UhUSi38TX2Mqy1Dn22KAg.png" /><figcaption>Old Header: 26 different header styles on Alibaba.com. Lack of consistency, poor navigation IA, poor multilanguage &amp; responsive support are few of the major issues plaguing the UX on Alibaba.com.</figcaption></figure><p>Hence, we were tasked to provide a better IA and simple &amp; consistent navigation experience to users throughout the website <strong>so they know where they are and can retrace their paths as they continue browsing<em>, </em></strong>whilst meeting the various business needs for all Alibaba.com marketplaces, services, promotions, and landing page scenarios. And, here’s the solution — <strong>one header to rule them all</strong>. <em>(I am going to be wrong in assuming this, but more on that later.)</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*VL_HULRMOQQIP4jeJ068RA.png" /><figcaption>Old Header for Alibaba.com Homepage.</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gJqxzZ9lnFZHjD_0lJn5iA.png" /><figcaption>New Header for Alibaba.com. One header for all scenarios.</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MZwmbJnz2krP2Pgqyw7Shg.png" /><figcaption>New Header: The top 3 scenarios that we handled in the first iteration — Homepage, Search, and Details.</figcaption></figure><h3>Results ¹</h3><blockquote><strong>Overall, 3% increase in click rate for each Link in the header. 👍</strong></blockquote><blockquote><strong>Overall, 2.5% average increase in organic traffic to subsequent pages. 👍</strong></blockquote><blockquote><strong>0.5% drop in click rate for User profile. 👎</strong></blockquote><h3>Behind the scenes</h3><h4>My Role</h4><p><strong><em>I led the design of the New Header experience</em></strong> between January and April 2019 and collaborated with two Engineers and two Product Manager <em>(and multiple other business stakeholders)</em>. To me, collaboration is the key to the best creative problem-solving experience possible.</p><p>Also, <strong><em>I performed user research, drafted prototypes, conducted user testing, delivered visual assets, and saw the project through its development.</em></strong> The page went live on February 22nd, 2019.</p><p>Next, I’ll only discuss the Header redesign process for the top 3 scenarios — <em>Homepage, Search, and Details</em>. (Marketplaces, Services, and Landing Pages will be covered in another case study.)</p><h4>1. Vision + Goals</h4><p>Our high-level goals were:</p><ol><li><strong>Consistent navigation throughout the website.</strong> <em>Measurement: Can we one unified header solution to cover all the website pages (or with minimal changes).</em></li><li><strong>Get more traffic to webpages from the Header</strong>. <em>Measurement:</em> <em>Increased click UV for links.</em></li><li><strong>Make it easy for the user to understand the navigation. </strong><em>Measurement: Better information architecture based on qualitative user data.</em></li><li><strong>Cater to all business needs. </strong><em>Measurement: All business stakeholders should be satisfied with the results (internal survey).</em></li></ol><h4>2. Problems</h4><p>01/<strong> Inconsistency</strong></p><p>As discussed earlier, the primary issue was the inconsistency in the Header. The header changed while navigating between pages and finding the same navigation element across pages was near to impossible. Refer to the image: <em>26 different header styles on Alibaba.com</em>.</p><p>02/ <strong>Link Sprinkling — Poor IA</strong></p><p>The old header included repeated links to the same function — <em>a classic case of </em><strong><em>link sprinkling,</em></strong><em> hoping that one of the links will attract the user. </em>This created confusion for the users (reported by 8/10 users from our User Research Study) as they would always “hope” to find the desired link in one of the navigation items by hit &amp; trial. This was because of a lack of proper logical information structure in the Header.</p><p>03/ <strong>Multi-Language + Responsive</strong></p><p>The old header didn’t take into account all the multi-languages scenarios that might affect the responsive designs. Due to this, Links started to overlap and information wasn’t recognizable.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*nhW39HB_e0rXgf8JDkCm_A.gif" /><figcaption>Old Header. For multi-languages, the UI elements start to overlap on each other making the UI unusable.</figcaption></figure><p>04/ <strong>No visibility for Promotion/Deals</strong></p><p>Alibaba.com hosts temporary ‘Promotions/Deals’ a.k.a ‘Activities’ that lasts for a week to a month depending on the type of activity. However, the visibility of these activities is only on the Homepage banners. Once the user navigates away from the homepage, there would be no means to access the promotions.</p><p>Also, not all users are organic traffic that would land on the homepage. Like every other e-commerce platform, Alibaba.com has a plethora of landing pages. Collectively, these pages get a significant amount of traffic that never gets to know the ongoing Activities on Alibaba.com — a missed opportunity.</p><p>The Promotion business team wanted us to figure out a solution to increase the traffic to their pages.</p><h4>3. Solution</h4><p>01/ <strong>Background Research</strong></p><p>We performed a competitor analysis of 24 different website headers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*n2HHiytjqhJQ5AYTWwSXBQ.png" /><figcaption>Competitor analysis of 24 different website headers. Primary, secondary, and tertiary competitors. The goal was to understand the basic layout, content used, responsive behavior, and multi-language support of the competitors.</figcaption></figure><p>We wanted to learn what were the common links (link groups) being used, the placement of these links, and the copy being used by our primary competitors. We also closely analyzed the multi-language and responsive behavior of these websites.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oELGgTnAERncMYk8UGcDtw.png" /><figcaption>A simple analysis of the 24 different headers to learn about the different links and their placement in the UI.</figcaption></figure><p>Next, we analyzed the Alibaba.com header click UV data. <em>(I cannot disclose real the data ¹*, but, here’s an approximation of the click engagement for the various items on the old header.)</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cAlS8ZMb3YTR-_-Ogaw5Lw.png" /><figcaption>Usage of various links and items on the old header.</figcaption></figure><p>Keeping aside the Alibaba.com logo click data, it was evident that the engagement was the highest for the <strong>profile/account management</strong> which included various entrances and notification. Contrary to our beliefs, the Orders and Favorites entrances had a low engagement.</p><p>02/<strong> Improving the Header IA</strong></p><p>We first conducted an <em>open card sorting</em> to help us evaluate the information architecture of the site and understand our users’ expectations. 11 participants organized and labeled topics into categories that would make sense to them. We used sticky notes for the card sorting.</p><p>Based on users’ grouping, and a few rounds of internal team discussion, we summarised the categories as follows.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WROL6zj_dgvDqjEPmhQz6A.png" /><figcaption>Basic IA after our card sorting w/ 11 participants and some internal discussion w/ Business Teams and Promotion Operators.</figcaption></figure><p>Lastly, based on the above card sorting findings and the competitive analysis, we divided the header into 3 layers, viz.</p><p>i. <strong>Basic e-commerce</strong> — <em>Logo, Search, Profile/Account Management</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*b0tizdJZebybSdkfhs61Ow.png" /><figcaption>Basic e-commerce — Logo, Search, Profile/Account Management</figcaption></figure><p>ii. <strong>Markets &amp; Services</strong> — <em>Marketplaces, Services, Help, Language Switch, App download</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*HOZaKHV1jv4x-y9mxKBpdA.png" /><figcaption><em>Markets &amp; Services — Ready To Ship, Deals, Marketplaces, Services, help, Language Switch</em></figcaption></figure><p>iii. <strong>(Optional) Page navigation</strong> — <em>site pages would have their navigation</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CP95on5NYy-wQLKINQ0MuA.png" /><figcaption>Request For Quotation (RFQ) page header</figcaption></figure><p>Layering all the 3 sections:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_fP5jXaXr7yzDZjqCVKVvg.png" /><figcaption>All 3 layers — Basic e-commerce, Markets &amp; Services, &amp; Page Navigation</figcaption></figure><p>Below is the IA breakdown of the Header and how we arrived at the conclusion.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*YArALWG2p9jSEt4aRfY5SA.png" /><figcaption>Anatomy of Alibaba.com New Header.</figcaption></figure><p>03/<strong> Handling Multi-language. Gracefully.</strong></p><p>Alibaba.com website supports 16 languages. Designing a header (or any other page) while taking into account all 16 languages has its own set of challenges.</p><p>I used my simple <a href="https://docs.google.com/spreadsheets/d/1f6bErmzZInmb9v7PhIi7bvnDtInJP3n3JLjAdmNQLnM/edit?usp=sharing">Translation Sheet</a> to calculate the max (and average) multi-language word length for the Links. e.g. ‘Help’ text (4 characters) would need more space when translated to French, (Aidez-Moi).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Hbr8iEYD8_hoyaHMROsgCQ.gif" /><figcaption><a href="https://docs.google.com/spreadsheets/d/1f6bErmzZInmb9v7PhIi7bvnDtInJP3n3JLjAdmNQLnM/edit?usp=sharing">Translation Sheet</a> to calculate the max and average word length for multi-language.</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8r4WOfMy-F0ye_Bztcoiog.png" /><figcaption>Accounting for multi-language while designing the new header.</figcaption></figure><p>04/<strong> Designs</strong></p><p>During the design phase, we came up with various versions for the Header.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XghrGsnVoFae7tBUF0-zPg.png" /><figcaption>Various Header styles used during the Design critique and Stakeholder meetings.</figcaption></figure><p>After several rounds of design critique (<a href="https://medium.com/@praty/design-critique-template-edd79784f9ad?source=friends_link&amp;sk=6e58b166dc2aac821cdd1fe074bc9480">My Design Critique Template</a>) and feedback from key stakeholders, we decided 2 Header styles for A/B test.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A4DKkQgWEGO-C5iex2J83Q.png" /><figcaption>2 Header styles AB tested. Version A received better overall click data for the links and hence, was finally implemented on the site.</figcaption></figure><p>We also accounted for multi-language and proper responsive breakpoints.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WAcbuAW9VfD7pMIvTZicGA.gif" /><figcaption>The new header is responsive and adapts correctly to multi-language.</figcaption></figure><p>The new header is now live on Alibaba.com. Feel free to try it out. <em>(Not all suggested designs were implemented due to limited engineering resources.)</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MZwmbJnz2krP2Pgqyw7Shg.png" /><figcaption>New Header: The top 3 scenarios that we handled in the first iteration — Homepage, Search, and Details.</figcaption></figure><h4>4. Results ¹</h4><p>The AB test results helped us decide the final Header version. From a design point of view, we (most designers) preferred Version B over Version A, however, <strong>the various links click data was better for Version A.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A4DKkQgWEGO-C5iex2J83Q.png" /><figcaption>2 Header styles AB tested. Version A received better overall click data for the links and hence, finally implemented was on the site.</figcaption></figure><p>We also split the traffic, 33.33% (New Header) &amp; 66.67% (Old Header) to measure the click data. The New Header outperformed the old header in overall click data.</p><p>Final Data:</p><blockquote><strong>Overall, 3% increase in click rate for each Link in the header. 👍</strong></blockquote><blockquote><strong>Overall, 2.5% average increase in organic traffic to subsequent pages. 👍</strong></blockquote><blockquote><strong>0.5% drop in click rate for User profile. 👎</strong></blockquote><p><em>The click rate for the User Profile decreased by 0.5%. (More data analysis needs to be done to uncover the reasons behind this decrease.)</em></p><h4>5. Next?</h4><p>In the coming months, we’ll be extending this new header to cover Marketplaces, Services, Landing Pages, and Forms on Alibaba.com. There will be some changes to the New Header layout to account for its respective page’s goal.</p><p><em>(We are in the middle of an AB test with just 1% of the traffic to test what would happen if we use this new extended header on some of our Search SEO Landing pages. We hypothesize that it would increase the bounce rate of that page. Only time will tell. 🤞)</em></p><p>Stay tuned for the next case study…</p><p>Just for gigs, we also tried a dark version of the header. …. 🤢</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vxve8r1miPTwadvS7H-Ukg.png" /><figcaption>Trying a dark version of the Header.</figcaption></figure><p><em>¹ The data do not represent real values. These are proportional to the real data and have been created for sharing outside of alibaba.com.)</em></p><p><em>Design NDA Disclaimer<br>*To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information. All information presented is my own and does not necessarily reflect the views of the company.*</em></p><h3>Thanks for reading. And, before you go…</h3><p><strong>Clap</strong> 👏 , if you enjoyed it, so others can find it<br><strong>Comment</strong> 💬, if you have a question you’d like to ask or know more about<br><strong>Follow me (</strong><a href="https://medium.com/u/207536abee30">Praty</a>) to know the inside stories from <a href="https://medium.com/u/b59d13a9378c">Alibaba.com Design</a> and more…</p><h4>More interesting reads…</h4><p>We designed and developed an optimized payment flow that shows our free sellers the real benefits of being a paid seller on Alibaba.com. 👇</p><p><a href="https://medium.com/@praty/alibaba-com-global-suppliers-membership-payment-flow-upgrade-ebb9cfaeb710">Alibaba.com Global Suppliers Membership Payment Flow Upgrade</a></p><p>You can help your teammates make sense of <strong>Cross-cultural design for websites/apps. </strong>Here’s an extensive slide deck just for you — <strong>Clearly Cultural</strong>. 👇</p><p><a href="https://medium.com/@praty/clearly-cultural-fefc06f68af1">Clearly Cultural</a></p><p>Or, conduct an <strong>Accessible Design workshop</strong> to talk about inclusive designs. Here’s how I did it 👉 <a href="https://www.linkedin.com/pulse/conducting-accessible-design-workshop-pratyush-pandab/">https://www.linkedin.com/pulse/conducting-accessible-design-workshop-pratyush-pandab/</a></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*gIJoYm49GFpG9MCd" /><figcaption>Inducing temporary disability. (Unless you are fluent in Russian!). Illustration by Elisa González. <a href="https://www.linkedin.com/pulse/conducting-accessible-design-workshop-pratyush-pandab/">Read more…</a></figcaption></figure><p>Thanks for reading! <a href="https://www.linkedin.com/in/pratyushpandab/"><strong>Get in touch →</strong></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d944669fcca" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>