[브런치 스터디] 관리자 페이지 기획

출처_https://brunch.co.kr/@hyoi0303/8

 

[용어 정리]

 

* 쿼리(Query)란

: 데이터베이스에 정보를 요청하는 것. 쿼리는 웹 서버에 특정 정보를 보여달라는 웹 클라이언트 요청(주로 문자열 기반)에 의한 처리임.

대개 데이터베이스로부터 특정 주제어나 어귀를 찾기 위해 사용됨. 주제어나 검색엔진의 검색 필드 내에 입력된 다음 그 내용이 웹 서버로 넘겨짐.

 

* 프레임워크(Frame Work)란

: 일정 형태의 틀, 부품을 가지고 다양한 형태의 결과물을 만드는 것. 어떤 프로그램을 쉽게 만들기 위한 요소와 툴을 제공해 줌으로써 소프트웨어의 생산성과 품질을 높이는 역할을 함.

 

---

< 기획 단계 >

 

 

[1단계] 필수 기능 분석

✔ 사용자 입장에서 서비스를 직접 사용하고 기록해보기

: 외부 고객 대상 일반 서비스의 경우(브런치에서는 온라인커머스: 티마켓) 사용자 입장에서 일반적으로 주문하는 과정, 주문 확인 과정, 실제로 상품을 받는 과정을 직접 재현해보고 서로를 관찰하며 영상 촬영 및 텍스트로 기록함.

 

 

✔ 서비스 UI설계를 위한 User Flow 작업

 

✔ 본 페이지의 흐름 파악 후, 관리자 페이지에 넘어올 정보를 생각해 볼 것.

👉 관리자 입장을 먼저 추가하지 않고, 사용자 입장에서 한 단계를 거칠 때 관리자 페이지에 넘어오는 정보를 정리할 것.

 

👉 서비스를 단계별로 구분하여, 각 단계에서의 유저 행동에서 얻게 되는 데이터를 관리자 입장에서 정리

 

 

 

 

 

 

 

 

 

 

 

 

 

[2단계] 관리자 입장에서 기능 논의

✔ 2, 3차 회의를 거치며 텍스트로 필요한 부분 정리

 

 

[3단계] 기준 잡고 분류하기

✔ 어떤 기준으로 분류할 것인지 정함

   (예) Navigation에 들어갈 텍스트는? (기준) : 전체 페이지, 주문관리, 배송관리, 회원관리, 채팅, 알림, 로그(log) 등

 

✔ 각 기준에 맞춰 내용 정리하기

   (예) 전체페이지에 들어갈 내용 : 국적, 이름, 여권번호, 희망 수령일 등...

 

✔ 묶을 수 있는 정보 확인하기

   (예) 전체페이지의 사례에서 모든 정보가 노출되면 양이 많음. 묶을 수 있는 정보를 확인하기!

          👉 main : 여권번호 > modal : 대한민국 입출국 날짜/국적/이름 등

          👉 main : 회원 주문번호

          👉 main : 수령인

          👉 main : 수령 장소 > modal : 희망수령일 / 추가 요청사항 / 수령 장소 등

 

---

< 페이지 화면 설계 단계 >

 

관리자 페이지는 웹 사이트로 작업하는 것이 좋음.

👉 사용자 리스트, 입력 요소가 많기 때문

 

(1) 로그인 페이지

(2) Navigation : 전체 페이지 / 주문관리 / 배송관리 / 회원관리 / 채팅 / 알림 / 로그

          👉 전체페이지 : 클릭요소 > 페이지 전환 또는 모달로 정보 띄워주기로 연결(저자는 모달을 선호한다고 함)

          👉 채팅 : 앱 내 채팅으로 문의가 오면 관리자가 신속하게 처리해야 함.

          👉 알림 : 알림이 있어야 관리자가 수시로 현황을 확인하고, 실시간으로 처리해야 하는 문제의 타이밍을 잡을 수 있음.

          👉 로그 :  사용자가 남기는 로그는 서비스 로그와 행동 로그로 구분됨

                 1. 서비스 로그 - transaction의 결과를 기록하는 로그

                     (예: 탈퇴하기, 회원정보 수정, 결제하기 등 각 transaction을 완료했을 때 서비스 로그가 남음)

                 2. 행동 로그 - transaction에 이르기까지 사용자들이 서비스에서 각 action에 대한 로그를 남기는 것

                     (예: 클릭, 검색, 이벤트 배너 등)

 

---

< 페이지 디자인 단계 >

 

디자인 작업 전, 본 서비스를 사용할 관계자와 함께 꼭 들어갔으면 하는 사항을 체크해야 함.

          👉 사용자(관계자) 입장에서의 요청사항 정리

          👉 앱 디자인과 마찬가지로, 그리드는 필수이며 디자인 가이드 작업 또한 필수임

          👉 디자인 작업 마무리되었다면 개발자, 관계자가 직접 테스트 해보며 수정사항 체크