React로 모바일 MES 화면을 처음 구성하며 UX 제약을 고려한 경험 중심으로 푸는 결
인턴 때 현장 작업자가 태블릿으로 사용하는 작업 지시 화면 일부를 개발하는 업무를 맡았습니다. React를 쓰는 프로젝트였는데, 처음엔 데스크톱 기준으로 레이아웃을 짜다가 태블릿에서 버튼이 너무 작아 탭하기 어려운 문제가 생겼습니다. 현장 작업자는 장갑을 끼고 쓰는 경우가 있어 터치 영역을 충분히 넓게 잡아야 한다는 피드백을 받았습니다. 버튼 크기와 여백을 조정하고, 중요한 동작은 화면 아래쪽에 배치하도록 구조를 바꿨습니다. 또 네트워크가 불안정한 환경에서 요청이 실패했을 때 작업자에게 명확히 알려주는 피드백이 없었는데, 오류 상태 표시를 추가했습니다. 화면 개발이 단순히 기능을 구현하는 것이 아니라 사용자가 어떤 환경에서 쓰는지를 먼저 파악하는 것이 중요하다는 걸 이 경험에서 배웠습니다.