[2012널리세미나] 네이버는 시각장애인이 모든 서비스를 다 검사한다며?!

네이버는 시각장애인이 

모든 서비스를 다 검사한다며?!! 한혜진/UIT센터

2012년 3월 13일 화요일

사용성 테스트?

어떤 도구, 물건, 서비스에 대해

어느 정도 사용하기 쉬운가를 테스트하는 것

UT(Usability Test)

2012년 3월 13일 화요일

시각 장애인 사용성 테스트

웹페이지에 얼마나 잘 접근할 수 있는 지

시각 장애인이 직접 테스트

2012년 3월 13일 화요일

그런데?? 

시각 장애인 

사용성 테스트가 꼭 필요해?

2012년 3월 13일 화요일

웹 표준, 웹 접근성만 

잘 지키면

시각 장애인도 잘 읽을 수 있다며?

2012년 3월 13일 화요일

이론 상, 그렇죠!

2012년 3월 13일 화요일

하지만, 

뭔가 찝찝해,,,

2012년 3월 13일 화요일

정말 시각 장애인이

어려움 없이 

쉽고 편하게 접근이 가능할까??

2012년 3월 13일 화요일

시각 장애인이 

직접 서비스를 사용해 보고, 

어떤 점들이 불편한 지 찾아내게 하면 되겠다!

그래? 그렇다면!

2012년 3월 13일 화요일

웹접근성 평가 시에 

발견하지 못하는 문제도 찾을 수 있고!!

그렇게 되면!

2012년 3월 13일 화요일

웹 접근성 품질을 

시각 장애인 입장에서 검증하게 되는 거니까!!

게다가!!

2012년 3월 13일 화요일

 시각장애인에게 진짜 도움이 되는 

엄청 근사한 서비스가 탄생̃̃!!!!!

실질적으로!!!!!

2012년 3월 13일 화요일

이러한 이유로, 

시각장애인 사용성 테스트를 

진행하게 됩니다.

2012년 3월 13일 화요일

 어디에서 진행하나요?

2012년 3월 13일 화요일

그린팩토리 20층사용성 테스트 룸이 존재

2012년 3월 13일 화요일

2012년 3월 13일 화요일

ㄴㄴ

관찰자룸

2012년 3월 13일 화요일

ㄴㄴ

리서치룸

2012년 3월 13일 화요일

ㄴㄴ

똑똑

2012년 3월 13일 화요일

ㄴㄴ

캠코더

CCTV

PC

2012년 3월 13일 화요일

똑똑!

2012년 3월 13일 화요일

리서치룸을 볼 수 있는 창

관찰을 위한 각종 모니터

2012년 3월 13일 화요일

네이버 메인에서 ‘어둠속의 대화’ 를 검색하는 과업을 수행하는 영상

시각장애인 사용성 테스트 현장

2012년 3월 13일 화요일

네이버 메인에서 ‘어둠속의 대화’ 를 검색하는 과업을 수행하는 영상

시각장애인 사용성 테스트 현장

2012년 3월 13일 화요일

어떤 프로세스로 진행 되나?

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

사용성 테스트

웹 접근성 개선 프로젝트

웹 접근성평가

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

웹 접근성평가

일정 협의

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

사용성 테스트

웹 접근성평가

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

웹 접근성평가

일정 협의

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

사용성 테스트

웹 접근성평가

이슈 등록

웹 접근성QA

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

웹 접근성평가

일정 협의

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

사용성 테스트

웹 접근성평가

이슈 등록

웹 접근성QA

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

일정 협의

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

이슈 등록

웹 접근성QA

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

일정 협의

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

이슈 등록

웹 접근성QA

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

웹 접근성QA

이슈 처리 배포

웹 접근성 평가 및 사용성 테스트 프로세스

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

웹 접근성QA

배포

웹 접근성 평가 및 사용성 테스트 프로세스

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

배포

웹 접근성 평가 및 사용성 테스트 프로세스

2012년 3월 13일 화요일

일정 협의

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

웹 접근성 평가 및 사용성 테스트 프로세스

2012년 3월 13일 화요일

과업은 어떻게 만드나?

2012년 3월 13일 화요일

과업 추출 가이드 라인

내비게이션 이용

정보 습득 및 콘텐츠 이용

서식 이용

게시판 이용 파일 다운로드

검색 이용

멀티미디어 콘텐츠 이용

2012년 3월 13일 화요일

과업 추출 가이드 라인

내비게이션 이용

정보 습득 및 콘텐츠 이용

서식 이용

게시판 이용 파일 다운로드

검색 이용

멀티미디어 콘텐츠 이용

2012년 3월 13일 화요일

네이버 메인 사용성 테스트 과업

검색 이용

- '어둠속의 대화'를 검색해보세요.

서식 이용

- 보안 2단계를 선택하고 아이디 저장을 한 후 로그인해 보세요.

정보 습득 및 콘텐츠 이용 

- 실시간 급상승 검색어를 1위부터 3위까지 확인해보세요. 

내비게이션 이용

- 메인 페이지에서 읽지 않은 메일과 쪽지 갯수를 바로 확인해보세요. 

2012년 3월 13일 화요일

메일 Lite 사용성 테스트 과업

검색 이용

- 메일 검색 - 한혜진이 보낸 메일을 찾아서 읽어보세요. 

서식 이용

- 새로운 메일함을 만들고 선택한 메일을 다른 메일함으로 이동해 보세요. 

게시판 이용

- 메일 쓰기 - ‘hyejin.han@nhn.com’ 으로 메일을 보내주세요.

파일첨부 

- 메일 쓰기 - 파일을 첨부해서 보내고. 첨부한 파일을 다운 받아보세요.

2012년 3월 13일 화요일

15분 내에 주어진 과업을 수행하라!

Mission

2012년 3월 13일 화요일

15분 초과 시 과업 수행 실패

Mission Failed

2012년 3월 13일 화요일

과업 수행 시간 별 난이도

0 42 6 8 10 12 14 16 18 20분

서비스, TE 스크린리더 사용 능력 등에 따라 기준은 다를 수 있음

2012년 3월 13일 화요일

과업 수행 시간 별 난이도

쉽네

0 42 6 8 10 12 14 16 18 20분

서비스, TE 스크린리더 사용 능력 등에 따라 기준은 다를 수 있음

2012년 3월 13일 화요일

과업 수행 시간 별 난이도

쉽네뭐 그냥 저냥할만 해

0 42 6 8 10 12 14 16 18 20분

서비스, TE 스크린리더 사용 능력 등에 따라 기준은 다를 수 있음

2012년 3월 13일 화요일

과업 수행 시간 별 난이도

쉽네뭐 그냥 저냥할만 해

...어렵다

0 42 6 8 10 12 14 16 18 20분

서비스, TE 스크린리더 사용 능력 등에 따라 기준은 다를 수 있음

2012년 3월 13일 화요일

과업 수행 시간 별 난이도

쉽네뭐 그냥 저냥할만 해

...어렵다

사장 나오라 그래!!!

0 42 6 8 10 12 14 16 18 20분

서비스, TE 스크린리더 사용 능력 등에 따라 기준은 다를 수 있음

2012년 3월 13일 화요일

수행 실패 과업은 원인 분석

2012년 3월 13일 화요일

Sense Reader, Jaws, NVDA비교 분석

구조 문제스크린리더문제

기타 문제

2012년 3월 13일 화요일

스크린 리더별 비교

스크린리더 종류 장점 단점

Sense Reader•국내 사용률 최고•응용 프로그램  이용 기능은 좋은 편•정부 지원(금액, 교육)

•인터넷 이용 기능이 조금 부족함•ARIA 지원 안함•웹표준/ 웹 접근성 스펙을 다 수용하지 못함

Jaws •많은 기능 지원•ARIA 지원

•고가, 100만원, 업데이트시 20만원씩•한글 버전 업데이트 안되고 있음

(한글 v11, 영문v13)•교육 필요 

NVDA•무료•ARIA 지원•오픈 소스, 무한 가능성

•한글 지원 안함•아직 기능 많이 부족함•교육 필요

2012년 3월 13일 화요일

사용성 테스트 리포트

2012년 3월 13일 화요일

2012년 3월 13일 화요일

2012년 3월 13일 화요일

나온 문제점들을 모두 

적용하나요?

2012년 3월 13일 화요일

시각 장애인을 대변하고 있는 문제냐?

개인 성향의 문제냐?

2012년 3월 13일 화요일

고칠 수 있는 문제냐? 

아니냐?

2012년 3월 13일 화요일

서비스에서 적용 가능 하냐?

아니냐?

2012년 3월 13일 화요일

시각 장애인이 직접 뽑은 문제점

2012년 3월 13일 화요일

•아이디와 패스워드 입력창을     ‘편집창’, ‘암호편집창’ 이라고만 읽어주고 있다.

•주변 문맥 상 파악은 가능하지만 불편하다.

과업 : 보안2단계를 선택하고 로그인을 해보세요

2012년 3월 13일 화요일

•카테고리를 선택 후 해당 목록에 접근하기도 전에 정보가 바뀌어 

원하는 정보를 읽을수 없다.

과업 : 뉴스캐스트에서 IT/과학 목록을 읽어보세요

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

•‘더보기’ 를 눌러야 주요 서비스가 나온다는 것을 알 수 없었다.

•주요 서비스 레이어가 더보기 버튼 보다 한참 아래에 있어 찾기가 어렵다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

•‘더보기’ 를 눌러야 주요 서비스가 나온다는 것을 알 수 없었다.

•주요 서비스 레이어가 더보기 버튼 보다 한참 아래에 있어 찾기가 어렵다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

•MY메뉴 설정 버튼이 레이어의 제일 하단 영역에 있어 찾기 어려웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

•MY메뉴 설정 버튼이 레이어의 제일 하단 영역에 있어 찾기 어려웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

주요 서비스 설정 레이어 안에 신규 서비스나 네이버 이야기 등 불필요한 내용이 들어있어 혼란스러웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

주요 서비스 설정 레이어 안에 신규 서비스나 네이버 이야기 등 불필요한 내용이 들어있어 혼란스러웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

주요 서비스 설정 레이어 안에 신규 서비스나 네이버 이야기 등 불필요한 내용이 들어있어 혼란스러웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

주요 서비스 설정 레이어 안에 신규 서비스나 네이버 이야기 등 불필요한 내용이 들어있어 혼란스러웠다.

2012년 3월 13일 화요일

과업 : 주요서비스에서 서비스 5개를 골라 적용하세요.

주요 서비스 설정 레이어 안에 신규 서비스나 네이버 이야기 등 불필요한 내용이 들어있어 혼란스러웠다.

2012년 3월 13일 화요일

과업 : 메일을 보내보세요

이메일 주소를 넣은 후 스페이스를 누르면 이메일이 자동으로 블록처리가 되어 잘못 적은 한 글자를 지우고 싶은데 전체 이메일 주소가 지워져서 불편하다. 

2012년 3월 13일 화요일

과업 : 메일을 보내보세요

이메일 주소를 넣은 후 스페이스를 누르면 이메일이 자동으로 블록처리가 되어 잘못 적은 한 글자를 지우고 싶은데 전체 이메일 주소가 지워져서 불편하다. 

2012년 3월 13일 화요일

과업 : 메일을 보내보세요

이메일 주소를 넣은 후 스페이스를 누르면 이메일이 자동으로 블록처리가 되어 잘못 적은 한 글자를 지우고 싶은데 전체 이메일 주소가 지워져서 불편하다. 

2012년 3월 13일 화요일

•체크박스에 포커스가 가면 어떤 메일인지 제목을 읽어주어 편리하다.

•메일 제목 끝에 ‘메일 선택’ 을 제공해주고 있어 오히려 혼동을 초래한다. 

- 선택 시 : 선택 크라제버거 6900원 메일 선택 체크상자- 해제 시 : 해제 크라제버거 6900원 메일 선택 체크상자

과업 : 메일을 읽어보세요.

2012년 3월 13일 화요일

•‘메일 삭제’인지 ‘메일함 삭제’ 인지 혼동이 된다.

•대체 텍스트가 ‘DEL’  보다는 ‘메일함 삭제’가 좋을 것 같다.

과업 : 메일함 삭제를 해보세요

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

시각장애인에게 검증받은 내용이므로 서비스에 대한 자신감이 쑥쑥!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

웹 표준, 웹 접근성 스펙대로 잘 작업된 페이지라도 더욱 견고해져!

시각장애인에게 검증받은 내용이므로 서비스에 대한 자신감이 쑥쑥!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

웹 표준, 웹 접근성 스펙대로 잘 작업된 페이지라도 더욱 견고해져!

시각장애인에게 검증받은 내용이므로 서비스에 대한 자신감이 쑥쑥!

시각장애인이 더욱 쉽고 빠르고 편하게 접근할 수 있음!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

웹 표준, 웹 접근성 스펙대로 잘 작업된 페이지라도 더욱 견고해져!

시각장애인에게 검증받은 내용이므로 서비스에 대한 자신감이 쑥쑥!

사용성 테스트를 준비하신다면!! 

시각장애인이 더욱 쉽고 빠르고 편하게 접근할 수 있음!

2012년 3월 13일 화요일

사용성 테스트를 진행해 보니

웹접근성 평가 시에 발견하지 못한 문제 발견!

시각장애인이 불편한 부분을 해결하면 비장애인이 불편한 부분까지도 개선!

웹 표준, 웹 접근성 스펙대로 잘 작업된 페이지라도 더욱 견고해져!

시각장애인에게 검증받은 내용이므로 서비스에 대한 자신감이 쑥쑥!

사용성 테스트를 준비하신다면!! 

강추 강추미루지 말

고 의심하지 말고

시각장애인이 더욱 쉽고 빠르고 편하게 접근할 수 있음!

2012년 3월 13일 화요일

앞으로의 계획?

2012년 3월 13일 화요일

2013년을 목표로 

네이버 전 서비스에 사용성 테스트를 진행할 예정

2012년 3월 13일 화요일

사용성 테스트 외에

현황 모니터링도 진행하고 있어요!!

2012년 3월 13일 화요일

특별히 주어진 과업없이 서비스를 이용해 보면서 

스스로 과업을 정하고 수행해 보는 방식

현황 모니터링

2012년 3월 13일 화요일

사용성 테스트

웹 접근성 개선 프로젝트

이슈 등록

웹 접근성QA

사용성 테스트과업 선정

이슈 처리 배포서비스 담당부서

웹접근성TF

시각장애인 TE

웹 접근성평가

진행 일정 협의

현황 모니터링프로세스현황 모니터링

2012년 3월 13일 화요일

웹 애플리케이션, 모바일웹, 모바일앱

2012년 3월 13일 화요일

네이버 서비스의 사용성이

알게 모르게 조금씩 조금씩 좋아지게 될 것

기대하셔도 좋습니다!

2012년 3월 13일 화요일

TE(Test Engineer)소개

2012년 3월 13일 화요일

2012년 3월 13일 화요일

김형섭

2012년 3월 13일 화요일

김형섭전맹, 스크린리더 사용 15년차

2012년 3월 13일 화요일

김형섭 김상일

전맹, 스크린리더 사용 15년차

2012년 3월 13일 화요일

김형섭 김상일

전맹, 스크린리더 사용 15년차

전맹, 스크린리더 사용 10년차

2012년 3월 13일 화요일

김형섭 김상일 신하철전맹, 스크린리더 사용 15년차

전맹, 스크린리더 사용 10년차

2012년 3월 13일 화요일

김형섭 김상일 신하철전맹, 스크린리더 사용 15년차

전맹, 스크린리더 사용 10년차

저시력, 화면 확대 기능 이용, 스크린리더 사용 3년차

2012년 3월 13일 화요일

전맹의 입장에서 네이버의 문제점은 어떤 것들이 있나요?

2012년 3월 13일 화요일

전맹의 입장에서 네이버의 문제점은 어떤 것들이 있나요?

2012년 3월 13일 화요일

저시력의 입장에서 네이버의 문제점은 어떤 것들이 있나요? 

2012년 3월 13일 화요일

저시력의 입장에서 네이버의 문제점은 어떤 것들이 있나요? 

2012년 3월 13일 화요일

시각 장애인 사용성 향상을 위해 오랫동안 함께 하실텐데 어떤 각오를 가지고 계신가요?

2012년 3월 13일 화요일

시각 장애인 사용성 향상을 위해 오랫동안 함께 하실텐데 어떤 각오를 가지고 계신가요?

2012년 3월 13일 화요일

지저분한 세면대?

2012년 3월 13일 화요일

알고 보면 마음 따뜻하고 친절한 세면대! ♥

2012년 3월 13일 화요일

2012년 3월 13일 화요일

퀴즈

2012년 3월 13일 화요일

시각장애인이 가장 쉽고 편하게 

사용할 수 있는 포털 사이트는?

퀴즈

2012년 3월 13일 화요일

시각장애인이 가장 쉽고 편하게 

사용할 수 있는 포털 사이트는?

네OO

퀴즈

2012년 3월 13일 화요일

2012년 3월 13일 화요일

아니, 어떻게 알았지?

2012년 3월 13일 화요일

시각장애인이 가장 쉽고 편하게 

사용할 수 있는 포털 사이트는?

2012년 3월 13일 화요일

시각장애인이 가장 쉽고 편하게 

사용할 수 있는 포털 사이트는?

네이버

목표

2012년 3월 13일 화요일

웹접근성TFT

조진주

한혜진

김상일

김형섭

신하철 박태준김군우

김동우

2012년 3월 13일 화요일

사용성 테스트 및 스크린리더 관련 문의가 있으시면 언제든 문의주세요.

미투데이 : 폭폭이메일주소 : butygal@naver.com발표자료 : html.nhndesign.com (널리)

2012년 3월 13일 화요일

2012년 3월 13일 화요일