본문 바로가기
이노자일

고르는 칸이 많은 업무 화면, 직원이 헤매지 않게 만드는 법

창업자를 위한 IT 번역7분 읽기이노자일

핵심 요약

고르는 칸은 열면 고를 수 있는 항목이 다 보이고, 글자를 치면 걸러지고, 목록에 없는 값은 저장되지 않아야 합니다. 통신 서비스 회사의 구매·자산 관리 시스템을 만들며 장비 47건이 검색 없이 섞여 나온 창과 거래처 79건을 그대로 늘어놓은 대리점 칸을 점검에서 잡아 고쳤고, 하나를 고르는 칸과 여러 건을 담는 창을 어떻게 나눴는지 결정 기록에 남겼습니다. 「직원이 매일 쓰는 업무 화면」 연재의 마지막 편으로, 시연 때 눌러 볼 행동과 다섯 편의 확인 목록을 함께 정리했습니다.

거래처를 고르는 칸을 열었더니 목록이 한참 내려옵니다. 목록을 한참 내려 가며 이름을 찾다가 비슷한 이름이 둘 보이고 그중 하나를 고릅니다. 저장까지 마치고 나서야 다른 쪽이었다는 것을 알게 됩니다. 되돌리는 시간보다, 다음부터 그 칸을 열 때마다 한 번 더 들여다보게 되는 것이 더 큰 비용입니다. 업무 프로그램을 받아 쓰는 자리에서 한 번쯤 겪을 만한 장면입니다.

고르는 칸은 시연 자리에서 문제로 보이기 어렵습니다. 만든 쪽은 어느 것을 고를지 알고 열기 때문입니다. 찾는 사람이 아니라 아는 사람이 여는 자리라 찾기 어렵다는 것이 드러나지 않습니다.

이 글은 「직원이 매일 쓰는 업무 화면」 연재의 다섯 번째이자 마지막 편입니다. 통신 서비스 회사의 구매·자산 관리 시스템을 만들며 고르는 칸에서 걸린 것들을 적고, 시연 자리에서 고르는 칸을 확인하는 방법을 정리했습니다. 마지막 절에서는 다섯 편을 한 번에 돌아봅니다.

바닥까지 늘어진 긴 목록 두루마리 앞에서, 화면의 파란 검색 칸이 목록을 두 건으로 좁혀 주고 직원이 그중 하나를 가리키는 그림

목록이 길면 검색할 수 있어야 합니다

사용자 눈높이 점검은 일반 사용자 입장에서 실제 화면으로 업무 하나를 끝까지 해 보는 일입니다. 그 1차에서 심각으로 걸린 것 하나가 장비 배정 창이었습니다. 창을 열면 그 요청과 상관없는 장비까지 47건이 한 목록에 섞여 나왔습니다. 라우터·스위치·서버·데스크톱·셋톱박스·보안 장비가 한 줄씩 늘어서 있고 검색 칸은 없었습니다. 47건을 눈으로 훑어 한 대를 골라야 했습니다.

바로 옆의 서비스 배정 창은 정반대였습니다. 조건에 맞는 3건만 걸러 보여 주고 있었습니다. 장비 쪽은 항목은 더 많은데 찾는 데 주는 도움은 더 적었습니다.

2차에서 목록 위에 검색 칸 하나를 두었습니다. 장비 코드·관리 일련번호·장비 구분·장비 이름을 한 칸에서 검색합니다. 어떤 장비를 목록에 보여 줄지 정하는 규칙과 정렬 순서는 일부러 손대지 않았습니다. 검색은 화면에서 걸러 보여 줄 뿐 목록 자체를 줄이지 않습니다. 목록에 무엇을 올릴지는 업무 규칙이 정하고 그 안에서 찾기 쉽게 하는 것은 화면이 할 일입니다. 둘을 한 번에 고치면 나중에 목록이 달라졌을 때 어느 쪽 때문인지 알 수 없습니다.

다시 확인했을 때 장비 구분으로 검색하니 47건이 10건이 됐고 검색어를 지우면 47건이 그대로 돌아왔습니다. 시연 때도 이 두 동작을 그대로 하면 됩니다. 글자를 쳐서 줄어드는지, 지워서 돌아오는지. 돌아오지 않으면 검색이 아니라 목록 자체를 바꾼 것입니다.

엉뚱한 항목이 섞여 있으면 잘못 고르기 쉽습니다

같은 1차 점검에서 심각으로 걸린 다른 하나는 자산의 유지 대리점을 고르는 칸이었습니다. 이 칸이 거래처 전체 79건을 그대로 늘어놓고 있었습니다. 유지보수를 맡길 업체를 고르는 칸인데, 최종 고객사와 개인 고객까지 실제 유지보수 업체와 뒤섞여 있었습니다. 검색도 되지 않았습니다. 그리고 잘못 골라 저장해도 화면이 막지 않았습니다.

첫머리의 장면이 그대로 생기는 조건입니다. 긴 목록, 섞인 종류, 없는 검색, 막지 않는 저장. 이 넷이 한 칸에 모여 있으면 잘못 고르는 것은 시간문제라고 봅니다.

2차에서 이 칸을 다른 13개 화면이 이미 쓰던 거래처 검색 창으로 바꿨습니다. 거래처 이름·사업자번호로 찾고 매입 유형으로 거릅니다. 이미 있던 것을 가져다 쓴 것이라 직원에게는 다른 화면에서 거래처를 고르던 방식 그대로입니다. 여기서도 목록에 나오는 거래처 범위는 그대로 두고 찾는 방법만 바꿨습니다.

다시 확인했을 때 업체 이름 일부로 검색하니 1건으로 좁혀졌고 고른 뒤 저장까지 반영됐습니다. 확인한 뒤에는 되돌렸습니다. 시연 때 볼 것은 두 가지입니다. 그 칸의 목록에 용도와 맞지 않는 항목이 섞여 있는지, 그리고 같은 것을 고르는 칸이 다른 화면에서는 어떤 방식인지입니다. 화면마다 다르게 생겼으면 그 자체가 물어볼 거리입니다.

하나를 고르는 칸은 한 방식으로 정했습니다

고르는 칸에는 앞서 정해 둔 결정이 하나 있습니다. 2026년 8월 25일에 확정해 결정 기록으로 올린 것입니다.

실무 담당자들의 요구 원문은 여러 곳에서 "수기 입력이 아닌 팝업창으로 선택하도록 변경"을 반복해 요구하고 있었습니다. 글자 그대로 읽으면 칸마다 창을 띄우라는 말입니다. 저희는 원문이 막으려던 것이 무엇인지를 먼저 봤습니다. 막으려던 것은 손으로 써 넣는 입력이지 창 자체가 아니라고 해석했습니다.

그래서 하나를 고르는 칸은 한 가지 방식의 선택 칸으로 통일했습니다. 열면 고를 수 있는 항목이 다 보이고, 글자를 치면 걸러지고, 목록에 없는 값은 저장되지 않습니다. 세 번째가 핵심입니다. 글자를 치는 것은 찾기 위해서이지 써 넣기 위해서가 아니라서 목록에 없는 글자를 아무리 쳐도 저장되지 않습니다. 창을 띄우지 않아도 원문이 막으려던 손 입력은 막힙니다.

원문이 요구한 거르기 조건은 그대로 살렸습니다. 폐기는 '수리 불가' 장비만, 출고는 배정 가능하고 출고 가능한 장비만 고를 수 있습니다. 모양을 바꾸면서 조건을 빼면 모양만 바꾸고 규칙을 잃는 것입니다.

결정 기록으로 올린 이유도 있습니다. 그전에는 이 해석이 화면 메모에만 흩어져 있어서 원문과 대조할 때마다 "일부러 바꾼 것인가, 빠뜨린 것인가"를 화면마다 다시 따져야 했습니다. 한 곳에 적어 두면 그 질문을 한 번만 하면 됩니다. 요구 원문과 다르게 만든 것이 있으면 그 이유가 어디에 적혀 있는지 시연 때 물어볼 만합니다.

여러 건을 고르는 일은 여러 건을 담는 창이어야 합니다

그 결정에서 예외 셋을 별도 창으로 남겼습니다. 약정 선택, 업무요청 선택, 장비 선택입니다. 셋 다 여러 건을 체크해서 고르고 고른 것의 정보를 전부 이어받아야 하는 경우라 하나의 값을 고르는 칸으로는 표현할 수 없습니다. 통일은 같은 일을 같은 방식으로 하자는 것이지, 다른 일을 한 방식에 끼워 넣자는 것이 아닙니다.

단계가 있는 것도 따로입니다. 2026년 9월 5일 "구매약정처럼 품목선택으로 모두 변경"이라는 대표 지시가 있었습니다. 품목 기준 정보가 "유형 → 구분 → 품목 이름" 단계로 서면서 입고·장비 등록 화면의 장비 구분·장비 이름도 구매 약정 화면처럼 품목 선택 창으로 바꿨습니다. 앞의 결정이 통일한 것은 한 단계짜리 목록에서 하나를 고르는 칸이고 단계가 있는 품목은 선택 창이 맞다고 결정 기록에 따로 적었습니다. 같은 시기에 품목 선택 창은 여러 건을 한 번에 고를 수 있게 바꿨습니다.

저희 홈페이지 관리 화면에서도 같은 일이 있었습니다. 글을 연재로 묶는 화면을 처음에는 펼침 목록에서 글을 하나씩 고르게 만들었는데, 연재는 여러 편을 담는 일입니다. 같은 날 검색해서 왼쪽 목록에서 오른쪽으로 옮겨 담고 확정하는 창으로 바꿨습니다.

검색 칸이 달린 왼쪽 목록에서 카드 한 장이 파란 화살표를 따라 오른쪽 목록으로 옮겨 담기는 그림

그래서 질문이 하나 더 있습니다. 이 자리에서 고르는 것이 한 건인가, 여러 건인가. 여러 건인데 하나씩 고르는 칸이면 직원은 같은 동작을 건수만큼 반복하게 됩니다.

시연 때 고르는 칸을 확인하는 방법, 그리고 다섯 편을 한 번에

볼 것은 네 가지입니다. 목록이 길 때 검색할 수 있는가, 엉뚱한 항목이 섞이지 않는가, 목록에 없는 값을 손으로 써 넣을 수 없는가, 여러 건을 골라야 하는 곳에서 한 번에 여러 건을 고를 수 있는가. 눌러 볼 행동으로 풀면 아래 표가 됩니다.

시연 때 눌러 볼 행동 정상이면
거래처나 장비를 고르는 칸을 열어 항목 수를 본다 항목이 많으면 목록 위에 검색 칸이 있다
검색 칸에 글자를 치고, 다시 지운다 치면 줄고 지우면 원래 수로 돌아온다
이름 말고 다른 정보(사업자번호·관리 일련번호 등)로 찾아 본다 그 정보로도 찾아진다
목록에 이 칸의 용도와 맞지 않는 항목이 있는지 본다 용도에 맞는 항목만 있다 · 섞여 있으면 어떤 기준으로 거르는지 물어본다
목록에 없는 값을 손으로 써 넣고 저장한다 저장되지 않는다
여러 건을 골라야 하는 자리에서 둘 이상 골라 본다 체크해서 여럿을 담는 창이다 · 하나씩 고르는 칸이 아니다
같은 것(거래처 등)을 고르는 칸을 다른 화면에서 열어 본다 같은 방식이다

이 표로 「직원이 매일 쓰는 업무 화면」 연재가 끝납니다. 다섯 편을 한 줄씩 돌아보면 이렇습니다.

  • 1편, 쓰던 내용이 사라지지 않는가: 적다가 다른 메뉴·새로고침·겹쳐 연 창 닫기로 나가 본다.
  • 2편, 상태 표시를 색만으로 하지 않는가: 흑백으로 보고, 상태를 눌러 뜻을 본다.
  • 3편, 막힌 버튼에 이유가 있는가: 막힌 버튼에 마우스를 올리고 이유를 읽는다.
  • 4편, 안내 문구를 직원이 이해하는가: 처음 보는 사람처럼 읽고, 그 말대로 눌러 본다.
  • 5편, 고르는 칸에서 헤매지 않는가: 검색해 보고, 목록에 없는 값을 써 넣어 보고, 여러 건을 골라 본다.

다섯 편의 공통점은 하나입니다. 전부 시연 자리에서 직접 눌러 볼 수 있고 긴 시간이 들지 않습니다. 보여 주는 쪽이 고르지 않은 동작을 받는 쪽이 몇 개 눌러 보면 됩니다. 다섯 편의 표를 묶어 만든 쪽에 미리 건네도 좋습니다.

자주 묻는 질문

검색 칸만 달면 목록이 너무 긴 문제는 해결되나요?
찾기 어려운 문제와 목록이 너무 긴 문제는 다릅니다. 검색은 화면에서 걸러 보여 줄 뿐이고 어떤 항목을 목록에 올릴지는 업무 규칙이 정합니다. 목록에 맞지 않는 항목이 섞여 있다면 검색 칸이 아니라 거르는 기준을 물어봐야 합니다. 시연 때 검색어를 지웠을 때 원래 수로 돌아오는지 보면 둘 중 어느 쪽을 고친 것인지 알 수 있습니다.
요구 원문에 "팝업창으로 선택"이라고 적혀 있는데 다른 방식으로 만들어도 되나요?
저희는 원문이 막으려던 것이 손으로 써 넣는 입력이라고 보았고 목록에 없는 값이 저장되지 않는 선택 칸으로도 그것은 막힙니다. 다만 그렇게 해석했다는 것과 거르기 조건은 그대로 살렸다는 것을 결정 기록에 남겼습니다. 원문과 다르게 만들었다면 그 이유가 적혀 있는지가 중요합니다.
이미 쓰고 있는 프로그램의 고르는 칸이 불편하면 어떻게 요청하나요?
"고르기 불편하다"보다 어느 화면의 어느 칸에서 항목이 몇 건쯤 나오고 무엇을 찾을 때 헤매는지를 적어 주는 것이 빠릅니다. 목록이 길어서인지, 맞지 않는 항목이 섞여서인지, 여러 건을 하나씩 골라야 해서인지에 따라 고칠 곳이 다릅니다. 같은 것을 고르는 칸이 다른 화면에 잘 돼 있다면 그 화면을 가리켜 "이것과 같게"라고 요청하면 됩니다.

관련 글

무료 자료

MVP 외주 계약 전 체크리스트 25

계약서에 서명하기 전에 제작사와 확인할 25가지 — 범위·일정·비용·인계·운영

무료로 받기

내 프로젝트, 시작해도 될까?

요구사항·예산·리스크·AI 활용, 개발 전 준비사항을 약 3분 동안 점검해 드려요.

3분 무료 진단 시작

12문항 응답 후 이름·이메일·현재 단계를 입력하면 결과를 확인할 수 있어요.

진단보다 바로 이야기하고 싶다면 — 무료 첫 상담, 준비물 없이 화상 30분.