usability

1. 유니버설 유저빌러티
Universal Usability
12015, 지도교수: 권대용

2. 유니버설 유저빌러티란?
2
접근성
유저빌
러티
유니버
설디자
인
접근성
(Accessibility)
• 장애인을 포함 누구나 웹을 이용가능 할 수
있는 보편적 디자인과 기술
• 유니버설 유저빌리티 달성을 위한 핵심 요소
유저빌러티 & UX
디자인
• 사용자의 경험(웹에서 겪은 툴 사용 경험)을
토대로 쉽게 배우고 기억(학습)할 수 있는 디
자인 개념
• 질적 평가와 양적 평가로 사용자 테스트를 거
쳐 개선하는 방법론을 추구함
유니버설 디자인 • 특정 요구에만 부합되는 디자인이 아닌 다양
한 접근 요구에 모두 부합할 수 있는 디자인
방법론
사례) 건축 환경에서 적용된 ‘경사로’

3. 유니버설 디자인 원칙
웹 환경에 적용하기 위한 가이드 라인
3
원칙1) 동등한 사용
디자인은 다양한 사람들에게 동등한 사용수단을 제공해야 한다. 가상세계는 현실세계 환경보다
훨씬 더 유연하게 대처할 수 있다
다양한 활자크기
디자인 제거 화면

4. 4
원칙2) 사용의 유연성
사용자가 자신에게 맞는 사용 방식을 선택할 수 있게 하라. 페이지에서 이미지를 제거할 수도, 레이
아웃과 글자크기를 조절할 수 있는 것이다.
원칙3) 단순하고 직관적인 사용
누구나 쉽게 이해할 수 있도록 복잡성을 최소화하고 중요도에 따라 정보를 배치한다.
원칙4) 인지 가능한 정보
그림. 음성언어, 촉각 등 감각 장애자들이 일반적으로 사용
하는 다양한 장치를 제공한다.
예) 텍스트를 음성으로 읽어주는 소프트웨어, 대체 텍스트
(alt-text), 비디오 화면에 캡션 추가하기 등

5. 5
‘일반’ 사용자를 넘어서라
1) 사용자
일반사용자를 대상으로만 디자인한다는 고정관념을 버
려야 한다. 유니버설 유저빌러티는 모든 연령대, 모든
경험 수준의 사용자 뿐만 아니라 지체 장애나 감각 장
애를 가진 사용자들을 고려 대상에 포함한다. 일반인들
도 나이가 들면 경도에서 중도의 시각장애를 갖게 된다.
2) 사용자 환경
사용자들의 접근 환경도 다양하다. 디바이스, 모니터 크
기, 네트워크 속도, 브라우저 종류 등 다양한 스펙트럼
으로 존재한다.

6. 6
적응성 지원(접근성)
• 그림 -> 대체 텍스트(alt text)
• 비디오 -> 캡션
• 텍스트 -> 음성출력 소프트웨어, 글자크기
조절, 인쇄매체
• 고정형 웹 디자인 -> 반응형 웹 디자인
• 마우스 조작 -> 키보드 기능성 추가, 터치 디
바이스
비디오 정보에 캡션이 부가되어 함께 제공됨(유튜브)

7. 7
기기에 맞는 디자인하기
스마트TV 데스크탑 PC 노트북 테블릿 스마트폰
UX
생산성 높음 높음 보통, 낮음 낮음
휴대성 보통, 좋음 매우 좋음 매우 좋음
입력 리모콘, 게임콘
트롤러
키보드,마우스 키보드,마우스 터치 터치
특화된 하
드웨어 기
능
카메라 위치센서, 방향센
서, 음성인식,카메
라 등
위치센서, 방향센
서, 음성인식,카메
라 등
콘텐츠 강점 영화,비디오게
임,방송시청,정
보검색 등 정보
소비 위주
영화,동영상,정보
검색,콘텐츠 제작
등
영화,동영상,정보
검색,콘텐츠 제작
등
주로 정보 소비 위
주, 영호, 전자책,
인터넷 검색 등
주로 정보소비 위
주
디자인 장점 다양한 정보, 복합
인터페이스
다양한 정보, 복합
인터페이스
직관적 디자인(절
충)
간단하고 직관적
디자인