Python_WEB/WebPlanning (18) 썸네일형 리스트형 [부스트코스]웹 접근성 지침 퀴즈 1 Q> 다음 중 해당 이미지에 대해 가장 적절한 대체텍스트를 제공한 HTML코드는? (1) (2) 마이페이지 (3) (4) A> (3) * 의미 있는 이미지의 경우 대체 텍스트를 시각적으로 보는 것과 동등하게 제공해야 합니다. www.boostcourse.org/web344 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org 게슈탈트 심리학 - Gestalt psychology 1. 게슈탈트 : 형, 형태 독일어 2. 게슈탈트 심리학 : 인간의 심리적으로 형태를 어떻게 인지하는지에 대한 기초 원리 근접한 것끼리 유사한 것끼리 닫힌 모양을 이루는 것끼리 좋은 연속을 하고 있는 것끼리 좋은 모양을 만드는 것끼리 3. 지각 심리학 : 인간의 눈과 두뇌가 지각 과정에서 어떻게 작용하는가를 측정 4. 두 종류의 다른 기능을 가진 6개의 버튼을 조작하는 4가지 방법 스타일이 모두 일정하여 구분이 모호하지 않게 배치한다 근접성의 원리로 스타일이 분리되게 배치한다. 근접성과 형태의 유사성으로 일관성 있는 그룹핑을 이룬다. 근접성 및 형과 색의 유사성으로 스타일이 효과적으로 그룹핑한다. 5. 사용자가 형태를 지각하는 원리 근접성 유사성 연속성 패쇄성 형과 배경 6. 근접성 가까운 것끼리 묶어서.. 사용성 테스트 - Usability Testing 1. 사용성 테스트 패턴을 직접 관찰 단서를 찾아내는 과정 프로젝트 초반 되도록 일찍 하여 문제점 찾아 수정 개발 일정을 조정할 필요 없음 소규모 테스트 웹 제작 실무자 모두 함께 발견한 문제점은 즉시 고침 의사 결정의 수단으로 사용 2. 테스트 정의 > 태스크 정의 > 방법론 정의 > 테스트 프로세스 정의 > 테스트 > 결과 요약 > 개선안 반영 테스트 정의 : 테스트를 수행하는 전체 목적(사이트 목표 / 유저 목표) 태스크 정의 : 필수 질문 사항 정리 / 주요 이슈 정리 / 과업 리스트 작성 방법론 정의 : 테스트 방법 / 참가자 / 테스트 장소 / 세션 소요 시간 / 작성이 요구되는 문서 정의 테스트 프로세스 정의 : 테스트 진행 순서 정의 테스트 : 오리엔테이션 / 과제시작 / 테스트 체험 / .. 사용자 중심 디자인 - User Centered Design 1. 사용자 중심 디자인(User Centered Design) 파워 유저나 초보자를 제외한 일반 사용자를 중심으로 구축 2. 유용성 웹 사이트 이용이 얼마나 쉽고 만족스러운가? 습득 가능성 : 배우기 쉬움 기억 가능성 : 이용 방법을 기억하기 쉬움 효율성 : 효율적으로 이용할 수 있어야 함 신뢰성 : 잘 작동된다는 신뢰감 사용자 만족도 : 사이트를 사용하면서 만족감을 느낌 사용자 개인마다 다름 3. 인터페이스 디자인 인터랙티브 인터페이스 디자인 : 컴퓨터와 인간 사이에서 상호 작용 실제 사용 행동을 다양한 방법으로 분석 심성 모형 정신 모형 및 인지 능력과 일치하지 않는 디자인의 문제점 파악하여 개선안 제시 프로토타입 제작 편의성 및 사용자의 의견을 평가 보완 4. 유용성을 위한 웹 인터페이스 기능성을.. 정보 설계 - Information design 1. 정보 설계 사용자가 원하는 정보를 쉽고 빠르게 찾을 수 있도록 하는 것 웹 사이트 조감도 시간과 비용 절감 계획상의 문제점 최소화 2. 정보의 순서와 정렬 명확한 콘텐츠 체계 알파벳순 가나다순 연대순 날짜순 시간순 지리 위치순 모호한 콘텐츠 체계 주제별 체계 작업 지향형 체계 사용자 구분형 체계 은유형 체계 혼합 콘텐츠 체계 중요 / 사용 빈도에 따른 콘텐츠 체계 3. 콘텐츠 분류 방법 경쟁사 벤치마킹 카드소팅 4. 정보 설계의 분류 네비게이션 시스템(Navigation System) 레이블링 시스템(Labeling System) 5. 사이트 구조 계열 구조(Sequential Stucture) : Prev Page Next Page 계층 구조(Hierarchical Structure) : 홈페이지.. 콘텐츠 분류와 설계 - Content classification and design 1. 콘텐츠(Contents) 텍스트 정보뿐만 아니라 특정 사이트에 있는 모든 구성 요소 2. 매체 성격 분류 외부 콘텐츠 : 외부에서 얻은 모든 콘텐츠 내부 콘텐츠 : 인터넷 분야 자체 콘텐츠 3. 콘텐츠 생성에 따른 분류 프로듀서 콘텐츠(Producer Contents) : 사이트 제작자가 일방적 제공 컨슈머 콘텐츠(Consumer Contents) : 사용자에게 얻은 콘텐츠 4. 콘텐츠 비용에 따른 분류 유료 콘텐츠 무료 콘텐츠 5. 프로슈머적 콘텐츠(Prosumer Contents) 프로듀서(Producer) + 컨슈머(Consumer) 게시판 형태 마케팅 부담 절감 6. 웹 콘텐츠 기획 초기 콘텐츠 기획 및 구성 매니아 확보 콘텐츠 확장 대제 작업 논의 콘텐츠 리스트 정의 웹 사이트 분석 - Website analysis 1. 고려사항 사용자의 유형 / 형태 속성 일상 생활과 비즈니스와의 연관 어떤 가치를 중요하게 생각 정보를 어떻게 이용 서비스 콘텐츠 기능 필요한가 어떠한 방식으로 제공되길 바라는가 비즈니스의 성공에 어떻헤 기여하는가 2. 타케층 정의 연령별 성별 지역별 직업별 기업별 구체적이고 복합적 행동 패턴이나 특징 유저 세그멘테이션 타켓 정의 사용 시간 고려 3. 유저 프로파일(User Profile) 사이트의 기능 서비스 인터페이스 네비게이션 디자인 요구와 행동 패턴을 이해함 유저층 만족 이름 / 성별 / 사는 곳 / 직업 등 간단한 신상 정보 사진 인터넷 사용 패턴 숙련도 능숙도 요구 목적 행동 패턴 4. 유저 시나리오(User Scenario) 사용자의 경험을 기술 경험을 디자인 유저 프로파일 네비게이션 경.. 웹 사이트 기획 설계 - Website Planning and Design 1. 웹 사이트의 프로젝트 프로세스 프로젝트 계획 수립 > 분석 > 콘텐츠 구성 > 인포메이션 아키텍처 > 디자인 > 개발 / 제작 > 테스트 / 런칭 2. 프로젝트 계획 수립 프로젝트 매니저(PM)는 프로젝트 기간동안 프로젝트 전체를 총괄하면서 세세한 요소를 관리 계획 프로젝트 진행하는 동안 진행 내용을 확인 완료 시점까지 점검 평가 주요 업무 : 프로세스구축 / 스케줄 정의 / 산출물 확정 / 업무 정의 / 업무 분장 / 환경 및 팀워크 구축 3. 분석 아이디어 정리 개선 로그 분석 정보 수집 리서치 정보 수집 공표 정보 수집 사용성 테스트 정보 수집 환경 요구 분석 사용자 요구 분석 콘텐츠 분석 장단점 및 개선 방향 분석 4. 콘텐츠 구성 사이트를 제작 목적 분석 내용 제작 방향 콘텐츠의 범위와 내.. 이전 1 2 3 다음
