BREX. Brilliant Experience

SOL GLOBAL
DESIGN SYSTEM

2022.01 - 2022.05

Overview

신한SOL 글로벌시스템은 디자이너와 개발자가
디자인 시스템에 대한 이해를 바탕으로 시스템을 효율적으로
운영 관리할 수 있도록 합니다.
브랜드 아이덴티티를 유지하면서도
유기적인 시스템을 목표로 합니다.

Enables designers and developers to efficiently operate and manage the system
thanks to a good understanding of the the design system.
It aims to create an organic system while maintaining SOL's brand identity.

01 Global

일반적 사용성 고려하기

접근성과 관용성을 확대하여 다양한 사용자를 고려합니다.
불특정 다수의 사용자도 시스템에 접근 가능하도록 합니다.
문화적, 언어적 차별이 없이 사용자 요구사항을 동시에 반영합니다.

02 local

현지화 특수성 고려하기

일관성 있는 개념적 구조를 제공합니다.
이용 시 예측 가능한 UI를 적용하여 편의성 향상합니다.

03 EASY

쉽게 표현하기

직관적인 아이콘을 적용하여 학습 없이 문화적, 언어적 장벽들을 자연스럽게 극복하도록 합니다.
사용자에게 즉각적인 피드백으로 혼란을 최소화합니다.
사용자에게 다음 프로세스 진행에 대한 고민을 최소화하도록 합니다.

04 simple

간결하고 명료하게

간결성이란 커뮤니케이션을 위한 꼭 필요한 요소로 디자인에 적용합니다.
사용자에게 한 번에 너무 많은 기능을 제공하지 않습니다.
디자인된 요소들의 의미가 모호하지 않고 명료하게 적용합니다. 복잡한 버튼이나 아이콘은 사용자의 부담이 되므로 지양합니다.

UX Principle

신한은행 글로벌 디자인 시스템은 기본이 되는
공통의 가치와 원칙을 지킵니다.
서비스를 이용하는 사용자에게 UX 방향성과 사용성에 대한
명확한 기준으로 최고의 경험을 선사합니다.

Design Principle

신한은행 글로벌 디자인 시스템은 기본이 되는
공통의 가치와 원칙을 지킵니다.
서비스를 이용하는 사용자에게 UX 방향성과 사용성에 대한
명확한 기준으로 최고의 경험을 선사합니다.

SHINHAN
GLOBAL DESIGN
SYSTEM

가장 작은 단위의 Single Components를 기초로
Single Components를 조합한 단위기능의 Combined Components로 확장되며
Combined Components와 Single Components를 포함한 페이지 단위의
Templates 단계로 정의한다.
Templates에 고유 기능을 추가하여 신한 글로벌 표준앱을 구현합니다.

Single Components
Combined Components
Templates
TEMPLATES
+ FUNCTION

Templates에 고유 기능을 추가하여 신한 글로벌 표준앱을 구현합니다.
디자인 및 코드 상에서, 간단한 조작 및 변경으로 컴포넌트 조합과 시스템 가이드 재적용이 가능하게 구성합니다.

SHINHAN GLOBAL
STANDARD APP

신한은행 글로벌 표준앱은 Shinhan Global Design system을
바탕으로 고객 사용성과 글로벌 특성을 모두 수용할 수 있도록 한다.
각 영역들이 컴포넌트가 되고 복수의 컴포넌트로 조합하여
바로 적용할 수 있도록 타입별 공통 기준을 제시한다

UI Guide : 디자인의 컴포넌트화

표준앱을 글로벌 국가에 적용할 때 현지 고객의 사용성과 글로벌 특성을 고려하여
UI를 쉽게 변경할 수 있도록 각각의 표준 컴포넌트를 제공하도록 한다.

SHINHAN GLOBAL
STANDARD APP
SCREEN

홈스크린에서 사용성으로 고려하여 주요서비스를 상단에 배치하고
컨텐츠 영역에 My Menu를 배치하여 사용자 위주의 화면을 구성할 수 있도록 합니다.
지속적인 반복 및 혁신을 위한 기반을 제공합니다.

동일 기능에 대해
국가별 프로세스를 분석하여
공통 기준을 마련합니다

특정 국가에 국한되는 의미의 레이블 및 앨리먼트 사용을 지양하고,
현지 특화가 반드시 필요한 부분에 대해 가변영역 설정 및 기준 타입을 제시합니다.

DISCOVER : PROCESS ANALYSIS

TRANSFER
TRANSFER 도식확

DISCOVER : PROCESS ANALYSIS

INQUIRY
INQUIRY 도식화
USABILITY TEST
& ANALYSISN

네덜란드, 베트남 등 9개국 20명을 대상으로 총 34개의 문항,
16개의 Task로 온라인 & 대면으로 검증을 진행하였습니다.
로그인, 홈, 이체, 계좌조회 등의 주요 화면으로 프로토타입 제작하여
편의성, 시인성, 접근성, 이용률 등의 주요 UX적 항목을 분석하고,
분석 결과를 기반으로 고도화할 수 있는 토대를 마련하였습니다

최적의 사용성과 효율성을 위해
3가지 기준에 초점을 맞췄습니다
01 Constructive Feedback
즉각적인 피드백을 통해 사용자가 수행하고자 하는 작업의 진행 상황을 명확히 전달하고 에러 메시지는 즉각적으로 확인이 가능한 실용적인 가이드를 제공하여 오류 및 소요시간을 최소화합니다.
02 Natural Mapping
사용자는 실제 경험과 기억을 기반으로 기대와 선택하게 됩니다. 실제 은행 경험과 유사한 유저플로우를 설계해 정보를 사용자 관점에서 목표 지향적인 순서로 제공하고 신뢰할 수 있는 경험을 구축합니다.
03 Recognition Over Recall
확립된 범용적인 디자인을 적용해 UI와 콘텐츠에 담은 의미를 기억과 학습에 의지할 필요 없이 효과적으로 전달합니다.
사용자 관점의 심플하고 직관적인 Tone of Voice를 유지해 UI가 쉽게 인식되고 특정 행동을 유도할 수 있도록 합니다.
Credits
Project Manager
Kim Mokhwa
Creative Director
Jin Booooohyang
UX Designer
Seong Woojin Ha Seunghyun Kim Bohyun Kim Jinhee
UI Designer
Ji Soohyun Kim Garam Yoo Hanna
Client
목록으로 돌아가기