전자정부 웹사이트 UI·UX 가이드라인

  뉴딜코리아 홈페이지 

전자정부 웹사이트 UI·UX 가이드라인

행정안전부에서는 전자정부 서비스의 사용자 편의성을 향상시키고 사용자 관점에서 공공 웹사이트를 설계할 수 있도록 "전자정부 웹사이트 UI·UX 가이드라인"을 마련하였습니다.

행정·공공기관에서는 웹사이트를 신규 구축하거나 개선할 경우, 전자정부 웹사이트의 사용성 개선을 위해 본 가이드라인의 사용자인터페이스·경험(UI·UX)을 준용하여 주시기 바랍니다.

전자정부 웹사이트 UI·UX 가이드라인은 사용자에 대한 이해를 바탕으로 전자정부서비스를 효율적으로 제공할 수 있는 설계 방안을 제공합니다.

가이드라인은 전자정부 웹사이트의 UI·UX에 대한 설계 원칙, 설계 기준, 설계 가이드, 품질 진단서(품질 점검표, 품질 평가표)로 구성되어 있습니다.

다음 목록에서 추진하고자 하는 전자정부 웹사이트 작업이 무엇인지 확인한 후 작업과 관련된 가이드라인 내용을 빠르게 찾아 볼 수 있습니다.

■ UI·UX를 분석․설계할 때,

구축 또는 개선하고자 하는 웹사이트 유형과 특성을 확인한 후, “설계 가이드”에서 해당하는 UI패턴 유형(공통 패턴 22개, 특화 9개) 별 사용성(134개) 및 접근성(44개) 체크리스트, 적용 예시를 참조하여 분석·설계합니다.

웹사이트 설계의 방향성은 “설계 원칙”에서, 구체적인 점검사항과 행동방안은 “설계 기준”에서 확인가능 합니다.

 o UI·UX 설계 원칙 ․ 011p
 o UI·UX 설계 기준 ․ 018p
 o UI·UX 설계 가이드 ․ 027p

■ 사업 발주서를 작성할 때,

사업 참여자들은 설계 원칙이 담고 있는 전자정부 웹사이트 사용자경험 설계의 목적, 방향성, 기대효과를 충분히 이해하고 숙지해야 합니다.

사업에 반영될 수 있도록 제안요청서(RFP, Request For Proposal)에 설계 원칙을 포함시켜야 합니다.

 o UI·UX 설계 원칙 ․ 011p
 o UI·UX 설계 기준 ․ 018p

■ UI·UX 품질을 점검할 때,

품질 점검표(필수 74개 항목, 권장 60개 항목)에 기반하여 UI·UX 관점에서의 전자정부 웹사이트 개선 지점을 확인하고, 설계 가이드의 해당항목을 참조하여 개선합니다.

 o UI·UX 설계 가이드 ․ 027p
 o UI·UX 품질 점검표 ․ 127p

■ 사용성과 관련된 만족도를 조사할 때,

유용성, 효율성 등의 사용성을 측정할 수 있는 품질 평가표(26개 항목)를 활용하여 전자정부 웹사이트에 대한 사용자들의 만족도 수준을 확인하고 설계 기준의 해당항목을 참고하여 개선합니다.

 o UI·UX 설계 기준 ․ 018p
 o UI·UX 품질 평가표 ․ 154p

☞ 첨부파일 : 전자정부 웹사이트 UI·UX 가이드라인.pdf(배포본) 

 - 행정안전부 (작성자 : 정보자원정책과 / 박태균 / 044-205-2811 )

웹품질, 웹접근성, 웹표준 진단
홈페이지/DB 내 개인정보를 점검/ 분석
웹 취약점 진단 및 모의해킹

컨설팅 : ISMS, ISO27001  GDPR,PCI-DSS  

070-7867-3721, ismsbok@gmail.com

모바일 웹 애플리케이션 로드맵 새로운 버전 발표 (W3C)

 뉴딜코리아 홈페이지

■ 모바일 웹 애플리케이션 로드맵 새로운 버전 발표 (W3C)
(NEW VERSION OF THE ROADMAP OF WEB APPLICATIONS ON MOBILE)


▶ 2019년 1월 7일, W3C는 모바일 웹 애플리케이션 로드맵의 새로운 버전을 발표함

  - 로드맵의 내용은 2018년 7월 이후 웹 플랫폼의 변화를 반영하여 업데이트 되었으며, W3C에서 개발된 웹 응용 프로그램의 기능을 향상시키는 다양한 기술과 이를 모바일 환경에서 더욱 구체적으로 적용시킬 수 있는 방법을 요약하고 있음


▶ 특히, 네이티브와 갭을 줄이기 위해 웹 플랫폼 인큐베이터 커뮤니티 그룹(WICG, Web Platform Incubator Community Group)에서 최근 논의한 내용이 반영되어 있음


▶ 주요 업데이트 내용

 ○ 구분 : 시험 작업 (Exploratory work)
   - 미디어(Media)에서 자동재생 정책 언급
   - 애플리케이션 수명주기(Application Lifecycle)와 네트워크 및 통신 (Network and Communications)에서 백그라운드 패치(Background Fetch) 언급
   - 그래픽 및 레이아웃(Graphics and Layout)에서 CSS 페인팅 API 레벨 1 언급
   - 성능 및 튜닝(Performance and Tuning)에서 디스플레이 잠금 표시
   - 애플리케이션 수명주기(Application Lifecycle)에서 포털 언급
   - 사용자 상호작용(User Interaction)에서 WebHID 언급
   - 그래픽 및 레이아웃(Grophics and Layout)에서 스크롤 링크 애니메이션 언급

 ○ 구분 : 진행 중인 기술 (Technologies in progress)
   - WebXR Device API를 미디어(Media)에서 진행 중인 기술로 이동
   - 보안 및 개인 정보(Security and Privacy)에서 웹 인증 설명 업데이트

 ○ 구분 : 잘 적용된 기술 (Well-deployed technologies)
   - 포인터 이벤트를 사용자 상호 작용(User Interaction)의 잘 배치된 섹션 으로 이동


※ 사이트 : https://www.w3.org/blog/news/archives/7475

​


>> 웹 표준/ 접근성 진단 주요 솔루션 ……………………………………………………………………………….......................
.............................................................................................................................
…… CoolCheck!™ Privacy Monitoring System  ::::: 홈페이지 개인정보 노출점검 통합관제 시스템
…… CoolCheck!™ Enterprise                   ::::: 홈페이지 통합관제(품질진단/개인정보진단/접근성진단)
…… CoolCheck!™ Accessibility                ::::: 웹표준/접근성진단/자산관리
…… CoolCheck!™ Privacy                       ::::: 개인정보진단/기술적오류진단
…… CoolFilter!™                                  ::::: 홈페이지 게시판 개인정보 등록차단
…… CCD (CoolCheck!™ Desktop)             ::::: PC내 개인정보 관리/점검/암호화저장
...............................................................................................................................
문의 : 뉴딜코리아 솔루션사업부 (070-7867-3721, ismsbok@gmail.com) 

출 처 W3C
​