Skip to content

Commit

Permalink
Merge pull request #2 from agiledev-students-spring2024/UX-Design
Browse files Browse the repository at this point in the history
Updated formatting in ux-design.md
  • Loading branch information
hongsimmon authored Feb 22, 2024
2 parents f64684c + b0ce06e commit 95081f5
Showing 1 changed file with 12 additions and 18 deletions.
30 changes: 12 additions & 18 deletions UX-DESIGN.md
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)

0 comments on commit 95081f5

Please sign in to comment.