화면 기획시 알아두면 

좋은 정보 Part 01

2024.04.16(화) 

'게시판 기획하기' 미션이 주어진다면 무엇을 먼저 할 수 있을까요? 우선 어떤 유형의 게시판(문의 사항, 공지사항 리스트 형식 등)이 필요한지 체크하고 필요한 기능들을 정리할 수 있습니다. 


여기서 이야기 하는 기능 정리는 카테고리 분류 방식(쇼핑몰 문의 게시판 경우 가격문의, 배송문의 등과 같은 카테고리 분류), 리스트를 내림차순, 오름차순으로 노출 시킬 것인지, 어떤 값이 디폴트로 노출되게 할 것인지 등을 이야기합니다. 



기능 정리가 필요한 이유는 크게 3가지로 이야기 할 수 있는데요,

  각 영역별 어떤 기능들이 들어가는지 명시함으로써 개발자 분들이 필요한 데이터들을 연동시킬 수 있습니다.

   화면 설계 페이지가 많아질 수록 어떤 기능들을 제안했는지 헷갈리는 경우가 있어 추후 원활한 공유 및 소통을 위해 화면 설계에 정리해 두는 것이 좋습니다.

  더 나은 방향에 대한 피드백을 받을 수 있습니다. 디자이너, 개발자의 입장에서 기능에 따라 더 나은 인터페이스 혹은 기능 정리에 대해 피드백 받을 수 있습니다. 



처음 기획 당시 아래와 같이 디폴트 값만 적어 공유한 적이 있는데 그 당시 개발부서 팀장님의 당황스러워 하던 표정을 잊을 수 없어요. 친절히 정리해야할 부분들을 이야기 해주신 팀장님을 생각하니 다시 한 번 감사한 마음이 드네요. 

저와 같이 처음 화면 설계를 진행하시는 분들께 도움이 될 수 있기를 바라며 배웠던 부분들을 공유드립니다.

보통 화면 기획서(혹은 화면 설계도)는 아래와 같은 양식으로 작성을 하는데요, 회사마다 구조나 내용은 달라질 수 있으니 참고 부탁드려요. 게시판은 '검색 입력 영역'과 '검색 노출 영역'으로 나뉘며 제공되는 서비스에 따라 기능이 결정됩니다. 여기서 검색영역, 검색결과 노출 영역에 필요한 기능들을 디스크립션(02번)에 적어주는 것이 중요합니다.

검색 입력 영역


도서관 게시판을 예시로 가져왔는데요, 아래 그림을 보면 '검색어' 툴박스(혹은 드롭다운 리스트) 클릭시 노출되는 리스트는 제목, 내용, 제목+내용이 노출되는 것을 확인 할 수 있으며 '작성일 입력 칸'을 클릭하면 데이터 피커가 노출된다는 것을 확인 할 수 있습니다.  데이터 피커 노출시 현재 년월일(2024, 4월 15일)이 디폴트(default) 값으로 지정되어 있으며 이런 부분들을 디스크립션에 적어 주시면 됩니다. 



그 외에도 내림차순, 오름차순으로 노출되게 할 것인지, 검색 결과 리스트 노출 개수를 5단위 혹은 10단위로 보여지게 할 것인지 생각해볼 수 있습니다.

검색결과 노출 영역


검색결과 노출 영역에서 체크해볼 사항은 그림 1과 같이 총 결과 갯수 노출 여부(01번) , 고정 게시물 노출 표시 방법(02번), 첨부파일이 있는 경우 표시방법(03번), 페이징 처리 방법(04번) 을 고려해 볼 수 있습니다. 

위 내용들을 그림 2와 같이 정리해 볼 수 있습니다.

그 외 게시물 등록 페이지(첨부파일 등록 여부, 첨부파일 최대용량 표시 여부, 용량초과시 안내 여부 등) , 수정 페이지(수정 후 리스트 이동 경로, 정상적 작동 여부 등) , 삭제 페이지(삭제 여부 메시지, 삭제 후 이동 경로 등) , 댓글 기능 페이지(페이징 처리, 대댓글 여부 및 표시 기능, 댓글 신고 기능 여부 등) 등 고려해야할 부분들이 있지만, 우선 화면 기획시 세부적인 부분들을 고려해 디스크립션을 작성할 필요가 있다는 점을 기억해주시면 좋을 것 같습니다.

물론 경험이 많으신 분들은 구두로 이야기를 하면서 바로 진행하는 경우도 있지만 저는 배우는 입장이라 하나씩 살펴보고 정리하는 것도 좋을 것 같다는 생각이 들었습니다. 위 내용 중 수정사항 혹은 궁금한 부분이 있으시면 아래 '궁금해요'버튼 클릭 후 내용을 작성 해주시면 확인 후 관련 콘텐츠로 공유 드릴 수 있도록 하겠습니다.


함께 보면 좋은 콘텐츠