ݺߣ

ݺߣShare a Scribd company logo

[티톡]김지혜,김혜진,윤혜지 0429

•
•
Jihye Kim
Jihye Kim
1 of 11
‘차[茶]를 얘기하다.’ - 김지혜, 김혜진, 윤혜지 [ 2 0 1 4 . 0 4 . 2 2 . 중 간 과 제 ]
과업모델 & 사용자 여정 사용자가 차에 대한 정보를 얻는 일반적인 과정을 예상하고, 실제 어플리케이션을 사용하는 순서를 구성해보고 정리해본다.
▶Task Model(과업모델) 차를 마시고 싶은 이지영씨가 차에 대한 정보를 얻는 과정을 예상해본다. 좋아하는 차 “내 입맛에 맞는 차를 마시면서 티타임을 갖고 싶어” 맛/향 “차를 고르는 기준은 맛과 향이 1순위야. 나는 쓰지 않고 시원한 차를 마시고 싶어.” 후기 확인 “설명만 보면 잘 모르 겠어. 다른 사람들이 어떻게 느끼는지 궁 금해.” 효능 “이 차가 몸에도 좋았으면 좋겠어. 저칼로리나 디카 페인.” “지금 내가 있는 카페 에 있는 메뉴인지, 마 트에 가면 살 수 있는 건지, 가격은 너무 심 하게 비싸지만 않으면 좋겠어.” 즐거운 티타임 “내가 고른 차가 내가 예상한 맛과 향이 나서 만족스러운 티타임을 가지면 좋겠어.” GOAL : “내 입맛에 맞는 차를 마시면서 티타임을 갖고 싶어.” “내가 좋아하는 정보, 자주 찾는 페이지를 한군데에 모아놓 고 꺼내보고 싶어.” “내가 생각한 검색어로 자유롭게 검색할 수 있으면 좋겠 어. 예를 들어 ‘씁쓸하지 않은 시원한 차’라고 길 게 검색해도 자동으로 ‘씁쓸하지 않은’, ‘시원한’ 으로 나뉘어 검색 되는 거지.” 구하기 쉬운지 / 가격 마트에서 “미리 고른 브 랜드가 내가 자 주가는 마트에 있으면 좋겠다.” 카페에서 “지금 내가 있 는 카페에 내 가 고른 차가 있으면 좋겠 어.” 카페에서 마시기 “내가 고른 차가 내가 예상한 맛과 향이 나서 만족스 러운 티타임을 가 지면 좋겠어.” 집에서 끓이기 “제일 맛있게 끓이는 법을 알 고싶어.” “검색할 때 시간이 오래 걸 리지 않고 금방 찾으면 좋 겠어.”
▶User Journey(사용자 여정) 어플 사용 과정을 구체적으로 인터페이스를 생각하며 예상하기. GOAL : “내 입맛에 맞는 차가 어떤 것이 있는지 검색하기.” 로그인을 한다 / 안하고 입장한다. 차 페이지 (실시간 후기) 찻집 페이지 (실시간 후기) “원하는 정보가 아니었다.” “다른 차/찻집도 보고 싶다.” “로그인 해야 후기 남기기 가능.” 로그인 “마이페이지는 항상 옆에 따라다녀서 펼쳐보면 바로 들어갈 수 있다.” ★ 검색 목록 마이페이지 전체목록 실시간 후기 즐겨찾기 오늘 본 페이지 내가 남긴 후기 후기 자세히/ 후기 남기기 효능 브랜드 비슷한차 →목록 끓이는 법 후기 자세히 남기기 위치 (지도) 메뉴 (메뉴판) 시설(사진)
와이어 프레임 구체적인 인터페이스 디자인 전에 대략적인 틀과 들어갈 정보를 미리 정한다. 우선은 흑백으로 디자인, 필요한 정보만 컬러로 작업.
▶Wire frame(와이어 프레임) [메인 페이지] ☆오늘의 차를 선정하여 매일 변경됨 [실시간 후기] [마이 페이지_ 오늘 본 페이지] [마이 페이지_즐겨찾기]
▶Wire frame(와이어 프레임) [마이 페이지_내가 쓴 후기] [전체목록][검색목록] [차 페이지]
▶Wire frame(와이어 프레임)
▶Wire frame(와이어 프레임) [찻집 페이지] [찻집 페이지_지도] ☆네이버 지도 연동
▶Wire frame(와이어 프레임)
감사니다.

More Related Content

[티톡]김지혜,김혜진,윤혜지 0429

  • 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(와이어 프레임) [마이 페이지_내가 쓴 후기] [전체목록][검색목록] [차 페이지]
  • 9. ▶Wire frame(와이어 프레임) [찻집 페이지] [찻집 페이지_지도] ☆네이버 지도 연동