업무중 시간이 나서 앞으로 계속 보고 공부/참고해야할 내용을 정리해서 기록함. Show 기획자의 업무는?1. 요구사항 명세화사용자 에게 필요한 사항을 어떻게 시스템에 표현하고 어떤 결과가 어떻게 도출될지 정의를 해나가는 업무. 말 그대로 요구사항을 정확히 만들어간다. 2. 서비스 방향 명세화앞으로 개발될 서비스에 대한 구체화 작업 진행. 고객의 요구 발견, 발전된 방향을 만들어간다. 3. 결과물에 대한 사용자 측정서비스의 방향이 구체화 되었다면 그 방향에 맞게 개발이 진행될 수 있게 개발자와 디자이너 사이에서 도움자 역할.
이 세가지 업무가 다 녹아있는것이 화면설계서(UI 설계도) UI 설계도에 해당하는 용어들 1. wireframe 2. workflow 3. 스토리보드 4. MMI 문서, MMI 규격서 5. 사용자 시나리오 보통 화면 설계서(wireframe)와 스토리 보드를 보통 같은개념, 유사개념으로 이해하고 작성. 그러나 사실 화면 설계서와 스토리보드는 다른 문서임. 화면설계서는 표면적으로 텍스트, 선, 버튼으로 이루어져 있지만 그 안에는 많은 정보를 표현함. 화면설계서에는 어떤 내용이 담겨야 할까?버전관리 *완전중요함
나중에 디자이너가 개발부분에서 예. 여기는 왜 버튼이 없죠? 분명 기획단에서 그 이슈가 있었고 사용성이나 플로우 고려해서 없앤거였는데 그 전후 과정이 기억이 나지 않았다. 다만 우리도 그 부분을 알고있고 필요성을 전에도 고려했었고 없어도 되는것이 맞다. 문서가 복잡해지고 같이 일하는 이해관계자가 많아질 수록 문서관리의 필요성이 절실히 느껴짐.
+ 서비스 윤곽이 어느정도 잡히면 정보 구조도부터 그리는것이 전체적인 흐름 잡기에 큰 도움이 된다. / 지금 프로젝트 같은 경우는 내가 화면기획을 하고 개발자출신 기획자(백앤드잘알)님이 백엔드 정보구조를 하실듯^^! 규칙(일종의 범례) : 경고나 종료, 안내창 등에 대한 내용을 미리 정해둠. 복잡한 작업일 수록 이 부분의 중요성이 커짐.
플로우차트 : 설계 화면이 간단하면 안만들어도 됨. 그러나 복잡해질수록 플로우차트를 정리하고 시작하기를 권장. 그리는법은 그려야 할 일이 생길때 다시 찾아서 참고하도록 하자. 웹의 경우 대부분 화면설계만으로 많은 것을 표현할 수 있는 반면, 앱의 경우 다양한 제스쳐와 기능키 등으로 더 많은 표현방법이 필요하고 웹과 같이 메뉴를 늘 고정시켜두지 않아 flow작성이 웹에 비해 중요해짐.
이 내용에 대한 유투브 강의도 있으니 나중에 다시 공부해볼것. youtu.be/ra3EpF9WTow 화면 설계 : 화면에는 관리자 화면의 설계도 포함. 화면을 설계할때는 실제 들어갈 데이터를 쌤플로 넣어줄 것. 그래야 디자이너나 개발자가 해당 영역에 얼마나 많은 텍스트가, 어떤 형태로 들어가는지 알 수 있을 것. 전화번호의 형식 등. 예. 01012345679 / 010-1234-5678 / +82 01 1234 5678 이런건 기획자가 지정해서 넣어준다. 화면설계서 작성 프로그램1) 파워포인트 기능명세서구현해야 하는 기능에 대해 상세하게 설명하는 문서. 해당 기능이 어떻게 작동해야하고, 작동이 되지 않았을때는 어떻게 처리 해야하는지 (에러)에 대한 상태를
기재함. 기능명서에 무엇을 적어야 할까?기능을 작동하게 하기 위해서는 1)무엇을 2) 어떻게 만드는지 정의되어야 구현됨. 기능명세서 작성 방법 및 프로그램1) 화면 명세서 우측에 작성 특별히 정해진 바가 있는 것이 아니며 개발자가 편한 방식으로 전달하면 된다. *스토리보드(화면설계서)는 처음부터 완벽하기가 힘들다.실제 개발과 디자인에 돌입하면 모두가 예상하지 못했던 문제들이 나오기 시작하며 무한 토론과 수정을 거쳐야함. 기획자의 커뮤니케이션능력 발휘가 필요하다 하하하하하 자료 출처 및 나중에 다시 참고할 것들 UI 설계도에 해당하는 용어들 (pxd.co.kr) UI 설계도에 해당하는 용어들 User Interface Design은 매우 어린 학문이어서 자신의 주요 결과물을 무엇이라 부를 건가에 대해서조차 합의된 용어가 없습니다. 우리말로 하면 이른바 "UI 설계도"라고 할 수 있을까요? 하여간 업계 story.pxd.co.kr 화면설계서 (Wireframe)와 기능명세서 (Functional Specification) | by 송미경 | Medium 화면설계서 (Wireframe)와 기능명세서 (Functional Specification) 화면설계서는 선(Wire)으로 이루어진 화면 구조(Frame)를 표현하는 문서입니다. 화면을 도식화하기 때문에 시각적인 이해도가 아주 높습니다. mklab-co.medium.com IT 기획 연구소 (yslab.kr) [웹/앱 설계의 기본] 화면설계서 작성방법 프로덕트 매니저와 기획자의 메인 업무 중 하나는 UI 설계입니다. 이를 업계에서는 화면설계서, 화면정의서, 스토리보드, MMI(Man Machine Interface)등 다양한 이름으로 부르고 있는데요. 고놈이 고놈 yslab.kr [웹 기획] 화면 설계 용어 정리 (brunch.co.kr)
[웹 기획] 화면 설계 용어 정리 와이어프레임, 스토리보드, 프로토타입 | 건축물을 짓기 위해서는 구체적인 설계도면이 필요하듯이 웹사이트 또는 모바일 앱 서비스를 제작하기 위해서도 설계도면이 필요합니다. IT 현장에서 brunch.co.kr [기획#3]스토리보드(화면설계서) 작성법-템플릿제공 : 네이버 블로그 (naver.com) [기획#3]스토리보드(화면설계서) 작성법-템플릿제공 스토리보드(Wireframe) 작성법! 기획자에게는 가장 기본 중의 기본 스킬이면서도 프로젝트의 중심이 되는 ... blog.naver.com 기획자가 화면설계서(스토리보드)를 만든다구요? 기획자가 무슨 능력을 가지고 있는데요? - 강학주의 e-Biz Story (tistory.com) 기획자가 화면설계서(스토리보드)를 만든다구요? 기획자가 무슨 능력을 가지고 있는데요? 오늘 회사 1층 매점에서 담배와 피로회복제 한병을 사고 나오다. 어떤 아주머니와 간단한 대화를 나누게 되었습니다. 보아하니, 매점 아주머니와 친구사이인 것 같은데.... 강팀장에게 대뜸 건넨 ebizstory.tistory.com |