An ethnographic study and redesign on how Nextdoor (and other social media apps) can responsibly serve diverse communities.
Nextdoor is a private, hyperlocal social network launched in 2011 that aims to build communities of neighbors within their local neighborhood. Harboring 10 million active users, the company aims to facilitate conversations between neighbors in order to form strong and safe communities within surrounding neighborhoods, believing that “by bringing neighbors together, we can cultivate a kinder world where everyone has a neighborhood they can rely on.” As a concept project for General Assembly’s UX Design Immersive course, our team of 4 was assigned 2 weeks to design a new product or feature(s) for a Nextdoor in order to meet a business goal for either an iOS or Android app, depending on our client and what best meets the needs of our target audience.
Our 4-person design team began our process by exploring and assessing business needs for our client, Nextdoor. The purpose of this project was to discover new areas of opportunity that addresses real world issues within the mobile Nextdoor user experience by creating innovative, functional design improvements to the user interface. We familiarize ourselves with the product by creating our own Nextdoor accounts within our neighborhoods in 4 major cities to monitor activities within our private communities:
Based on our research, users have cited issues regarding stereotyping, racism, and political agendas, and we began to notice that there was a lot of potential for spreading misinformation on the application, even in our own communities. Our team began by conducting secondary research on Nextdoor with similar social media applications using heuristic evaluation, competitive & comparative analysis, and feature inventory to get a grasp of the project. I developed questions for interviews for our team to conduct primary research based on user interviews, surveys, and contextual inquiries to identify business and user goals & needs.
We ran a heuristic system analysis as a team, filling a chart built around Jakob Nielsen’s 10 usability metrics.
Key Takeaways:
This website presents virtually no interface or navigation issues. But, we know there are still business needs. We decided to use another tool in the toolkit: the competitive analysis and adjacent feature inventory
Key Takeaways:
Initial user data came from basic questions asked on Nextdoor.Though these were purely exploratory inquires with no attention to demographic, it got us out of the headspace of the UX Designer “vacuum brain” and into the “user brain”. Once we had a proto-persona, we had more context to work with. We began to dig a little deeper with our newly found lense.
Key Takeaways:
This allowed us to avoid doing something that's already been
tried/done, hone in on the company's goals, further framed our
interview questions, and uncover readily available info on pain points
I synthesized the research data into an affinity map with my team to define core users and identify groups with large amounts of insight to identify the problems they are facing. The data revealed that the main issues within the app were related to confrontation, culture clash, and ideological differences, juxtaposed with a genuine desire for community. A big issue for many users is feeling uncomfortable with content relating to stereotyping and racism, and seeing content that are not relevant to them appear on their feed. After I identified this, I created our primary persona to help us prioritize user goals and needs.
Our team brainstormed together to finalize a decision that required designing two different user experiences for primary user and secondary user. The main goal for our primary user is to be able to filter and manage their own content effectively within a chosen vicinity of their own neighborhood. Our secondary user needs their own mobile experience since Nextdoor doesn’t offer a lead interface on the iOS application; it is only on Nextdoor’s website accessible via a web browser. The user needs to be able to quickly and efficiently address new flagged posts from users in a convenient manner, while also being able to democratically vote on whether posts should be removed or not according to Nextdoor’s community guidelines.
After synthesizing research results, our team quickly generated various hand sketches through a design studio cycle to come up with a high quantity of ideas within a fixed amount of time. I worked with my teammates on narrowing down the results of this exercise to identify actionable approaches to our initial problem, and began to take the most logical approaches.
Taking inspiration from current Nextdoor media assets, I established a functional design system from scratch that accurately follows the current style guide. I took inspiration from their color, typography, components, and iconography in order to accurately design our mock-ups in accordance to accurately match their visual branding.
I used Nextdoor brand colors to make sure that both our primary and secondary users are familiar with the interface. By adhering to brand guidelines, I was able to keep the design as visually similar to the primary user version as possible for a cohesive mobile experience for our secondary user.
I made a new design for the Moderator experience, since Nextdoor did not have an iOS or Android version of the Moderator dashboard out at this time. Because it was only on web, my team and I saw an opportunity to tackle something that Nextdoor themselves haven't been able to release yet (as of September 2020). This was necessary since having a Moderator be stuck to a desktop or laptop device is not a feasible solution in responsibly serving communities.