1. ‘차[茶]를 얘기하다.’
- 김지혜, 김혜진, 윤혜지
[ 2 0 1 4 . 0 4 . 2 2 . 중 간 과 제 ]

2. 과업모델 & 사용자 여정
사용자가 차에 대한 정보를 얻는 일반적인 과정을
예상하고, 실제 어플리케이션을 사용하는 순서를
구성해보고 정리해본다.

3. ▶Task Model(과업모델) 차를 마시고 싶은 이지영씨가
차에 대한 정보를 얻는 과정을 예상해본다.
좋아하는 차
“내 입맛에 맞는 차를
마시면서 티타임을
갖고
싶어”
맛/향
“차를 고르는 기준은
맛과 향이 1순위야.
나는 쓰지 않고 시원한
차를 마시고 싶어.”
후기 확인
“설명만 보면 잘 모르
겠어. 다른 사람들이
어떻게 느끼는지 궁
금해.”
효능
“이 차가 몸에도
좋았으면 좋겠어.
저칼로리나 디카
페인.”
“지금 내가 있는 카페
에 있는 메뉴인지, 마
트에 가면 살 수 있는
건지, 가격은 너무 심
하게 비싸지만 않으면
좋겠어.”
즐거운 티타임
“내가 고른 차가 내가
예상한 맛과 향이 나서
만족스러운 티타임을
가지면 좋겠어.”
GOAL : “내 입맛에 맞는 차를 마시면서 티타임을 갖고 싶어.”
“커피를 끊고
차를 마시려고 하는데
어떤 차가 좋을지
잘 모르겠어요”
“내가 좋아하는 정보, 자주
찾는
페이지를 한군데에 모아놓
고 꺼내보고 싶어.”
“내가 생각한 검색어로
자유롭게
검색할 수 있으면 좋겠
어. 예를 들어 ‘씁쓸하지
않은 시원한 차’라고 길
게 검색해도 자동으로
‘씁쓸하지 않은’, ‘시원한’
으로 나뉘어 검색 되는
거지.”
구하기 쉬운지
/ 가격
마트에서
“미리 고른 브
랜드가 내가 자
주가는 마트에
있으면 좋겠다.”
카페에서
“지금 내가 있
는 카페에 내
가 고른 차가
있으면 좋겠
어.”
카페에서
마시기
“내가 고른 차가
내가 예상한 맛과
향이 나서 만족스
러운 티타임을 가
지면 좋겠어.”
집에서
끓이기
“제일 맛있게
끓이는 법을 알
고싶어.”
“검색할 때 시간이 오래 걸
리지 않고 금방 찾으면 좋
겠어.”

4. ▶User Journey(사용자 여정) 어플 사용 과정을 구체적으로
인터페이스를 생각하며 예상하기.
GOAL : “내 입맛에 맞는 차가 어떤 것이 있는지 검색하기.”
로그인을 한다 /
안하고 입장한다.
차 페이지
(실시간 후기)
찻집 페이지
(실시간 후기)
“원하는 정보가 아니었다.”
“다른 차/찻집도 보고 싶다.”
“로그인 해야
후기 남기기 가능.”
로그인
“마이페이지는 항상 옆에
따라다녀서 펼쳐보면 바로
들어갈 수 있다.”
★
검색 목록
마이페이지
전체목록
실시간
후기
즐겨찾기
오늘 본
페이지
내가 남긴
후기
후기 자세히/
후기 남기기
효능
브랜드
비슷한차
→목록
끓이는 법
후기 자세히
남기기
위치
(지도)
메뉴
(메뉴판)
시설(사진)

5. 와이어 프레임
구체적인 인터페이스 디자인 전에
대략적인 틀과 들어갈 정보를 미리 정한다.
우선은 흑백으로 디자인, 필요한 정보만 컬러로 작업.

6. ▶Wire frame(와이어 프레임)
[메인 페이지]
☆오늘의 차를 선정하여
매일 변경됨
[실시간 후기] [마이 페이지_
오늘 본 페이지]
[마이 페이지_즐겨찾기]

7. ▶Wire frame(와이어 프레임)
[마이 페이지_내가 쓴 후기] [전체목록][검색목록] [차 페이지]

8. ▶Wire frame(와이어 프레임)

9. ▶Wire frame(와이어 프레임)
[찻집 페이지] [찻집 페이지_지도]
☆네이버 지도 연동

10. ▶Wire frame(와이어 프레임)

11. 감사합니다.