SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery
SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery
SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery
SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery
SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery
SCCP
2023 @ Cheddar Media
What
UX/UI for the lunchbox borrowing & returning machine at university campus.
Challenge & Approach
As a new system to most users, it required clear and intuitive guidance.
Solutions
Created step-by-step instructions on both the interface and the physical machine, anticipating common user errors and designing for prevention.
Results
Achieved 40k borrows with 89% return rate since 2023 among 8 universities.
#UXUI
#VendingMachine
#University
User Journey - Borrow Machine
Action
Confirm
Cancel Option
Error
Basket
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Basket
Cancel Option
Ideal User Flow
Borrow
Select Service → Tap Card → Collect
Check Points
Select Service → Tap Card → Complete
User Journey - Return Machine
Action
Confirm
Error
Basket
Ideal User Flow
Return
Select Service → Tap Card → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Action
Confirm
Error
Cancel Option
Ideal User Flow
Return
Select Service → Tap Card → Return → Redeem → Complete
Check Points
Select Service → Tap Card → Complete
Flexiblity
Error Prevention
Visibility of Status
Error Recovery