Project Overview
Designed a touch-screen kiosk interface for clocking in and out, updating work allocations, and viewing punch history, while ensuring scalability for future features and maintaining a uniform brand experience across all client locations.
User Needs and Goals
Functionality and Features
Design Considerations
Documentation and Handoff
User Needs and Goals
User Needs: Surveyed the company's clients and received compliance guidelines to determine the requirements for the kiosk machine. Key needs included the ability to create and edit clock-in or clock-out punches, update allocation details, and view previous punches.
User Goals: Ensured the process was simple, quick, and efficient to accommodate high volumes of use during peak clock-in and clock-out times at clients' businesses.
Functionality and Features
Clock In/Out: Users can efficiently clock in and out, including for lunches and breaks.
Change Allocations and Locations: Users can seamlessly update their work allocations and locations.
View Previous Punches: Users can access historical punch data for reference.
Log Out: Provided a log-out button for users who only wish to view their current or previous punches.
View More Options: Users can access all options for creating a punch beyond the predicted designation, including clocking in or out for the day or lunch, setting their allocation, and transferring their allocation without clocking out.
Design Considerations
Kiosk Environment: Adapted the design for a touch-screen interface, optimizing the user experience for intuitive kiosk interactions. Created the simplest route to complete tasks, considering potential queues and aiming for efficiency. Designed larger buttons for accuracy while maintaining alignment with software standards, and added a logout button on the final screen.
Future Flexibility: Utilized React components from the company's software system and website to ensure a uniform brand experience across clients. Designed for future feature integration, such as an employee portal login and a manager view for modifying punches. The larger menu ensures scalability for various kiosk configurations across locations.
Development and Testing
User Research: Conducted A/B testing and user interviews to refine the user experience. Found that showing all options on the main screen was overwhelming, and users preferred expanding the menu for additional designations.
Collaboration: Worked closely with the UX and development teams to address technical constraints and align the design with project requirements. Observed user behavior and provided input during design brainstorms to ensure alignment on timelines and feasibility.
Development Handoff: Delivered numerous prototypes to explain component behavior and provided typography, spacing, and color specifications through a Sketch file.