2. Title 훈훈한 빠숀_SB
Session All user Navigation Feed
Description
Indicator 6-1 1. Feed 메뉴
1 2 3 ; 그리드 뷰로 컨텐츠를 보
12 여줌. 4,5번과 같이 전체보
기와 친구(Following)것 모
30 아보기가 가능하다.
All Following
4 5 2. My page 메뉴
: 내 정보 설정이 가능.
내 프로필, 아이디(이메일
형식), 닉네임, 성별, 내 글
보기 생년월일 친구 리스트
및 친구 찾기가 제공됨.
Indicator
3. Setting 메뉴
6
: 도움말, 공지 사항, 버전
All Following 정보, 회원탈퇴 설정 가능.
4. Feed_전체 보기
5. Feed_친구것 모아보기
6. Contents_Thumbnail
7 : 업로드한 게시물을 리사
이징하여 썸네일로 보여줌.
6-1.우측 상단에는 (위에서
부터) Pin과 Reply의 수가
노출됨.
7. 컨텐츠 더 불러오기
: 최초 부른 컨텐츠에서 아
래로 스크롤하면 로딩 인디
케이터가 노출되고 컨텐츠
를 더 불러옴

3. Title 훈훈한 빠숀_SB
Session All user Navigation Feed > 상세 보기
Description
Indicator 1. 상세보기_사진
: 사진을 크게 노출. 우상단
에 Pin 아이콘을 터치하면
추천
2. 상세보기_Pin
13 : 추천하기와 유사한 기능.
1 2 해당 버튼을 누르면 활성화
상태로 추천이 됨.한번 더
누르면 추천 취소가 됨.
3. 상세보기_올린 사람 정보
: 올린 사람의 프로필, 게시
물 제목, 닉네임, 남기는 말
3-1 이 노출. 프로필 사진을 터
치하면 3-1.친구 페이지 가
기, 친구 추가가 가능.
4. 상세보기_댓글
제목 3 : 타 사용자가 게시물을 보
By 닉네임 고 글을 남김. 4-1. + 아이콘
을 터치하면 4-2. 텍스트 필
코멘트(남기는 말), 올린 시간 드가 있는 탭바가 팝오버하
여 댓글을 달 수 있음. 아이
4-1 디가 없는 유저는 로그인
4 댓글 화면으로 이동
아이디 – 댓글 내용
4-2
Post

4. Title 훈훈한 빠숀_SB
Session 비가입 회원 Navigation Feed > 로그인
Description
2
Indicator Indicator 1. 로그인 페이지 이동 안내
팝업
: 회원만 이용 가능한 기능
(앞 페이지에서는 댓글 달
기)을 이용할려고 할 경우
13 에 로그인 페이지로 이동을
팝업으로 확인 후
예 – 로그인 페이지로
아니오 – 팝업 종료
1
이용 안내 2. 로그인 페이지
3 : 로그인 페이지로 회원가
로그인하셔야 이용가능한 이메일 입, 로그인이 가능
기능입니다. 로그인하시겠
3. 로그인 모듈
습니까?
비밀번 : 아이디(=이메일)과 비밀
호 번호를 입력하는 텍스트 필
드 노출
예 아니오 비밀번호가 맞지 않습니다.
제목 아이디 – 이메일
비밀번호 – 마스킹 처리됨.
By 닉네임 이메일 저장 5
로그인 오류가 났을 경우 모듈 하
자동 로그인 단에 오류 내용 텍스트로
코멘트(남기는 말), 올린 시간 표시
4 4. 로그인 옵션 선택
가입한 이메일 가입하 : 로그인 이전 체크박스에
댓글 아이디 – 댓글 내용 표시로 아이디(=이메일) 저
, 비번 찾기 기
6 7 장, 자동 로그인을 여부를
결정 한다.
아래 페이지에 계속

5. Title 훈훈한 빠숀_SB
Session 비가입 회원 Navigation Feed > 로그인
위 페이지에서 이어짐 Description
2
Indicator Indicator 5. 로그인 버튼
: 이메일 비밀번호를 올바
르게 입력한 후 터치하면
로그인 함. 로그인 한 후에
는 이전 페이지로 돌아감.
13 6. 가입한 이메일,비번 찾기
: 아이디, 비밀번호를 잃어
버렸을 경우 본인 인증 페
1 이지로 이동
이용 안내
3 7. 가입하기
: 회원 가입 페이지로 이동
로그인하셔야 이용가능한 이메일
기능입니다. 로그인하시겠
습니까?
비밀번
호
예 아니오 비밀번호가 맞지 않습니다.
제목
By 닉네임 이메일 저장 5
로그인
자동 로그인
코멘트(남기는 말), 올린 시간
4
가입한 이메일 가입하
댓글 아이디 – 댓글 내용
, 비번 찾기 기
6 7

6. Title 훈훈한 빠숀_SB
Session 비가입 회원 Navigation Feed > 회원가입
Description
Indicator Indicator 1. 프로필 사진
: 최초 디폴트 이미지가 노
1
별명 출. 이미지를 터치하면 갤
러리에서 이미지 불러오기,
사진찍기 선택 가능
비밀번 2. 이메일
호 : 계정으로 쓰이는 이메일
재확인 입력.
프로필 사진
3. 별명
2 : 서비스 내에서 불려지는
이메일 명칭
성별 남자 여자
4. 비밀번호/재확인
3 별명 : 비밀번호를 입력하고 재
확인 란에 입력한 비밀번호
생년월 / / 를 동일하게 입력
일
비밀번
위의 사항은 필수 입력 사
4 호
항이며, 위의 사항 입력에
재확인 오류가 있을 경우 4.아래 오
7
류 메세지 노출
이메일 형식이 맞지않습니다. 회원 가입
5. 성별
5 : 가입자의 성별 입력. 스위
성별 남자 여자 8 치 버튼 UI 적용.
취소
6. 생년월일
6 : 생년월일을 입력. 해당 텍
생년월 / / 스트 필드를 누르면 키패드
일
는 번호 패드가 노출.
아래 페이지에 계속

7. Title 훈훈한 빠숀_SB
Session 비가입 회원 Navigation Feed > 회원가입
위 페이지에서 이어짐 Description
Indicator Indicator 7. 회원가입 버튼
: 회원가입 승인 버튼. 가입
1
별명 이 완료되면 팝업으로 완료
알림
가입 완료 후 원래 페이지
로 돌아감. (해당 예시에서
비밀번
호 는 상세 정보 화면으로)
재확인 8. 취소 버튼
프로필 사진 : 회원가입 취소 버튼. 재확
2 인 팝업 노출 후 진행
이메일
성별 남자 여자
3 별명
생년월 / /
일
비밀번
4 호
재확인
7
이메일 형식이 맞지않습니다. 회원 가입
5
성별 남자 여자 8
취소
6
생년월 / /
일

8. Title 훈훈한 빠숀_SB
Session 로그인한 회원 Navigation My page
Description
Indicator Indicator 비로그인 유저는 로그인 화면으
로 이동
1. 프로필 사진
: 최초 설정하지 않았을 경
우에는 기본 이미지가 노출.
이메일
해당 영역을 터치하면 사진
별명
1 찍기와 갤러리에서 이미지
성별 가져오기로 프로필 이미지
생년월일 대처
2. 계정 정보
친구관리 : 계정 이메일, 별명, 성별,
생년월일 정보 노출
이메일
Following Following 친구 관리
2 별명 3.
: 해당 영역을 터치하면
성별 Following하는 친구 목록으
생년월일 Follower 로 이동
4. Follower 친구 관리
친구관리 User Search : 해당 영역을 터치하면
Follower 친구 목록으로 이
3 5
동
Following
5. 사용자 검색
4 : 사용자를 이메일, 별명으
Follower 로 검색할 수 있는 화면으
로 이동
아래 페이지에 계속

9. Title 훈훈한 빠숀_SB
Session 로그인한 회원 Navigation My page > 친구 목록
위 페이지에서 이어짐 Description
Indicator 1. 친구목록 변환 버튼
Indicator 1 2 : 해당 버튼은 사용자가 자
신의 Following 친구를 열
친구 목록 Follower
람하고 있으면 Follower 화
면으로 이동하는 버튼으로
이메일 …
별명 4 친구 끊기
별명 3 Follower 친구를 열람하고
성별 성별 있으면 Following 화면으로
생년월일 생년월일 이동하는 버튼으로 전환.
Following > Follower > ,,,
친구관리
친구 추가 2. 친구검색 화면
: 친구검색 화면으로 이동
Following
3. 친구 프로필
: 친구의 정보가 테이블로
Follower 열람 가능. 친구의 프로필,
별명, 성별, 생년월일이 노
출.
User Search 4. 친구 끊기/추가
: 친구 관계를 끊기/추가가
가능
친구 끊기 > 친구 추가 > …
아래 페이지에 계속

10. Title 훈훈한 빠숀_SB
Session 로그인한 회원 Navigation My page > 친구 검색
위 페이지에서 이어짐 Description
Indicator 1. 검색 텍스트 필드
Indicator
: 이메일이나 별명으로 사
용자 검색이 가능.
친구 검색 Follower
2. 검색 버튼
1 : 텍스트 필드에 문자열을
이메일 이메일 혹은 별명으로 검색가능합니다. 검색 입력하고 해당 버튼을 터치
별명 2
하면 검색 시작.
성별
생년월일 별명 친구 끊기
검색 결과가 없을 경우
성별
 검색 결과가 없습니다.
생년월일
친구관리
가상 스크롤 적용
 목록이 많을 경우 순차
Following 적으로 결과 불러옴.
친구 추가
Follower
User Search

11. Title 훈훈한 빠숀_SB
Session All user Navigation 환경 설정
Description
Indicator 1. 도움말
: 서비스 소개 화면 및 메뉴
설명 화면.
2. 공지 사항
1 : 테이블 뷰로 공지 사항 제
도움말 공
3. 버전 정보
공지 사항 2 : 앱 버전 정보. 업데이트가
3-1 있다면 테이블 뷰에 업데이
트 알림 아이콘이 표시 된
다.
버전 정보 3
4. 회원 탈퇴
: 가입한 회원 정보를 삭제
회원 탈퇴 4 함. 가입 회원이 접근하지
않은 경우에는 로그인 확인
팝업 노출.
예 – 로그인 페이지로
아니오 – 팝업 종료
이용 안내
로그인하셔야 이용가능한
기능입니다. 로그인하시겠
습니까?
예 아니오

12. Title 훈훈한 빠숀_SB
Session All user Navigation 환경 설정
Description
Indicator Indicator 1. Gallery_사진 올리기
3 : Photo Library에 이미 저
업로드 장되어 있는 Image를
Upload
2. Camera_사진 찍어 올리기
1 : 직접 사진을 찍어서
Image Upload
(iPhone의 경우 애플 사 규
정 상 iPhone의 사진 찍는
From
Process를 준수)
Gallery
3. Upload 시
: 사진 등록 후 3-1. Title 입
력, 3-2, Commnent를 등록
후 하단의 Upload 버튼을
통하여 Upload 완료.
3-1의 Text Box 크기는 3-2
2 의 Text Box 크기보다 상대
Title 적으로 작게 Design.
3-1
Camera
Comment
3-2
Upload