이해의 용이성(1) 기본 언어 표시 기본 언어 표시의 이해 기본 언어 표시의 필요성 다양한 언어를 공부하거나 이용하는 사용자에게 중요한 지표 기본 언어 표시의 검사항목 해설 검사항목 17.(기본 언어 표시) 주로 사용하는 언어를 명시해야 합니다. 중간에 언어가 바뀌는 경우 lang속성 통해 언어를 바꿔주면 더 이해하기 좋은 사이트가 됨 기본 언어 표시는 화면 낭독 프로그램과 같은 보조 기기에서 기본 언어에 맞는 TTS(Text To Speech)엔진을 가동 시키는 역할을 함 기본 언어표시제공 방법 웹 페이지에서 주로 사용하는 언어를 html에 lang속성을 사용하여 제공한 경우 준수한 것으로 인정 오류 유형 분석 주의사항 분석 사용자 요구에 따른 실행 사용자 요구에 따른 실행의 이해 사용자가 의도하지 않..
와이어프레임 비주얼 디자인이 시작되기 전에 흑백으로 제작되어 UX/UI 디자인의 방향을 잡는 역할을 하며 페이지나 화면에 보여지는 요소들을 정하기 위해 그려지는 일종의 ‘프로토타입’이라고할 수 있다. 피드백과 함께 이루어지는 작업이기 때문에 한번에 완성도를 높이기보다 반복적작업을 진행하는 것을 염두 해 두고 작성해야 한다. 정의 대략적인 스크린 디자인을 일컫는 것으로, 각 페이지와 기능 간의 관계와 구조를 제안하고 시각화하는 것이다. 이러한 와이어프레임은 인터페이스 디자인에서 기본 안내서로 사용한다. 즉, 와이어프레임은 인터페이스의 기본 요소를 담은 레이아웃을 그림 등으로 표현한 것으로, 기획서나 스토리보드 등의 UI 디자인을 의미한다. 가벼운 스케치와 인터랙티브프로토타입 사이에 위치한다고 본다. 개별적..
운용의 용이성(2) 깜빡임과 번쩍임 사용 제한 깜빡임과 번쩍임 사용의 이해 개념: 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 함 대상: 초당 3~50회 주기로 깜빡이는 콘텐츠 유의점:광과민성 발작 일으킬 수 있음 대안: 사전에 경고, 제작하지 않게 해야 함 깜빡임과 번쩍임 사용 제한의 필요성 목적: 어린이 또는 광과민성 발작 증세가 있는 사용자를 위함 깜빡임과 번쩍임 사용 검사항목 해설 검사항목 13.(3~50회 주기로 깜빡이거나 번쩍이는 영상 콘텐츠는 제공하지 않거나 사전에 경고해야 함) 상기 항목을 오류없이 제공한 경우 준수한 것으로 인정 깜빡임과 번쩍임 사용 제한 제공 방법 오류 유형 분석 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우: 각기 다른 단색 교대..
운용의 용이성 1 키보드 사용 보장 텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로도 이용할 수 있도록 하는 것 마우스를 이용하기 어려운 사용자가 키보드를 이용할 수 있도록 한다 일반 사용자도 키보드로 더욱 빠르고 정확한 컨트롤이 가능해 짐 키보드 사용보장 검사항목 해설 예외 자유롭게 움직이는 아날로그적인 기능 시뮬레이션과 같은 콘텐츠 입체적인 시각화 기능 마우스를 끌어서 거리를 측정할 수 있는 기능 마우스로 이용 가능한 기능을 키보드로도 이용할 수 있도록 구현 키보드 사용보장 제공 방법 기준 모든 기능을 키보드로 접근 가능하고, 사용 가능하도록 제공한 경우 준수한 것으로 인정 오류 유형 마우스가 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우 이미지..
인식의 용이성(2) 색에 무관한 콘텐츠 인식 색에 무관한 콘텐츠의 개념 정보의 구별점을 색상으로만 하지 않고 색을 배제하더라도 인식할 수 있도록 제공하는 것 색에 무관한 콘텐츠의 필요성 색에 무관한 콘텐츠 인식의 목적 시력이 약한 사용자에게 색상이 아닌 다륹 방식으로 구분할 수는 있도록 정보제공 색에 무관한 콘텐츠 인식의 검사항목 도식 유형에 제공하던 검사항목, 페이지 네비게이션 -색상만구분-> 정보인식 명도차에 대한 색상 구분은 두지 않음 제공 방법 제공 방법 기준: 색을 배제하여도 해당 콘텐츠를 인식할 수 있는 정보를 제공한 경우 준수한 것으로 인정 오류 유형 분석 색의 경우는 보조적으로 제공하고 며오학한 수치파악을 위해 보조선 및 범례를 두어 구분할 수 있도록 한다 페이지 내비게이션, 메뉴, 현재 ..
친화도법(Affinity Diagramming) 사용자리서치의 수행 결과로 방대한 양의 노트, 사진, 음성 기록, 영상 기록 등 자료가 사용자로부터 수집되고 이로부터 추출된 팩트, 시사점 등에 대한 기록이 더해지게 된다. 이렇게 방대한 자료를 분석하는 데는 수개월에서 수년의 시간이 필요하게 된다. 친화도법은 이러한 결과물들을 체계적으로 정리하고 시각화 하여 이후 데이터에 기반을 둔 UI/UX 련 업무를 가능하게 하는 해법이 되어 주는 기법이다 친화도법은 사용자리서치의 결과로 얻어진 정량적 데이터를 작은 덩어리로 만들고 그 덩어리들을 특정 주제나 문제와 관련된 분류와 해당 분류의 하위분류로 구분하는 귀납적 방법이다. 이러한 분류는 사용자리서치 및 UI/UX와 관련한 업무를 수행하는 관계자들이 한 장소에 모..
인식의 용이성 콘텐츠를 인식하기 쉽게 하자는 의미 1. 적절한 대체 텍스트 제공 : 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다. 2. 자막제공 : 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다. 대체 텍스트 대체 텍스트의 이해 대체 텍스트의 개념 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠 등에 대하여 이를 텍스트 정보로 대체해 주는 것 텍스트가 아닌 콘텐츠를 대체하여 제공하는 텍스트 정보 대체 텍스트의 필요성 음성으로 변환이 가능한 텍스트로 제공 이미지가 제공되지 못하는 환경에서 대체 텍스트를 화면에 제시 검색엔진에서 이미지를 검색할 때, 대체 텍스트를 검색포털에서 보여질 수 있는 조건으로 제시 대체 텍스트의 제공방법..