120 likes | 364 Views
모바일 프로그램 가이드. “ 집나간 몽실이 ” 프로젝트. 작성자 : 최선경 2011.6.14 _____ 1 차 UI 디자인. 컨셉 및 의도. < 반려동물 Q R 명찰 > 사용자에게 QR 마크 자동생성 및 제공 사용자간의 공유공간 제공 - 공유공간 ( 동영상 , 동영상 BEST) 1 차 개발의도는 홍보와 공유에 있습니다. UI 기본 흐름도. UI 설계 초기화면. “ 집나간 몽실이 ” 몽실이 찾기. 3 초후 자동넘어감. UI 설계 메인메뉴. < 노출 우선순위 >
E N D
모바일 프로그램 가이드 “집나간몽실이” 프로젝트 작성자 : 최선경 2011.6.14 _____ 1차 UI디자인
컨셉및 의도 < 반려동물 QR 명찰 > • 사용자에게 QR마크 자동생성 및 제공 • 사용자간의 공유공간 제공 - 공유공간(동영상,동영상BEST) • 1차 개발의도는 홍보와 공유에 있습니다
UI 설계초기화면 “ 집나간몽실이” 몽실이 찾기 3초후자동넘어감
UI 설계 메인메뉴 < 노출 우선순위 > #1 베스트동영상 #2 즐겨찾기추가(꾹~ 누르고있으면알림물어보기) #3 업데이트 최근날짜 우선순위 동영상 <#3> 각 방의 이미지는 사용자가 올린 사진을 업로드하면,,, 없으시 기본 이미지 보여지게 된다. 기본 컨텐츠들은 상하롤링적용 <#M> 메뉴 선택시 하단에서 위로 올라오는 메뉴HScrollView적용 Best2MV 스틸샷 Best3MV 스틸샷 #1 Best1MV 스틸샷 삐삐 스티샷 복돌이 스티샷 #2 몽실이스티샷 #3 푸푸 복돌이 스티샷 삐삐 스티샷 푸푸 복돌이 스티샷 삐삐 스티샷 #M메뉴
UI 설계 서브메뉴 < 메뉴 선택시> #M을 닫고 서브메뉴로 간다 #7 : 알림메뉴 Best2MV 스틸샷 Best3MV 스틸샷 #1 Best1MV 스틸샷 삐삐 스티샷 복돌이 스티샷 #2 몽실이스티샷 #M메뉴 #5회원가입(멍멍이 이미지) #6컨텐츠업로드(파일+위화살표) #7검색(돋보기) #8사용자가이드(?) #3 푸푸 복돌이 스티샷 삐삐 스티샷 푸푸 복돌이 스티샷 삐삐 스티샷
UI 설계 회원가입 #5 회원가입 애칭:__________ 출생:__________ 소속(주인명)______________ 소속(주민번호)___________ 전번1:___________________ 전번2:___________________ 주소:____________________ ___________________________ #5 : 자동 닫힘(완료버튼 클릭) 회원가입 : (이름,출생, 소속(애견주명), 전번, 주소) #5_5: 누르고 있으면 알림메뉴(사진업로드) #5_5 사진등록 완료 수정 취소
UI 설계 동영상보기 #6 컨텐츠 업로드 Best동영상 몽실이 ------제목및간단설명----- <#6> 업로드 및 삭제 동영상에 대한 간단한 코멘트를 넣을 수 있다 업로드 삭제 취소
UI 설계 검색 #8 이용가이드 ------이용가이드----- ---------- <#8> 동영상 검색 회원가입및수정 QR생성 즐겨찾기추가 -- 취소
UI 설계 알림메뉴_검색 Best2MV 스틸샷 Best3MV 스틸샷 #1 Best1MV 스틸샷 #7 알림메뉴 이름 제목 이름또는제목 삐삐 스티샷 복돌이 스티샷 #2 몽실이스티샷 몽실이 검색 #3 푸푸 복돌이 스티샷 삐삐 스티샷 푸푸 복돌이 스티샷 삐삐 스티샷 #M메뉴
UI 설계 알림메뉴_사진등록 #5 회원가입 애칭:__________ 출생:__________ 소속(주인명)______________ 소속(주민번호)___________ 전번1:___________________ 전번2:___________________ 주소:____________________ ___________________________ #5_5 사진등록 #5_5 사진등록 삐삐 스티샷 복돌이 스티샷 #2 몽실이스티샷 사진촬영 #3 푸푸 복돌이 스티샷 삐삐 스티샷 사진찾기 취소 완료 수정 취소