동아제약 사용자화면, IPAD_sb_vol2_20110725

동아제약
S to ry B o ard

작성자 : 오권석
La s t Up d ate : 2011. 07. 22

•본 화면 설계를 기준으로 사이트 제작이 이루어 집니다 .
•본 화면 설계의 표현과 실 완성된 사이트와의 D e s ig n Lo o k & Fe e l 은 인터랙션과 화면스토리 진행상 달라질 수 있습니다 .

결재를 바랍니다 .

직책

서명

확인일 / / /
Copyright 2010 M2 어플 . All Rights Reserved.

D o c . C ha ng e His to ry
Ve r. D ate Write r D e ta ils o f C ha ng e
1 .0 201 1 .07.21 오권석 최초제정

S e rvic e F lo w
회원 정책

본 Ap p 은 동아제약 직원만 사용을 할 수 있는 Ap p 로 초기 In tro 화면에서 Main 으로 전환 시 회원여부를 체크 함

회원 Ye s
In tro 여부 Main
확인

No

Ye s
로 그인

No

Ap p O ff

C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 3

P ro je c t 동아제약 화 면 ID
L o c a tio n 메인 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1
S c re e n 화면 설명 구분
화면설명 Ale rt 창 Lin k 통신

개요

구분 We b

이슈

화면설명
1 터치 시 리서치 페이지로 이동
동 다음페이지
2

3
1
4
L ink

1

2
공지사항
A le rt

1
영상자료
2


L o c a tio n 직원로그인 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 Ap p

이슈 백그라운드 디자인 요망

화면설명
1
2
본 APP 는 동아제약 직원만이 사용
할 수 있는 APP 입니다 .
3

만약 로그인 계정을 잊으셨을 경우 4
아래의 번호로 문의하여 주십시오 L ink
동아제약 전산실 :
1
02- 0000- 0000
2
직원아이디 A le rt
비밀번호 1 터치 시 Ap p 종료

로그인 취소 2 터치 시 직원정보 입력페이지로 전환
1 환 다음페이지

자동로그인
직원등록 요청
2


L o c a tio n 직원로그인 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

이슈 백그라운드 디자인 요망

화면설명
직원등록
1
2
사번
3
이름 4

아이디 L ink

1
비밀번호
2
부서
A le rt
▲
1 터치 시 Ap p 종료

2
메모

▼

사진등록
C am e ra
ic o n

직원등록요청 취소


Las t P age

리서치


L o c a tio n 리서치 메인 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

본 화면은 We b 화면으로 회차별 설문조
이슈
사 시 생성 되며
이전 리 서 치 리 스트
화면설명
1
전체 진 행중 완료
2
진행
리서치명 중 3
참여인원 00 명 설문조사기간 : 00/00/00~ 00/00/00
4
L ink
1
리서치명 완료 1 터치 시 진행중인 Re s e arc h 페이지로
이동
참여인원 00 명 설문조사기간 : 00/00/00~ 00/00/00
2 터치 시 완료 된 Re s e arc h 페이지로 이
동
A le rt
리서치명 완료
1
참여인원 00 명 설문조사기간 : 00/00/00~ 00/00/00
2
2

리 서치 브 로슈 어 이벤 트 공지 사항 영상 자 료


L o c a tio n 진행중인 리서치 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

본 화면은 We b 화면으로 회차별 설문조
이슈 사 시 생성 되며 모든 문항을 체크를 해야
이전 리서치 초기화 2 지만 Re s e arc h 를 완료 할 수 있음
화면설명
리서치명 설문조사기간 : 00/00/00~ 00/00/00
1 해당블럭을 터치하여 설문조사를 진행하
1 . 동아제약의 000 제품을 어떻게 생각하십니까 ? 며 해당영역을 터치하여 선택 시 1 - 1 영
역처럼 블록이 선택되어 선택이 완료 됬
㉮ 매우좋다 음을 표시
㉯ 좋다 2 터치 시 1 - 1 처럼 선택 되었던 모든 항목
1- 1 ㉰ 보통이다 이 초기화 됨

㉱ 나쁘다 3 터치 시 팝업 1 을 표출 한 후 프로세스
완료
㉲ 매우나쁘다
4
2. 동아제약의 000 제품을 어떻게 생각하십니까 ? L ink
1 ㉮ 매우좋다 1
㉯ 좋다
2
㉰ 보통이다
㉱ 나쁘다 A le rt

㉲ 매우나쁘다 1 설문조사완료 팝업
취소를 클릭 시 이전상태로 전환
2
㉱ 나쁘다
설문조사를 완료하시겠습니까
㉲ 매우나쁘다 ? 1

3 Re s e arc h 완료 확인 취소



L o c a tio n 진행중인 리서치 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

액션이 진행되는 페이지가 아닌 조회의
이슈
기능만을 제공 함
이전 완 료 된 리 서치
화면설명

리서치명 설문조사기간 : 00/00/00~ 00/00/00 1
2
1 . 동아제약의 000 제품을 어떻게 생각하십니까 ?
3
㉮ 매우좋다 30 % 00 명 00%
㉯ 좋다 30 % 00 명 00% 4

㉰ 보통이다 30 % 00 명 00% L ink

㉱ 나쁘다 30 % 00 명 00% 1
㉲ 매우나쁘다 30 % 00 명 00% 2

2. 동아제약의 000 제품을 어떻게 생각하십니까 ? A le rt
㉮ 매우좋다 30 %
00 명 00% 1
㉯ 좋다 30 %
00 명 00% 2
㉰ 보통이다 30 %
00 명 00%
㉱ 나쁘다 30 %
00 명 00%
㉲ 매우나쁘다 30 %
00 명 00%

㉱ 나쁘다 30 % 00 명 00%
30 %
㉲ 매우나쁘다 00 명 00%

리스트로 이동



Las t P age

브로슈어


L o c a tio n 브로슈어 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 APP

전체적인 레이아웃은 IPO P 가로버전일
이슈 때 앨범이 보여지는 형태이며 백그라운
드 디자인 요망
화면설명
이전 브로 슈어 1
2

3

4
L ink

1

2
브류슈어 2
A le rt

1 터치 시 해당 브로슈어 페이지로 전환

2
1

리서 치 브 로슈 어 이벤 트 공지 사항 영 상자 료


L o c a tio n 브로슈어 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 APP

전체적인 레이아웃은 IPO P 가로버전일
이슈 때 앨범이 보여지는 형태이며 백그라운
드 디자인 요망
1
화면설명
1- 1 이전 바소 트롤 1 화면을 터치 시 표출 되는 메뉴바이며 화
면을 재 터치 시 숨김 처리 됨
1 - 1 터치 시 브로슈어 메인으로 이동
2 화살표 방향으로 제스처 시 화살표방향
으로 페이지 전환
3

4
L ink

1 아프르탄 브로슈어 메인으로 이동

2 바소트롬 브로슈어 메인으로 이동

3 코자르탄 브로슈어 메인으로 이동

A le rt

1

2
1
아 푸 르탄 바소 트롤 코 자 르탄 2

1 2 3


Las t P age

E ve nt


L o c a tio n 이벤트 ID 작 성자 오권석 작성일
201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

이슈
이전 리 서 치 리 스트 화면설명
1
전체 진 행중 완료 2

진행
이벤트명
3
중 이벤트기간 : 00/00/00~ 00/00/00
4
L ink
등록 된 이미지
1 터치 시 진행중인 Re s e arc h 페이지로
이동
이벤트명 완료 설문조사기간 : 00/00/00~ 00/00/00
동
A le rt

1
2

이벤트명 완료 설문조사기간 : 00/00/00~ 00/00/00


더보 기

리서 치 브 로슈 어 이벤트 공지 사항 영상 자 료


201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

이슈
이전 리 서 치 리 스트 화면설명
1 이미지 Wid th 는 1 00% 로 표출 함
진행
이벤트명 중 이벤트기간 : 00/00/00~ 00/00/00
2 이름은 로그인 한 계정의 N am e 필드를
표출 함
3

4
L ink

등록 된 이미지 1 터치 시 진행중인 Re s e arc h 페이지로
이동
1
동
A le rt

1

이벤트 관련 글 등록 시 표출 되는 D ata 영역입니다 2
.

댓글등록

2
나담당 : 000 이벤트 너무 좋아요 201 1 - 07- 20

나담당 : 000 이벤트 너무 좋아요 201 1 - 07- 20

리서 치 브 로슈 어 이벤트 공지 사항 영상 자 료


Las t P ag e

공지사항
영상자료


201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

이슈
이전 공 지 사항 화면설명
1 클릭 시 풀다운 방식으로 1 - 1 영역에 해
뉴스가 표출 되는 영역입니다 . 당내용 표출
2011. 06. 20
1 - 2 아이콘 터치 시 C lo s e 처리
뉴스가 표출 되는 영역입니다 .
2011. 06. 20 2

3
2011. 06. 20 4

뉴스가 표출 되는 영역입니다 . L ink
1
2011. 06. 20
1

어플이 출시되어 아이템을 한정 무료로 2
배포합니다 .
어플이 출시되어 아이템을 한정 무료로 1- 1 A le rt
배포합니다 . 어플이 출시되어 아이템을 한정
1

1- 2 2

2011. 06. 20

2011. 06. 20

더 보기
( 25)
리서 치 브 로슈 어 이 벤트 공 지 사항 영상 자 료


201 1 - 07- 2 Ve r. 1 .0
1

개요

구분 We b

관리자에서 Yo u tu b e U RL 을 입력하여
이슈
Yo u tu b e 가 연결 됨
이전 영 상 자료
화면설명

영상제목이 표출 되는 영역입니다 . 1
2011. 06. 20 2
영상제목이 표출 되는 영역입니다 . 1 3
2011. 06. 20
4
영상제목이 표출 되는 영역입니다 .
L ink
2011. 06. 20
1 클릭 시 Yo u tu b e U RL 을 B lan k 로 연결
2011. 06. 20 2

영상제목이 표출 되는 영역입니다 . A le rt
2011. 06. 20
1
2
2011. 06. 20

2011. 06. 20

2011. 06. 20

2011. 06. 20

더 보기
( 25)
리서 치 브 로슈 어 이 벤트 공 지사 항 영 상 자료


Las t P age

E ND O F D O C UME NT
Tha nk yo u.


동아제약 사용자화면, IPAD_sb_vol2_20110725

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Empfohlen

Empfohlen (20)

동아제약 사용자화면, IPAD_sb_vol2_20110725