�ݺ�ߣ

Formerly known as
Screen NAME
Path
1PAGE
WRITER
Screen ID
1
Intro > main
SK2Main page
Area Description Note
1 Indicator
• indicator 영역
• 인트로 화면에서는 indicator 영역이 가려지며, 이후 메인
화면부터 모든 화면에서는 indicator 가 상시 노출됨
2 Body
• 2a - 이미지 탭 시 Special K란? 메뉴 화면으로 이동
• 2b - My 스페셜K 플래너 인덱스 화면으로 이동
(최초 1회 설문 창 확인 후 해당 화면 진입)
• 2c - My 워킹 화면으로 이동 (로그인 여부 관계없음)
• 2d – My 바디 그래프 인덱스 화면으로 이동
• 2e - 설정화면으로 페이지 이동 (로그인 여부 관계없음)
• 2f – 각 해당 SNS 페이지로 이동 (로그인 후 APP 링크 공유 가
능)
•2g- kakaotalk.을 통해 사용자가 다른 친구에게 App링크 공유
기능
•http://www.kakao.com/link/api
Body
IndicatorIndicator
켈로그 만의 특별한 몸매관리 브랜드, 스페셜K설정
2e
1
2
2012 My 스페셜K 플래너
스페셜K 스토리
스페셜K 란?
2a
My 스페셜K 플래너
나만의 식단 관리
2b
My 워킹
나만의 걷기 운동
2c
My 바디 그래프
체계적인 몸매관리
2d
스페셜K와 함께 나만의
식단을 관리해 보세요.
2f
2012.01.20
2f
2012로 변경
수정일자: 2012.02.29

Formerly known as
Screen NAME
Path
2PAGE
WRITER
Screen ID
2
Intro > main > 설정 (setting)
SK3설정 (Setting)
1 Indicator • indicator 영역
2 title
• 2a – 이전 화면으로 이동
• 2b – 해당 화면의 타이틀 텍스트 노출
이하 동일
3 Body
• 3a - 로그인 상태인 경우 해당 아이디가 표시됨
• 3b - 버튼 탭 시 비로그인 상태로 변경 (아래 이미지 참조)
• 3c - push message 설정 영역
• 3d – cheer up message 설정 영역
• 3e – copyright 화면 이동
• 3f – 버튼 탭 시 로그인 화면으로 이동
• 3g – 버튼 탭 시 회원가입 화면으로 이동 (약관동의 화면)
Indicator
설정이전
로그인 아이디
hongkildong 로그아웃
로그인 아이디
회원가입
비 로그인 상태
(다음 화면 참조)
Push message
Cheer up message
설정 상태에 따라 스페셜K에서 제공하는
안내 메시지를 받으실 수 있습니다.
스페셜K 플랜 응원 메시지를 받으실 수 있습니다.
Body
Title
Indicator1
3
2
3a 3b
3c
3e
로그인
i
2a 2b
3d
3f 3g

Formerly known as
Screen NAME
Path
3PAGE
WRITER
Screen ID
3
Intro > main > 설정 (setting)
SK3설정 (Setting)
1 Indicator
2 title
3 Body
“로그인 전 경우 화면”
• 3a – 로그인 버튼 탭 시 로그인 화면으로 이동
• 3b – 회원가입 버튼 탭 시 회원가입 화면으로 이동
Indicator
설정이전
로그인 아이디
로그인
Push message
Cheer up message
안내 메시지를 받으실 수 있습니다.
스페셜K 플랜 응원 메시지를 받으실 수 있습니다.
Body3
3a
회원가입
3b
i
Title
Indicator1
2
Push message
Cheer up message (총 3차례에 걸쳐 해당 일자의 오전에 메시지가 자동 전송됩니다.)
닫기
시작일자에 자동 전송 중간일자에 자동 전송 플랜 종료일자에 자동 전송
어드민에서 메시지 전송 설정
Push message (아이폰 시스템 메시지 창)
어드민에서 입력한 텍스트가
노출됩니다. 어드민에서 입력한
텍스트가 노출됩니다.
보기
파이팅~!!! 스페셜K와 함께하는
나만의 식단 관리! 그 첫날입니다.
파이팅 하세요~!!
닫기 보기
파이팅 중이시죠 ^^
스페셜K가 항상 회원님 곁에서
힘이 되어 드립니다.
닫기 보기
스페셜K와 함께하는 나만의 식단
관리! 마지막 날입니다. ^^
다시 한번 점검해 보세요~
닫기 보기

Formerly known as
Screen NAME
Path
4PAGE
WRITER
Screen ID
로그인
4
Intro > main > 설정 (setting) > 로그인 (login)
SK3.1L로그인 화면 (login page)
1 Indicator
2 title
3 Layer
• 3a~3b – 인풋박스 탭 시 picker control 출력되어 입력함
• 3c – 자동 로그인 기능 (default는 미 선택 되어 있도록 함)
• 3d – 로그인 버튼 탭 시 로그인 완료
:이전 로그인 서비스 메뉴로 로그인 후 리턴 처리 되거나
설정화면에서 로그인 처리 시 설정 화면 유지(로그인상태)
• 3e – 회원 가입 화면으로 이동
• 3f – 닫기 버튼 탭 시 로그인 레이어 다시 하단으로 닫힘.
4 Menu
• navigation 영역
• 해당 메뉴로 진입을 위하여 메뉴 탭 한 경우 해당 메뉴 활성화
아이디
Layer3
비밀번호
자동 로그인 로그인
* 아이디/비밀번호 찾기 서비스는 스페셜K
웹사이트 (http://specialk.kellogg.co.kr) 에서
이용하실 수 있습니다.
* 아직 회원이 아니시면 아래 버튼을 누르신 후
회원가입을 통해 스페셜K의 다양한 서비스를
누리실 수 있습니다 .
회원가입
3a
3b
3c 3d
3e
아이디 인풋박스 탭 시 키보드 비밀번호 인풋박스 탭 시 키보드
Title2
Indicator Indicator1
닫기3f
확인
홍길동님, 반갑습니다.
스페셜K와 함께 즐거운 시간되세요
3d

Formerly known as
Screen NAME
Path
5PAGE
WRITER
Screen ID
5
Intro > main > 설정 (setting) > 회원가입 (register) > 약관동의
SK3.2.1L이용약관 동의 (agreement)
약관내용입니다. 약관내용입니다.
약관내용입니다. 약관내용입니다
약관내용입니다. 약관내용입니다`
약관에 동의합니다.
이용약관 동의이전 Title
3
2
확인
이용약관에 동의하여 주세요.
3a
1 Indicator
2 title
3 body
• 회원가입 버튼 탭 시 이용약관 동의 절차를 거침
• 3a – 내용 영역 (우측 스크롤 처리)
• 3b – 약관 동의 체크 영역 (default 미체크)
• 3c – 다음 버튼 탭 시 회원가입여부 확인 화면으로 이동
(약관 동의 미 체크 시 약관동의 요청 얼럿메시지 노출)
3b
A 약관 동의 체크하지 않은 경우
다음3c
A
* 현재 웹사이트 회원 가입 시의
이용자 약관을 넣으려고 합니다.
법무팀을 통하여 모바일에 삽일 될
이용 약관 점검을 최종 요청 드립니다.
Layer

Formerly known as
Screen NAME
Path
6PAGE
WRITER
Screen ID
Intro > main > 설정 (setting) > 회원가입 (register) > 약관동의 > 회원가입 확인 > 회원가입
SK3.2.1.1.1L회원가입 (register)
1 Indicator
2 title •2a- 이전 화면으로 이동
3 Body
•3H 까지 모두 입력 후 버튼 탭 시 가입 완료 화면으로 이동
- 각 필수항목 미입력에 대한 얼럿메시지 하기 참조
• 3a – 이름 입력 영역
• 3b – 성별 선택 영역
• 3c – 생년 월일 입력
• 3d – 아이디 중복 확인 영역
• 3e – 비밀번호 입력 영역 (비밀번호 입력 시*로 표시)
• 3f – 비밀 번호 재 입력 영역
• 3G – 이메일 주소 입력
• 3H – 핸드폰 번호 입력
* 각 인풋박스 탭 시 아래의 키보드 노출
아이디 인풋박스 탭 시 키보드 비밀번호 인풋박스 탭 시 키보드 이메일 인풋박스 탭 시 키보드
확인
아이디를 입력하여 주세요.
A 아이디를 입력하지 않은 경우
A 중복확인을 하지 않은 경우
A 비밀번호를 입력하지 않은 경우
A 이메일 주소를 입력하지 않은 경우
: 아이디 중복확인을 해주세요.
: 비밀번호를 입력하여 주세요.
: 이메일 주소를 입력하여 주세요.
A 중복된 아이디인 경우
: 사용하실 수 없는 아이디 입니다.
A 중복되지 않은 사용 가능한 아이디인 경우
: 사용하실 수 있는 아이디 입니다.
A 아이디를 입력하지 않고 중복확인 버튼을 탭 한 경우
: 아이디를 먼저 입력하여 주세요.
회원가입이전 Title
3
2
이름
아이디 hongkildong
3b
3a홍길동
중복확인
비밀번호 ****
비밀번호
재입력
****
이메일 주소 aaaaaaaa@naver.com
(영문,숫자 조합 4~12자)
(영문,숫자 조합 4~12자)
가입확인
3c
3d
3e
3f
2a
Layer
3a
3B
3C
3D
3E
3F
3G
3H
확인
이름을 입력하여 주세요.
A 이름을 입력하지 않은 경우
이름 인풋박스 탭 시 키보드
2a
A 핸드폰 번호를 입력하지 않은 경우
: 핸드폰 번호를 입력하여 주세요.
생년월일 / 핸드폰 번호
인풋박스 탭 시 키보드
**

Formerly known as
Screen NAME
Path
7PAGE
WRITER
Screen ID
7
Intro > main > 설정 (setting) > 회원가입 (register) > 약관동의 > 회원가입 확인 > 회원가입 > 약관동의 > 회원가입완료
SK3.2.1.1.1.1L회원가입 완료 (completed registration)
1
2 title
3 Body • 3a – 로그인 화면으로 이동
회원가입 완료
Layer
Title
3
2
로그인
3c
스페셜K에 오신 것을 환영합니다.
스페셜K의 다양한 서비스를
누리실 수 있습니다.

Formerly known as
Screen NAME
Path
8PAGE
WRITER
Screen ID
8
Intro > main > My 스페셜K 플래너 > My 스페셜K 플래너란?
SK4.1My 스페셜K 플래너란? (My Special K Planner?)
1
2 title
3 Body
• 3a – 비만도 체크 화면으로 이동 (로그인 관계없음)
• 3b – 내 플랜 화면으로 이동 (로그인 상태인 경우는 아래의
경우로 바로 이동되며, 비로그인 상태는 로그인 레이어가
출력됨.
(기존 플랜 있는 경우 해당 식단 플랜 화면 노출되며,
기존 플랜 없는 경우 비만도 체크 화면으로 이동)
• 3c – My 바디 그래프 인덱스 화면으로 바로 이동
(로그인 상태는 바로 이동되며, 비로그인 경우 로그인
레이어 팝업이 출력됨)
4 Navigation
Indicator
My 스페셜K 플래너란?이전
My 스페셜K 플래너는
비만도 체크를 통해 자신의
바디 상태와 자신의 선호식단,
선호운동에 따른 나만의 식단을
만드실 수 있습니다.
스페셜K와 함께 나만의 식단을 만들어보세요
1
2
3
비만도 체크
플랜 만들기
My 바디 그래프
>
>
>
Body
Title
Navigation
3
2
4
3a
1
3b
3c
스페셜K
스토리
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리

Formerly known as
Screen NAME
Path
9PAGE
WRITER
Screen ID
9
Intro > main > My 스페셜K 플래너 > Survey
-copyright
Indicator
나만의 식단관리이전
1 1회 작성 으로 한번 작성된 고객의 경우 해당 창은 뜨지 않음
2 title
3 Body
• 질문 항목 당 라디오 버튼으로 선택
• 1개 이상 선택하지 않고 확인키를 누르면 설문이 완료되지 않
았다는 알람 팝업 띄움
• 3a – 기타에 체크 시 input box 활성화, 키패드 노출
글 입력 시 input 장 아래로 늘어남
Body
Title
3
2
1. 귀하의 연령대는?
플랜 등록 전, 간단한 설문 작성 부탁
드립니다.
19세 이하 20대 30대 40대
50대 이상
2. 귀하는 어플을 다운 받기 전 스페셜 K에
대해 알고 있었습니까?
알고 있었다 몰랐다
3. 귀하는 어플을 다운 받기 전 스페셜 K를
구매한 적이 있었습니까? (최근 3개월내)
예 아니오
확인
2012.01.20
확인
모든 질문에 답해 주세요
A 최소 1개 이상의 질문에 답을 선택하지 않은 경우
4. 귀하는 어플 사용 후 스페셜 K를 먹는 빈
도가 변하였습니까?(최근 3개월 내)
변화 없음 빈도 수 1회 증가
빈도 수 2회 증가 빈도 수 감소
5. 귀하는 어떤 경로를 통해 어플을 알게 되
었습니까?
모바일 광고
스페셜 K 온라인 이벤트/ 온라인 QR코드
QR 코드 - 제품 패키지
매장 내 광고물
뉴스 기사 등의 보도 자료
기타 (직접입력)
3a

Formerly known as
Screen NAME
Path
10PAGE
WRITER
Screen ID
10
Intro > main > 설정 > copyright
SK3.3copyright
Indicator
Copyright이전
1
2 title
3 Body • 링크 영역 없이 정보 화면으로 구성됨
Body
Title
3
2
My 스페셜 K 플래너
Developed by Isobar Korea Co., Ltd
Copyright 2012. Kellogg All Rights Reserved.
맛있게 먹으면서 즐기는 ‘특별한’
몸매관리를 뜻하는 Special과
Kellogg(켈로그)의 K로 만든
‘켈로그 만의 특별한 몸매관리 브랜드’ 입니다.
2012로 변경
수정일자: 2012.02.29

Formerly known as
Screen NAME
Path
11PAGE
WRITER
Screen ID
11
Intro > main > My 스페셜K 플래너 > My 스페셜K 플래너란? > 비만도 체크
SK4.2비만도 체크 (BMI check)
1
2 title
3 Body
• 3a – 성별 체크 (default 설정 값 없음)
• 3b – 숫자 입력 (인풋박스 탭 시 키보드 노출)
• 3c – 활동량 체크 (default 설정 값 없음)
• 3d – 비만도 체크 결과 화면으로 이동함
로그인에 관계없
이 이용 가능한
서비스임.
4 Navigation • 4a - My 스페셜K 플래너 메뉴 활성화
Indicator
스페셜K
스토리
비만도 체크이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
Body
Title
Navigation
3
2
4
확인
성별(or 활동량)을 선택하여 주세요.
A 성별(or 활동량)을 선택하지 않은 경우
A 나이(or 키, 몸무게, 허리둘레)를 입력하지 않은 경우
: 나이(or 키, 몸무게, 허리둘레)를 입력하여 주세요.
Step 3
남 여
160
45
25
20
적음 보통 많음
세
cm
kg
in

• 나이
• 키
• 몸무게
• 허리둘레
• 성별
• 활동량
확인 >
비만도에 따라서 스페셜K 의
체계적인 나만의 식단을
추천해 드립니다.
3a
3b
3c
4a
3b
3d

Formerly known as
Screen NAME
Path
12PAGE
WRITER
Screen ID
12
Intro > main > My 스페셜K 플래너 > My 스페셜K 플래너란? > 비만도 체크 > 비만도 체크 결과 (365 program 추천)
SK4.2.1비만도 체크 결과 (BMI result) – 365 program
1
2 title • 2a – My 바디 정보로 저장 (로그인 필요)
3 Body
• 3a – 비만도 결과 표시 (하단 이미지 참조)
(저체중 / 정상 / 과체중 / 경도비만 / 중증도비만 / 고도비만)
• 3b – 비만도 체크 결과 노출(체중,비만도,필요열량 표시)
• 3c – 비만도 체크 결과에 따른 추천 프로그램 표시
(2주간의 도전 / 하루하루 빛나는 습관)
• 3d – 하루하루 빛나는 습관 경우 노출 이미지
• 3e – (스페셜 K로 )플랜 만들기 첫 화면으로 이동 (step 1)
• 3f – (레드크런치로)플랜 만들기 첫 화면으로 이동 (step 1)
: 비로그인 경우 로그인 레이어 팝업 출력됨
로그인 성공 후 플랜 만들기 화면으로 이동 시 2a의 바디
정보로의 저장과 같은 기능을 가지며 내 바디정보로 저장됨
4 Navigation
Indicator
스페셜K
스토리
비만도 체크 결과이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ
저체중
88.88%
당신의, 표준체중은 00.00kg 이고,
비만도는 88.88% 입니다.
표준 체중을 위해 당신의 하루 필요한 열량은
1,234kcal 정도 입니다.
스페셜K의 추천 다이어트 플랜은
하루 하루 빛나는 습관 입니다.
하루 하루 꾸준히
하루 한 끼(아침식사) 스페셜K
+
균형 있는 영양의 두 끼 자유식사
My 바디 저장
Body
Title
Navigation
3
2
4
저체중 정상
※ 디자인 참조 : 버튼 가이드
과체중
경도비만
중증도비만
고도비만
2a
3a
3b
3c
3d
당신은 평균신장 160.5cm 보다 큰 편이고,
평균체중 55.55kg 보다 많이 나갑니다.
3b
정상 경우 (로직 참조)
2012.01.20
스페셜K로 플랜만들기> 레드크런치로 플랜만들기>
3e 3f

Formerly known as
Screen NAME
Path
13PAGE
WRITER
Screen ID
스페셜K로 플랜만들기> 레드크런치로 플랜만들기>
13
Intro > main > My 스페셜K 플래너 > My 스페셜K 플래너란? > 비만도 체크 > 비만도 체크 결과 (2-2 program 추천)
SK4.2.2비만도 체크 결과 (BMI result) – 2-2 program
1
2 title
3 Body
• 3c – 비만도 체크 결과에 따른 추천 프로그램 표시
(2주간의 도전 / 하루하루 빛나는 습관)
• 3d – 2주간의 도전 인 경우 노출 이미지
4 Navigation
Indicator
스페셜K
스토리
비만도 체크 결과이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ
저체중
88.88%
스페셜K의 추천 다이어트 플랜은
2주간의 도전 입니다.
2주 동안 집중관리
하루 두 끼(아침식사) 스페셜K
+
균형 있는 영양의 한 끼 자유식사
Body
Title
Navigation
3
2
4
My 바디 저장
3c
3d
당신의, 표준체중은 00.00kg 이고,
비만도는 88.88% 입니다.
표준 체중을 위해 당신의 하루 필요한 열량은
1,234kcal 정도 입니다.

Formerly known as
Screen NAME
Path
14PAGE
WRITER
Screen ID
14
Intro > main > My 스페셜K 플래너 > My 스페셜K 플랜 > Step 3
SK4.3.1.2.2선호하는 음식(반찬 선택) – Step 3
1
2 title
3 Body
• 3a – 단계 표시 (step 3)
• 3b – 선호하는 음식 선택 박스 (중복선택 가능)
- default는 선택 값 없으며 최소 1개 이상 선택해야 함
• 3c – 다음 화면으로 이동 (선호하는 음식:국)
4 Navigation
Indicator
스페셜K
스토리
My 스페셜K 플랜 만들기이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
선호하는 음식(반찬)을 선택하세요.
Step 1 Step 2 Step 3
다음 >
모두 선택
구이
무침
볶음
생채
숙채
전
절임
조림
찜
튀김
회
(중복선택)

Body
Title
Navigation
3
2
4
3a
확인
질문에 답해 주세요
A 질문에 최소 1개 이상을 선택하지 않은 경우
3c
A
3b

Formerly known as
Screen NAME
Path
15PAGE
WRITER
Screen ID
15
Intro > main > My 스페셜K 플래너 > My 스페셜K 플랜 > Step 3 > 플랜 확인 > 식단 변경
SK4.3.2.1식단 변경
1
2 title
3 Body
• 3a – 탭 시 선택 카테고리 picker control 노출 (다음 화면 참조)
• 3b – 3a 선택에 따른 하위 카테고리 picker control 노출
• 3c – 검색어 입력 영역 (인풋박스 탭 시 키보드 노출)
• 3d – 버튼 탭 시 해당 검색어에 따른 결과 리스팅
• 3e – 버튼 탭 시 선택한 음식에 대한 팝업 노출됨 (3f)
• 3f – 3e 버튼 시 노출되는 팝업이며 검색 후 선택한 모든 아이템
이 보여짐
• 3g – [선택] 버튼 탭 시 식단 선택 완료 메시지 노출되며 메시지
창의 확인 버튼 탭 시 메시지창 닫히고 본 화면 유지됨
• 3h – [확인]버튼 탭 시 My 플랜 화면으로 전환됨
 선택한 식단으로 My 플랜 변경 적용되어야 함
• 3i – [취소] 버튼 탭 시 메시지 창 닫히고 본 화면 유지됨
• 3j – 기존 어플은 밥/면이 default 였으나, 이번 업데이트에는
스페셜 K가 default로 변결됨
•3b 카테고리 :스페셜K 레드 크런치
스페셜K (Special K)
•칼로리 참고: 스페셜K 레드 크런치 156kcal
스페셜K (Special K) 152kcal
Indicator
스페셜K
스토리
My 스페셜K 플랜 식단 변경이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
Step 3
Body
Title
Navigation
3
2
4
* 한 번에 한 끼 식단이 변경됩니다. (다중선택 가능)
* 검색어는 띄어쓰기 없이 넣어주세요.
스페셜 K▼ 스페셜 K 레드크런치 ▼
검색검색어
음식명 칼로리
선택 음식으로 변경 >
X
취소
* 현미밥 (일반 현미)
* 쎈쿡발아현미밥
* 감자된장찌개
* 간편시금치된장국
* 콩나물미더덕찌개
선택한 음식
319 kcal
319 kcal
319 kcal
319 kcal
319 kcal
선택
3a 3b
3c 3d
3e
3g
3f
A
3j
3j
키워드 검색을 이용하여 주세요.
* 검색 전 default 노출 상태
확인
검색어를 한 글자 이상
입력하여 주세요.
A 입력된 키워드 없이 검색 버튼을 탭 한 경우
확인
확인 버튼을 누르시면 선택하신
음식으로 한 끼 식단이 변경됩니다.
확인
선택하신 음식으로
변경 완료되었습니다.
B 선택 버튼 탭 시
B 3h 3i
3f
삭제
X
X
X
X
X
2012.01.20

Formerly known as
Screen NAME
Path
16PAGE
WRITER
Screen ID
16
Intro > main > My 스페셜K 플래너 > My 스페셜K 플랜 > Step 3 > 플랜 확인 > 식단 변경
SK4.3.2.1식단 변경
2012.01.30
스페셜 K =152kcal
스페셜K 40g + 저지방 우유 200ml =234kcal
스페셜 K 선택시 Kcal 정보
스페셜 K
스페셜 K 레드크런치
Indicator
스페셜K
스토리
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
Step 3* 한 번에 한 끼 식단이 변경됩니다. (다중선택 가능)
스페셜 K ▼ 스페셜 K 레드크런치 ▼
검색검색어
선택 음식

확인 >



A
완료
스페셜K
국물류
반찬류
김치류
……
3a
Indicator
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
* 한 번에 한 끼 식단이 변경됩니다. (다중선택 가능)
검색검색어
음식명 칼로리
3a 3b
선택 음식으로 변경 >
1step 2step
Indicator
스페셜K
스토리
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
Step 3* 한 번에 한 끼 식단이 변경됩니다. (다중선택 가능)
검색검색어
선택 음식

확인 >



A
완료
스페셜K
스페셜 K 레드 크런치
3b
3step
02.29자 변경
3step 결과 값 변경
스페셜 K 레드 크런치
스페셜 K 레드 크런치 +저지방 우유
 156 kcal
238kcal
스페셜 K 레드 크런치 선택시 Kcal 정보
스페셜 K 레드 크런치 = 156kcal
스페셜 K 레드 크런치 +저지방 우유 = 238 kcal

Formerly known as
Screen NAME
Path
17PAGE
WRITER
Screen ID
17
Intro > main > My 스페셜K 플래너 > My 스페셜K 플랜 > Step 3 > 플랜 확인 > 운동 변경
SK4.3.2.3운동 변경
Indicator
스페셜K
스토리
My 스페셜K 플랜 운동 변경이전
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
Step 3
Body
Title
Navigation
3
2
4
* 한 번에 하루치 운동이 변경됩니다. (다중선택 가능)
걷기나 요가 류의 기본운동 ▼
조깅 검색검색어
운동 칼로리
조깅(120m/min)
조깅(160m/min)
조깅(180m/min)
조깅
조깅/걷기의 혼합
 319 kcal
319 kcal
319 kcal
319 kcal
319 kcal



3a
3d
키워드 검색을 이용하여 주세요.
* 검색 전 default 노출 상태
1
2 title
3 Body
• 3a – 탭 시 선택 카테고리 picker control 노출 (다음 화면 참조)
• 3b – 검색어 입력 영역 (인풋박스 탭 시 키보드 노출)
• 3c – 버튼 탭 시 해당 검색어에 따른 결과 리스팅
• 3d – default는 리스트영역에 데이터 없으며 검색에 따른 결과
를 리스팅함 (결과개수에 따른 스크롤 처리)
• 3e – 버튼 탭 시 선택한 음식에 대한 팝업 노출됨 (3f)
• 3f – 3e 버튼 시 노출되는 팝업이며 검색 후 선택한 모든 아이템
이 보여짐
• 3g – [선택] 버튼 탭 시 식단 선택 완료 메시지 노출되며 메시지
창의 확인 버튼 탭 시 메시지창 닫히고 본 화면 유지됨
• 3h – [확인]버튼 탭 시 My 플랜 화면으로 전환됨
 선택한 식단으로 My 플랜 변경 적용되어야 함
• 3i – [취소] 버튼 탭 시 메시지 창 닫히고 본 화면 유지됨
3b 3c
A
3d
X
취소
* 조깅(120m/min)
* 조깅(160m/min)
* 조깅(180m/min)
* 조깅
선택한 운동
319 kcal
319 kcal
319 kcal
319 kcal
3f
확인
확인 버튼을 누르시면 선택하신
운동으로 변경됩니다.
선택 운동으로 변경 >선택
3e
3g
확인
검색어를 한 글자 이상
입력하여 주세요.
A 입력된 키워드 없이 검색 버튼을 탭 한 경우
B
3h 3i
삭제
확인
선택하신 운동으로
변경 완료되었습니다.
B 선택 버튼 탭 시
B
X
X
X
X

Formerly known as
Screen NAME
Path
18PAGE
WRITER
Screen ID
18
Intro > main > My 워킹 > 실행 모드 > 워킹 그래프
SK5.3My 워킹 그래프
Indicator
워킹 그래프이전 실행 모드
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
1
2 title • 2a – 만보기 실행 화면으로 이동
3 Body
• 3a – 일자별로 소모칼로리 그래프 노출
• 3b – 일자를 탭 하면 3c와 같은 워킹 데이터 말풍선 노출됨
• 3c – 2b 일자 탭 시 노출되는 말풍선 (날짜 재 탭시 말풍선 삭제)
• 3d – 일주일 단위로 페이징 처리됨 (월화수목금토일 순)
- default 일주일은 금일이 속한 일자가 default로 설정됨
- ◀▶페이징 버튼 탭 시 이전, 다음 월~일까지의 날짜가
노출되며 이전, 이후가 없는 경우 얼럿 메시지 노출됨
4 Navigation
Body
Title
Navigation
3
2
4
300
250
200
150
100
50
0
12/12 12/13 12/14 12/15 12/16 12/17
• 목표칼로리 : 1,111kcal
• 소비칼로리 : 000kcal
• 도보수 : 1,000걸음
• 도보거리 : 0.4 km
• 도보시간 : 20.00 min
소비칼로리
(kcal)
◀ 2010.12.18~2010.12.25 ▶
2a
3a
3b
3c
3d
B
확인
이전 일자의 데이터가 없습니다.
A 이전 일자가 없는 경우
A
확인
이후 일자의 데이터가 없습니다.
B 이후 일자가 없는 경우
* 걷기를 통해 소비된 칼로리를 표시한
나만의 워킹 그래프입니다.

Formerly known as
Screen NAME
Path
19PAGE
WRITER
Screen ID
19
Intro > main > My 바디 그래프 > 체중&성공 그래프
SK6.1체중&성공 그래프
1
2 title • 2a – My 바디 그래프
3 Body
• 2a – 체중&성공 그래프 화면으로 이동
(비로그인 상태인 경우 로그인 레이어 팝업 노출)
• 2b – 감성 그래프 화면으로 이동
(비로그인 상태인 경우 로그인 레이어 팝업 노출)
• 2c – 워킹 그래프 화면으로 이동
(비로그인 서비스이므로 로그인 관계없이 바로 이동)
4 Navigation • 4a - My 바디 그래프 메뉴 활성화
Indicator
My 바디 그래프이전
Body
Title
Navigation
3
2
4홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
4a
체중&성공 그래프
감성 그래프
워킹 그래프
>
>
>
3a
3b
3c
My 바디 그래프는
식단 성공여부와 체중 변화,
컨디션, 워킹을 통한 소비칼로리의
그래프를 확인 하실 수 있는
나만의 바디그래프 입니다.
플랜성공여부와 체중변화를 관리해 보세요
나만의 감성 변화를 관리해 보세요
워킹을 통한 소비칼로리를 확인해 보세요

Formerly known as
Screen NAME
Path
20PAGE
WRITER
Screen ID
20
SK6.1체중&성공 그래프
1
2 title • 2a – My 바디 정보 관리 화면으로 이동 (screen ID : SK6.4)
3 Body
• 3a – 체중&감성 그래프 탭 활성화
• 3b – My 바디 정보에 따른 비만도 노출 영역
• 3c – 시작/종료일 표시
• 3d – 일주일 단위로 페이징 처리되며, 오늘이 속한 날짜가
해당 일주일 default로 노출됨
• 3e – 플랜에서 선택한 아이콘 표시 (성공/실패)
(미 체크시 체크안됨 아이콘 표시)
• 3f – 희망 체중 입력 데이터 선 표시
• 3g – My 바디 정보에 입력한 체중이 희망 체중에 도달한
경우 아이콘이 깜박이는 등의 효과 표현
(해당 아이콘 탭 시 말풍선 노출되며, 아이콘 재 탭 시
말풍선 사라짐)
Indicator
Body
Title
Navigation
3
2
4홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
체중&성공 감성 워킹
비만도 200.00% (고도비만)
120
110
100
90
80
70
60
50
40
30
12/12
체중(kg)
12/13 12/14 12/15 12/16 12/17 12/18
성공 실패
체크
안됨
성공성공
♥
시작 종료
◀ 2010.12.18~2010.12.25 ▶
성공 아이콘 :
실패 아이콘 :
체크 안됨 아이콘 :
성공
실패
 아이콘 신규 작업 필요
(감성 그래프와는 다른
성공/실패 표식화 아이콘)
My 바디 정보
희망 체중
42kg 도달 성공~!!
♥목표 도달 시  목표 도달 시 아이콘 표시
탭 시 말풍선 노출
(다시 아이콘 탭 하거나, 말풍선 탭 시 말풍선 사라짐)
2a
3a
3b
3c3c
3d
3e 3e
3g
3e
3f
4a
체크
안됨

Formerly known as
Screen NAME
Path
21PAGE
WRITER
Screen ID
21
SK6.1체중&성공 그래프 (작성된 식단 플랜이 없는 경우)
1
2
3 Body
• 3a – 작성된 식단 플랜이 없는 경우 그래프가 보이지 않으며
대체 문구로 노출됨.
• 3b – My 스페셜K 플랜 만들기 인덱스 화면으로 이동
• 3d – 비만도 체크 한 결과를 바디 정보에 저장하지 않은 경우
에는 비만도 부분도 보이지 않아야 함
4
Indicator
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
비만도 200.00% (고도비만)
My 바디 정보
3a * 작성하신 My 스페셜K 플랜이 없습니다.
3d
2012.01.20
My 스페셜K 플랜 만들기 >
3b

Formerly known as
Screen NAME
Path
22PAGE
WRITER
Screen ID
22
Intro > main > My 바디 그래프 > 감성 그래프
SK6.2감성 그래프
1
2 title
3 Body
• 3a – 감성 탭 활성화
• 3b – My 플랜에서 설정된 감성 상태가 아이콘으로 노출됨
• 3c – My 플랜 시작~종료일자 표시됨
• 3d – 일주일 단위로 페이징 처리되며, 오늘이 속한 날짜가
◀▶페이징 버튼 탭 시 이전, 다음 월~일까지의 날짜가
4 Navigation
Indicator
Body
Title
Navigation
3
2
4홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
날아갈 듯
즐거워
좋아요
보통
몸매관리는
힘들어
우울해
체크 안됨
12/12 12/13 12/14 12/15 12/16 12/1712/18
시작
◀ 2010.12.18~2010.12.25 ▶
My 스페셜K 플랜으로 감성 그래프를 만들어 보세요.
종료
날아갈 듯 즐거워
좋아요
보통
몸매관리는 힘들어
우울해
체크 안됨
 현재 웹사이트 아이콘
그대로 활용
My 바디 정보
3a
3b
3c 3c
3d

Formerly known as
Screen NAME
Path
23PAGE
WRITER
Screen ID
23
Intro > main > My 바디 그래프 > 감성 그래프
SK6.2감성 그래프
1
2
3 Body
• 3a – 작성된 식단 플랜이 없는 경우 그래프가 보이지 않으며
대체 문구로 노출됨.
• 3b – My 스페셜K 플랜 만들기 인덱스 화면으로 이동
4
Indicator
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
My 스페셜K 플랜으로 감성 그래프를 만들어 보세요.
My 바디 정보
3a * 작성하신 My 스페셜K 플랜이 없습니다.
2012.01.20
My 스페셜K 플랜 만들기 >
3b

Formerly known as
Screen NAME
Path
24PAGE
WRITER
Screen ID
24
Intro > main > My 바디 그래프 > 워킹 그래프
SK6.3워킹 그래프
1
2 title •ㅐ
3 Body
• 3a – 워킹 탭 활성화 (비로그인 시도 서비스 제공됨)
• 3b – 소모칼로리에 대한 막대 그래프 영역
• 3c – 3d의 날짜 탭 시 해당 상세 데이터 말풍선 노출
• 3d – 날짜 선택 영역
• 3e – 일주일 단위로 페이징 처리되며, 오늘이 속한 날짜가
◀▶페이징 버튼 탭 시 이전, 다음 월~일까지의 날짜가
4 Navigation
Indicator
Step 3
Body
Title
Navigation
3
2
4홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
300
250
200
150
100
50
0
12/12 12/13 12/14 12/15 12/16 12/17 12/18
소모칼로리
(kcal)
◀ 2010.12.18~2010.12.25 ▶
• 목표칼로리 : 1,111kcal
• 소비칼로리 : 000kcal
• 도보수 : 1,000걸음
• 도보거리 : 0.4 km
• 도보시간 : 20.00 min
3a
3b
3c
3e
3d
* 걷기를 통해 소비된 칼로리를 표시한
나만의 워킹 그래프입니다.

Formerly known as
Screen NAME
Path
25PAGE
WRITER
Screen ID
25
Intro > main > My 바디 그래프 > 워킹 그래프
SK6.4워킹 그래프
Indicator
My 바디 정보이전
Step 3
Body
Title
Navigation
3
2
4홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
* 변화된 바디 정보를 꾸준히
입력하면 자신의 바디 상태를
그래프로 확인할 수 있습니다.
여
160
45
65
20
적음 보통 많음
세
cm
kg
in
• 나이
• 키
• 몸무게
• 허리둘레
• 성별
• 활동량
확인 >
비만도 88.88%
(저체중)
비만도 체크를 아직
하지 않으셨어요~
3a
* 변화된 바디 정보를 꾸준히
입력하면 자신의 바디 상태를
그래프로 확인할 수 있습니다.
3a
입력된 바디 정보가 없는 경우
1
2 title
3 Body
• 3a – 입력된 바디정보에 따른 비만도 표시
(입력된 바디 정보가 없는 경우 하단 이미지 참조)
• 3b – 회원 가입 정보에 따른 성별 아이콘 구분 표시
• 3c – 숫자 입력 (인풋박스 탭 시 키보드 노출)
• 3d – 활동량 체크 (default 설정 값 없음)
• 3e – 수정 후 확인 버튼 탭 시 저장완료 메시지 후 본
화면 유지
* 디자인 참조
: 남/여 각 이미지
이며, 버튼이 아닌
이미지로 처리)
확인
활동량을 선택하여 주세요.
A 활동량을 선택하지 않은 경우
A 나이(or 키, 몸무게, 허리둘레)를 입력하지 않은 경우
: 나이(or 키, 몸무게, 허리둘레)를 입력하여 주세요.
3b
3c
3d
4a
여
3b
남
A
3e
확인
저장 완료되었습니다.
A 입력 정상 완료 후 확인 버튼 탭 시

Formerly known as
Screen NAME
Path
26PAGE
WRITER
Screen ID
26
Intro > main > 스페셜K 스토리 > 스페셜K 란?
SK7.1스페셜K 란? - 1
Indicator
스페셜K 란?이전
Body
Title
Navigation
3
2
4
시리얼 브랜드 세계판매 1위!
세계적인 스페셜K를 소개합니다.
● ● ●
건강하고 날씬한 몸매는
모든 여성들의
오랜 바람입니다.
* 세계판매1위 : 2009년 소매점 판매액 기준,
(출처: 닐슨 컴퍼니)
맛있게 먹으면서 즐기는 ‘특별한’
몸매관리를 뜻하는 Special과
Kellogg(켈로그)의 K로 만든
‘켈로그 만의 특별한 몸매관리 브랜드’ 입니다.
홈
My 스페셜K
플래너
My 워킹
My 바디
그래프
스페셜K
스토리
다음
1
2 title • 2a – 스페셜K 란? – 번째 화면으로 이동
3 Body
• flicking 시 페이지 넘김 기능 제공 (하단 페이징 처리)
• 컨텐츠 영역은 링크 없이 정보 화면으로 구성됨
• 모델 이미지 교체 필요함(2012.02 03)
4 Navigation • 스페셜K 스토리 활성화
2a
3a

�ݺ�ߣ

Sp kapp storyboard_front_v.2.0_part

More Related Content

Sp kapp storyboard_front_v.2.0_part