Skip to content

Friends page UI design notes

Lauren Hodges edited this page Sep 23, 2021 · 2 revisions

What will be on the page

List of Friends

A "friend" is defined as an account that fits ALL of the following:

  • An account you added as a friend
  • An account who added you as a friend

Think Facebook friends: I can't be friends with you unless you are friends with me. No "Followers/Following" in lieu of safety concerns

Add Friends function

  • Probably a search bar, search by name or User ID (see next bullet)
  • Perhaps we should think about having a randomly generated user ID for each account so that you can only add people if you have their IDs? The ID could be found in the Account info, but only visible to the owner of the account
  • A "requests" page that has a list of users that requested to be friends, where the user can accept or decline

What other pages need to be accessible from this page

  • The user should be able to go back to the home page, whether from a back arrow, x, or through the menu.
  • The user's account info should be accessible.
  • The user's friends' account info should be accessible.
  • A search feature should be accessible, either as a separate page, a pop-up perhaps, or just a search bar at the top

How will a user navigate to each page

  • The friends list will be accessed from the account page.
  • The user can go back to the account page by either an x or a back arrow in top left corner
  • Friends' accounts can be accessed by clicking on the friend's profile

Note: The ability to add friends leads to a lot of safety concerns with strangers on the internet. We need to make sure that this feature is as limited as possible, probably to the point of "my account can only be found if I want it to be found." I mentioned a user ID for searching purposes at the top of the page, but other methods could be implemented as well. I'll comment it in an issue and we can discuss at our next meeting.

Clone this wiki locally