Role
Data Collection, Analysis, and Modelling
Ideation and Sketching
Wireframing and Prototyping
Purpose
The Virtual Librarian (VL) is a mobile application which offers interactive, self-guided tours of the Library at Virginia Tech.
It acquaints campus visitors and new students with key library locations while engaging users via informational videos, quiz questions, and photo challenges.
Usage Research and Analysis
Collected usage data using surveys, interviews, field visits, and observations of work practice on how users interact with the current service.
Next, created raw work activity notes from the user’s perspective.
Finally, organized the data by sorting it into a Work Activity Affinity Diagram and Preliminary Flow Model.
/background(fff)/1920x1080.jpeg?auto=webp)
Usage Research Data Modeling
Modelled usage data using the following:
1. Flow model: represents the interaction between agents and the system, and general tasks performed by them.
2. Work roles model: represents the types of users of the system and the relationship that a user has with the system.
3. User personas: represents some of the work roles and specific use cases.
4. Hierarchical task interaction model: represents the actions taken by the users when using the system.
5. Usage scenarios: to describe a narrative on how the interaction between users and the current system takes place.
6. Physical model: provides a location for our observations.
/background(fff)/1920x1080.jpeg?auto=webp)
Ideation and Sketching
Storyboard 1
First part of storyboard depicts scenario before tour starts.
Storyboard 2
The second part of the storyboard delves deep into taking the tour.
Lo-fi Wireframes
Low fidelity wireframes were created to capture the features we wanted.
Figure 1 of 20: Main page (guest mode)
Figure 2 of 20: Login page
Figure 3 of 20: Tour selection (manager mode)
Figure 4 of 20: User-profile setting (manager mode)
Figure 5 of 20: Tour management (manager mode)
Figure 6 of 20: Tour management (manager mode)
Figure 7 of 20: Location management (manager mode)
Figure 8 of 20: Tour selection (tour mode)
Figure 9 of 20: User-preference
Figure 10 of 20: Tour method selection (tour mode)
Figure 11 of 20: Group-code entry
Figure 12 of 20: Start a tour (tour mode)
Figure 13 of 20: Entire floor map (tour mode)
Figure 14 of 20: Play a video (tour mode)
Figure 15 of 20: Move to the next place (tour mode)
Figure 16 of 20: Take a quiz (tour mode)
Figure 17 of 20: Leaderboard (tour mode)
Figure 18 of 20: Move to the next floor
Figure 19 of 20: Survey (tour mode)
Figure 20 of 20: Completion Certificate
Hi-fi Wireframes
Medium to high fidelity wireframes were created based on the low fidelity ones to provide additional details. These were created using Adobe XD.
Figure 1 of 12: Main page or landing page.
Figure 2 of 12: Login page.
Figure 3 of 12: Tour selection page – The user can select the tour that best fits their needs.
Figure 4 of 12: Map page – The user can track their whereabouts and determine their next steps on this map.
Figure 5 of 12: Location information page – The user can choose to watch the video or use tiles below the video to find information about the equipment in the video or FAQs about the location.
Figure 6 of 12: Quiz page – The quiz can be graded or ungraded.
Figure 7 of 12: Tour end page.
Figure 8 of 12: Completion certificate page - The tour user can download their tour completion certificate or share it with their instructors via email or a code.
Figure 9 of 12: Leaderboard page – If users choose to start tour in group mode, they can view the leaderboard and see their rank.
Figure 10 of 12: Tour Management – Home Page (Tour operator perspective): The tour managers are brought to this home page once they sign in with their credentials.
Figure 11 of 12: Tour Management – Location Selection (Tour
operator perspective): This shows how the tour managers can choose various locations of the library when creating a tour.
Figure 12 of 12: Tour Management – Create Questions (Tour operator perspective): Questions for the tour can be created using this page. The filters can be used to create detailed questions about a location.