화면 이름과 번호 규칙을 정하는 법

회의에서 한 담당자님이 말했습니다. 「상세 화면에 버튼 하나만 더 넣어 주세요」. 개발자는 상품 상세를 고쳤습니다. 담당자님이 말한 것은 주문 상세였습니다. 다음 회의에서는 「결제 완료 화면」을 두고 디자이너와 개발자가 서로 다른 화면을 떠올렸습니다.

화면이 서른 장을 넘으면 말로 화면을 가리키기가 어려워집니다. 비슷한 이름의 화면이 여럿 생기기 때문입니다.

이 문제는 화면에 번호와 이름을 붙이는 규칙 하나로 대부분 사라집니다.

핵심은 모든 화면에 겹치지 않는 번호와 이름을 붙이고, 모든 문서와 대화에서 그 번호로 화면을 가리키는 것입니다. 사용자 종류와 메뉴를 번호 앞자리에 두면 번호만 보고도 화면의 자리를 알 수 있습니다. 회의, 견적, 변경 요청, 검수가 모두 같은 말을 쓰게 됩니다.

번호가 있으면 무엇이 달라지나

• 회의가 짧아집니다. 「주문 쪽 그 상세 화면」 대신 「U-ORD-02」라고 말하면 됩니다.
• 견적 범위가 분명해집니다. 견적서에 화면 번호가 적히면 빠진 화면을 바로 찾을 수 있습니다.
• 변경 요청이 정확해집니다. 어떤 화면을 바꾸는지 오해가 없습니다.
• 검수가 쉬워집니다. 화면 목록을 번호 순서대로 대조하면 됩니다.

번호 규칙은 이렇게 만듭니다

복잡한 규칙은 오래가지 못합니다. 세 칸이면 충분합니다.

이렇게 하면 「A-ORD-03」은 관리자 쪽 주문 메뉴의 세 번째 화면이 됩니다. 번호 앞자리가 곧 메뉴 구조이므로, 메뉴 구조를 먼저 정해 두면 번호는 거의 저절로 붙습니다.

팝업이나 하단에서 올라오는 작은 창도 번호를 받습니다. 「U-ORD-02-P1」처럼 붙어 있는 화면 뒤에 덧붙이면 됩니다. 이런 작은 창이 번호 없이 남으면 가장 먼저 빠집니다.

규칙을 정했다면 화면 목록 맨 위에 한 줄로 적어 둡니다. 나중에 합류한 디자이너나 개발자도 그 한 줄만 읽으면 번호를 같은 방식으로 붙일 수 있습니다.

화면 이름을 짓는 요령

1. 무엇의 어떤 화면인지 적습니다. 「상세」만 쓰지 말고 「주문 상세」처럼 대상과 종류를 함께 적습니다.
2. 같은 종류에는 같은 말을 씁니다. 목록, 상세, 작성, 수정처럼 끝말을 정해 두고 섞어 쓰지 않습니다.
3. 사용자가 보는 제목과 따로 둡니다. 앱 화면 위에 보이는 제목은 바뀔 수 있지만, 화면 이름은 문서용이라 바꾸지 않습니다.
4. 상태가 다르면 이름 뒤에 적습니다. 「주문 상세(취소됨)」처럼 같은 화면의 다른 상태를 구분합니다.

바뀔 때는 번호를 재사용하지 않습니다

기획이 진행되면 화면이 없어지기도 하고 새로 생기기도 합니다. 이때 없앤 화면의 번호를 다른 화면에 다시 쓰면 혼란이 생깁니다. 예전 회의록과 변경 이력에 남은 번호가 다른 화면을 가리키게 되기 때문입니다.

없앤 화면은 목록에 「삭제」로 표시만 하고 번호는 비워 둡니다. 새 화면은 그 메뉴의 마지막 번호 다음을 받습니다. 순서가 조금 어긋나도 괜찮습니다. 번호는 순서보다 한 화면을 끝까지 같은 이름으로 부르는 데 의미가 있습니다.

화면 번호는 작은 규칙이지만 기획서 전체를 하나로 묶는 끈입니다. 메뉴 구조, 화면 목록, 화면설계에 같은 번호가 이어져 있으면 개발을 어디에 맡기든 대화가 정확해집니다.

자주 묻는 질문

화면 번호는 영어로 붙여야 하나요?

꼭 그럴 필요는 없습니다. 다만 개발자들이 파일 이름이나 작업 목록에 그대로 옮겨 쓰기 쉬워서 영문 약자와 숫자를 많이 씁니다. 회사 안에서 모두가 읽을 수 있는 규칙이면 됩니다.

화면 번호는 언제 붙이는 것이 좋나요?

메뉴 구조를 정하고 화면 목록을 만들 때 붙입니다. 화면설계를 그리기 전에 번호가 있어야 그림마다 같은 번호를 적을 수 있습니다.

개발사가 쓰는 번호 규칙과 다르면 어떻게 하나요?

개발사가 따로 쓰는 규칙이 있다면 화면 목록에 칸을 하나 더 두어 두 번호를 나란히 적습니다. 대화와 검수는 처음 정한 기획서 번호를 기준으로 하자고 미리 합의해 두는 것이 좋습니다.