..PAGE:1Web Site Usability웹 기획자 이 정 기Nate on 메신저: quiz94@nate.comEmail : quiz94@dreamwiz.com본 파워포인트의 발췌 및 응용 시 출처를 반드시 밝혀 주시기 바랍니다.주 폰트는 가을 체, 헤드라인 체를 사용하였습니다.접근성과는 다른 개념의 사용성가치 있는 정보를 쉽게 접근하며다시 찾을 수 있도록 만드는 것...PAGE:2유용성 공학소프트웨어 산업에 뿌리를 두고 있는 유용성 공학에는 사용자의 예상, 행동,선호도에 대해 많은 연구가 진행되고 있다.유용성 공학에서는 제품이나 인터페이스가 사용할 의도를 가진 사람들에게“유용한지” 확인하기 위해 많은 방법들을 사용하고 있다.유용(有用)이용할 가치가 있음*..PAGE:3Definition of UsabilityUsability is a quality attribute that assesseshow Easy user interface are use.The word “usability” also refers to methodsfor Improving ease-of-use duringthe design process.*..PAGE:4Usability is defined by five quality componentsLearnabilityEfficiencyMemorabilityErrorsSatisfactions*..PAGE:5Why Usability is ImportantOn the Web, Usability is a necessary conditionfor survival.If a website is difficult to use, people leave.If the homepage fails to clearly state what a company offersand what users can do on the site, people leaveIf users get lost on a website, they leaveIf a website’s information is hard to read or doesn’t answerusers key questions, they leave*..PAGE:6Ten Usability Heuristics by Jakob NielsenVisibility of system statusMatch between system and the real worldUser control and freedomConsistency and standardsError preventionRecognition rather than recallFlexibility and efficiency of useAesthetic and minimalist designHelp users recognize, diagnose, and recover from errorsHelp and documentation*heu·ris·tic a.1 학습을 돕는, 관심을 높이는;학생으로 하여금 스스로 발견케 하는, (자기) 발견적 학습의a heuristic method 발견적 학습법2【컴퓨터】 발견적인━ n. [보통 pl.;단수 취급] 발견적 방법;발견적 교수법[학습]-ti·cal·ly ad...PAGE:7웹 사용의 실제#1 사용자들은 웹 페이지를 읽지 않는다.대충 훑어 보기만 할 뿐이다.#2 최선의 선택을 위해 노력하기 보다는 현재 상황에 만족하려는 경향이 있다.#3 전체 상황을 파악하기 보다는 눈 앞의 과제만을해결하려 한다.*..PAGE:8Steve Krug의 Usability 법칙제1법칙 사용자를 고민하게 하지 마라제2법칙 고민 없이, 자신 있게 클릭했다면그 횟수는 중요하지 않다.제3법칙 각 페이지 분량을 절반으로 줄이고,남은 분량을 다시 반으로 줄여라*..PAGE:9웹 사용의 실제 , 해결 방법 by Krug명확하고 시각적인 계층 구조를 만들어라관례적인 형식에는 누구나 친숙하다.명확하게 구분된 내용으로 페이지를 나누어라클릭 여부를 명확히 하라필요 없는 내용은 삭제하라*..PAGE:10How to Improve UsabilityThere are many methods for studying usability, but the mostbasic and useful is user testing, which has three components.Get hold of some representative users, such as customers foran e-commerce site or employees for and intranetAsk the users to perform representative tasks with the design.Observe what the users do, where they succeed, and wherethey have difficulties with the user interface. Shut up and letthe users do the talking.*..PAGE:11Top Ten Mistakes in Web DesignBad SearchPDF Files for Online ReadingNot Changing the Color of Visited LinksNon-Scannable TextFixed Font SizePage Title With Low Search Engine VisibilityAnything That Looks Like an AdvertisementViolating Design ConventionsOpening New Browser WindowsNot Answering Users’ Question*..PAGE:12Web text use well documented tricksSubheadsBulleted listsHighlighted keywordsShort paragraphsThe inverted pyramidA simple writing style : half the word countDe-fluffed language devoid of marketese.*..PAGE:13It’s dependswww.useit.com의 jared Spool과그의 동료들은Website Design에 대해It’s depends 라고 말한다.*..PAGE:14웹사이트 기획은 누구나 할 수 있다.그러나 누구나 잘하는 것은 아니다.어설프게 하는 것은 오히려 악이 된다.발전하는 사이트를 만들 것인가?별볼일 없는 사이트를 만들 것인가?그것은 당신의 노력 여하에 달려 있다.더욱 잘하는 것이 중요한 웹기획*..PAGE:15인간이 정보에 대한 욕구 해결과 정보를 교환하여 인간의 풍요로운 삶을 주기위해스탠포드의 학생 래리 페이지와 세르게이 브린은 구글(Google)이라는 검색시스템을 개발하였다.기업의 목적은 수익창출이라는 누구나 다 아는 기본적인 마인드를 거부하며인간을 우선시한 철학으로 비즈니스를 진행시키는 그들이야 말로
..PAGE:1웹 기획사이트 총괄담당 및 운영기획자를 위한웹 기획자 이 정 기Nate on 메신저 및 이 메일quiz94@dreamwiz.com본 파워포인트의 발췌 및 응용 시 출처를 반드시 밝혀 주시기 바랍니다.주 폰트는 HY울릉도L 체와 가을 체, 헤드라인 체를 사용하였습니다.웹 기획을 하는 방법 이라기 보단더 잘하기 위한 노력이 중요하다.웹을 기획하는 것이 중요한 것이 아니라 잘 기획 하는 것이 중요하다...PAGE:2웹 기획 이란?웹 사이트 운영 및 관련 업무Project ManagementInformation ArchitectureBenchmarking & Communication Skill참고도서 및 참고 사이트目次*..PAGE:3I . 웹 기획 이란?*..PAGE:4기획 이란?어떤 특정 과제 및 문제를정확히 파악하고그 과제의 완수 또는 그 문제해결을달성하기 위하여 일정한 대상물들에 대하여일정기간 동안 벌어질 수 있는 주요사항을파악하고 미리 예측하여일정의도에 따라 목표한 결과를 얻을 수 있도록 하는 일련의 사고과정 및 행동 양식또는 사고과정 및 행동양식을 개념화 하는 것그 개념화에 따른 실행과 실행 후평가 까지 이상의 총체적 과정을‘기획’이라 부른다.과제의 문제파악과제 및 문제분석목표 설정해결 방안실행 계획수립실 행평가*..PAGE:5기획의 과정아이디어 실행아이디어 생성기획은 크게 두 가지로 나뉠 수 있다.아이디어생성 아이디어 실행목적 달성*..PAGE:6기획자의 기본적 자질창조적 사고력관계적 사고력논리적 사고력*..PAGE:7기획을 잘하는 기본적인 Key목적 달성Key 1Key 2핵심 과제(문제)를 잡아 냈는가?가장 적합한 해결방안을 찾아 냈는가?현황 파악명확한 과제 설정전문가적 지식다양한 경험*..PAGE:8웹 기획 이란배에 비유 한다면항해 목적에 맞게 배를 만들고그 목적에 이르게 하는 것Web programming : 배를 만드는 작업Web Design : 배를 만드는 작업*..PAGE:9웹 기획 이란조직의 Vision 을 이루기 위해웹사이트의게 되는가?고객들은 사이트에서 정보를 어떻게 이용 하나?어떻게 그들과 관계를 맺을 것인가?고객이 진정 원 하는 것은 무엇인가?어떤 방법으로 그 원하는 것을 이루어 줄 것인가?VOC는 어떤 채널을 통해서 어떻게 들을 것인가?VOC의 필터링은 어떻게 할것인가?어떤 이벤트 및 프로모션을 통해 홍보를 할 것 인가?고객 DBLog 데이터설문조사FGI개선VOCCRM프로모션*..PAGE:14Site Management 사이트 운영 : 2. Contents 관리컨텐츠란?컨텐츠란 원래 서적, 논문 등의 내용이나 목차를 일컫는 말이었지만, 현재는 각종유·무선 통신망을 통해 제공되는 디지털 정보를 통칭하는 말로 자주 쓰인다.예를 들어, 인터넷이나 PC통신 등을 통해 제공되는각종 프로그램이나 정보 내용물,CD롬 등에 담긴 영화나 음악, 게임 소프트웨어 등이 모두 이에 속한다.컨텐츠란 데이터,정보,지식,지혜 등이 담겨 진, 인간의 눈과 귀로 보고 들을 수 있는유익한 모든 것들.컨텐츠의 분류컨텐츠 활용 범위에 의한 분류 : 광역/협역 컨텐츠컨텐츠의 생성 방법에 따른 분류 : 동적컨텐츠, 정적 컨텐츠, 기능 컨텐츠전략적인 컨텐츠 분류 : 킬러컨텐츠, 오픈컨텐츠, 제한컨텐츠, 유료컨텐츠*..PAGE:15Site Management 사이트 운영 : 2. Contents 관리Contents의 기본 조건일관성 : 각 속성/형식에 맞게 분류되어 지속적인 업데이트를 필요로 한다.통합성 : 같은 속성의 contents는 통합 분류되어 관리 되어질 때 의미가 있다.신속성 : 신속하게 지속적인 업데이트신뢰성 : 믿을 수 있어야 한다.목적성 : 사이트의 목적과 부합해야 한다. 그렇지 않으면 사이트의 정체성의 해체이해성 : 이해하기 쉽도록 되어야 한다. 시각적인 부분 고려*..PAGE:16Site Management 사이트 운영 : 3. 개선 (Improvement)VOCVOBGOAL(VISION)MissionStrategy설 계IA 설계논리적 모델링기술적 설계개 발벤치마킹디자인분석테스트검 수완료기능 모델de Off프로젝트의 성공적 완수를 위해 모든 업무를 철저히 수행하고 동시에 불필요한 업무를 수행하지 않도록 관리 하는 것프로젝트의 On Time(적시) 완료를 위해 요구되는 과정, 계획기간에 맞게 끝내는 것도 프로젝트 성공의 한 요소이다.프로젝트 산출물에 대한 품질을 보장하는 관리, 적절한 수행절차를 통하여 만들어 졌는지를 판단한다.필요한 인적자원의 확보, 팀원의 능력향상을 통한 프로젝트 완성도를 높이는 작업, 프로젝트 조직 구성고객과의 의사소통, 내부 임직원과의 의사소통, 프로젝트팀원간의 커뮤니케이션을 원할 하게 유지하는 작업발생할 수 있는 RISK를 미리 예견하여, RISK를 최소화 하여 성공적인 프로젝트가 수행가능하도록 지원하는 작업프로젝트가 목적을 이루가 위해 아래의 모든 사항들이 통합되어전체적으로 추진 되어 지도록 Managing 하는 작업*..PAGE:20Project Manager의 역할 및 권한Project Management의 Function계획(Planning)조직구성(Organization)리더십(Leadership)조정(Control)PM의 역할통합자(Integrator)의사 소통자지도자(Leadership)의사결정자분위기 창출자PM의 권한프로젝트 작업지시이해관계자 상대 시대표로 행동고객, 파트너 협상그래서 PM을 임명 즉 권한위임을 위한 공식적인 자리공식적인 임명장이 필요하다.!!*..PAGE:21PM과 개발자/디자이너의 권리와 책임PM (권리 & 책임)개발자 (권리 & 책임)프로젝트 전반적인 관리각각의 업무 산출물을 조정 할 권리진척 상황을 조정할 권리업무의 우선순위를 변경할 권리업무의 우선순위를 명확하게 제시해야 할 권리높은 품질의 업무결과를 산출해야 할 책임동료, 상관, 고객에게 도움을 요청하고 받을 권리책임을 활당 받는 대신 그 책임을 자발적으로 선택할 권리*..PAGE:22Project Life CycleProject Life cycle, 웹사이트 구축 프로세스착 수통 제기 획수 행완 료설계개발테스트(조정,통합)*..PAGE:.PAGE:26Contents DesignIA란 ?Search SystemLabeling SystemNavigation System정보체계의 정립중요한 IA 요소조직의 Vision사이트의 목적MissionStrategy과 일치 해야하며Usability가 증가하는 방향이어야 한다.사용자의 요구사이트의 목적균 형*..PAGE:27IA 정보 체계의 정립모든 이해의 시작은 분류에서 출발한다.- Hayden White*..PAGE:28IA 정보 체계의 정립-사용자의 이해 (User Oriented Mind)최고의 웹사이트 제작자는경험이 많은 웹사이트 이용자,즉 '고객'이다.경험이 많은 이용자가 되기 위해서는스스로 가능한 한 객관적이고,비판적인 사용자가 되어야 한다.사용자를 고민하게 하지 마라!,단 스스로 학습하도록 유도하라!*..PAGE:29IA 정보 체계의 정립-사용자의 이해 (User Oriented Mind)웹사이트를 구축하는 것과'제대로' 구축하는 것은 별개의 문제우리는 웹사이트를'제대로'구축해야 한다.개발자 중심적인 사고를 지양하라!디자이너 중심적인 사고를 지양하라!운영자 중심적인 사고를 지양하라!*..PAGE:30IA 정보 체계의 정립, 정보분류모호성시각차이이질성내부정책모호한 컨텐츠 체계주제별 체계이용자별 체계작업지향형 체계기능별 체계상징별 체계은유형 체계명확한 컨텐츠 체계알파벳 순연대/날짜 순지리적 위치에 따른Contents정보 분류 설계*..PAGE:31IA 정보 체계의 정립, 작업지향형 분류*..PAGE:32IA 정보 체계의 정립, 주제별 분류*..PAGE:33IA 정보 체계의 정립, 지리적 위치에 따른 분류♣ 동유럽러시아, 루마니아, 몰도바, 벨로루시, 불가리아,로바키아, 우크라이나, 체코, 폴란드, 헝가리♣ 서유럽네덜란드, 독일, 룩셈부르크, 리히텐슈타인*,모나코*, 벨기에, 스위스, 오스트리아, 프랑스♣ 남유럽그리스, 마케도니아, 몰타, 보스니아.헤르체고비나,산마리노*, 세르비아.몬테네그로, 스페인,슬로베니아, 안도라* , 알바니아, 이탈리아,지브해할 수 있는 레이블 이어야 한다.사이트의 목적에 적합해야 한다.대안의 제공 해야 한다.사용자의 목적과 행동을 지원해야 한다.*..PAGE:39IA Navigation 설계Web Image Design 고려계층 구조의 시각적 제시시각적 설명Navigation bars위치정보페이지 전/후 관계색인사이트 맵검색action 설계Hyper Text유용성(Usability) 증가측면 고려IA 설계 시 이동성 부분고려HCI 측면 고려인간심리학적 측면 고려*..PAGE:40IA Navigation 설계균 형사용자의요구사이트의목적사용자의 요구와 사이트의 목적이균형되도록 설계 되어야 한다.*..PAGE:41IA Labeling 설계사용자들이 이용하려는 목적을기준으로 레이블링 하라!고객 언어와 같은 언어를 사용해서 만들라!일관성 있는 레이블링을 만들라! (일관성 친밀감 만족감)상호 배타적이고 대표성을 띄어야 한다.Site의 Brand 가치를 높일 수 있도록 해야 한다.*일반적인 지침으로되도록이면 구체적이고 명확한 레이블링일관된 레이블링 체계- 스타일, 표현- 문법(동사기반,명사기반,질문형 기반)- 세분화(상세화 정도가 비슷한 레이블)- 포괄성(전체를 모두 포함하고 있는 레이블링 시스템)- 사용자의 언어 사용..PAGE:42IA Labeling 설계문맥 링크 레이블제목 레이블네비게이션 체계 레이블색인어 레이블아이콘 레이블레이블의 형태*..PAGE:43IA Labeling 설계사용자는 각각의 레이블에 대해서학습하는 것이 아니라전체 레이블링 시스템에 대해서만짧은 시간에 학습하면 된다.즉, 한번에 전체를 훓어 보고이 레이블링 시스템을이해할 수 있어야 한다.SERI 북SERI가 만든 책레이블이 명확하지 않으며 이 둘간에 구분이 애매모호 하다.열린지식 존 하위 메뉴의 일관성 있는 레이블링이 되지 않은 듯 하다. 물론 나름대로의 전략이 있었겠지만 열린지식 하위에 너무나도 다른 스타일의 레이블링이 나열되어 있다.*..PAGE:44IA Search System 설계According to Jar줘라