APP DESCRIPTION:

This Website contains the work (ideation, prototyping, etc.) of NeighborAid, a platform that focuses specifically to organize communities around issues that are affecting them. The app wants to make communities accessible to those that feel they cannot organize around them, or have just moved to an area where they would need to develop this community. 

Included in this website is the prototype for the mobile app, as well as a presentation that describes the project overall.

HOW TO USE:

For this medium-fi design, we used Figma to prototype. The Figma page is formatted as an iPhone screen, and the computer mouse is used to navigate through the app as a user would with their finger.

Figma highlights clickable areas, and it allows users to click on different buttons and icons to navigate through the app’s pages and functions.

WIZARD-OF-OZ & HARD-CODED FEATURES:

We don’t have any wizard-of-oz features, but we include hard-coded content in our prototype. Since neighborAid is a social platform, we included mock users, mock cases, mock events, mock updates, etc., to simulate a full user experience.

LIMITATIONS: 

Since we were restricted to the animations on Figma, some user gestures and animations were left out or simplified. For example, in our final version, users will be able to scroll down the screen to view more updates on the home page, to read more about events, to view more of the users’ profiles, etc. Our final implementation will also include a filter on the homepage that allows users to view posts by post date, by location, etc. Other animations, like the transitions between the Going to Event/Not Going/Maybe Going button and Commenting button, will eventually be more seamless and easier to navigate. Since we focused on our three main tasks for this prototype, we left out certain features such as the onboarding page. We also only allow the user to experience the prototype through one user and one case, and only allow the user to view one of their groups. Other features, such as creating a new event, case, or update, are visually represented but are not actually available for the user to act upon.