UIUX 디자인 입문 레퍼런스 분석1 핀테크/금융 6-3

실제레퍼런스를 함께 분석해보겠슴다!!

 

핀테크/금융 관련 제품의 특징을 살펴보고 실제 사례로 레퍼런스 분석을 해봅시다

 

1) 핀테크/금융 제품의 특징

• 돈과 관련된 산업이다 보니 국가, 금융 기관의 법과 정책의 영향을 많이 받습니다.
• UI에 대한 구체적인 가이드라인이 있다거나 화면에 대해서 관련 기관의 심의를 받아야 하는 경우도 있죠.

💡 핀테크/금융은 여러 앱을 동시에 비교해 보는 걸 추천해요

도메인의 특성상 제약 사항이 있는 경우가 많은데요.
제한 조건을 각각의 앱에서 어떻게 풀어냈는지 비교해 보는 것이 도움이 돼요.
같은 기능의 화면을 찾고 비슷하면서도 다른 점을 비교해 보고, 사용성을 높이기 위해 노력한 흔적을 찾아보세요.

 

 핀테크/금융 주요 레퍼런스

 

테크와 파이낸셜 결합 용어로, 전통적인금융기관과는 구분되는 금융쪽에 테크를 결합한 서비스 

토스, 네이버페이, 카카오페이

 

전통적 금융기관 은행사

1금융/인터넷은행/ 2금융,저축은행

 

금융기관 큰분류로 보면 볼수있다.

카드사/증권사 토스증권, 생명보험

 

 👩‍💻 아래의 기능들을 한 번 살펴보세요
금융자산 연결
자산/소비 분석
신용대출 비교 

 

2) 레퍼런스 분석 사례: 토스

 

만들려는 솔루션이 분명해서 특정 디자인패턴만 보고싶은경우

시장이나 도메인분석차원에서 유사한 서비스를 하는 앱을, 전반적 화면을 폭넓게 분석하는경우

 

gnb 글로벌 네비게이션 바

모든탭에서 공통적으로 나오는지.

 

모든탭에서 공통적으로 나오진 않아서 gnb아니구나

ui요소가 어떤 카테고리로 들어가는지.

다이나믹하게 이벤트 배너가 바뀐다.

 

조직마다 부르는 명칭같은건 다르다.

어떤 특징이나 요소를 가지고 있는지 분석해보는게 더 중요하다.

 

상하단에 고정된 네비를 가지고 있다.

하단네비(5개탭)

 

디자인원칙 소비섹션

 

소비지출 분석 - 핀테크에서으 ㅣ주요기능!

 

정보 그룹화하는데 시각적원칙을 잘 사용

유사성원리(모양,색상 비슷한것을 사용해 같은정보를 보여줌)

그래프. 색상이나 패턴 사용하고

정보를 보여줄때  범례에 색상 똑같이 사용해서

같은 데이터로 잘 디자인 했구나 알수 있었다!