top of page

Near Mobile Application

A better way to bring communities together in an increasingly remote world

Frame 594-5.png
Frame 593-3.png
Frame 595-2.png
User Research

Overview

ROLE

UX Designer

UX Research Support

​

TOOLS

Miro 

Figma

Google Suite

Zoom

Trello

DURATION

5 Weeks

TEAM

6 Designers

PROBLEM

SOLUTION

IMPACT

In an increasingly remote world, young adults report difficulty making friends outside of work or school, and within the community. 

If we create way to facilitate building in-person, communal connections, this will lead to friendships, larger networks, and more integrated communities.

Near is a social networking app that allows apartment residents to connect with each other in a low-pressure environment.

Of our tested users, 85% indicated that they would prefer Near to existing competitors.

User Research

HYPOTHESIS

If tenants have an interest in building bonds with their neighbors within their apartment community, then an app that facilitates socializing with an emphasis on physical proximity could increase community engagement and heighten people’s satisfaction with their living environment.

SURVEYING USERS

To validate the need for this product, we conducted an online survey of 100 individuals between the ages of 22 and 30 in a 24 hour time period. 

Over half of the individuals surveyed do not know their neighbors, and 85% don't have a platform to connect with their neighbors or find out about community events.

57% don't know their neighbors

know neighbors.png

52% would like to know their neighbors better

know better.png

85% don't have a platform to facilitate this

platform.png

65% didn't know of community events  

know of events.png

79% want to know of community events 

like to know events.png

USER INTERVIEWS

Once the need was validated, we conducted 5 remote  user interviews with users of the same 22 - 30 age range that live in community or apartment environments. 

Frame 596-2.png

KEY TAKEAWAYS

difficulty meeting their neighbors despite wanting to

difficulty staying in the know of local events

no resident platforms to facilitate the above issues

I definitely want to meet some more neighbors and I miss when I was a kid growing up, [having neighborhood barbecues and pool parties].

​

- Sam, 24

COMPETITOR ANALYSIS

Continuing to dig into areas of opportunity, we conducted a competitor analysis of similar apps and services on the market already. 

Frame 596-2.png

easy to join but include ID verification for safety

Frame 596-2.png

focus on physical proximity to foster communal connection

Change for Near-4.png

USER PERSONA

Following our research, we created a user persona to create a realistic representation of one key segment of our primary audience. Then we built out an empathy map to dig into our users needs, feelings, and frustrations

USDA PERSONA- Amy.png

STORYBOARD

We wanted to continue to weave a story for our user to further understand what opportunities we could implement in the redesign.

Frame 596-2.png

ideally Near would be presented at move in 

Frame 596-2.png

common personal interests are key to highlight in the app

Storyboard - top.png
Storyboard - bottom.png

FEATURE PRIORITIZATION

After ideating feature and function ideas. We took the final contenders and placed them in a prioritization matrix to focus in on the main features we were going to implement. 

PRIMARY FEATURES

Frame 596-2.png

a newsfeed with posting, filtering, liking, commenting

Frame 596-2.png

a way to RSVP to events

Screen Shot 2022-06-28 at 7.47.52 PM.png
Frame 596-2.png

a calendar to view upcoming events

Wireframing & Prototyping

Wireframing & Prototyping

USER FLOWS 

To lay the groundwork for prototyping, we built out user flows for each of the primary functions. This gave us an idea of the screens we would need and the actions taken on each of them. 

Near Miro 2 - User Flow 3 (1).jpg

DESIGN SYSTEM

To ensure consistency and accessibility across all pages and content, we established a style guide and design system including colors, fonts, and components.

COLOR DESIGN

colors-2.png
Color Distribution-3.png

TYPOGRAPHY DESIGN

typography-3.png
using colors-2.png

BUTTON DESIGN

icons.png

LOW FIDELITY
PROTOTYPE

In our first iteration, we wanted to establish a general layout and look of where we wanted features. 

IMG_1228.png
IMG_1216.png
IMG_1229.png

PROTOTYPE TESTING

To determine the validity of our concept design, we conducted additional remote Guerrilla tests using the initial prototype mockup. 

Frame 596-2.png

KEY TAKEAWAYS

increase privacy assurance

improve consistency throughout the application

provide more information in the app for user guidance

MID FIDELITY 
PROTOTYPES

In this iteration, we implemented the changes needed found in the user testing.  In addition, we refined the design by using actual icons, boxes, and characters to get a more realistic feel. 

Day View-2.png
Home-2.png
Event Details-2.png
High Fielity Prototype

HIGH FIDELITY 
PROTOTYPES

Using our mid fidelity prototypes, we then applied the colors and designs from the style guide along with button prototyping to finish out the High Fidelity prototypes.

Near - Gif.gif
Reflection

Reflection

NEXT STEPS

Given the scope of this project, there were some things we did not get to, but that would be ideal.

Additional Functionality

If additional time was provided, we would want to build out the direct messaging, user profile creation and changing, the community admin side, and possibly adding community space functionality such as maintenance requests

Additional Testing

The prototype was only tested in the initial sketching phase, it would benfit from additional user testing. 

KEY TAKEAWAYS

Coming to the end of the project, our team took a moment to reflect with the team about what went well and what we could have done better. 

Managing Scope Creep

There was so much we wanted to include and build out that would have required much more time and resources, so we had to learn how to manage the scope.

Copyright unnecessarily overwhelming

Primary navigation confusing

bottom of page