물류 현장 PDA, 웹 기술로 UX를 혁신하다!

웹 환경에서 PDA 스캐너 연동은 하드웨어 제약으로 인해 어려움이 있었다. 스캔 데이터 처리를 위해 특정 input 요소에 포커스를 유지하고, 스캔된 문자열을 처리하는 로직을 구현했다. 따라서 PDA 단말기 설정 변경을 통해 엔터 입력을 강제하여 스캔 이벤트 트리거 문제를 해결했다.

PWA를 통해 모바일 웹의 화면 제약 문제를 해결했다. 전체 화면 모드를 통해 브라우저 툴바 영역을 제거하고, 앱 아이콘을 제공하여 접근성을 높였다. 결과적으로 화면 활용도를 극대화하고, 작업 시작 시간을 단축하여 사용자 경험을 향상시켰다.

현장 테스트를 통해 키패드 다음(→|) 버튼 동작 문제를 발견하고 개선했다. 다중 input 환경에서 다음 버튼이 submit이 아닌 탭 이동으로 작동하는 문제를 해결하기 위해, 특정 input에 포커스가 있을 때 다른 input을 disabled 처리했다. 따라서 작업 효율 25% 향상을 달성했다.