#3 실습. 프로젝트 화면설계

오늘은 실제로 웹페이지가 하나 개발되고 납품 되어지는 일련의 과정들을 숙지하고 실습해 보는 시간을 가졌다.

 

일단, 프로젝트 진행 프로세스는 다음과 같다.

 

---

 

프로젝트 진행 프로세스

1. 기획 : 기획자 or PM 
2. 설계 : 기획자 or PM
>> 요구사항분석, 요구사항정의, 화면설계, 스토리보드 작성 등 기획에 대한 전반적인 업무
>> 사업일정관리(일일업무일지, 주간업무일지등을 참고 하여 일정 체크) 

3. 디자인 : 웹디자이너
>>화면설계서를 가지고 디자인. (공간분할 :  폰트, 색상, 여백) > 디자인 컨펌

4. 퍼블리싱 :  웹퍼블리셔 or 프론트엔드 개발자
> 디자인 컨펌이 떨어지면 그 때 움직인다. 동적인 태그,HTML, 자바 스크립트 등을 이용하여 작업

5. 개발 : 백앤드 개발자 
5-1 서버 : 서버관리자, 백엔드 개발자
>홈페이지가 운영될 호스팅업체에 서버를 셋팅하고 관리

5-2 디비 (데이터베이스) : DB관리자, 백엔드 개발자 > 데이터
5-3 프로그램개발 : 백엔드 개발자, 데이터 연동


3,4,5를 합쳐서 영상제작 / 편집 과정에 적용 될 수 있다.

6. 검수 : 프로젝트 이상유무 점검, 체크
7. 이관 : 개발서버 > 실서버

 

---

 

사용자 조사 분석

학습1 사용자 조사하기

1-1. 타깃 그룹 설정
* 사용자 유형을 고려하여 설정
1. 연령대 및 성별
2. 자사 및 경쟁사 서비스 경험 여부
3. 서비스 이용율(월, 주 단위별 이용 횟수)
4. 서비스 이용 특성
>> 실무?!
>> 고객 과 회의(미팅) 시 파악

·조사의 목적: 선호하는 문화 콘텐츠 분야에 대한 조사, 어떤 경로로 사용자가 스마트 문화 앱 콘텐츠를 처음 접하는가

, 어느 정도의 비용을 지불하기를 원하는가 등
·사용자의 성별, 나이, 직업, 취향
·사용 목적, 이용 동기
·사용 형태[시간과 이용 빈도, 기능 사용, 정보 이용 행태] 
·사용 경험과 숙련도[초보자/전문가]
·사용자의 기대와 인식

1-2. 사용자 조사 내용 작성
사용자 조사 계획 수립 > 조사 방식의 선택
1. 인터뷰 기법**
2. 설문조사*
3. 관찰조사

인터뷰 조사 프로세스
(1) 주제 설정
(2) 대상 선정
(3) 인터뷰 내용 설계, 인터뷰 가이드라인 작성
(4) 인터뷰 진행과 기록 > 회의록***
(5) 결과 분석
(6) 결과 보고서 작성

면접 조사 수행 시 유의 사항
· 편안한 분위기에서 대화를 나누듯이 진행할 것
· 사용자의 이야기에 공감하고 경청할 것
· 기본적인 질문을 하고 유도 질문을 삼가할 것
· 드러나지 않는 부분에 대해서는 구체적인 이야기를 요청할 것
· 인터뷰 도중 문제를 해결하려 하지 말고 해결책에 대해 묻지 말 것
· 비언어적 신호에 주의를 기울일 것

프로젝트 진행 상황 기록

1. 일일업무일지 > 2. 주간보고서 > 월간보고서(프로젝트/사업관리자/PM)

학습2 사용자 분석하기
2-1. 사용자 행동 방식 및 니즈 도출
친화도법
2-2. 사용자 핵심 이슈 도출
페르소나(persona)문서 만들기
"본인을 기준으로 작성"

학습3 UX 전략 도출하기
3-1. UX 전략 포지셔닝 결정

UX 디자인 요구 사항
(1) 사용자의 기능적 만족 
(가) 단순하고 이해하기 쉬운 인터페이스
(나) 쉽고 빠른 콘텐츠 검색 및 보기 환경
(다) 메뉴의 깊이(Depth) 축소
(라) 손쉬운 사용
(마) 콘텐츠 공유 기능

(2) 사용자의 감성적 만족
(가) 깔끔하고 간결한 디자인
(나) 선명하고 조화로운 배색
(다) 양질의 콘텐츠 제공 및 무료보기 기능 제공
(라) 다시보기 기능 제공
(마) 글과 그림의 적절한 콘텐츠 제공

(3) 기타 페르소나의 니즈
(가) 글자 크기 확대 기능 제공
(나) 가독성을 고려한 배경과 글자 명확한 명도 대비
(다) 이해하기 쉬운 메뉴 레이블 제공

3-2. UX 차별화 전략 수립
3-3. UI/UX 디자인 방향성 및 콘셉트 도출

 

---

 

실습은 본인이 임시로 만든 포폴사이트를 대상으로 하게 되었다. (30일 무료버전)

포폴사이트 : http://ridingpanda.dothome.co.kr/