對 外 秘 VI 검수평가서 e-Business 그룹 2004.04.21 박 영미.

Presentation on theme: "對 外 秘 VI 검수평가서 e-Business 그룹 2004.04.21 박 영미."— Presentation transcript:

1 對 外 秘 VI 검수평가서 e-Business 그룹 박 영미

2 검수 결과 VI 평가 Tool을 이용하여 B2C/B/E 영역으로 구분하여 해당 항목 별 준수 여부를 Yes/No로 평가함
▶ 사이트 정보 프로젝트 이름 - LG전자 담당 Project Status 실무담당 사이트 URL 검수일자 ▶ 검수 결과 검수 결과 준수 항목 91 / 총 98 개 준수하지 않은 항목 7 / 총 98 개 해당 없음 2 / 총 98 개 결과 100 % 준수함. (준수 기준: 90% 이상준수) 검수 담당 박영미 검수 회수 디자인 검수 포함 회수 ▶ 수정 사항 요약

3 Metaphor (Bullet, Icon)
검수 내용 VI Checklist[1/5] 예외사항 평가항목 평가리스트 준수여부 Brand 1 Symbol Mark 또는 C.I + Slogan 형태로 제공하나? Y N 2 컬러 사용 기준에 의하여 LG전자 C.I에 적용된 컬러를 변형하지는 않았는가? 3 C.I/B.I는 Template에서 제공하는 위치와 크기를 변경하지는 않았는가? 4 C.I/B.I 영역에 VI에서 제공하지 않는 Brand Icon을 사용하지 않는가? 5 한 페이지 내에서 CI logotype 을 중복해서 제공하지 않는가? Layout & Grid Browser setup(배경 이미지(bgimage)확장) 우측 여백이 없도록 시각적으로 확장되었는가? 모든 페이지의 상단과 하단은 Header와 Footer로 마무리되었는가? 화면의 좌우 Scroll이 생기지 않도록 디자인되었는가? 화면은 800*600 / explorer 5.0을 표준으로 디자인 되었나? Layout 배열은 각 페이지 그룹별로 일관되게 제작되었나? Color Specifications LG Red는 변형하지 않고 사용하였는가? Navigation 및 VI에서 제공하는 Color scheme을 준수했는가? Visual 영역의 색채 사용은 LG 브랜드를 전달하고 있는가? 사이트 전체적으로, 하나의 페이지 안에 사용되는 컬러의 수를 자제하는가?(4~5개) 주조색, 보조색, 강조색이 서로 조화로우며 일관성 있게 적용 되었는가? Metaphor (Bullet, Icon) Metaphor 규정에서 제공하는 스타일을 준수하는가? Metaphor를 사용할 때 text로 버튼 이름을 제공하는가? 전체적으로 일관된 스타일을 유지하는가? 그래픽 요소는 컨텐트와 연관성 있는가? Icon에 사용하는 폰트는 VI에서 제공하는 type, size, color를 적용하였는가? Typography LG 전자 표준 Font인 charlotte를 사용하고 있는가? (영문으로 제공할 경우) VI에서 제공하는 폰트 규정을 준수하는가? 일반적인 text는 시스템 font (Arial)를 사용하고 이미지 text를 난발하지 않는가? CSS의 텍스트 링크 규정(link, visited, active, hover)을 준수하는가? 오타를 제공하지 않았는가?

4 검수 내용 VI Checklist[3/5] 평가항목 평가리스트 준수 여부 Bulletin board 1
예외사항 평가항목 평가리스트 준수 여부 Bulletin board 1 Date, Subject, Contents 와 Page Status를 제공하고 정렬을 준수하는가? Y N 2 Font 타이틀 및 link Style은 VI 에서 제공하는 규정을 준수하는가? 3 Table CSS 및 디자인, color는 VI 에서 제공하는 규정을 준수하는가? 4 버튼디자인 및 정렬은 VI에서 제공하는 규정을 준수하는가? 5 Table은 모든 사이트에서 일관되게 사용하는가? Privacy & Legal LG전자의 웹사이트는 법적 분쟁 발생의 소지가 없도록 국가표준에 맞는 Privacy policy와 Legal을 제공하는가? 개인정보보호 정책의 작성은 개인정보 수집 시 고지 또는 동의의 원칙, 정보내용 정확성의 원칙, 목적 명확화의 원칙, 이용제한의 원칙, 안전성 확보의 원칙, 공개의 원칙, 개인의 접근성 보장 원칙, 책임의 원칙에 의거하여 작성하였는가? 회원가입을 통해 정보를 확보하거나 상거래를 제공하는 사이트의 경우는 반드시, Registration, Cookies, Log files, Security에 관련된 정책을 명확하게 밝혔는가? Legal에는 Disclaimer에 관한 내용이 포함 되었는가? Privacy policy와 Legal은 built-in 페이지로 VI 제공하는 형식에 맞게 제공하는가? Contact Us Contact us 컨텐트는 Information Inquiries ,Company Profile 을 제공하나? Mail form은 VI 에서 제공하는 디자인 템플릿을 준수하는가? Footer에서 제공하는 Contact us는 site utility 에서 제공하는 contact us로 링크시키고 있나? Submit(또는 작성 )후 접수완료에 대한 안내 메시지를 제공하는가? Contact us는 해당 지역에서 연락 가능한 현지 주소와 전화번호, 을 제공하는가? Sitemap 정렬규정을 준수하는가? Navigation 구조와 동일하고 전체 Site구조를 한눈에 파악 할 수 있는가? Link는 명확하고 가독성 있게 제공하여야 하는가? 링크는 오류가 없으며 해당페이지로 바로 이동하는가? Service site리스트를 sitemap에서 제공하고 있나?

5 검수 내용 VI Checklist[2/5] 평가항목 평가리스트 준수 여부 Header Navigation 1
예외사항 평가항목 평가리스트 준수 여부 Header Navigation 1 C.I/Brand logo가 반드시 제공되나? Y N 2 Main menu 수는 최대 8개를 넘지 않도록 설계했나?(800x600 Screen size을 적용한 경우) 3 Global Menu폰트는 VI에서 제공하는 type, size, color를 적용하였는가? 4 Main Menu영역에 side-Menu요소를 display하지는 않았는가? (공지사항, 사이트맵 등) 5 Menu는 Flash사용을 자제하는가?(해외 사이트의 경우 속도 및 기술적 장애발생 가능) 6 Side menu는 6개를 넘지 않도록 설계하였는가? 7 Site menu 필수항목인 Link to global site/Sitemap/Contact us가 모두 포함되었는가? 8 Global menu, Side menu, (Search)는 VI에서 제공하는 layout 을 사용하는가? 9 국가표시는 side-menu영역에서 (단, Link는 제공하지 않음) 제공되어 있으며 국가표시는 국가명으로 표기하고 VI 디자인 표준을 적용하였는가? 10 메뉴 롤오버 시 VI 에서 제공하는 Template을 준수하는가? Sub Navigation Sub Navigation은 VI에서 제공하는 Template을 준수하는가? Sub navigation 은 Text (Bullet 포함) 형태로 제공하며, Image사용을 자제하는가? Sub navigation bar에 반드시 현재 위치를 파악할 수 있도록 시각적인 표현을 제공하며 롤오버, 컬러 등의 표현으로 피드백을 제공하는가? Sub menu Width /height값은 VI 제공하는Template을 준수하는 가? Sub navigation은 최장 3depth 이상을 넘지 않는가? (4dpeht 안됨) Footer Navigation Copyright format은 규정된 형식으로 제공하는가? (Copyright LG Electronics. All rights reserved.) Privacy, Legal, Copyright layout은 VI에서 제공하는 형식으로 제공하는가? Contact Us Global Navigation내 Side menu의 Contact us로 링크했나? Footer에는 반드시 B.I를 적용하였는가? Footer의 Visual은 VI에서 제공하는 Template을 준수하고 사이트 전체에 동일하게 적용 하였는가?

6 검수 내용 VI Checklist[4/5] 평가항목 평가리스트 준수 여부 Product 1
예외사항 평가항목 평가리스트 준수 여부 Product 1 Product category 영역은 4~5 분할의 그리드를 준수하나? Y N 2 Support link Area 가 없을 경우 제품 category영역을 확장/균등 분할하여 사용하는가? 3 타이틀, 제품 카테고리, 제품 설명의 링크 및 블렛 규정을 준수하나? 4 제품 표현방법(이미지+타이틀+설명)은 Vi 표준을 따르고 일관된 디자인으로 제공하는가? 5 제품 상세 페이지에서 enlarge 이미지를 제공하는가? 6 Support link Area (support menu)의 top에 red bar를 사용하는가? 7 각 depth에서는 필수 컨텐트를 제공하는가? 8 제품이미지를 크게 제공하여 이미지 로딩 속도를 저해하지 않는가? 9 불필요한 flash를 사용하지 않는가? 10 제품 상세페이지에서 Support 내용은 Support link Area에서 제공하고 있는가? Support GCSC Global Navigation menu 중 ‘Service’는 현재와 같이 GCSC 사이트로 제공하고 pop-up으로 제공하는가? Global을 제외한 지역법인 사이트에서는 에서는 각 지역의 service 사이트로 바로 링크되는가? Contact LG는 현지의 Contact 정보를 제공하고 있는가? LGE Website, Service, Contact US, FAQ를 반드시 제공하는가? Contact 은 mail form 으로 제공하는가? About us 국내외 대표 법인 사이트(Lge.com과 lge.co.kr)에서는 'About LG' 레이블을 사용하고 있나? 국가별 법인 사이트 및 기타 B2C 사이트에서는 About Us를 제공하고 있고 'About Us'레이블을 사용하고 있나? About Us 또는 About LG는 Main menu의 가장 우측에 제공하고 있나? Site utility의 Menu에 대표사이트로 링크되는 'about LG' 제공하는가? Company Profile은 Global과 현지 office 주소를 제공하고 있는가?

7 검수 내용 VI Checklist[5/5] 평가항목 평가리스트 준수 여부 Search 1
예외사항 평가항목 평가리스트 준수 여부 Search 1 검색 대상은 LG 전자 웹사이트 Global 인가? Y N 2 검색결과 링크는 깨지지 않는가? 3 제품 검색 배너는 Product 메뉴 이하 모든 페이지에서 제공하고 있는가? 4 검색 결과페이지는 타이틀, 링크,설명으로 구성하고 있나? 5 검색결과는 paging 하고 있고, 사용자 인지에 적합하게 sorting 가능한가? Visual Image LG 전자에서 권장하는 Visual Concept (Human, product, environment)에 적합한 이미지를 사용했나? 제공하는 이미지의 license 를 명확한가? 일관된 tone & manner로 제공하는가? 이미지가 전달하는 의미는 명확한가? 보색 또는 현란한 이미지를 사용하여 사용자에게 혼란을 주지 않는가? Technical 폴더 및 파일명은 모두 소문자로 생성했는가? Main Menu명과 동일하게 Folder Name을 적용했나?또는 2음절이상의 단어 중 한 단어가 6자를 넘을 경우 이니셜로 표기했나? Images 폴더의 경우는 공통폴더는 "/images"로 그외의 이미지는 "images/Main menu Name" 을 적용했나? Flash의 사용은 반드시 Visual 에 대해서만 사용하고 Menu등의 Navigation에는 사용하지 않았나? 타이틀을 규정을 준수했나? "LG Electronics(회사이름) :: 해당 컨텐츠 제목 “ 으로 표기했나?

8 1 depth 2 depth 3 depth 5 depth 별첨
Basic Elements Main Image : Area for images which illustrates the page characteristic. Page Title First-level Category Image & List : The main category of products, provided in text format Second-level Category List : The sub category of products, provided in text format Optional Elements Product Promotion area : Promotion for new products or hot products, etc.; composed of product image, features News & Archive : News and award records on products Product Search : Left-side Local Navigation area Banners : Left-side Local Navigation area Brand products & site link : Links to contents or sites of brand products. Links are provided in the Right-side Contents Link area. News : Link to News section Awards : Link to Awards section Technology : Technology information on LGE products. Links are provided in the Right-side Contents Link area. 2 depth Basic Elements/ Main Image : Area for images which illustrates the page characteristic. Page Title Second-level Category : Product (e.g. TV, PDP, DVD, etc.) images & descriptions Optional Elements/ Product Search : Left-side Local Navigation area Banners : Left-side Local Navigation area Brand products & site link : Links to contents or sites of brand products. Links are provided in the Right-side Contents Link area. News : Link to News section Awards : Link to Awards section Technology : Technology information on LGE products. Links are provided in the Right-side Contents Link area. 3 depth Basic Elements / Main Image Page Title Third-level Category Images & Descriptions : third-level category list provided in text format Optional Elements / New Products/Recommended Products/Hot Products: Promotion area composed of the following?-Product name-Product image-Features-Technical information Promotion Campaign area : Advertisement in association with offline promotion materials (e.g. AD Story) Product Search : Left-side Local Navigation Area Banners : Left-side Local Navigation Area Brand products & site link : Links to contents or sites of brand products. Links are provided in the Right-side Contents Link area. News : Link to News section Awards : Link to Awards section Technology : Technology information on LGE products Links are provided in the Right-side Contents Link area. 5 depth Basic Elements /Page Title Product Basic Information : The basic information of the chosen model is shown as follows:-Model Name-Model Image-Simple features-Image enlarge function (button) Products Quick Search area : Pull-down menu , shortcut to the 3rd-level category list Models Quick Search : Pull-down menu , shortcut to products by model number Product Specification Details Product Support -Driver-Manual-e-Catalog-Where to buy-FAQ-Help Optional Elements /Product Search: Link is provided in the left-side local navigation area Banners Brand products & site link : Links to contents or sites of brand products. Link is provided on the right-side contents link area. News : Link to News section Awards : Link to Awards section Technology : Technology information on LGE products Product Details area: Buying, Accessories, Reviews, Characteristics, Blueprint, etc. are included. Shopping mall sites can apply the following:-Avg. Customer Review (5 stars) : Customers can upload their recommendations and evaluate the product in 5-point scale in stars

9 수정 사항