generated from nyu-software-engineering/generic-mern-stack-project
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from agiledev-students-spring2024/UX-Design
Updated formatting in ux-design.md
- Loading branch information
Showing
1 changed file
with
12 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,58 +1,52 @@ | ||
# User Experience Design | ||
|
||
This repository contains instructions and files for two assignments that together comprise the user experience design phase of a web app. | ||
|
||
Replace the contents of this file with the completed assignments, as described in: | ||
|
||
- [app map & wireframe instructions](instructions-0a-app-map-wireframes.md). | ||
- [prototype instructions](instructions-0b-prototyping.md) | ||
|
||
## Link to Prototype | ||
|
||
## App map for Roommate Finder | ||
![AppMap](ux-design/Roommate_Finder_SiteMap.png) | ||
|
||
## Wireframes for all Current Pages | ||
|
||
### Login | ||
Allows returning users to login to their accounts and directs new users to register for an account. | ||
Allows returning users to login to their accounts and directs new users to register for an account. <br> | ||
![Login](ux-design/Login%20Page.png) | ||
|
||
### Registration | ||
Allows new users to create an account. | ||
Allows new users to create an account. <br> | ||
![Registration](ux-design/Register.png) | ||
|
||
### Survey | ||
New users are directed to this page after they create an account. Survey asks users to input their preferences in terms of roommates, this is used to generate a list of users that match the new user's preferences. | ||
New users are directed to this page after they create an account. Survey asks users to input their preferences in terms of roommates, this is used to generate a list of users that match the new user's preferences. <br> | ||
![Survey](ux-design/Survey.png) | ||
|
||
### Top Matches | ||
Users that most closely match the preferences a user expressed in their survey. | ||
Users that most closely match the preferences a user expressed in their survey. <br> | ||
![TopMatches](ux-design/Top%20Matches.png) | ||
|
||
### Other User's Profile | ||
Shows what another user's profile looks like. | ||
Shows what another user's profile looks like. <br> | ||
![OtherUsers](ux-design/Other%20User's%20Profile.png) | ||
|
||
### Other User's Preferences | ||
Displays another user's preferences. | ||
Displays another user's preferences. <br> | ||
![OtherPreferences](ux-design/Other%20User's%20Preferences.png) | ||
|
||
### Chat Selection | ||
Allows a user to view all of their ongoing conversations. | ||
Allows a user to view all of their ongoing conversations. <br> | ||
![ChatSelect](ux-design/Chats.png) | ||
|
||
### Chat | ||
Displays how a user would be able to chat with another user. | ||
Displays how a user would be able to chat with another user <br> | ||
![Chat](ux-design/Chat-DirectMessage.png) | ||
|
||
### My Profile | ||
Displays the user's profile, from here the user is able to update aspects of their profile. | ||
Displays the user's profile, from here the user is able to update aspects of their profile. <br> | ||
![Profile](ux-design/My%20Profile.png) | ||
|
||
### Edit Profile | ||
Allows the user to make updates to the contents of their profile. | ||
Allows the user to make updates to the contents of their profile. <br> | ||
![EditProfile](ux-design/Edit%20Profile.png) | ||
|
||
### My Preferences | ||
Allows users to view and update their preferences. | ||
Allows users to view and update their preferences. <br> | ||
![Preferences](ux-design/My%20Preferences.png) |