Posts

[TESTING] Usability Testing

Image
  Introduction Usability testing is a vital step in evaluating our Book MyBus app prototype. It enables us to understand user interactions, identify areas for improvement, and ensure the app aligns with our persona’s needs. For this activity, we conducted two cycles of usability testing with participants who shared similarities with our persona, Tom Harris. This post outlines the methods, findings, and improvements made based on the usability testing process. Testing Objectives Evaluate the accessibility features and ease of use for users with limited motor skills. Identify potential usability issues in the prototype. Gather actionable feedback to improve the app’s design and functionality. Testing Process We tested the prototype with three users who closely resembled our user persona. Each participant interacted with the app to complete three predefined tasks: Log in using voice commands or keyboard shortcuts. Select the bill to pay using large, easy-to-click buttons. Confirm ...
Post a Comment
Read more

[PRODUCT pt 2] Prototyping [Final Clickable Prototype]

Image
Prototyping Introduction We transformed our design ideas from the conceptual design stage into a high-fidelity clickable prototype using Figma. This prototype serves as a critical step toward realizing our accessible bus booking app. Designed specifically for our target persona, Tom Harris, the prototype reflects both aesthetic appeal and functional accessibility, providing an intuitive experience for users. This post will walk you through the prototyping process, the design choices we made, and how we incorporated HCI design principles to ensure usability and accessibility. You can explore the final version of our prototype here:  https://www.figma.com/proto/BpfQcPlUs5E6f4pRXBZ8Tf/HCI-Interface-(Copy)?node-id=2220-742&starting-point-node-id=2220%3A612&t=GqmTu4tK2CkHFYME-1 Prototyping Process Step 1: Translating Conceptual Design We started by reviewing the sketches and wireframes from our Crazy 8 brainstorming session and conceptual design activity. Using these as a founda...
Post a Comment
Read more

[PRODUCT pt 1] Conceptual & Logical Design

Image
Conceptual Design In the conceptual design phase, we a imed to envision how our redesigned bus booking app would address the challenges faced by our user persona, Tom Harris. Guided by his specific needs as outlined in the user persona and scenario, we focused on three key user goals:  1. Log in using voice commands for keyboard shortcuts. 2. Select the bill to pay using large, easy-to-click buttons. 3. Confirm payment with minimal navigation. For each user goal, we developed a storyboard that demonstrates how Tom interacts with the app to accomplish the task in an accessible and efficient manner. Each storyboard highlights how our design solutions, such as voice commands, large buttons, and streamlined workflows, alleviate the pain points faced by users with limited motor skills. Video link:  https://youtube.com/shorts/K189DDhTX1I?si=iZtawDniOs7Ij0ew Logical Design Crazy 8 Method Sketching To develop initial ideas for our bus booking app interface, each group member particip...
Post a Comment
Read more