Milestone Report Scenario - bounswe/bounswe2024group11 GitHub Wiki

User Interface / User Experience

Screenshot from 2024-12-20 20-16-18 Screenshot from 2024-12-20 20-17-09 Screenshot from 2024-12-20 20-18-57 Screenshot from 2024-12-20 20-19-31 Screenshot from 2024-12-20 20-20-06 Screenshot from 2024-12-20 20-21-44 Screenshot from 2024-12-20 20-22-45 Screenshot from 2024-12-20 20-24-53 Screenshot from 2024-12-20 20-25-50 Screenshot from 2024-12-20 20-26-20 Screenshot from 2024-12-20 20-26-50 Screenshot from 2024-12-20 21-38-17 Screenshot from 2024-12-20 21-37-57 Screenshot from 2024-12-20 21-44-23 Screenshot from 2024-12-20 20-27-30 Screenshot from 2024-12-20 20-28-21 Screenshot from 2024-12-20 20-28-49 Screenshot from 2024-12-20 20-29-36 Screenshot from 2024-12-20 20-29-53

Link to the code in the project repository for user interface design. The routes folder in this link contains all page routes displayed above in the screenshots. Every file with the extension of .tsx contains user interface designs.

Scenario

Ali Yılmaz is a university student in Turkey who is passionate about cars and improving his English skills to enhance his career prospects and travel opportunities. He has a busy schedule with classes and a part-time job, so he often studies English during short breaks between his commitments. He wants to solve quizzes. Ali has tried several language-learning apps before, but he often felt they lacked culturally relevant content and practical learning resources tailored to his needs as a Turkish speaker. So he wants to see quizzes pertinent to his interests. Since he is just learning English, he does not wish to see quizzes too hard for him but he also wants to see harder quizzes when he improves his English sufficiently. However, just having quizzes is not enough for him. He needs a competition mechanism to keep him motivated and engaged. He wants to compete against other users and be able to get achievements. He also wants to create online quizzes about the topics he likes when he becomes more proficient. He wants to tag the quizzes with the right topic tags so that other people sharing similar interests can solve his quizzes. He believes hints can be useful in some questions because this would help others solve his quiz when they are stuck. He sorely needed hints when he got stuck while doing exercises on other platforms. Recently, a friend mentioned Turquiz, an app designed specifically for Turkish speakers learning English, which combines interactive quizzes with community-driven forums for discussion and practice. He wants to try it out but he feels like he can be lost and not be able to get the content he wants so he would appreciate feed that is tailored to his needs. He wants to use the forum feature of the platform in order to deeply learn about cars in English. Moreover, he wants to discover other users, that are interested in cars on the platform and follow them for further related content in English. He also wants to upvote and bookmark the posts he likes, downvote the ones he dislikes, and block the authors of those posts.

Features and work completed to realize this scenario

  • "He wants to solve quizzes.": Turquiz allows users to solve quizzes.
  • "So he wants to see quizzes pertinent to his interests.": Turquiz allows users to search quizzes semantically based on their tags.
  • "he does not wish to see quizzes too hard for him": Turquiz only shows quizzes at the difficulty level of the users.
  • "he also wants to see harder quizzes when he improves his English sufficiently.": Turquiz allows users to update their proficiency level on their profile
  • "He wants to compete against other users and be able to get achievements": Turquiz has a leaderboard ranking users based on points and an achievement system displaying badges on the user profile and badges page showing all achievements
  • "He also wants to create online quizzes about the topics he likes": Turquiz allows quiz creation
  • "He wants to tag the quizzes with the right topic tags": Turquiz allows tag addition to adding topics while creating quizzes
  • "He believes hints can be useful in some questions": Turquiz allows adding hints while creating quizzes and displaying hints while solving quizzes.
  • "Interactive quizzes": Quizzes provide auditory feedback upon solving each question and allow users to review their mistakes which can be done by going to the quizzes taken section of the profile page.
  • "he would appreciate a feed that is tailored to his needs": Turquiz provides a homepage tailored to users' interests. The users can add and remove new interest from this page.
  • "He wants to use the forum feature of the platform to deeply learn about cars in English": Turquiz provides a forum page displaying forum questions that allow semantic searching.
  • "He wants to discover other users, that are interested in cars": Homepage and forum page containing forum questions and quizzes that have links to the profile of the authors' of the contents
  • "Follow them for further related content in English": The profile page contains a follow button to follow users
  • "He also wants to upvote and bookmark the posts he likes, downvote the ones he dislikes": Forum questions allow users to upvote, downvote, or bookmark them.
  • " and block the authors of those posts": The profile page contains a block button to block users