Scribe
A mobile survey tool that streamlines the Los Angeles Public Library (LAPL) branch assessment process by providing a single location for which architects, engineers, and other consultants can properly assess all 73 library branches.
Role:
UX and UI Designer
Team:
Individual project
Timeline:
Jan - Mar 2022
Tools used:
Figma, Illustrator, Photoshop
Design Problem
The LAPL Comprehensive Plan involves assessing all 73 branches within LAPL and collaborating with other architects, engineers, and consultants. To test drive the branch assessment process, my team and I assessed 12 library branches — completing surveys, interviewing Senior Librarians, and taking digital and Matterport photography.
This process proved to be disorganized and time-consuming due to the poor Jotform survey interface and the need to constantly switch between mobile apps to complete the survey, take photos, and communicate with team members.
Design Solution
Create a standalone mobile app that consolidates all the necessary features to complete branch assessments to improve the assessment experience for all collaborators.
User Needs
After having done 12 library branch assessments, I was able to identify four main user needs the app would need to address: the ability to assess the libraries, photograph the libraries, communicate with team members, and record interviews with library staff. The latter three features would serve to aid the assessment process and add qualitative information to an otherwise purely quantitative assessment.
App Hierarchy
To demonstrate the mobile app, I created a prototype that dove deep into the branch assessment and photography experiences of the app. The diagram to the right shows the general hierarchy of these features.
User Flow
The overall user experience consists of an optional onboarding sequence and profile creation, home screen, and developed assessment and photography sequences. A quick menu, accessible through the bottom app bar, gives users the option to quickly start a new assessment, take a photo, and send a message to a team member. The following flow chart describes this user experience:
Wireframes
The wireframes below show the user experience of each major aspect of the app (onboarding, branch assessments, branch photography, and the quick menu) in a visual format. My main goal for developing these wireframes was to ensure a pleasant and intuitive experience for those completing the assessment despite the many tools available to complete an in-depth assessment.
These wireframes demonstrate the screen sequence, highlight hotspots for user interaction, and show the opportunities users have to bypass certain screens, save their progress, and access the different sections of the app at any moment throughout the entire app.
Onboarding
Branch assessments
Branch photography
Quick menu
High-Fidelity Prototype
Explore the latest prototype below: