<?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 Jasmine Tay on Medium]]></title>
        <description><![CDATA[Stories by Jasmine Tay on Medium]]></description>
        <link>https://medium.com/@jasminetayy?source=rss-c151cc9e2c92------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*nwB9TREcQZfxHKOWRe4VAA.jpeg</url>
            <title>Stories by Jasmine Tay on Medium</title>
            <link>https://medium.com/@jasminetayy?source=rss-c151cc9e2c92------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sun, 15 Nov 2026 03:08:46 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@jasminetayy/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[The Psychology of Livestream Gifting]]></title>
            <link>https://medium.com/swlh/the-psychology-of-livestream-gifting-cd85987ec59a?source=rss-c151cc9e2c92------2</link>
            <guid isPermaLink="false">https://medium.com/p/cd85987ec59a</guid>
            <category><![CDATA[live-streaming]]></category>
            <category><![CDATA[psychology]]></category>
            <category><![CDATA[livestream]]></category>
            <category><![CDATA[gifting]]></category>
            <category><![CDATA[parasocial-relationships]]></category>
            <dc:creator><![CDATA[Jasmine Tay]]></dc:creator>
            <pubDate>Mon, 18 Aug 2025 03:56:05 GMT</pubDate>
            <atom:updated>2025-08-18T03:56:05.243Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ECRtBZ-eCnYclY4_dLnDow.png" /></figure><p>I used to roll my eyes at the thought of it.</p><p>Watching people send digital roses and cartoon cars to a stranger on a screen felt, well, a little cringey. It was a behavior I couldn’t quite understand, something that seemed frivolous and even a little desperate. I had a clear-cut, if uninformed, opinion: it was just a way for creators to get paid and for fans to waste money on something that didn’t provide tangible value.</p><p>Then, I got a job as a Product Manager on the livestreaming team at TikTok.</p><p>Suddenly, I wasn’t just a passive observer anymore. My job was to dive deep into the very systems I once judged, to understand the motivations behind every tap, every comment, and yes, every digital gift. My mission was to uncover the ‘why’ behind user behavior, and what I found completely shattered my previous biases.</p><p>I discovered that livestream gifting isn’t about transactions. It’s a powerful, multifaceted social behavior, driven by a deep-seated human desire for connection and recognition.</p><p>Here’s what I learned about the secret language of digital gifts.</p><h4>The Gift as a Social Tip</h4><p>Think about the last time you had a truly excellent waiter. Maybe they were funny, attentive, and made your dining experience special. When the check comes, you don’t just pay the bill — you leave a tip. It’s an unspoken social contract, a way of saying, “I see your hard work, and I appreciate it.”</p><p>Livestream gifting is the digital equivalent of that tip.</p><p>In a livestream, a creator is working in real time. They’re providing entertainment, emotional support, and a sense of community. The gift is a way for a fan to say, “Thank you. Your content is valuable, and I’m grateful for the effort you’re putting in.” It’s a direct, immediate, and visible form of appreciation that goes beyond a simple “like” or “comment.”</p><h4>The Illusion of Proximity</h4><p>In a one-to-many broadcast, it’s easy to feel like just another face in the crowd. There might be thousands of viewers, and the creator can’t possibly respond to every single person.</p><p>But a gift changes the dynamic completely.</p><p>When a user sends a gift, their name and avatar pop up on the screen, often with an audible or visual flourish. The creator will often call out their username and say, “Thank you so much, [username]!”</p><p>That simple acknowledgment is incredibly powerful. For a brief moment, the distance between the viewer and the creator disappears. The fan isn’t just a number anymore; they are seen, heard, and appreciated. It transforms a passive viewer into an active participant, and for many, that feeling of being noticed is worth more than the cost of the gift itself.</p><h4>The Power of Gamification and Status</h4><p>If you’ve spent any time on a livestream, you’ve probably noticed the leaderboards — lists of “Top Donors” or “Top Fans” for a particular stream or week. This is no accident. The system is designed to tap into our innate desire for status and recognition.</p><p>Gifting isn’t just about giving. It’s about what that gift signifies within the community.</p><ul><li>A user who gives regularly might unlock special badges next to their name.</li><li>They might get a different colored username in the chat.</li><li>They might be recognized by the creator as a dedicated “mod” or “super fan.”</li></ul><p>These are visual and social representations of a user’s contribution and dedication. It’s about earning your place in the community, and for many, competing for that top spot on the leaderboard is a compelling part of the experience. It’s a game with real-world social rewards.</p><h4>A Shared Social Ritual</h4><p>Finally, and perhaps most importantly, gifting is a form of community building.</p><p>When one person sends a big gift, it often creates a chain reaction. The excitement in the chat builds. Other fans might send smaller gifts to join in the momentum. It’s a collective cheer for the creator, a way for the community to show their unified support.</p><p>In this way, the gift isn’t just from one person to another. It’s a shared social ritual that reinforces the bonds within the fan base. It’s a way for people who might be spread across the globe to feel like they are “on the same team,” supporting the person who brings them together.</p><h4>My PM Perspective</h4><p>From a Product Manager’s perspective, we don’t just see gifting as a revenue stream. We see it as an indicator of engagement, loyalty, and community health. We see a direct correlation between gifting behavior and the depth of a user’s connection to a creator and a community.</p><p>We meticulously design the feedback loops — the instant creator reaction, the visual pop of the gift on screen, the placement on the leaderboard — to reinforce that feeling of connection and acknowledgment. We are building systems that facilitate human-to-human interaction, even if it’s mediated through a screen.</p><p>So, the next time you see a flurry of digital gifts on a livestream, don’t roll your eyes. Instead, see it for what it truly is: a modern-day form of appreciation, a silent cheer from the crowd, and a powerful symbol of human connection in our increasingly digital world. The cringe I once felt was just a misunderstanding of a behavior that is, at its core, deeply human.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cd85987ec59a" width="1" height="1" alt=""><hr><p><a href="https://medium.com/swlh/the-psychology-of-livestream-gifting-cd85987ec59a">The Psychology of Livestream Gifting</a> was originally published in <a href="https://medium.com/swlh">The Startup</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Improving the Netflix Kids Experience for Parents]]></title>
            <link>https://blog.prototypr.io/improving-the-netflix-kids-experience-for-parents-4da34c2d3974?source=rss-c151cc9e2c92------2</link>
            <guid isPermaLink="false">https://medium.com/p/4da34c2d3974</guid>
            <category><![CDATA[netflix]]></category>
            <category><![CDATA[design-process]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[product-management]]></category>
            <category><![CDATA[case-study]]></category>
            <dc:creator><![CDATA[Jasmine Tay]]></dc:creator>
            <pubDate>Thu, 24 Dec 2020 16:16:54 GMT</pubDate>
            <atom:updated>2020-12-24T16:16:54.544Z</atom:updated>
            <content:encoded><![CDATA[<h4>An analysis and my UX improvement proposal</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*jZRyuBUN_Ju8ytRXLtNSPg.png" /></figure><p>My team at work organises weekly sharing sessions where we each take turns to share about an external product and how we can improve it based on the given topic. It was my turn to share last week on how to improve the Netflix Kids experience for parents. Thought it would be nice to pen my thoughts down here on Medium as well, so here goes!</p><h3>Kids, and Parents as a Target Audience</h3><p>It’s easy to see why Netflix would choose to focus on kids and parents as one of their key audiences.</p><blockquote>“About half of Netflix’s 75 million members regularly watch kids’ movies or TV shows, but the potential for long-term profits runs much deeper. If the site is able to win over viewers when they’re young, executives said, they may be able to secure their loyalty for life.” — <a href="https://www.washingtonpost.com/news/the-switch/wp/2016/03/28/netflix-is-coming-for-your-kids/">Washington Post</a>, 2016</blockquote><p>Though outdated, this statement likely still holds true till today, especially with the subscriber base nearly tripling since then. Winning over the kids’ loyalty at a young impressionable age reaps retention in the long term, which is key to their subscription model.</p><p>Parents are an equally important target audience in this case, since they’re essentially the ones paying for and controlling the access for their kids. Aside from keeping the kids entertained with their constant stream of kids content, Netflix has to keep in mind parental concerns such as security, wellbeing when designing their product experience.</p><h3><strong>Product Timeline of Netflix (Kids)</strong></h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*pxsBiDtbGYIpT5jTskfZLQ.png" /><figcaption>Related Product Timeline for the Netflix Kids experience</figcaption></figure><p>Over the past decade, Netflix has come up with a some product improvements that caters to their parental and kids experience. To point out a few key ones:</p><h4>2011 — “Just for Kids” section</h4><p>A separate hub of movies and TV shows for under 12s.</p><p><em>(-) Kids could still easily switch to the main adult section with a click of a button.</em></p><h4>2013 — Profiles</h4><p>One account could now hold multiple profiles, and parents could set up a ‘Kids’ profile and restrict content based on maturity settings.</p><p><em>(-) Harder to switch now, but still possible if the kids were savvy enough</em></p><h4>2020 — Profile Pins</h4><p>Ability to set a password lock for each profile</p><p><em>(+) Seems to solve the problem of kids having access to mature content now</em></p><p>A key problem that is apparent Netflix is trying to solve with its feature updates is that of kids being exposed to inappropriate content. For now, that problem seems under control. However, there’re are still other unsolved parental concerns that can be potentially resolved with more product features, which I’ll talk about in the next section.</p><h3>What Parents Care About</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NkCuvqFd1qQ6EGyhpwy2RQ.png" /></figure><h4>Too much screen time</h4><p>Parents are a busy bunch — they do not have the luxury of being physically present with their kids 24/7 to monitor their TV usage. At the same time, they definitely do not want their kids to fall into the blackhole of Netflix and mindlessly consume content for hours on end.</p><blockquote>“Excessive screen time may inhibit a child’s ability to observe and experience the typical everyday activities they need to engage with in order to learn about the world, leading to a kind of “tunnel vision,” which can be detrimental to overall development.” — <a href="https://healthmatters.nyp.org/what-does-too-much-screen-time-do-to-childrens-brains/">Health Matters</a></blockquote><p>Other negative impacts of excessive screen time</p><ul><li>Delayed sleep — due to the blue light emitted from the screen which inhibits melatonin (the sleep hormone)</li><li>Sedentary behaviour</li><li>Eye health</li><li>Cognitive development</li></ul><h4>Educational Value</h4><p>The type of content that kids consume is often a concern for parents as well. There are put simply, ‘good’ shows and ‘bad’ shows, where the former provides educational value to the viewer (eg. nature shows, moral value shows), while the latter is purely for entertainment purposes.</p><p>Parents might be less willing to let their kid spend a lot of time consuming ‘bad’ shows.</p><h4>Knowledge of their Kid’s Activities</h4><p>As mentioned earlier, parents do not have the time to physically monitor their kid’s watch activity 24/7. It’s important for them to know what their kids are up to in their absence, so that they can be aware of the above concerns.</p><p>Netflix has a few product solutions to tackle this, such as the ability to track the viewing history of your kid’s profile and a recently launched <a href="https://www.theverge.com/2020/12/8/22163863/netflix-family-profile-kids-activity-report-data-movies-tv-shows-individual">Kids Activity Report</a> to help parents connect better with kids.</p><p>Out of these 4 concerns, I chose to focus on Problem 2: Too much screentime as the key one due to both the lack of product solutions for these as well as the importance weightage among the concerns.</p><h3>UX Improvement Proposal</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hI6zocctXAVv5nrQGuu40A.png" /><figcaption>Considerations I had when designing the UX</figcaption></figure><h4>Proposed Solution</h4><p>Allow parents to customise a daily screen time limit for Kids profiles.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*jZRyuBUN_Ju8ytRXLtNSPg.png" /></figure><ol><li><strong>Profile Page<br></strong>Parents are able to have a quick view of how much screen time their kids had today, without having to navigate to the settings to check. This provides convenience and a peace of mind for them in their daily Netflix routine.</li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SxDoH-FTC8d4B29Dj4zS-A.png" /></figure><p><strong>2. Entering a Kids Profile<br></strong>A welcome indicator will appear at the top, stating the watch time limit so that the kids are aware from the beginning. This helps them to plan how to maximise their time within this limited period.</p><p>The copy written here is stated in a positive manner — rather than imposing the word “limit” which has a negative connotation, it frames the watch time as a reward/treat instead.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ot1O861wtOqA2V18ecJTNQ.png" /></figure><p><strong>3. While watching a show<br></strong>When hovering on the screen, an indicator on the left will show the daily screentime countdown left for the Kid profile. I chose to place it as a hover function so that it won’t inhibit the watch experience for the kid and make them feel stressed while watching the show.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wsdz7ZEm6jJnhFKTGO6AuQ.png" /></figure><p><strong>4. Time’s up<br></strong>When the time is up, the screen will automatically display this exit message, with the only button being to ‘Exit Netflix’. Again, the copy tries to frame this in a positive manner, encouraging the kids to spend some quality time with their parents.</p><p>Once exiting, the kid will not be able to access their Kid Profile again till the next day, when the limit refreshes.</p><h3><strong>Footnote</strong></h3><p>Hope you enjoyed this! If you enjoyed this study or have any feedback, I’d love to hear from you. Feel free to email me at <a href="/service/mailto:%20jas-tay@hotmail.com">jas-tay@hotmail.com</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4da34c2d3974" width="1" height="1" alt=""><hr><p><a href="https://blog.prototypr.io/improving-the-netflix-kids-experience-for-parents-4da34c2d3974">Improving the Netflix Kids Experience for Parents</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>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[5 Tips for Entering the World of Product Management With a Non-Technical Background]]></title>
            <link>https://medium.com/swlh/5-tips-for-entering-the-world-of-product-management-with-a-non-technical-background-599cfa0e070a?source=rss-c151cc9e2c92------2</link>
            <guid isPermaLink="false">https://medium.com/p/599cfa0e070a</guid>
            <category><![CDATA[case-study]]></category>
            <category><![CDATA[product]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[product-management]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Jasmine Tay]]></dc:creator>
            <pubDate>Mon, 23 Nov 2020 15:39:56 GMT</pubDate>
            <atom:updated>2020-11-29T13:34:53.804Z</atom:updated>
            <content:encoded><![CDATA[<h4>(from someone with a non-technical background)</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ucsSAKXDCINeZhzT" /><figcaption>Photo by <a href="https://unsplash.com/@marvelous?utm_source=medium&amp;utm_medium=referral">Marvin Meyer</a> on <a href="https://unsplash.com/?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><h3><strong>Backstory</strong></h3><p>Growing up, I’ve always leaned towards the more ‘creative’ side of things. I took subjects such as Literature in high school and junior college, majored in Communications in university, and even dabbled in making resin art as a side hobby for awhile. I remember reading close to 7 fiction books a week when I was young — I loved reading so much and wanted to become an author when I grew up.</p><p>My first foray into the world of tech was at the age of 21, when I applied for a digital marketing internship at a large insurance firm. There, I witnessed first-hand the agile methodology, was exposed to tools such as Confluence and JIRA, learnt about design thinking etc. I subsequently took up an interest in UI/UX design and came back as a UI/UX intern in the same firm. Big shoutout to my mentor at that time — Adam — he was tough but patient enough to impart his knowledge on UX theories and UI design to me, I learnt a lot under his guidance.</p><p>At 23, I graduated and landed my first job as a associate PM. Never even knew what a PM was before that year, let alone making it part of my career path, but life works out in funny ways sometimes! In the short period of time I’ve been working, I’ve had juniors/acquaintances/strangers, also with non-technical backgrounds, reaching out to me to learn more about my experience entering this career route — which gave me the idea to write this piece.</p><h3><strong>5 Tips</strong></h3><h4>1. Care about the user. Care a lot.</h4><p>At the root of it all, a PM has to have an inherent interest in bettering the lives of end users (could be customers/businesses/internal staff) through their product. A purpose, in short.</p><p>Caring about a user can be broken down into what I call a <strong>User Interest Pyramid</strong>:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/570/1*OzuCj4Gr2D9N3ZsGIIvRWg.png" /></figure><ul><li><strong>Level 1 — Knowledge <br></strong>The foundational stage is all about knowing who your users are. What’s your user segment and their demographics like? How many users do you have?</li><li><strong>Level 2 — Understanding<br></strong>As you move up the pyramid, you dig deeper into the psychographics and behaviour of your users. This helps you to understand them better and form clearer insights to back product decisions.</li><li><strong>Level 3 — Evolvement<br></strong>The hardest level of all. Users are ever-changing with times and external factors, and it’s important to be attuned with that for your product to stay relevant. This requires you to care consciously and constantly, instead of just making a one-off analysis. How have your users evolved over time, and can you foresee potential change in the future?</li></ul><p>Technical knowledge can be learnt, but intention cannot. I place a lot of emphasis on caring for the user because it’s key for coming up with good product decisions and hence good products. If you find the above boring, then the route of being a PM might not be the most suited for you. But if it’s aligned with your interests, do read on for more focused tips.</p><h4>2. Try out a basic technical project like building a website</h4><p>The fastest way to learn something is to actually do it. As a PM, you don’t need to code, but it’s definitely helpful to have basic tech knowledge for efficiency and communication purposes with your developers.</p><p>Creating a website is one of the basic technical projects you can attempt, and there’s an abundance of tools out there to help you.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5mcIkWQu7zQgxTfONW_wOw.png" /><figcaption>The first <a href="https://jas-tay.wixsite.com/portfolio">website</a> I ever created was for my portfolio — using Wix’s website editor. Definitely placed too much emphasis on aesthetics over functionality.</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bv9DwtlaPXgZoFDmRimwVQ.png" /><figcaption>A subsequent one for my Final Year Project — using Squarespace. This was where I played around with inserting custom HTML, CSS blocks in different sections.</figcaption></figure><p>Some basic website maker sites I recommend:</p><ul><li>Wordpress</li><li>Squarespace</li><li>Wix</li></ul><p>Or if you want to take it a tad further and code the page from scratch:</p><ul><li>Codecademy’s <a href="https://www.codecademy.com/learn/paths/learn-how-to-build-websites">website building course</a></li><li>Try building a static web page with <a href="https://jekyllrb.com/">Jekyll</a></li></ul><p>(Feel free to comment other resources too!)</p><p>I’ve got to be real honest though, bulk of my learning was actually done on the job by reading up technical documentations and communicating with my developers who patiently explained things to me when needed.</p><p>But demonstrating that you’ve put in effort to hone up your technical knowledge is definitely useful to help you pass the first hurdle — the job interview.</p><h4>3. Read up on UX theories and experiment with UI design</h4><p>The other huge pie of knowledge that you have to know as a PM is related to UI/UX design. While Tip 1 — Caring about the User — helps you arrive at a product decision, Tip 3 turns that decision into a visible prototype by applying sound understanding of user interaction with the product and ease of usage.</p><p>Similar to knowing how to code, knowing how to design is not necessary but you need to know how to recognise good design.</p><ul><li><a href="https://lawsofux.com/">Laws of UX</a>: my favourite website for reading up on UX theories</li><li><a href="https://www.sketch.com/">Sketch</a> / <a href="https://www.figma.com/">Figma</a>: most popular interface design softwares</li><li><a href="https://dribbble.com/">Dribbble</a> / <a href="https://www.behance.net/">Behance</a>: for design inspiration</li></ul><p>If you are unsure where to begin, again just dive right into it and learn along the way. Take part in the <a href="https://www.dailyui.co/">daily UI challenge</a> where new exercises will be sent to your email everyday. Once you’re done, you can reference others’ works to see how they went about the same exercise and learn from them.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/689/1*T7Qb3hf1bv2lhjzd2LrE1Q.png" /><figcaption>An example of a daily UI exercise</figcaption></figure><p>Medium has lots of great design thought articles as well, I particularly like to read UX case studies to see how the authors break down their thought process behind a design decision.</p><h4>4. Be comfortable with reading and analysing data</h4><p>Not all companies have the luxury of having a separate data analysis team to deliver insights to the PM. Most of the time, PMs themselves have to deal with all spectrums of data:</p><ul><li>understanding the raw data structure,</li><li>knowing how to query from a database,</li><li>analysing data and pulling insights.</li></ul><p>This requires a mix of business (knowing what metrics the company cares about) and technical knowledge (knowing how to work the data). For the latter, I recommend learning <a href="https://www.w3schools.com/sql/sql_intro.asp">basic SQL</a>.</p><h4>5. Stay up to date on product trends and question the decisions behind them</h4><p>The latest product design that’s become the talk of the town is Instagram’s decision to replace the notification tab with the shop tab.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/674/0*9ycEzKsKfcTEWoYx.jpeg" /></figure><p>From the way I see it, this seems to be a business driven decision to push shopping behaviour among Instagram users, making use of one of the most commonly clicked tab positions in-app. The bottom navigation bar is historically used for the app’s most important features, due to the ease of reach and sticky position.</p><p>While shifting the notifications entry point to the top right position together with chat might make sense logically since both are social features, I think Instagram could have better taken into account Level 3 of the User Interest Pyramid — Evolvement. Users are used to clicking on the original notifications tab position and feeling a sense of acknowledgement from seeing the social activity; they now have to readapt to the new feeling and content they get from the same user journey. Not the most ideal for the user, but I get the importance from the business standpoint.</p><p>So that’s a snippet of what I think of Instagram’s latest feature change, you can apply such thinking to any product out there really and try to decode the decision behind it. There will always be multiple viewpoints but what’s most important is the sense-making of it that demonstrates your ability to think on a deeper level.</p><p>All in all, knowing and doing any of these will already be a great talking point between you and your interviewer. If you like me come from a non-technical background, take advantage of other strengths you might have such as UI/UX experience while brushing up on other areas you lack in. I hope that these tips will come in handy for you!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=599cfa0e070a" width="1" height="1" alt=""><hr><p><a href="https://medium.com/swlh/5-tips-for-entering-the-world-of-product-management-with-a-non-technical-background-599cfa0e070a">5 Tips for Entering the World of Product Management With a Non-Technical Background</a> was originally published in <a href="https://medium.com/swlh">The Startup</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A UX case study on Shopee (and my redesign of it)]]></title>
            <link>https://blog.prototypr.io/a-ux-case-study-on-shopee-and-my-redesign-of-it-cb0cabd0d8d0?source=rss-c151cc9e2c92------2</link>
            <guid isPermaLink="false">https://medium.com/p/cb0cabd0d8d0</guid>
            <category><![CDATA[ecommerce]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[redesign]]></category>
            <category><![CDATA[mobile-design]]></category>
            <category><![CDATA[ux-case-study]]></category>
            <dc:creator><![CDATA[Jasmine Tay]]></dc:creator>
            <pubDate>Tue, 12 Mar 2019 14:58:34 GMT</pubDate>
            <atom:updated>2019-06-04T07:57:31.842Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*o39kbdl5y1KE3yI4WiCbYQ.jpeg" /></figure><p>So begins an embarkation on my first ever UX case study evaluation. Having read multiple Medium articles on this topic, I was itching to give this whole process a go. E-commerce apps are not exactly the easiest to evaluate and re-design given their navigation complexities, but I chose Shopee as my case study of choice because I wanted to give myself a challenge.</p><p>In this case study, I will be focusing on Shopee’s mobile application instead of the portal.</p><p><em>*Note: I was not affiliated with Shopee at the point of publication and this redesign was done on my own accord.</em></p><h3><strong>About Shopee</strong></h3><p>Shopee is one the leading eCommerce platforms in Southeast Asia. It has a wide selection of product categories ranging from consumer electronics to home &amp; living, health &amp; beauty, baby &amp; toys, fashion and fitness equipment. It also has an in-app chat function that allows buyers to chat with sellers, as well as a rewards section that allows users to redeem Shopee Coins and exchange them for vouchers.</p><p>This case study will analyse in detail and aim to improve the user experience that Shopee <strong>buyers</strong> have when using the app.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bQKtuY04jQa76gCP0ovs0A.jpeg" /><figcaption>My adaptation of the ‘Double Diamond’ model by Design Council</figcaption></figure><h3><strong>The Design Process</strong></h3><p>After researching on numerous design thinking processes, I decided to base my process on the ‘Double Diamond’ model, mainly for the reason that it includes the first phase of ‘Discover’, which is a broad categorisation that allows more room for research compared to other design processes which start with ‘Empathise’, which is limited to user-related research.</p><p>Below are the methodologies included in each phase of my design process:</p><p><strong>Discover</strong></p><ul><li>Main competitors</li><li>Heuristic evaluation</li><li>User research</li><li>Usability testing</li></ul><p><strong>Define</strong></p><ul><li>Affinity mapping</li><li>Personas</li><li>Journey mappings</li><li>Problem statements</li><li>2x2 prioritisation matrix</li></ul><p><strong>Develop</strong></p><ul><li>Ideation</li><li>Wireframe design</li><li>Prototype design</li></ul><p><strong>Deliver</strong></p><ul><li>Interactive prototype</li><li>Visual mockup</li><li>Medium article</li></ul><h3>Main Competitors</h3><p>Here’s a comparison of iOS/iPad AppStore and Google Play rankings across apps in the shopping category, using App Annie.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/830/1*4kMT6zZUx5Pn_H35J7In8w.jpeg" /></figure><p>Looking at the average rankings across the app stores, Shopee places 3rd, with Lazada and AliExpress taking the 1st and 2nd place respectively. The latter two will be taken as the main apps for comparisons against Shopee and referred to for good use case examples. Coincidentally, their app colour is all the same — orange! Confusing much…</p><h3><strong>Heuristic Evaluation</strong></h3><p>Using Jakob Nielsen’s 10 principles for interaction design as a guide, I analysed the current Shopee app screens to identify key issues and areas for improvement. Below is my slide deck of the screenshots and pointers.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fembed_code%2Fkey%2Fs3heUF018cAl3W&amp;url=https%3A%2F%2Fwww.slideshare.net%2FJasmineTay8%2Fa-heuristic-evaluation-on-shopees-app-ux-for-buyers&amp;image=https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fshopeeheuristiceval-190217134630-thumbnail-4.jpg%3Fcb%3D1550411230&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=slideshare" width="600" height="500" frameborder="0" scrolling="no"><a href="https://medium.com/media/dd194cde38cb679f89a8ccf083b9e199/href">https://medium.com/media/dd194cde38cb679f89a8ccf083b9e199/href</a></iframe><h3>User Research</h3><p>I interviewed 4 users of the Shopee app to find out what they thought about it. These users consisted of a mix of both frequent users and users who seldom use the app to balance out the findings.</p><p><strong>Key Findings</strong></p><ul><li>4/4 use the app with an intention to find a particular product already in place, hence they will immediately go to the search function rather than scrolling through the categories on the app</li><li>All of them use the app to buy totally different products (games, arts and craft products, a monitor, and skincare)</li><li>1/4 users constantly uses the rewards program in the app that allows users to earn coins</li><li>2/4 mentioned that they usually buy the products on the Shopee website, and use the app to track their products on the go. Hence, the tracking feature on the app was of importance to them. In fact, that was why one of them downloaded the app in the first place.</li><li>With regards to user friendliness and product categorisation, various recommendations were brought up including: 1. Expand on product description 2. Make shipping time clearer 3. Expand on its categories and sub-categories available 4. Explain what the mall tab is about 5. Reduce number of tabs 6. Reduce clutter</li><li>4/4 of them do not leave reviews after purchasing a product. However, all of them placed a great importance on reading reviews in deciding whether or not to purchase a product.</li></ul><p>Apart from interviewing these users, I also went to the app-store to see what other users had to say about the app. Below are some screenshots of relevant comments:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*33qz6evXYcBrz8DqyeU0Eg.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*OibcR_hYDVGrxDrY4qnx8A.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*ei_Ic-Au7UKM6_hCGaQfnA.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*4wm6T0Vw8eiO6MkYgfpNyQ.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*f3Rwi21zl0TQ9-mX_yArpQ.jpeg" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/719/1*ltGmukBY7nDGQ9zcicFu_g.jpeg" /></figure><p>While a lot of the comments were praises about the app, there were a few gripes here and there mainly related to the authenticity of sellers and products and the poor organisation of the app. This was similar to some of the user interviews as well.</p><h3>Usability Testing</h3><p>After interviewing the users, I gave 2 tasks for them to carry out, which I screen-recorded for further analysis.</p><h4>Buy a moisturiser using the search function on the app</h4><ul><li>Generally, the users didn’t have any trouble with this task</li><li>The filter options were not utilised after they searched for the moisturiser</li><li>All of them looked at product reviews in considering whether they should buy the product. In particular, product reviews with photos was what they commonly clicked to look at.</li></ul><h4>Buy a moisturiser by going through the categories on the app</h4><ul><li>1/4 users went to the ‘Mall’ tab and clicked on the ‘Beauty and Personal Care’ category to look for the moisturiser. However, there was no further filtering options for her to narrow down her search to just moisturisers. This was unlike the same category from the home tab, where there would a be a filtering option on the top right of the screen.</li><li>The other 3 users searched from the home tab. One user really struggled to find the categories section in the home tab as he didn’t know he had to scroll down all the way. He also scrolled past the categories on the first try, not realising they were categories.</li><li>The other user accessed Shopee Mall from its section on the home tab to enter a skincare store, and bought the moisturiser from there.</li><li>The 2 users who bought from Shopee Mall were the more experienced ones who knew that the mall included products from top sellers and official shops. The other 2 did not know what the ‘Mall’ tab was about.</li></ul><h3>Personas and Journey Mapping</h3><p>Based on the key findings and research on the app, I created 3 personas depicting the user’s behaviour, sentiment and pain-points throughout their stages of using the app.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/940/1*N4p1o-EU-La3dQ5H8J15jg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_Y_F8w3W5mUAYwJGxx_hNw.jpeg" /><figcaption>Persona 1 — Frequent user</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/940/1*kZGBbcGZhlr3KKKZ7D00aw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6H6HbhpF3yIMORBqRi25jA.jpeg" /><figcaption>Persona 2 — One Product User</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/940/1*lxzbm9dcLwL2pjjndIOHRw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*awXypa6c6rsl4ZlGilYiNQ.jpeg" /><figcaption>Persona 3 — New User</figcaption></figure><p>From there, we created problem statements for each of these personas:</p><p><strong>Persona 1 (Steffi Low):</strong> Steffi needs more product reviews in the product listings so that she can be sure her money is spent rightfully. She also wants the Shopee Mall categories to show sub categories as well so that she can further narrow her search better.</p><p><strong>Persona 2 (Rachel Tay):</strong> Rachel needs a less cluttered interface and more obvious filter options in the Shopee Mall section of the app so that she will be more inspired to browse and discover more products beyond her usual buy.</p><p><strong>Persona 3 (Adrian Low):</strong> Adrian needs the app features to be less confusing. He wishes there were more explanations about different sections of the app such as ‘Feed’ and ‘Mall’ beyond the on-boarding screen that he didn’t read.</p><h3>2x2 prioritisation matrix</h3><p>Next, I prioritised the features according to what was important to both the user and the business.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/600/1*Qb_b38dj82jU26WLMEna7g.jpeg" /></figure><p>In the real world, the business probably doesn’t have time to work on every single pain-point, hence the prioritisation here. More important points can be addressed in earlier design sprints, and the rest subsequently. However, I will still touch on most of these points in my prototype.</p><h3><strong>Ideation, Wireframe, Prototype</strong></h3><blockquote>“Brand guidelines such as the colour of the banner, and categories such as home owning — all this dictates the type of seller or buyer we want to attract to the app. We want to attract the mature, resourceful and trustworthy user,” said Chris Feng, CEO of Shopee.</blockquote><p>Keeping in mind to keep in constant the brand colours and stick to the same main categories, I came up with a wireframe and prototype of the new design I had in mind.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/784/1*_UvlXAL-tJiVCFfkG_bnqA.png" /><figcaption>A little behind the scenes of my wireframe design using Sketch</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ckC4DuXlV21JXicJnVT9Ng.jpeg" /><figcaption>And ta-dah! The final screens, separated into sections.</figcaption></figure><h4><strong>A Closer Look</strong></h4><ol><li><strong>Home Tab</strong></li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*Bx2MB9nXZd1LPYf45-_FQQ.jpeg" /></figure><p><em>What changed?</em></p><ul><li>Categories shifted up to become a sticky header at the top of the page, so that users will be able to access it even after scrolling past the main screen</li><li>Banner shifted down so that the colour of the banner will no longer be a hindrance to whether users can see the icons</li><li>Inclusion of ‘My Orders’, ‘My Favourites’, and ‘My Feed’ into quick links, based on user interview feedback</li><li>Reduction of sections to reduce clutter</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*b73VzDmfMGgd-80lDvyAtg.jpeg" /><figcaption>Expanded Category</figcaption></figure><p><strong>2. Replacing ‘Feed’ with ‘Rewards’ on the main tab</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*uQCG19m4pKRmZ3d9hcSO6g.jpeg" /><figcaption>New design but keeping the same spin &amp;win section</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*FvFcySvkvCZ7eEHv9guTAA.jpeg" /></figure><p>&lt; This is the original rewards page on the left.</p><p>Singaporeans love free stuff.. which was why I replaced feed on the main tab with a USP of Shopee that I felt was more compelling to users to keep returning to the app — the rewards! Not to say feed isn’t important as well, it’s placed as a quick link on the home tab in the redesign.</p><p>The current way to access Shopee Coins is through a link in the account tab (see in interactive mockup), which was not prominent at all. This was probably also why only 1/4 of the users I interviewed knew about the existence of such a section on the app.</p><p><strong>3. Shopee Mall</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bqnx4vGnlkJtHq5gS9Qlgw.jpeg" /></figure><p>Now for those of you who don’t know what’s Shopee Mall, it’s a section of the app which features official brands and top sellers. The original design didn’t really convey that message except for the bar which highlights the 100% authenticity, which didn’t really register in the user’s heads during the user interviews. Most of them felt like it was just a repeated portion of the home page.</p><p><em>What changed?</em></p><ul><li>A pop-up explaining Shopee Mall so that users could understand it more. ‘Dismiss Forever’ also included as an option so it won’t be annoying</li><li>Colour block added to give the ‘feel’ of entering the mall (visualise the two blocks animated to open like a door). This is to differentiate from the home page</li><li>Shops and products separated to provide clearer focus with user intention</li><li>Subcategories added and filter options placed nearer to product to improve visibility</li></ul><p><strong>3. Shopping Cart</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*GgYCnC3eylXrg0bwEstdMg.jpeg" /></figure><p>Again, I replaced one of the main tabs — this time changing out notifications for shopping cart. The cart function is important both to the business and buyer, it’s the screen before purchase, and a place that consolidates all the items that the user is potentially interested to purchase. The original position at the top right corner makes it a little harder for users to stretch their thumbs to reach, thus the rearrangement to the bottom tab for a better user experience.</p><p><em>What changed?</em></p><ul><li>Function to tick shop name and have all items ticked removed. It’s confusing and adds to the clutter.</li><li>Enter code and select vouchers separated</li></ul><p><strong>4. Encouraging feedback after purchase</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/681/1*-hD0eqOcURtozwU6Uw3aHQ.jpeg" /></figure><p>As annoying as popups are, gathering reviews are essential to gaining the customer’s trust in the product.</p><p>Aside from that, one other idea I thought of was to incorporate reviews into the rewards system <em>eg. Leave a review to earn xx number of coins</em></p><p>While there are more screens I’ve designed, I shall cut the talk and end here with an interactive prototype that you guys can play around with. If you’ve read till here, I thank you for keeping your attention. 👊🏻</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fmarvelapp.com%2F3f06cjb%3Femb%3D1%26&amp;url=https%3A%2F%2Fmarvelapp.com%2F3f06cjb&amp;image=https%3A%2F%2Fmarvel-live.freetls.fastly.net%2Fserve%2F2019%2F3%2F085fa0e9eea4df59ab41ecf0d69049c.png%3Fquality%3D95%26fake%3D.png&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=marvelapp" width="452" height="925" frameborder="0" scrolling="no"><a href="https://medium.com/media/5ff7f4d85db7f9a8b535f771f1a631ff/href">https://medium.com/media/5ff7f4d85db7f9a8b535f771f1a631ff/href</a></iframe><h3>Footnote</h3><p>Hope you enjoyed this! If you enjoyed this case study or have any feedback for me, I’d love to hear from you. Feel free to email me at <a href="/service/mailto: jas-tay@hotmail.com">jas-tay@hotmail.com</a> ☺️</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cb0cabd0d8d0" width="1" height="1" alt=""><hr><p><a href="https://blog.prototypr.io/a-ux-case-study-on-shopee-and-my-redesign-of-it-cb0cabd0d8d0">A UX case study on Shopee (and my redesign of it)</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>]]></content:encoded>
        </item>
    </channel>
</rss>