거래소 UX/UI 분석

이동창·2021년 8월 12일
1

CEX

  • 사실 오더북과 관련된 기능이 많이 포함되어 있어서, 각 기능의 배치를 중점으로 보진 않았음
  • 그래도 참고할만한 사항이 있으면 정리함
  • 탭에 현재 가격 표시는 CEX에서 기본

해외 거래소 vs 국내 거래소

  • 해외 거래소는 어두운 배경, 국내 거래소는 밝은 배경이 주를 이루고 있음
  • 해외 거래소는 고정 화면에 모든 정보가 들어가있는 느낌이고
    국내 거래소는 정보를 빡빡하게 넣기보다는, 조금 넉넉하게 배치해 가독성을 높임

KUCOIN

👉Good UX point

  • 화면을 스크롤 할 필요없이 고정된 화면에 필요한 정보를 다 볼 수 있음
  • 다른 거래소에 비해 (바이낸스라든가..) 차트의 크기가 커서 보기 편함
  • 차트에 약간의 장난질 가능, 그리기, 텍스트 넣기 등등

Coinbit

👉Good UX point

  • KUCOIN과 마찬가지로, 스크롤 필요없이 한 화면 안에 모든 정보를 확인 가능
  • 개인적으로 봤을 때 국내 거래소의 특징이라고 생각하는데, 현재 가격의 폰트가 커서
    가격이 한눈에 들어온다는 점이 좋았음
  • 오른쪽 사이드바에, 현재 보고 있는 asset 말고도 다른 asset의 상황을 간략히 표시해줌

Upbit

👉Good UX point

  • Coinbit과 마찬가지로, 화면에서 가장 큰 폰트사이즈를 갖고 있는 부분이 가격임
  • 다만 Coinbit과는 다르게, 더 많은 정보를 보려면 스크롤 해야 함
    여러가지 정보를 취합해서 투자하는 유저들에게는 불편함이 될 수도 있지만,
    Light 유저 입장에 봤을 때는 오히려 깔끔하다는 느낌이 들 수도 있겠다 생각이 듬
  • 마찬가지로 오른쪽 사이드바에 다른 asset들의 리스트와 정보들이 담겨있음
  • 보유에서 자신이 보유한 asset의 수익률 확인 가능 (따로 dashboard 가지 않아도)





DEX


JustSwap

👉Good UX point

  • 전형적인 Uniswap 식 UI이지만, 밑에 간단한 그래프가 나와있고 Hover시 확대
  • 이외에는 별게 없음

1inch

👉Good UX point

  • 1inch는 simple 모드와 classic 모드가 있는데, default가 simple이라
    classic 모드를 선택해줘야 위 화면처럼 바뀜
  • 위의 JustSwap에 더 자세한 그래프를 추가한 느낌

비슷한 친구들

Convergence

DeversiFi

Matcha

StellarTerm

👉Bad UX point

  • 오더북 기반 Dex인 것으로 보이는데, 정보들이 한 화면 안에 들어오지 않는게 아쉬움
  • 1920x1080 기준으로도 금액 입력칸이 화면 안에 없음
  • 양 옆으로 공간이 많이 남는데 배치를 조금 더 신경 썼다면 충분히 담을 수 있지 않았을까?

Vite

👉Good UX point

  • 해외 CEX 거래소의 UI와 매우 유사함 (고정 화면, 큰 그래프, 유동량 표시)
  • 다만 오더북 형식인 것으로 보여, 참고하기에는 애매함

OpenOcean

👉Good UX point

  • 개인적인 기준으로, 색 구성이 깔끔한 느낌 (다크로 할거면 애매한 회색 네이비보다 검정이 더 괜찮은 느낌)
  • 고정화면, 큰 그래프
  • 옆 사이드바에서 다른 DEX, CEX에서의 가격도 보여줌

BamBoo

👉Good UX point

  • 여기도 색 구성 깔끔
  • 이외에는 무난하나, 밑에 Chat 있음 (국내 거래소에 하나씩은 있던데)




개인적 Good UX point 종합

  • 색 구성
  • 고정화면, 큰 그래프
  • 사이드 바에 다른 asset 상황
  • 본인이 보유한 asset 수익률 확인
  • 다른 DEX, CEX에서의 가격 보여주는 것
  • 현재 가격의 폰트를 크게
  • 탭에 현재 가격이 표시되면 좋을듯

애매한 point

  • simple, pro를 나누는 것?

0개의 댓글