티스토리 뷰

UI 구현 표준 검토하기

UI 표준 관련 기준 파악

고객 요구사항, 접근성 기준, 플랫폼에 대한 UI 표준 관련 기준을 파악할 수 있다.

UI 구현 표준의 정의

  • 큰 프로젝트에서는 다양한 개발자들이 협업을 통해 각기 개발한 화면들 간에 갖춰야 할 최소한의 공통 규격이 필요한데 이 때 전체 시스템에 공통으로 적용되는 화면 간 이동, 화면구성등에 대한 규약을UI 표준 혹은 표준 UI라고한다.
  • 표준프레임워크는 웹 또는 어플리케이션 구축 시 화면 구현이 필요한 기능에 대해 기본 적인 화면 표준을 정의하여 개발 및 유지보수를 위한 화면 개발 가이드를 제시한다.

UI 구현 표준안의 구성 요소

  • UI화면 표준안 : 웹 또는 어플리케이션 구축 시 화면 구현이 필요한 기능에 대해 기본적인 화면 표준을 정의하여 개발 및 유지보수를 위한 화면 개발 가이드를 제시한다.
  • 디렉터리 구성 정의 : 디자인 이미지 디렉터리의 명명 규칙을 나타낸다. 디렉터리 구성 정의는 하나의 예시로써 사용자의 개발환경에 따라 변경 가능하다.
  • 파일 명명규칙 정의
    • 이미지타입 구분코드 : 이미지의 사용 용도에 따라 유형을 구분하여 파일 명명에 사 용한다.

웹 표준 및 호환성

  • 웹 표준이란 웹의 필수 구성요소인 HTML, CSS, Java Script 등에 대해서 W3C 국제표준 문법을 정확히 준수하여 웹 문서가 작성되었음을 의미한다.
  • 웹 호환성이란 사용자의 웹브라우저와는 상관없이 웹 콘텐츠가 동등하게 표현되고 웹서 비스가 오류 없이 동작해야함을 말한다. 웹브라우저 간의 호환성 확보를 위해 기본적으 로 Cross Browsing 을 지원해야 하며, 액티브X 대체기술 활용 등은 인터넷이용환경 개선을 위한 방송통신위원회 권장사항을 따르도록 한다.

웹 접근성 준수

  • 한국형 웹 콘텐츠 접근성 지침 2.1(Korean Web Content accessibility guidelines 2.1)은 웹 콘텐츠의 접근성을 향상시키기 위한 기술적 규격을 포함하고 있다. 이 표준에서는 장애 인이 비장애인과 동등하게 웹 콘텐츠에 접근할 수 있도록 웹 콘텐츠를 제작하는 방법 에 관하여 기술하고 있다. 이 표준에 포함된 지침들은 웹 콘텐츠 저자, 웹 사이트 설계 자들이 관련된 지침을 준수하여 접근성(accessibility)을 보장하는 웹콘텐츠를 쉽게 만들 수 있도록 도와주기 위하여 기획되었다.
  • KWCAG 2.1은 W3C 국제표준을 토대로 국내 실정을 반영해 최종 4개의 원칙(Principle),13 개 지침(Guideline), 24개 검사항목(Checklist)으로 구성되어 있다.
    1. 인식의 용이성(Perceivable) : 웹사이트에서 서비스하고 있는 모든 콘텐츠가 누구에 게나 쉽게 인식할 수 있도록 설계되어야 함을 의미한다.
    2. 운용의 용이성(Operable) : 웹 콘텐츠에 포함된 모든 요소들의 기능이 누구에게나 쉽게 사용할 수 있어야 함을 의미한다.
    3. 이해의 용이성(Understandable) : 사용자들이 가능한 한 쉽게 이해할 수 있도록 콘 텐츠나 제어 방식을 구성해야 함을 의미한다.
    4. 견고성(Robust) : 웹 콘텐츠가 다양한 사용자 환경에서도 적절하게 접근 가능해야 한 다는 것을 의미한다.
한국형 웹 콘텐츠 접근성 지침 2.1
KWCAG 2.1 지침 내 용
인식의 용이성 1.1 대체 텍스트 텍스트 아닌 콘텐츠에는 대체 텍스트를 제공해야 한다.
1.2 멀티미디어 대체 수단 동영상, 음성 등 멀티미디어 콘텐츠를 이해할 수 있도 록 대체 수단을 제공해야 한다.
1.3 명료성 콘텐츠는 명확하게 전달되어야 한다.
운용의 용이성 2.1 입력장치 접근성 콘텐츠는 키보드로 접근할 수 있어야 한다.
2.2 충분한 시간 제공 콘텐츠를 읽고 사용하는 데 충분한 시간을 제공해야 한다.
2.3 광과민성 발작 예방 광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하지 않아야 한다.
2.4 쉬운 내비게이션 콘텐츠는 쉽게 내비게이션할 수 있어야 한다.
이해의 용이성 3.1 가독성 콘텐츠는 읽고 이해하기 쉬워야 한다.
3.2 예측가능성 콘텐츠의 기능과 실행결과는 예측 가능해야 한다.
3.3 콘텐츠 논리성 콘텐츠는 논리적으로 구성해야 한다.
3.4 입력 도움 입력 오류를 방지하거나 정정할 수 있어야 한다.
견고성 4.1 문법 준수 웹 콘텐츠는 마크업 언어의 문법을 준수해야 한다.
4.2 웹어플리케이션 접근성 웹 애플리케이션은 접근성이 있어야 한다.

UI 관련 표준화 조직

  • ISO/IEC/JTC1/SC35를 중심
    1. 키보드 배열 표준화
    2. 제스처 기반 사용자-인터페이스 표준화
    3. 음성명령 사용자-인터페이스 표준화
    4. 아이콘(Icon) 표준화
    5. 위젯(Widget) 표준화 및 상호작용 방식

모바일 접근성에 대한 표준

  • 모바일 애플리케이션 접근성 지침에는 “준수사항”과 “권고사항”이 포함된다.
  • 모바일 애플리케이션 접근성 지침 : 국가정보화기본법 제32조 제5항에 따라 모바일 애 플리케이션 서비스 제공자가 장애인과 고령자들의 접근성을 보장하기 위하여 애플리케 이션 제작하는 과정에서 반드시 지켜야 할 사항을 규정하고 있다.

UI/UX Design

UI/UX 환경 분석

UI/UX 계획 수립

사용자 리서치

UI/UX 요구 분석

UI/UX 콘셉트 기획

UI 아키텍쳐 설계

TAG
댓글
댓글쓰기 폼