Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

동아제약 사용자화면, IPAD_sb_vol2_20110725

1,108 views

Published on

Published in: Business, Technology
  • ACCESS that WEBSITE Over for All Ebooks (Unlimited) ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... DOWNLOAD FULL EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • -- DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT -- ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... (Unlimited)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

동아제약 사용자화면, IPAD_sb_vol2_20110725

  1. 1. 동아제약 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.
  2. 2. 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 오권석 최초제정
  3. 3. 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
  4. 4. P ro je c t 동아제약 화 면 IDL o c a tio n 메인 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 We b 이슈 화면설명 1 터치 시 리서치 페이지로 이동 동 다음페이지 2 3 1 4 L ink 1 2 공지사항 A le rt 1 영상자료 2 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 4
  5. 5. P ro je c t 동아제약 화 면 IDL o c a tio n 직원로그인 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 Ap p 이슈 백그라운드 디자인 요망 화면설명 1 2 본 APP 는 동아제약 직원만이 사용 할 수 있는 APP 입니다 . 3 만약 로그인 계정을 잊으셨을 경우 4 아래의 번호로 문의하여 주십시오 L ink 동아제약 전산실 : 1 02- 0000- 0000 2 직원아이디 A le rt 비밀번호 1 터치 시 Ap p 종료 로그인 취소 2 터치 시 직원정보 입력페이지로 전환 1 환 다음페이지 자동로그인 직원등록 요청 2 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 5
  6. 6. P ro je c t 동아제약 화 면 IDL o c a tio n 직원로그인 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 We b 이슈 백그라운드 디자인 요망 화면설명 직원등록 1 2 사번 3 이름 4 아이디 L ink 1 비밀번호 2 부서 A le rt ▲ 1 터치 시 Ap p 종료 2 메모 ▼ 사진등록 C am e ra ic o n 직원등록요청 취소 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 6
  7. 7. Las t P age리서치C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 7
  8. 8. P ro je c t 동아제약 화 면 IDL o c a tio n 리서치 메인 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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 리 서치 브 로슈 어 이벤 트 공지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 8
  9. 9. P ro je c t 동아제약 화 면 IDL o c a tio n 진행중인 리서치 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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 완료 확인 취소 리 서치 브 로슈 어 이벤 트 공지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 9
  10. 10. P ro je c t 동아제약 화 면 IDL o c a tio n 진행중인 리서치 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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% 리스트로 이동 리 서치 브 로슈 어 이벤 트 공지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 10
  11. 11. Las t P age브로슈어C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 11
  12. 12. P ro je c t 동아제약 화 면 IDL o c a tio n 브로슈어 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 APP 전체적인 레이아웃은 IPO P 가로버전일 이슈 때 앨범이 보여지는 형태이며 백그라운 드 디자인 요망 화면설명 이전 브로 슈어 1 2 3 4 L ink 1 2 브류슈어 2 A le rt 1 터치 시 해당 브로슈어 페이지로 전환 2 1 리서 치 브 로슈 어 이벤 트 공지 사항 영 상자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 12
  13. 13. P ro je c t 동아제약 화 면 IDL o c a tio n 브로슈어 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 13
  14. 14. Las t P age E ve ntC o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 14
  15. 15. P ro je c t 동아제약 화 면 IDL o c a tio n 이벤트 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 We b 이슈 이전 리 서 치 리 스트 화면설명 1 전체 진 행중 완료 2 진행 이벤트명 3 중 이벤트기간 : 00/00/00~ 00/00/00 4 L ink 등록 된 이미지 1 터치 시 진행중인 Re s e arc h 페이지로 이동 2 터치 시 완료 된 Re s e arc h 페이지로 이 이벤트명 완료 설문조사기간 : 00/00/00~ 00/00/00 동 A le rt 1 등록 된 이미지 2 이벤트명 완료 설문조사기간 : 00/00/00~ 00/00/00 등록 된 이미지 더보 기 리서 치 브 로슈 어 이벤트 공지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 15
  16. 16. P ro je c t 동아제약 화 면 IDL o c a tio n 이벤트 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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 2 터치 시 완료 된 Re s e arc h 페이지로 이 동 A le rt 1 이벤트 관련 글 등록 시 표출 되는 D ata 영역입니다 2 . 댓글등록 2 나담당 : 000 이벤트 너무 좋아요 201 1 - 07- 20 나담당 : 000 이벤트 너무 좋아요 201 1 - 07- 20 리서 치 브 로슈 어 이벤트 공지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 16
  17. 17. Las t P ag e공지사항영상자료C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 17
  18. 18. P ro je c t 동아제약 화 면 IDL o c a tio n 이벤트 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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) 리서 치 브 로슈 어 이 벤트 공 지 사항 영상 자 료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 18
  19. 19. P ro je c t 동아제약 화 면 IDL o c a tio n 이벤트 ID 작 성자 오권석 작성일 201 1 - 07- 2 Ve r. 1 .0 1S c re e n 화면 설명 구분 화면설명 Ale rt 창 Lin k 통신 개요 구분 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) 리서 치 브 로슈 어 이 벤트 공 지사 항 영 상 자료 C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 19
  20. 20. Las t P ageE ND O F D O C UME NT Tha nk yo u. C o p yrig ht 2010 M2 어 플 . A ll R ig hts R e s e rve d . 20

×