SlideShare a Scribd company logo
1 of 14
INTERACTION DESIGN I
CAFE APP + SMART 공간
임다혜
최하늘
황희영
Contents
task flow
1
user journey
2
wire frame
3
task flow 1
task flow 2
task flow 3
user journey 1
user journey 2
user journey 3
wire frame 1
wire frame 2
wire frame 3
task flow
1
task flow 1
task flow 2
task flow 3
Task Models
Goal: 빈 자리 찾기 _ 언제 어디서든 주변 카페를 검색해서 카페의 위치와 빈자리 정보를 확인하고 이동할 수 있다
“지금 카페를 가야하는데
내주변 카페에는 어떤 카페가 있지?
자리가 있을까?”
빈자리 앱 실행
현재 내위치 기반
카페 추천
LBS
주변 빈자리 찾기
내 즐겨찾기 카페
주변 카페 검색
“분위기 좋고 디저트 다양한 카펜 없나?”
“미팅하려면 자리가 있어야하는데
자리가 있을까?”
“지금 내 위치엔
도대체 어떤 카페가 있는거야”
“단골 카페에는
오늘을 자리가 있을까?”
카페 정보
(기본, 빈자리)
확인
위치 안내 및 이동
“지금 자리가 있는지 확인이 필요한데,
그 정보를 알 수 있는 건 직접 가보는 수 밖에 없어서불편하다,
분위기랑 메뉴 및 가격 정보를 알고 싶은데
개인카페들에서 알기란 리뷰를 보거나
직접 가봐야하는 것 뿐이니 불편하다”
“위치를 눈에 보기 쉽게 알 수 있었으면 좋겠다”
김주연 28세 / 기자
“직업상 다양한 사람들과 인터뷰를 하고 미팅이 많아요
갑자기 약속이 생기거나 시간과 장소의 변동이 있을 경우 카페를 찾는데
장소 선정 및 자리에 대해 한번에 알 수 있는 방법이 없어 불편함을 느껴요.”
똑부러진 성격, 효율성을 중시하고 시간낭비를 싫어한다.
다른 사람들은 카페를 가고자하는 의도가 있을때나 없을때나
자리가 있던 없던 일단 무작정 가본다
사용자들은 자신의 니즈를 충족시키기 위해 다음과 같은
다양한 옵션들을 사용할 것이고 만족할 것이다
Task Models
Goal: 6월 중순, 기말과제 준비를 위한 카페 찾기
“ 공부를 위해 카페를 가야해.
하지만 귀찮고 돌아다니는건 질색이야.
그리고 내가 원하는 항목을 충족시킬
수 있는 곳이였으면 좋겠어.”
빈자리 앱 실행
현재 내위치 기반
카페 추천
LBS
카테고리별
항목 체크 / 검색
내 즐겨찾기 카페
위치 기반 카페
정보 확인
“내 주변에 흡연실이 마련되있는
가까운 카페 없나?”
“흡연실이 있으면서 테이블도 넉넉한
카페는 없을까 ?”
“가까운 카페가 어딜까 ? ”
“단골 카페에는
오늘을 자리가 있을까?”
카페 정보
(기본, 빈자리)
확인
위치 안내 및 이동
“ 내 주변에 있는 카페들을 전부 파악할 방법이 없고
개인 카페들은 검색도 힘들어.
거기다 흡연실 있는 곳 찾기는 복불복이지.
헛걸음 하지않고 내가 만족하는 카페를 찾을 순 없을까 ? ”
“현재 내 위치를 바탕으로
길을 찾아줬으면 좋겠어.”
이영희 23세 / 학생
“평소 과제를 목적으로 카페를 자주 가요.
흡연자라 흡연실의 유무 또한 중요하죠.
하지만 제가 원하는 항목들을 모두 충족하는 곳을 찾아 자리를 잡으려면
일찍 나와 여기저기 귀찮게 걸어다녀야해요.”
잠이 많고 모든 일을 귀찮아 한다 / 흡연자
다른 사람들은 원하는 카페를 찾기 위해 돌아다니지만
그렇다고 자신이 원하는 카페를 가는 것은 아니다
사용자들은 이 다양한 항목들을 쉽고 간편하게 둘러볼 수 있으며
때문에 정보를 기반으로 확실한 선택을 할 수 있다.
Task Models
Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기
김주연 28세 / 기자
“직업상 다양한 사람들과 인터뷰를 하고 미팅이 많아요
갑자기 약속이 생기거나 시간과 장소의 변동이 있을 경우 카페를 찾는데
장소 선정 및 자리에 대해 한번에 알 수 있는 방법이 없어 불편함을 느껴요.”
똑부러진 성격, 효율성을 중시하고 시간낭비를 싫어한다.
user journey
2
user journey 1
user journey 2
user journey 3
User Journey
Goal: 빈 자리 찾기 _ 언제 어디서든 주변 카페를 검색해서 카페의 위치와 빈자리 정보를 확인하고 이동할 수 있다
빈자리 앱 실행
현재 내위치 기반
주변 카페 추천
Page (LBS기반)
NFC / 위치 켜기
내위치 설정
YES
Error
주변 카페 검색
카페 선택
내 즐겨찾기 카페
페이지
NO
주변 빈자리 검색
빈자리 확인 /
자리 상세 정보
Page
위치 선택 이동
카페 상세 정보
Page
YES
NO
즐겨찾기 추가
Page
NO
빈자리 앱 종료
YES
회원가입
Page
회원가입이
안되있을 시
회원가입
지역별 검색
카테고리별 검색
지역 선택 카페 추천
Page
로그인
Page
카페 선택
카페 상세 정보
Page
빈자리 확인 /
자리 상세 정보
Page
위치 선택 이동
YES
NO
YES
카페 선택
빈자리 확인 /
자리 상세 정보
Page
User Journey
앱 실행
Goal: 6월 중순, 기말과제 준비를 위한 카페 찾기
내 위치
설정
주변 카페
검색
카테고리
검색
카페 선택
카페 정보
확인
항목 불충족
위치 정보
확인
이동
지역별
검색
카테고리별
검색
즐겨찾기
지역
선택
카테고리
선택
카페 선택
빈자리 확인
확인
카페 정보
확인
빈자리 확인
확인
위치 정보
확인
이동
빈자리 확인
확인
이동
이용
즐겨찾기
추가
로그인 회원가입
이용 안함
추가 후
종료
항목 불충족
항목 불충족
앱 종료
이용
이용 앱 종료
항목 불충족
로그인
User Journey
Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기
User Journey
Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기
wire frame
3
wire frame 1
wire frame 2
wire frame 3
Wire Frame
Wire Frame

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

cafe task model, user journey_임다혜, 최하늘, 황희영

  • 1. INTERACTION DESIGN I CAFE APP + SMART 공간 임다혜 최하늘 황희영
  • 2. Contents task flow 1 user journey 2 wire frame 3 task flow 1 task flow 2 task flow 3 user journey 1 user journey 2 user journey 3 wire frame 1 wire frame 2 wire frame 3
  • 3. task flow 1 task flow 1 task flow 2 task flow 3
  • 4. Task Models Goal: 빈 자리 찾기 _ 언제 어디서든 주변 카페를 검색해서 카페의 위치와 빈자리 정보를 확인하고 이동할 수 있다 “지금 카페를 가야하는데 내주변 카페에는 어떤 카페가 있지? 자리가 있을까?” 빈자리 앱 실행 현재 내위치 기반 카페 추천 LBS 주변 빈자리 찾기 내 즐겨찾기 카페 주변 카페 검색 “분위기 좋고 디저트 다양한 카펜 없나?” “미팅하려면 자리가 있어야하는데 자리가 있을까?” “지금 내 위치엔 도대체 어떤 카페가 있는거야” “단골 카페에는 오늘을 자리가 있을까?” 카페 정보 (기본, 빈자리) 확인 위치 안내 및 이동 “지금 자리가 있는지 확인이 필요한데, 그 정보를 알 수 있는 건 직접 가보는 수 밖에 없어서불편하다, 분위기랑 메뉴 및 가격 정보를 알고 싶은데 개인카페들에서 알기란 리뷰를 보거나 직접 가봐야하는 것 뿐이니 불편하다” “위치를 눈에 보기 쉽게 알 수 있었으면 좋겠다” 김주연 28세 / 기자 “직업상 다양한 사람들과 인터뷰를 하고 미팅이 많아요 갑자기 약속이 생기거나 시간과 장소의 변동이 있을 경우 카페를 찾는데 장소 선정 및 자리에 대해 한번에 알 수 있는 방법이 없어 불편함을 느껴요.” 똑부러진 성격, 효율성을 중시하고 시간낭비를 싫어한다. 다른 사람들은 카페를 가고자하는 의도가 있을때나 없을때나 자리가 있던 없던 일단 무작정 가본다 사용자들은 자신의 니즈를 충족시키기 위해 다음과 같은 다양한 옵션들을 사용할 것이고 만족할 것이다
  • 5. Task Models Goal: 6월 중순, 기말과제 준비를 위한 카페 찾기 “ 공부를 위해 카페를 가야해. 하지만 귀찮고 돌아다니는건 질색이야. 그리고 내가 원하는 항목을 충족시킬 수 있는 곳이였으면 좋겠어.” 빈자리 앱 실행 현재 내위치 기반 카페 추천 LBS 카테고리별 항목 체크 / 검색 내 즐겨찾기 카페 위치 기반 카페 정보 확인 “내 주변에 흡연실이 마련되있는 가까운 카페 없나?” “흡연실이 있으면서 테이블도 넉넉한 카페는 없을까 ?” “가까운 카페가 어딜까 ? ” “단골 카페에는 오늘을 자리가 있을까?” 카페 정보 (기본, 빈자리) 확인 위치 안내 및 이동 “ 내 주변에 있는 카페들을 전부 파악할 방법이 없고 개인 카페들은 검색도 힘들어. 거기다 흡연실 있는 곳 찾기는 복불복이지. 헛걸음 하지않고 내가 만족하는 카페를 찾을 순 없을까 ? ” “현재 내 위치를 바탕으로 길을 찾아줬으면 좋겠어.” 이영희 23세 / 학생 “평소 과제를 목적으로 카페를 자주 가요. 흡연자라 흡연실의 유무 또한 중요하죠. 하지만 제가 원하는 항목들을 모두 충족하는 곳을 찾아 자리를 잡으려면 일찍 나와 여기저기 귀찮게 걸어다녀야해요.” 잠이 많고 모든 일을 귀찮아 한다 / 흡연자 다른 사람들은 원하는 카페를 찾기 위해 돌아다니지만 그렇다고 자신이 원하는 카페를 가는 것은 아니다 사용자들은 이 다양한 항목들을 쉽고 간편하게 둘러볼 수 있으며 때문에 정보를 기반으로 확실한 선택을 할 수 있다.
  • 6. Task Models Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기 김주연 28세 / 기자 “직업상 다양한 사람들과 인터뷰를 하고 미팅이 많아요 갑자기 약속이 생기거나 시간과 장소의 변동이 있을 경우 카페를 찾는데 장소 선정 및 자리에 대해 한번에 알 수 있는 방법이 없어 불편함을 느껴요.” 똑부러진 성격, 효율성을 중시하고 시간낭비를 싫어한다.
  • 7. user journey 2 user journey 1 user journey 2 user journey 3
  • 8. User Journey Goal: 빈 자리 찾기 _ 언제 어디서든 주변 카페를 검색해서 카페의 위치와 빈자리 정보를 확인하고 이동할 수 있다 빈자리 앱 실행 현재 내위치 기반 주변 카페 추천 Page (LBS기반) NFC / 위치 켜기 내위치 설정 YES Error 주변 카페 검색 카페 선택 내 즐겨찾기 카페 페이지 NO 주변 빈자리 검색 빈자리 확인 / 자리 상세 정보 Page 위치 선택 이동 카페 상세 정보 Page YES NO 즐겨찾기 추가 Page NO 빈자리 앱 종료 YES 회원가입 Page 회원가입이 안되있을 시 회원가입 지역별 검색 카테고리별 검색 지역 선택 카페 추천 Page 로그인 Page 카페 선택 카페 상세 정보 Page 빈자리 확인 / 자리 상세 정보 Page 위치 선택 이동 YES NO YES 카페 선택 빈자리 확인 / 자리 상세 정보 Page
  • 9. User Journey 앱 실행 Goal: 6월 중순, 기말과제 준비를 위한 카페 찾기 내 위치 설정 주변 카페 검색 카테고리 검색 카페 선택 카페 정보 확인 항목 불충족 위치 정보 확인 이동 지역별 검색 카테고리별 검색 즐겨찾기 지역 선택 카테고리 선택 카페 선택 빈자리 확인 확인 카페 정보 확인 빈자리 확인 확인 위치 정보 확인 이동 빈자리 확인 확인 이동 이용 즐겨찾기 추가 로그인 회원가입 이용 안함 추가 후 종료 항목 불충족 항목 불충족 앱 종료 이용 이용 앱 종료 항목 불충족 로그인
  • 10. User Journey Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기
  • 11. User Journey Goal: 빠르고 손쉽게 원하는 조건의 카페 빈자리 찾기
  • 12. wire frame 3 wire frame 1 wire frame 2 wire frame 3