[UX/UI] 디지털 정부서비스 UI/UX 가이드라인

서론

UX/UI 관련 자료조사 도중 2024년 정부에서 가이드라인을 발표한 부분이 있어 Figma에 옮겨담는 과정을 정리해본다.

사이드 프로젝트에 대한 기본 웹앱 구조에 반영하면 MVP 단계에서의 디자인 작업은 불필요할지도..?

---

디지털정부 서비스 UI/UX 가이드라인

행정/공공기관이 구축 운영하는 모든 웹사이트, 모바일 웹·앱은
본 가이드라인의 원칙을 비롯하여 스타일, 컴포넌트, 기본 패턴, 서비스 패턴의
세부 가이드를 준수하여 UI/UX를 설계 및 구현해야 한다.

---

필요한 부분

• 일관적인 디자인 시스템
  • 스타일 가이드
    • 컴포넌트, 기본 패턴을 시각적으로 일관성 있게 표현하기 위한 규칙
  • 컴포넌트
    • 사용자 인터페이스의 가장 작은 단위로 과업에 상관 없이 일관성 있게 사용되는 공통 요소에 대한 가이드
  • 기본 패턴
    • 컴포넌트 요소들이 조합되어 핵심 과업을 수행하는 데 반복적으로 함께 사용되는 사용자 인터페이스 집합에 대한 가이드
  • 서비스 패턴
    • 디지털 정부서비스에서 제공하는 핵심 과업에 대한 사용자 여정 기반의 사용자 경험 설계 가이드

범정부uiux공통가이드개발_스타일가이드 Figma

• 디자인 시스템 활용 UX/UI
  • 필요한 컴포넌트를 재사용하여 구성할 수 있는 샘플 페이지

범정부uiux공통가이드개발_표준프로토타입 Figma

---

Figma 리소스 다운로드

 

• 홈페이지 - 디자인 리소스 다운로드

KRDS

---

참고 및 인용 출처

- 대한민국 공식 전자정부 누리집. (2024). 디지털 정부서비스 UI/UX 가이드라인. KRDS.