□ 목적
팀단위의 프로젝트 진행을 통하여, 웹 표준과 접근성 지침 준수 및 체크리스트 작성,
기획, 디자인, 개발작업까지 Front-End 작업을 강연 내용을 반영하여 교육기간 내에
결과물을 도출하는 미니 프로젝트 과정.
이 과정을 통해 웹 접근성 심사를 대비하는 경험을 향상시킴.
□ 참여대상
1. 웹 표준/접근성을 고려하여 디자인 하는 방법론에 대해 공부하거나, 정리가 필요한 기획자, 디자이너, 개발자.
2. 웹 표준 마크업/스타일링을 주 업무로 하나, 접근성 준수가 생소한 프론트 엔드 디자이너.
3. 웹 접근성 진단 평가 대비가 필요하여 빠른 시간 내에 공부하여 익히는 것을 목표로 하시는 분.
□강사: KTH UXD PD 지훈(야무)
:: 경력
KTH, UXD 교육 담당 PD
모노디아트센터 팀장
㈜정글 커뮤니케이션즈 : 웹 디자인 스페셜리스트, 웹 표준, 액션스크립트
Opener : LG전자 POP 그래픽 디자인
Sunny Communication : CI,BI / Package / Brochure
:: 주요프로젝트
신한은행 : 하이브리드 웹앱 제작을 위한 HTML5
SKT : 모바일 비즈니스를 위한 웹 앱 환경 이해
매일유업 : 스마트 시대, 웹 표준 플랫폼 테크닉
Adobe Systems : Webinar ? online Seminar (IT & Design)
LG전자 교육원 : 웹 그래픽 디자인 Advanced
나우콤 : 웹 그리드 시스템
:: 기타
Adobe Creative Leader
저서 : 한빛미디어 - 만들면서 배우는 HTML5+CSS3+jQuery
1강 : 2013.06.26(수)
19:00-22:00 시나리오 설정 및 주제 선정
▷ 과정 내에서 진행하고자 하는 방향과 목표에 대한 이야기
▷ 다양한 주제 소개 - 가상의 클라이언트 시나리오 설정
▷ 팀 구성 및 역할 정의 (PM, 기획, 디자인, 프론트-엔드 파트 설정)
2강 : 2013.07.03(수)
19:00-22:00 목표 사이트 분석
▷목표 사이트 표준, 접근성, 사용성 평가 분석 및 평가
▷발표: 웹 표준 및 접근성, 사용성을 고려하지 않은 위반 사례 체크 - 개선 방향 도출
3강 : 2013.07.10(수)
19:00-22:00 가이드(Guide) 제작
▷프로젝트 제작 가이드 제작 (규칙 정의)
▷접근성 평가 지칭 준수 체크 리스트 작성
4강 : 2013.07.17(수)
19:00-22:00 웹 사이트 기획
▷웹 사이트 리뉴얼 디자인 토의
▷자료 수집 및 추가 자료 정리
▷제작 분량 및 브라우저 호환성 범위, 적용 기술 설정
5강 : 2013.07.24(수)
19:00-22:00 화면 설계
▷기능 리스트(Features List) 정의
▷UX 사용성 모델 고려
▷와이어프레임 제작 및 페이퍼 프로토타이핑 제작
6강 : 2013.07.31(수)
19:00-22:00 UI 디자인
▷UI 그래픽 디자인 - 시안 제작
▷UI 프론트 엔드 디자인 - 구조 작성