These 6 articles cover UX on "marketing channels" — Email and Social Media. They differ from in-product interface design:Users do not come here to see your brand content(they scroll social media for friends’ updates, and check email for important matters), so the core tension of channel UX is "how to achieve business goals without annoying users or harming the brand, in spaces where users do not particularly want to engage with you".
The full text is organized around "the two endpoints of the user journey":First, retain and draw users in(emojis in subject lines, 6 types of social media interactions, 3 social media insights, status tracking),Then, let departing users leave with dignity(unsubscribe experience). Finally, there is a standalone article on K-Pop direct messaging apps, which pushes all the above "user retention" tactics to the extreme and turns them into dark patterns (deceptive patterns that use design tricks to manipulate users into acting against their own intentions)— serving as a counterexample to the positive guidelines.
One principle runs through the entire piece:The quality of channel UX is ultimately defined by "how easily users can leave". Brands that allow dignified unsubscribing/unfollowing actually retain users better; those that block exits (bad unsubscribe flows, guilt-inducing popups) push users to use nuclear options like "mark as spam" or "block", backfiring on deliverability and brand reputation.
1. Emojis in Email Subject Lines: Don’t Add Them Just to Grab Attention
When creating newsletters, transactional emails (such as order confirmations), or marketing emails, many people want to stuff an emoji into the subject line (the title line visible in the inbox)to catch the eye. NNGroup conducted two studies, and the conclusion is "they are basically useless, and may even backfire".
| Study | Design | Results (original numbers retained) |
|---|---|---|
| Emotional response test | The same marketing email was split into two versions, with and without an emoji; users were asked to select 3 words from an emotion word list to describe it | The version with emojis had26% higher negative sentiment and fewer positive words selected. Note: Under the constraint of "only 3 words can be selected", the 26% figure represents a moderate difference(not large, but not negligible) |
| Email selection test | A simulated inbox view was created, mixing subject lines with and without emojis; users were asked to select 2 emails they wanted to open and explain their reasons | emoji No significant improvement in open probability; moreover, users who saw emojis relied more on "visual factors" to make selections, while those who did not focused more on "the actual meaning of the subject"; users were also asked to rate email value, and emoji-bearing emails had slightly lower value ratings(though there is uncertainty under different statistical treatments) |
Three usage recommendations:
- Do not add emojis arbitrarily just to "attract attention"— this may make users feel the email lacks value, and even harm brand image.
- Only use emojis when they truly "add value"— to supplement context or emotion for the subject, not as pure decoration. Effective example:
🎓 恭喜!您已被录取(the emoji conveys the "academic achievement/good news" context); ineffective example:🔥 不容错过的优惠(pure attention-grabbing, empty). - Control frequency— sparse use creates visual appeal; sending emoji emails every day desensitizes users (they become accustomed to them and the effect fails), and accumulates negative feelings.
Core mindset: Emojis are "supplementary signals for context/emotion", not "cheap levers for attention".Why: Users have immunity and aversion to "obvious marketing tricks"; cheap attention-grabbing instead triggers the judgment that "this email has no value".Counterexample:🔥 不容错过 This kind of usage, treating emojis like exclamation marks, is exactly the typical case that dragged down value ratings in the studies.
2. Social Media: 6 Types of User Interactions with Businesses
Social media has become part of enterprises’omnichannel experience. NNGroup breaks down "users interacting with businesses on social media" into 6 types, which form a complete journey from stranger to loyal fan.Each type corresponds to different content design tasks:
| # | Interaction type | What the user is doing | What design should do (optimization suggestions) | Examples |
|---|---|---|---|---|
| 1 | Discover | Encountering a brand by chance through ads/posts/search; or actively searching using keywords/hashtags | Figure out users’ search habits, create content that "answers common questions"; use relevant hashtags (location/industry buzzwords) to improve discoverability | A user saw a NyQuil cold medicine ad while scrolling Twitter and placed an order immediately; a traveling user used IG #visitaustin to find restaurant events |
| 2 | Research | Wanting concise information + links to full content; seeking inspiration (how to use/how to style) | Provide tutorials/usage examples/inspiration displays; given limited space on social media, add links to full articles/reports | Counterexample: New users expected makeup tutorials on Sephora’s TikTok but found none, and were disappointed. Positive example: Public Desire used real model outfit photos to provide styling inspiration and drive purchases |
| 3 | Engage | Voting, giveaways, commenting, liking, sharing | Test different content formats using new platform features; every piece of content must have a clear CTA (call to action), and clarify "what it means for the user" | Giveaway: Corsair used the low-threshold "repost + follow + comment" to drive engagement; content traffic diversion: TED posted videos on FB to direct users to the official website to watch the full version |
| 4 | Purchase | Triggering or completing a transaction on social media | Provide sufficient product details + links;even if in-app purchase is supported, allow users to easily return to the brand’s official website to see the full picture | Social Selling(posts divert to external purchases, e.g. Bath&Body Works IG ads directing to offline stores) vs Social Commerce(end-to-end completion within the app, e.g. Target using product tags on IG for direct purchase) |
| 5 | Support | Contacting customer service — because they feel it is faster than other channels | Evaluate and optimize social media customer service response time; when responding to public comments, be polite and professional(bystanders are watching, which affects the brand) | A user had a bad cinema experience and sent messages on both Twitter and FB at the same time seeking a quick response |
| 6 | Promote | Actively endorsing the brand — not just liking it, but willing to show it to their social circle | Thank users for sharing (like/comment/repost); acknowledge positive reviews to enhance their sense of value and amplify word of mouth | A user tagged the clothing brand they were wearing in their own post; a user followed and became a customer because of a family recommendation |
Core mindset: These 6 types are not a parallel list, but a funnel + loop— Discover/Research come first (acquisition), Purchase is in the middle (conversion), Support/Promote come later (retention + viral growth).Why: The same brand account must serve people at different stages at the same time, so content cannot have only one tone(only posting promotions = only serving the purchase stage, losing people in the research stage looking for inspiration).
3. Three Research Insights on Social Media UX
Research basis:11 years of participatory feedback from 96 users + recent usability testing, cognitive mapping, and diary studies with 23 participants. Foundational premise:Users’ main goal on social media is usually not to view brand content, so brand content must actively seize and retain attention. Three insights:
3.1 Avoid Posting Too Frequently
Spam-style posting makes users feel overwhelmed by information → ignore → unfollow. Users’ own words: "Every time I open the homepage I see 5 or 6 of their posts" "It was fun at first but then it got annoying so I unfollowed" "I like Starbucks, but I don’t need to know what’s going on at their company every hour".
Frequency recommendations (all original numbers retained, to be fine-tuned by industry/user/platform):
| Dimension | Recommended frequency |
|---|---|
| Baseline for most companies | 5–8 times per week |
| Industry differences | News media may post multiple times per day; government agencies/non-urgent information should be more spread out |
| Facebook / Instagram / TikTok | 1 time per day (IG/FB/TikTok) |
| Ephemeral content (IG Stories / Snapchat) | 6–8 times per day |
| 2–6 times per day (Twitter),up to 15–20 posts during campaign periods |
Key point: Quality content > frequent content. Every post must have a clear purpose, otherwise it is just spam. Use data analysis (user active times, engagement rates at different frequencies) to optimize.
3.2 Experiment with Interactive Features to Boost Engagement
Interactive content such as polls, quizzes, and questions can effectively increase engagement. Success cases:NBA voting tweet >5600 responses;Xbox game character naming poll >71,000 votes; WebMD posted true/false Q&As on IG and let users swipe to see answers.
Three notes for interactive design:
- Simplify interaction— one-click voting/swiping has low cost; multiple clicks or redirects increase drop-off.
- Content relevance— understand why users follow you (news/deals/information).Counterexample: A user followed Aetna insurance to learn about premium reimbursements, but received a "holiday stress" poll and found it irrelevant.
- Balance interactive and non-interactive content— not all users enjoy interacting; adjust the proportion based on the target audience.
3.3 Include Explicit and Relevant CTAs in Posts
When users see content they are interested in and want to take further action, clear CTAs can guide them and improve engagement. Positive examples:Target Prompted "Swipe up" on IG Stories to view new spring products and divert traffic to the official website;WHO (World Health Organization)added a "Learn more about COVID-19 information" link on TikTok.
Three points for CTA design: ① Information visibility— use buttons or prominent links, don’t hide links in the body text (counterexample: LinkedIn Learning embedded a link in a tweet but it was not prominent, with weak information scent); ② Clear goal— define what you want users to do (purchase/browse/get inspiration); ③ Strong information scent— use clear wording such as "Register for the course now" "Get more information".
Core mindset: These three points are essentially the same thing —restraint + relevance + providing an exit. Why: User attention is borrowed (they were originally looking at something else), so you can neither overdraw it (post too frequently), nor fail to provide sufficient interaction hooks and clear next steps in the few seconds you borrow it.
IV. Status Trackers & Progress Updates: 16 Design Guidelines
This is a high-frequency, specific scenario across email/SMS channels: telling users "what step your order/passport/parcel is at". There are two mechanisms,and using them in combination works best:
| Feature | Status Tracker | Progress Update |
|---|---|---|
| Purpose | User Active query (Pull) | Company Proactive push (Push) |
| Content | Specific delivery process details | Brief update or containing a link |
| Access method | Unique link or login page | SMS, email, social channels |
| History | Full record viewable | Old notifications may be lost |
| User information requirements | Usually only a reference number is needed | Requires collecting contact information + obtaining user consent |
| Access permissions | Anyone who holds the tracking information | Only users who receive the notifications |
Why combine them: Tracker only → users refresh the page frequently, increasing anxiety; Push only → fails if contact information is wrong, and some users prefer to check on their own. The two complement each other: pushes provide "proactive reassurance", while trackers allow "checking anytime".
Status Tracker Design Guidelines (12 items):
| # | Guideline | Key points / Counterexamples |
|---|---|---|
| 1 | Provide tracking information from the customer account | Users can check directly within their account without digging through emails for courier links (positive example: Amazon) |
| 2 | Display the latest status first | Use a vertical timeline/horizontal progress bar, with the latest item pinned to the top. Counterexample: U.S. Department of State passport status is buried in a paragraph of text |
| 3 | Use language users can understand | Avoid backend jargon/codes; for example, "Label Created" is backend jargon. Counterexample: Echo's "Processed at sort facility / Pre-notice sent" is meaningless to users |
| 4 | Make information quickly scannable | Use spacious layouts for tables with clear rows and columns (positive example: Royal Mail vs counterexample: Echo) |
| 5 | Allow changing contact information + notification frequency | USPS lets users select 6 types of updates and specify SMS/email |
| 6 | Inform users in advance what tracking information is needed | Clearly state that an order number etc. is required, and prompt how to obtain it (UK Passport Office confirmation email reminds users to save the reference number) |
| 7 | Provide specific and diagnostic error messages | Help users distinguish whether they entered information incorrectly or the status is unavailable |
| 8 | Remind users of tracking options after the process is completed | Place the tracking link in the confirmation email |
| 9 | Provide regular updates for long processes | Even if there is no substantive progress, give low-granularity prompts such as "Entered processing queue" to build confidence (positive example: UK Passport Office; counterexample: USCIS: no updates for a long period from 9/19–12/3, and the "next steps" content was outdated) |
| 10 | Make updates accurate and reliable | Prioritize system automation to avoid manual entry errors (Monzo waitlist reassurance email) |
| 11 | Show all historical updates | Old information can be collapsed into a "Show more" link (positive example: Shipping Force vertical progress chart) |
| 12 | Keep updates consistent across all channels | Customer service and tracker information must be consistent; otherwise, if users find they can get more accurate information by calling, they will no longer trust the tracker |
Progress Update Design Guidelines (4 items):
| # | Guideline | Key points / Counterexamples |
|---|---|---|
| 1 | Link directly to detailed tracking | The link should take users directly to the corresponding order page, avoiding repeated entry (counterexample: Club Monaco does not link directly, requiring manual entry of the order number) |
| 2 | Allow users to select notification types | SMS/email should be selectable, and users can choose whether to receive them (UPS emails include a preference management link) |
| 3 | Avoid disruption from excessive updates | Coordinate with shipping companies to avoid duplicates; use user research to determine the ideal frequency (counterexample: Nordstrom and UPS each sent a separate update for the same parcel) |
| 4 | Provide an option to stop receiving updates | Include an unsubscribe option (such as "Reply STOP") and periodically remind users they can change preferences (AT&T SMS: "Send STOP to stop") |
Core principle: The essence of tracking/notifications is trading information transparency for reduced anxiety— letting users know at any time "where it is, how much longer it will take, and what to do if something goes wrong".Why: Uncertainty is the source of anxiety; every "proactive notification" deflects traffic from customer service (otherwise users will call to ask).Unified pattern of counterexamples: Using backend jargon (Guideline 3), hiding status (Guideline 2), inconsistent channels (Guideline 12), and repeated spamming (Progress Update Guideline 3) — all turn a feature meant to "reduce anxiety" into one that "creates anxiety".
V. Top 10 Unsubscribe Experience Design Mistakes: How to Let Users Leave Gracefully
Core understanding:When users want to unsubscribe, they should be able to complete it in one click without encountering extra obstacles. A bad unsubscribe process will push users to use the nuclear option — directly mark as spam, which harms brand reputation and email deliverability (whether subsequent emails can reach the inbox). Providing an intuitive, simple, polite unsubscribe process actually preserves users' respect for the brand.
| # | Mistake (EN) | Why it's bad | Solution / Counterexample |
|---|---|---|---|
| 1 | Footers not optimized for mobile | Many people manage email on their phones, and footer links are too small to tap accurately | Optimize footers so the unsubscribe link is clear and easy to tap on mobile (positive example: MyFitnessPal vs counterexample: Bluefly) |
| 2 | Links difficult to locate | Companies deliberately hide or de-emphasize them | Add visual weight: high contrast, underline, clearly label "Unsubscribe" |
| 3 | Too many choices and too much work | Jumping to a subscription management page requires sifting through a pile of options | Provide a clear "Unsubscribe from all" option and place it at the top of the page (counterexamples: Science Careers splits into multiple categories and is overwhelming; HomeAdvisor's "Cancel all" is placed inconspicuously) |
| 4 | Confusing checkboxes | Users cannot tell whether checking a box means subscribing or unsubscribing | Follow the standard: checked = subscribed, unchecked = unsubscribed, paired with clear copy (counterexample: PureWow requires "check the categories you want to cancel", violating the cognitive model) |
| 5 | Asking to log in / provide info | Redundant and troublesome | Automatically identify the user who clicked the link, skip verification, and display the email address to be removed to prevent accidental operation (counterexamples: congressional mailing list / Slotomania forcing users to fill in their email address) |
| 6 | Asking for feedback before confirming | Mandatory feedback is repulsive | If feedback is needed, place it after unsubscribe completion and make it optional and concise (counterexamples: History.com, Halfords feedback fields are not marked required but all look required; CNN "5 Things" provides optional feedback only after the confirmation page = positive example) |
| 7 | Annoying tone | Mocking/pleading/manipulative language is irritating | Use a friendly, grateful tone (warm positive example: Aesop vs mocking counterexample: Thrillist; Michael's describes unsubscribing as "ending a romantic relationship"; Bloomreach embeds lyrics from the *Un-break My Heart* music video — the author finds it amusing but most people don't get it) |
| 8 | Pushing to resubscribe | Making "Continue subscription" the primary action = manipulation | You can offer options to "reduce frequency/adjust content", but do not interfere with the main unsubscribe flow (counterexamples: Joann Fabric defaults to continuing subscription; Tarot.com makes "Keep receiving" large and prominent, reducing the unsubscribe button to a secondary "Yes, cancel my subscription") |
| 9 | Email confirmations | Users want immediate confirmation and do not want to receive another email | On the unsubscribe page display confirmation information directly, do not send a confirmation email |
| 10 | Delayed removal | Users expect to stop receiving immediately | Clearly state the processing time (e.g., up to 36 hours) and minimize it as much as possible (counterexample: 6PM.com states it may take 10 days, which is unacceptable) |
Ideal unsubscribe experience: Clearly labeled link (Unsubscribe), prominent position, one-click direct access → display a clear confirmation page after unsubscribing, polite and friendly tone → no extra operations or complex processes required (positive example: Inman News).
Core principle:Unsubscribing is the brand's "last touchpoint"; doing it gracefully is actually a point of credit. Why: Blocking or shaming unsubscribes (Mistakes 3/7/8/10) triggers retaliation in the form of "mark as spam", and spam reports directly feed into email service providers' anti-spam algorithms, lowering your deliverability to everyone — to retain one person who doesn't want to stay, you sacrifice the ability to reach everyone's inbox.
VI. Dark Pattern Case: How K-Pop Private Messaging Apps Create the Illusion of "Private Chatting with Stars" (Deceptive Patterns)
The first five sections are "positive guidelines". This article is a negative example—— that pushes "user retention" tactics to the limit of manipulation: dark patterns (formerly called dark patterns, referring to using design tricks to induce users to act against their own intentions). Representative products: Bubble, Universe. Fans pay to buy "tickets" to enter "one-on-one chats" with idols. NNGroup deconstructed its entire psychological design:
| Tactic | How it works | What it manipulates (cross-referenced with positive guidelines) |
|---|---|---|
| Creating a "private" connection | Idols post daily updates (what they ate/recommended songs), voice messages (saying good morning/goodnight/humming unreleased songs), private stories (psychological struggles). Consistent language style + frequent emojis reinforce intimacy | Pushes "personalization" (§VI cross-reference §IV Guideline 5) to the point of pseudo-privacy, making fans feel they "know the real person behind the idol" |
| Illusion of one-on-one / Actually one-to-many | On the idol's side it is a group chat containing all fan replies, with mass-sent messages. Fans see mismatches on their end (a fan asks "How's the new album?", the idol replies "I didn't eat anything today"); when there is an occasional accidental match, fans feel especially gratified ("He replied 'I ate pasta', it felt like he responded specifically to me") | Uses intermittent reinforcement of "coincidence as reward", leading fans to actively ignore mismatches |
| Visually replicating familiar chat tools | The interface closely resembles Kakao Talk: chat bubbles, the "1" mark for read/unread status. After a fan sends a message, the "1" disappears, leading them to think the idol has read it ("Seeing the '1' disappear made me feel the money I paid was worth it") | Borrows the mental model of familiar interfaces (echoes the positive guideline in §IV "be consistent with the real world"), but here it is used to fake "read" feedback |
| Personalization using names | Username variable:晚安,@用户名! displayed as 晚安,小明!, making even mass-sent messages feel like a personal mention (the same Bubble message displays different names to different people). Note: Korean suffixes change depending on the ending of the name, and grammatical errors break the illusion, but most fans choose to believe and ignore the inconsistency |
Makes "personalization" the core adhesive of the illusion |
| Gamification packaging subscriptions as a "relationship" | A daily subscription timer displays "days in a relationship"; the longer it goes, the higher the number; at 100/200 days a full-screen "anniversary" celebration pops up; the longer the subscription, the longer messages fans can send (symbolizing "level of investment") | Creates the sunk cost effect: "When I think about canceling, I always feel I can't give up the accumulated days on the timer" |
| Creating guilt during unsubscribe | Canceling a subscription displays a "broken heart" icon + "Someday we'll meet again". User quote: "Seeing this breakup message hurt, I felt sorry for the idol and wanted to resubscribe as soon as possible" | Directly violates §V Unsubscribe Guidelines 7/8 (annoying tone + pushing to resubscribe), using emotional blackmail to block the exit |
Core principle: This case is a "magic mirror" for all the principles in the first five sections —the same design elements (personalization, read receipts, unsubscribe flow) are good UX when used to "reduce anxiety for users", but become dark patterns when used to "create anxiety/guilt for commercial gain". Why: The dividing line lies in "whose interests are served" — if a timer helps users track useful progress, it is §IV Guideline 9; if it only exists to create sunk costs, it is manipulation. If an unsubscribe page confirms politely, it is the §V ideal experience; if it displays a "broken heart", it is §V Mistakes 7+8.Usage guidance for PMs: This article is not teaching you to copy these tactics, but giving you a mirror — when your "retention design" starts relying on "making users feel guilty/loss when they leave", you have already crossed the line from "good UX" to "dark patterns".
Sourced from NNGroup Topics / Email + Social Media (6 articles total). For content strategy and copywriting, see NNGroup Content Strategy and Web Writing (4 stages of content strategy · Content inventory and audit · Content standards/design systems · 3 content management models · 5 scanning patterns in how people read online · Inverted pyramid · 7 concise writing methods · 5 long-form layout techniques · Microcopy 3I/3C · 4 dimensions of tone · Content testing · Eye-tracking); for the ethical boundary between persuasive design and dark patterns, see NNGroup Persuasive Design and Behavioral Psychology (Six Principles of Persuasion · Cognitive Biases · Attention Limits · Information Foraging and Wayfinding · Mental Models · Trust Hierarchy · Self-Determination Motivation · Privacy Ethical Boundaries · 26 Articles); for the foundation of usability principles, see NNGroup Usability Testing and the 10 Usability Heuristics (Full List of 10 Heuristics · Application to Complex Applications · User Delight Hierarchy · Testing Methods: 5-User Rule / Recruitment / Remote Testing / Task Scenarios / Step-by-Step Tasks / Attitude vs. Behavior / 4-Step Analysis / Small-Sample Bias / Competitive Evaluation). Images/original files (delivery tracking screenshots, inbox views, Bubble chat screenshots, etc.) are retained in sources.
Sources and Related Materials
- NNGroup Content Strategy and Web Writing (4 Stages of Content Strategy · Content Inventory and Audit · Content Standards/Design Systems · 3 Content Management Models · 5 Scanning Patterns for How People Read Online · Inverted Pyramid · 7 Methods for Concise Writing · 5 Layout Approaches for Long-Form Content · Microcopy 3I/3C · 4 Dimensions of Tone · Content Testing · Eye Tracking)
- NNGroup Persuasive Design and Behavioral Psychology (Six Principles of Persuasion · Cognitive Biases · Attention Limits · Information Foraging and Wayfinding · Mental Models · Trust Hierarchy · Self-Determination Motivation · Privacy Ethical Boundaries · 26 Articles)