DAYOUNG

웹 디자인의 정보 정보디자인(Information Design), 유저 인터페이스 디자인(User Interface Design), 그래픽 디 자인(Graphic Design), 컴퓨터그래픽(Computer Design) 운영 등 필요 지식을 기반으로 정보를 계층화하고 설계해야한다. 웹 디자인의 정보 종류 디지털 콘텐츠를 기반으로 사용자에게 전달되는 정보는 다음과 같다. 구체적 사실(Facts): 실제의 사실을 말하며, 특별한 설명이 없어도 이해할 수 있는 구체 적인 정보 개념(Concept): 대상을 이해하기 쉽도록 나타내는 정의 절차(Procedures): 순차적으로 진행되어야하는 과정에 대한 정보 과정(Process): 특정한 주제를 전달되는 원리에 대한 정보 웹 디자인의 정보 구조화 체계화된 정보..

센스리더 설치와 활용 센스리더에서 이미지 요소에 alt 속성으로 대체텍스트를 제공하지 않은 경우 이미지 경로를단어또는자음, 모음 조합으로 음성을 출력 이미지가 구조적인 정보를 담고 있거나 많은 정보를 담고 있어 단순한 단어나 짧은 문장으로 설명할 수 없는 경우 longdese 속성을 사용 target="_blank" 속성을 사용하여 링크를 새 창으로 열리게 할 경우 "새 창 링크"로 음성을 출력 label 요소를 암묵적으로 제공한 경우 센스리더에서 정상적으로 음성으로 출력하지 못하는 문제가 있으니 가급적이면 명시적으로 사용하는 것을 권장 내용이 없는 프레임의 경우 간혹 title="빈프레임" 으로 제목을 제공하는 경우에는 "빈 프레임 프레임"과 같이 "프레임"을 두 번 음성을 출력하는 문제가 발생할 수 ..

사용자 평가 도구의 이해 화면 낭독기의 이해 및 사용법 화면낭독기, 스크린더와 같은 명칭의 츠로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환 스크린리더는 웹페이지에 없는 정보를 스스로 판단해서 음성으로 생산하는 것이 아니라 웹 개발자에 의해 제공된 정보만 음성정보로 제공 가성커서는 스크린리더에서 인터넷브라우저를 지원하기 위해 사용하는 개념으로 화면에 표시되지 않는 가상의 UI 스크린리더는 제품마다 치신기술 지원 여부와 동작방식에 일부 차이가 있으므로 2개 정도의 제품으로 중복 테스트를 하는 것을 권장

전문가 평가 도구의 이해 웹 접근성 평가 도구 소개 및 설치 방법 CCA 전경색과 배경색의 명도 대비 분석 도구 [웹 페이지, 캡쳐 이미지, 윈도우 객체] WAT 인터넷 익스플로에서 수동 검사를 지원 브라우저 개발자 도구 크롬, 파이어폭스, 오페라 웹 브라우저에서 지원 평가도구의 이해 평가도구는 HTML 코드를 분석하여 기계적으로 추출 가능한 항목만을 점검 웹 접근성에 관한 정밀한 평가를 위해서는 도구에 의한 자동평가와 사람에 의한 수동평가가 병행 되어야함 평가도구의 종류로는 K-WAH, OpenWAX CAA, WAT, 웹 브라우저 개발자 도구 등이 있음 K-WAH 점검 항목으로는 대체텍스트 제공 유무, 제목 제공 유무, 기본언어 명시, 사용자 따른 새창 열기, 레이블 제공 유무, 마크업 오류 방지 등이..

디자인 가이드를 위한 스토리보드 스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주 요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영상 매체를 제작하는 과정에서 스텝들 간의 원활한 의사소통을 하기 위해 제작된 문서이다 스토리보드의 구성 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사 용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야 한 다. 이 때 메뉴 구성을 포함한 페이지의 구성은 디자인 요소 중 아주 중요한 부분을 차 지하게 된다. 각 페이지의 정보를 요약하며, 저장될 디렉터리, 파일 이름, 페이지 타이틀 등을 메모하 듯이 작성한 후 링크 정보를 ..

태스크 플로우 작성하기 사이트 맵은 웹사이트의 특정 영역을 대표하는 페이지들을 시각적으로 보여주는 것을 의미한다. 회사 조직도처럼 생겼으며 사이트의 수직적인 구조를 보여준다. 태스크 플로우는 사용자들이 웹사이트를 항해하는 중 취하는 경로나 과정을 보여준다. 사용자의 옵션이나 경로를 상세히 보여주기 위해 제작된다. 시나리오 기반의 태스크 분석 정의 사용자의 니즈와 요구사항을 기반으로 사용자가 우리 서비스를 이용하여 어떤 작업을 수행하도록 할 것인가 정해야 하는데 이를 태스크(과업)이라고 한다. 이 태스크(과업)을 누가 어떤 상황에서 어떻게 수행하는가를 그리는 과정이 시나리오 작업이다. 태스크(과업) 분석은 이 서비스를 통하여 앞에서 정의한 페르소나가 무엇을 할 수 있 을지, 사용자들에게 어떤 기능들을 제공..