thumbnail.png

User Experience for TechOut - DSGN100

A kiosk prototyping project for the school library’s Technology Lending program.

TechOutBanner

Timeline & Status

3 weeks

My Role

Research, UX design, Cross-team collaboration

Tools

Figma, Sketch, Adobe Photoshop, Google Survey

introduction

The Geisel library offers a variety of general technology accessories, media equipments, and toolkits, etc. for students at University of California, San Diego. Students can go to the main front desk and the Media Desk to check out these items with their student ID during regular hours. However, many students are unaware of the Tech Lending Program that Geisel Library offers. Furthermore, students are unable to check out items after hours at around 12am, as most library desk staff will be gone.

Project Impact

We aim to raise awareness on the Tech Lending Program currently available at the UCSD Geisel Library, and make its equipment more accessible to UCSD students by creating a frictionless process for checking out equipment, during and after working hours.

research

Identifying Current Issues

The website for the Tech Lending Program does not offer a way to reserve items online. The system to check the availability of items required user’s prior knowledge and hard to use.

Field Observations

We discovered a multitude of posters advertising the various resources of the library, yet students walk by these without giving them a second glance.This seemed like a great opportunity of providing awareness and exposure of these resources to students

image18.jpg
image5.jpg

Survey Highlights

Did you know about the Tech Lending Program at Geisel?

image1.jpg

How often do you have to borrow something at the library?

image1.jpg
If I needed a charger late at night in Geisel, I would go on various facebook pages and ask for any spare chargers that I could borrow.
— A frustrated UCSD student
None of the students actually check our website before they come to the desk...and many students don’t know about the (tech lending) program at all.
— An equally frustrated library staff

Personas

ideation

Mood Board & Style Guide

Kiosk Design

usability testing

How would users like to browse?

At this point we devised two versions of the main screen. Users could scroll through each row by clicking the arrows, or they could directly drag each row horizontally.

Version A

VersionA.png

Version B

VersionB.png

More Scrolling and Less Tapping, Please!

user.jpg

75% users choose to only click on the arrows, and did not realize the screens were designed to horizontally scrollable too. The best way quote from our users to sum up how they felt: “Tapping on the arrow is so slow! …What else can I do here? Oh wait it’s grayed out. I can’t see more? Nevermind.”

 

Final deliverable

The splash screen followed by the two product views: currently available items + all items offered by the Tech Lending Program.

Checking out a camera: it is expensive and delicate, please go pick it up at the Media Desk!

Checking out a charger: instantly pick up from the kiosk.

Item unavailable view will disable check out feature. Need further assistance beyond self service? No problem - Ask for a librarian!

Acknowledgements

We would like to acknowledge each other as well as Professor Steven Dow and our wonderful TAs & IAs for contributing to our growth and development. Special thanks to all our interviewees who have provided valuable insight and feedback to the progression of our kiosk.