이해의 용이성(2)

이해의 용이성(2)

콘텐츠 선형구조

• 제목과 내용이 연속되어 있는 구조인 경우, 제목에 해당하는 내용임을 인식할 수 있도록 순서대로 구성 (구조 : 제목+내용)
• 반드시 제목과 내용순이 아니라, 직관적으로 내용을 이해할 수 있는 형태로 구성되어 콘텐츠를 선형화하였을 때 이해가 용이하도록 제공

표의구성

• 데이터 테이블과 레이아웃용 테이블
  • 데이터 레이블 : 제목, 요약과 함께 제목 셀, 내용 셀을 구분
  • 레이아웃용 테이블 : 표의 제목, 요약 및 제목 셀과 내용 셀을 구분하지 않아 데이터가 들어있는 표가 아님을 알 수 있도록 제공
• 표의 형식을 제거하고 내용을 선형화 시켜 내용을 이해하는데 문제가 있으면 데이터 테이블, 없으면 레이아웃용 테이블

레이블 제공

• 입력서식에는 반드시 레이블을 제공하여 입력창에 대한 설명을 제공
  • 레이블과 입력서식이 1:1로 대응하는 경우 : label for 값과 input id값을 연결
  • 레이블로 연결할 입력서식이 여러개인 경우 : title 속성 값으로 입력서식 요소에 대한 용도나 목적을 제공

오류 정정

오류를 정정할 수 있도록 오류 내용을 알려주고, 이를 정정할 수 있도록 오류 위치로 이동

image 출처 : https://cdn.dribbble.com/users/103909/screenshots/4187757/refundo-02.png