Searching and Filtering Scenario & Mockup - bounswe/2021SpringGroup9 GitHub Wiki

Persona

Mehmet Kaya is 22 years old. He studies Political Science at Boğaziçi University. Mehmet loves basketball, literature and history. He is very curious and intelligent. He likes to learn about other people's life experiences. For some time, he has been wondering how student life at Boğaziçi University has changed in years.

As he is interested in sports, he needs to answer some questions like:

  1. What type of sports events were held?
  2. How students participated in these events?
  3. How did sports grounds at the university change?

Preconditions

  • Not signed up

Acceptance Criteria

  • 1.1.1.3.* Guest Requirements
  • 1.1.2.4.5 Registered users shall be able to add date and time to their posts as they remember their memories. This date and time may be in the form as the registered user remembers it.
  • 1.1.2.5.1 Users shall be able to view public posts on a location selected by them
  • 1.1.2.6.2 Users shall be able to search for posts posted at a spesific time and date using search bar.
  • 1.1.2.6.3 Users shall be able to filter posts based on location, date and specific labels.
  • 1.2.1.2 System shall request name, surname, e-mail address, username and password from guests who sign up.
  • 1.2.1.3 Registered users shall verify their email addresses after signing up.
  • 1.2.6.4 A time slider shall be available in order to see posts in different dates and times.

Goals

  • Wants to learn about past sports events at Boğaziçi University by reading posts.
  • Wants to comment on a post.

Scenario

Mehmet was born a researcher, so he visits the library hoping to find some information on the topic. Unfortunately, he only finds boring documents. He hears about the app from a friend, but wants to check it before signing up.

  1. Mehmet wants to see the posts at Bogazici university, so from explore page, he zooms in to see Bogazici University closer.
  2. He realizes that there are too many stories posted from Bogazici University, so, he decides to use filters to see the posts that interest him more.
  3. Mehmet uses the sports tag since he is interested in basketball first.
  4. But again, Mehmet is not happy with the results, there are too many of them.
  5. Mehmet then uses the slider to filter the dates of the stories, he wants to see the stories from 2019 when there were heaps of friendly football games between universities.
  6. He then clicks to see the details of a story from the results and starts reading it.
  7. He gets goosebumps while reading the story of the Sultans game wishing to be a member of that team, and wants to like the post.
  8. However because he is a guest user system does not allows him to like a post and navigates him to the sign-up page.
  9. He then enters his name, surname, username, e-mail and password.
  10. After that, the e-mail verification page is opened.
  11. Mehmet opens his mailbox, then sees the e-mail coming from the site.
  12. He then clicks the link for verification and the site navigates him to the story page, he can like it now!

Mockups

Android Mockup

Mehmet starts exploring posts.

Mehmet filters sports stories.

Mehmet uses calendar and slider to filter by date.

Now, there are 3 relevant posts left. Mehmet clicks on one of them to see the preview.

Mehmet clicks on the post again to see it.

He wants to make a comment and clicks the comment button. However, he's a guest. He has to sign up first.

He fills in the fields to sign up.

After signing up, he is redirected to the post.

He is now able to like the post.

Web Mockup

Mehmet starts exploring posts.

Mehmet filters sports stories.

Mehmet uses calendar and slider to filter by date.

Now, there are 3 relevant posts left. Mehmet clicks on one of them to see the preview.

Mehmet clicks on the post again to see it.

He wants to make a comment and clicks the comment button. However, he's a guest. He has to sign up first.

He fills in the fields to sign up.

After signing up, he is redirected to the post.

He is now able to like the post.

Source of photo

⚠️ **GitHub.com Fallback** ⚠️