Case Study: The Wall Street Journal
WSJ App
Get in Touch
Restart

Case Study: The Wall Street Journal

Guerrilla Research for a New Feature

A man running at night in a city, representing the Habit Hero fitness app.

Overview and Impact

Problem

As a long-term WSJ reader, I was annoyed that the app did not have the functionality to make comments on the article. I believed many other users felt this was a major issue. My assumption required quick validation through Guerrilla Research.

My Role

UX Designer

Year

2025

Tools

Miro, Paper-Prototypes, Pen

Outcome

In 3 days we gathered enough information to validate our assumptions, and understand the user needs, to guide our design of the comment feature.

Homepage of the Habit Hero app

| The current WSJ App

Introduction & Problem

The WSJ

The Wall Street Journal is a popular newspaper and is renowned for its trustworthy and informative articles.

Identifying the Gap

As a dedicated reader, I observed that the mobile app lacked a key feature to improve user engagement. The ability to comment on articles and reply to user would be a major benefit to both the user and the WSJ. The users will be happy and the WSJ would have increase user engagement.

Goal

To use Guerrilla Research to quickly gather enough information to validate my assumptions that a commenting feature would increase user motivation and engagement to use the app more. This would be measured by increase in the following metrics:

  • Frequency of visits: how often users open the app (Daily Active Users/MAU)
  • Session Duration: The length of time users spend in the app per session
  • Time on Article: The amount of time spent on a specific article page
  • Article Views: the number of articles a user opens.
  • No user complaining about the Lack of Comment Feature on Google App Reviews.

Discovery and Research

Initial observation & Competitive Analysis

I observed and analysed other popular News Apps that have Comment Features including: The Guardian, The Telegraph, The BBC, and also checked the WSJ website comment section. The analysis helped to idenitfy the weaknesses and strengths of each App's commenting section.
I also checked Google Reviews to understand what users were most complaining about. I noted that the most frequent negative review was about the lack of a comment feature or the ability to listen to articles. Google Reviews is a form of secondary research/desk research, whereas Guerilla Research is primary research. Primary research is direct contact with actual users and observing their behaviour with the app and asking them direct questions.

Guerrilla Research

We conducted user interviews and A/B testing to validate our assumptions.

Goal To understand why users use the comment section in a newspaper and what makes a good comment section.

By interviewing the relevant users, we can create a comment functionality section that meets the user needs.
Questions
  • Which news apps do you use?
  • Why do you use a news app?
  • Walk me through how you typically catch up on the news?
  • Have you ever written a comment on a news article? Can you tell me about what prompted you to do that?
  • What does a high-quality comment section look like to you?
  • What about a low-quality one?
  • What features in a news app do you use most often?
  • What are the best features of the app?
  • Do you use the comment section and why?
  • What makes a good comment section?
  • Are you interested in seeing what other people think about an article?
  • How do you feel about notifications for replies or likes on your comments in other apps?
Task A/B Testing
WSJ Mobile site (can comment on articles) vs WSJ App (can’t comment on articles)
What are your first impressions of WSJ
Users Sample size - 4
Duration - 15 mins

Research Findings

  • They enjoy discovering new perspectives
  • Users want to express their opinions
  • Users enjoy interacting with other users
  • Users like to receive notifications of other users liking or replying to their comments
WSJ mobile app vs website comparison
+
The WSJ app does not allow users to listen to, comment on, or gift free articles.
+
No comment section at the bottom of the article- no way to interact with the article and the community.

| Identifying Potential Improvements

Other News Apps have comment feature
"The BBC News has a comment section I use"
WSJ Android App has limited functionality, e.g. can’t listen to the article
"The App is basic- you can't listen whereas the other one you can"
Prefer the news app to have comments
"A news app with a comment section is a better experience. You feel more engaged"
Users like to read the comment section
"I like to read the comment section. I feel part of the conversation"
The WSJ Website has more desirable features
"You can't comment on the App"
Users like to comment on matters they feel strongly about
"I enjoy sharing my point of view on topics I'm interested in"
Users like to track their comments- include alerts
"I get a thrill, the more likes I get"
Users like to be alerted who replies or comments on their post
"I like to track if anyone is engaging with my comment"

| Common Feedback from Guerrilla Research

User Personas & JTBD

User Persona

To ensure our design decisions were grounded in user needs, we synthesized our research into a User Persona. This artifact captured the key goals, frustrations, and motivations of our target audience, serving as our guide throughout the ideation phase.

Jobs-to-be-Done (JTBD) Framework

To translate our research findings into a clear design direction, we applied the Jobs-to-be-Done (JTBD) framework. This allowed us to pinpoint the core motivations behind why users engage with the app, ensuring our design solutions directly addressed their true needs.

  • When [WSJ issues an article], users [want to comment on the article] so they can [express their viewpoint, hopefully other users agree with their viewpoint through likes or a positive reply]
  • When [WSJ issues an article] users [want to read other users’ comments] so they [can understand what other similar-minded users think about the topic]

Definition and Ideation

User Problem

A thoughtful WSJ needs a clear way to share their viewpoints and understand other readers' opinions on an article because the current inability to see different perspectives on articles makes their reading experience less engaging and one-sided.

To directly address the user's needs for a more engaging, multi-perspective reading experience, I focused on three key design decisions.

Ideation

This led us to sketch multiple concepts for an immersive and captivating commenting experience.

Design Decisions

Based on our research findings, we designed the following features:

  • Users enjoy expressing their viewpoint. So any article that has a comment section will be displayed with a comment icon.
  • Users enjoy discovering new perspectives. The comment section will allow users to like other users' comments and reply.
  • Users like to receive feedback on any likes or replies to their comments. We have designed a notification system that allows users to keep track of comment status.
Visual representing user personas and jobs-to-be-done

| User Persona

Visual representing the ideation phase

| Sketching a comment section based on the research findings

Home Sketch Idea 1
+
Concept: I tested adding a comment icon to the main navigation bar to give users a central place to track all their comment activity.

User Insight: This was driven by users saying, "I like to track if anyone is engaging with my comment."

Outcome: I discarded this idea. A separate icon for comments was redundant. I learned that a single, unified notification system would be a clearer and more efficient solution for the user.

| Home Sketch Idea 1

Home Sketch Idea 2
+
Concept: I tested adding both a comment and an alerts icon to the main navigation bar.

User Insight: This was driven by users saying, "I like to track if anyone is engaging with my comment."

Outcome: I discarded this idea. A separate icon for comments and alerts was redundant. I learned that a single, unified notification system would be a clearer and more efficient solution for the user.

| Home Sketch Idea 2

Home Sketch Idea 3
+
Concept: I tested adding only an alerts icon to the main navigation bar to give users a central place to track all their comment and like activity.

User Insight: This was driven by users saying, "I like to track if anyone is engaging with my comment."

Outcome: This approach was selected. A single alert icon successfully unified all notifications, creating a clearer, more efficient experience that solved the user's need without cluttering the interface.

| Home Sketch Idea 3

Article Selected Idea 1
+
Concept: This design allowed users to either scroll to the comments or tap an icon at the top of the article for direct access.

User Insight: This was driven by users stating, "A news app with a comment section is a better experience."

Outcome: This idea was discarded. Having a message icon in the main navigation and a different comment icon within the article was confusing. It created redundancy and cognitive load for the user.

| Article Idea 1

Article Selected Idea 2
+
Concept: This iteration kept the same functionality as the previous sketch but introduced a more consistent and universally understood icon system.

User Insight: This continued to address the core user need for an engaging experience, as one user put it, "A news app with a comment section is a better experience."

Outcome: This version was selected. By using a single, clear comment icon in the article and relying on a dedicated alerts icon in the navigation, the layout became much more intuitive and aligned with common design patterns.

| Article Idea 2

Commenting Sketch 1
+
Concept: This initial sketch focused on the core ability for a user to post their own comment and read others.

User Insight: This was driven by multiple users stating, "I enjoy sharing my point of view" and "I like to read the comment section."

Outcome: This idea was not selected because it was too basic. It lacked a clear way to handle replies and only allowed sorting by 'Most Likes,' which could alienate users. I learned that robust sorting and reply functionality were crucial for fostering a true community conversation.

| Commenting Sketch 1

Commenting Sketch 2
+
Concept: This version iterated on the first by adding the ability for users to 'like' comments.

User Insight: This directly addressed user feedback such as, "I get a thrill, the more likes I get."

Outcome: While adding 'likes' was a step forward, this concept was also discarded. It still suffered from the same core issues as the first sketch: no clear system for replies and a restrictive sorting feature. This reinforced the need for a more comprehensive design.

| Commenting Sketch 2

Commenting Sketch Part B 1
+
Concept: This iteration introduced a more structured layout, including threaded replies to comments.

User Insight: This directly addressed the need for users to feel part of a conversation, as they mentioned wanting to "read the comment section" and "share their point of view."

Outcome: This was a significant improvement. The addition of replies created a more dynamic and engaging structure, moving closer to the goal of a community-driven experience.

| Commenting Sketch B1

Commenting Sketch Part B 2
+
Concept: This sketch focused on the experience of scrolling through a long thread of comments and replies.

User Insight: This was designed for the "power reader" who, as one user put it, wants to "feel part of the conversation" by reading many different viewpoints.

Outcome: This detailed view confirmed that the layout was scalable and remained readable even with a large number of comments, which was a key consideration for a high-traffic news app.

| Commenting Sketch B2

Commenting Sketch Part B 3
+
Concept: This version introduced robust sorting options: 'Most Liked,' 'Newest,' and 'Oldest.'

User Insight: This addressed the limitation of previous sketches and ensured all users could feel part of the conversation, not just those with the most popular comments.

Outcome: This was a critical addition. Providing multiple sorting options empowers the user to engage with the content on their own terms, which was a key learning from the initial, more restrictive sketches.

| Commenting Sketch B3

Commenting Sketch Part C 1
+
Concept: A refinement of Sketch B1, this version added pagination and a 'comments per page' filter to help users scan through long threads more efficiently.

User Insight: This addresses the core desire to read many comments without the fatigue of endless scrolling.

Outcome: This sketch was selected for its balanced approach. It retained the strong conversational structure of the 'B' series while adding crucial navigation tools, creating a better reading experience for users who like to dive deep into comments.

| Commenting Sketch C1

Commenting Sketch Part C 2
+
Concept: This sketch visualizes the pagination controls in action at the bottom of the comment list.

User Insight: This design helps users who "feel part of the conversation" by giving them a clear sense of place and progress within a long discussion.

Outcome: This was a successful visualization. Showing the current page number and the total number of comments prevents user fatigue and provides a sense of control, which is essential for a positive user experience.

| Commenting Sketch C2

Commenting Sketch Part C 3
+
Concept: This design combines robust sorting filters with the 'comments per page' control, giving users maximum flexibility.

User Insight: This directly addresses the user's desire to both read many comments and discover the most popular ones, as one user said they "get a thrill, the more likes I get."

Outcome: This combination was selected as the final direction. It provides a powerful, user-centric reading experience by allowing users to tailor the comment section to their specific reading style.

| Commenting Sketch C3

Commenting Sketch Part C 4
+
Concept: This sketch introduced crucial community moderation tools: 'Report' and 'Mute.'

User Insight: While not a direct quote, the need for a positive community space is a foundational principle of social features. Disrespectful users can ruin the experience for everyone.

Outcome: This was identified as a critical feature for launch. To ensure the comment section remains a place for healthy conversation, empowering users with moderation tools is essential for long-term community engagement and safety.

| Commenting Sketch C4

Notification Sketch 1
+
Concept: This sketch shows a user's profile page, where they can see a history of all their comments.

User Insight: This addresses the user's need to "track if anyone is engaging with my comment."

Outcome: This version was not selected. While functional, showing the full text of each comment made the list feel cluttered and hard to scan quickly.

| Notification Sketch 1

Notification Sketch 2
+
Concept: A more minimal version of the comment history page.

User Insight: This still serves the need to track engagement, but in a more streamlined way.

Outcome: This sketch was selected. By showing only the article title and a snippet of the comment, the list is much easier to scan. Tapping an entry takes the user directly to their specific comment within the article, providing a more efficient workflow.

| Notification Sketch 2

Notification Sketch 3
+
Concept: This sketch shows the notification settings, allowing users to opt in or out of alerts for likes and replies.

User Insight: This caters to both users who "get a thrill" from likes and those who might find constant notifications overwhelming.

Outcome: This was deemed an essential feature. Giving users control over notifications is crucial for a positive experience and prevents the feature from becoming intrusive.

| Notification Sketch 3

Notification Sketch 4
+
Concept: This is the main notification screen, accessed from the navigation bar, showing a feed of recent likes and replies.

User Insight: This design directly serves multiple user needs: tracking engagement, feeling part of the conversation, and easily re-engaging with threads.

Outcome: This sketch was selected as the final direction for the notification center. It provides a clear, actionable feed that allows users to see who has interacted with their comments and reply directly, fostering a sense of an active and connected community.

| Notification Sketch 4

Conclusion & Next Steps

Recap

This case shows the quick value of targeted Guerrilla Research to gather enough information to validate our assumptions and guide the design direction.

Impact

The comment feature was clearly a feature that users wanted through the user research. Adding the comment feature will allow users to interact with content and other users. This social interaction will transform the app into an active community where like-minded people share their thoughts on various topics. A successful implementation would be a 15% increase in session duration and a 10% increase in daily active users within the first three months.

Future Improvements

A more well-refined notification system can be implemented. I did not go into too much detail in iterating the notification system. The main purpose of the ideation was to focus on the commenting experience within the articles themselves. Focusing on the commenting section would create an active community of like-minded individuals engaging with the articles.

At a later date, we would conduct further usability testing on the commenting design. This would help us to iron out any remaining pain points in the user flow.

Visual representing the conclusion

| My final thoughts