구름IDE 대시보드 개선하기

VOC(Voice Of Customer)를 반영한 디자인 개선 후기

Dong-gri
Dong-gri
May 30 · 6 min read


컨테이너 생성을 어디서 하나요?

작년 하반기 IDE 서비스 리뉴얼 후 꾸준히 제기 되어온 VOC였습니다. 특정 단계를 거칠 필요 없이 대시보드의 바로 우측 사이드에 있음에도 불구하고 사용자가 컨테이너 생성 버튼을 찾지 못하는 이유를 고민하게 됩니다.

컨테이너 생성의 중요도와 달리 명확하지 못한 명도대비

Image for post
Image for postImage for post
구름IDE 대시보드를 흑백으로 전환한 모습
Image for post
Image for postImage for post
ⓐ chrome web store plugin, ⓑ dashboard, ⓒ product hunt, ⓓ create container (각 버튼에서 가장 명도대비가 높은 곳을 기준으로 측정)

정보가 많은 복잡한 부분에 위치

Image for post
Image for postImage for post
하단의 컨테이너 리스트와 달리 서비스 Header 부분이 더 복잡해보임
Image for post
Image for postImage for post
신규 사용자가 보게되는 화면 (우측상단 Create yout first container popover은 미반영)

서비스 플랜정보 VS 서비스를 이용하는 부분

Image for post
Image for postImage for post

원인파악을 기반으로 디자인으로 개선

Empty 생성버튼 추가, Header 버튼 정리

Image for post
Image for postImage for post
Image for post
Image for postImage for post

문맥에 맞춰 컨테이너 리스트에 생성버튼 삽입

Image for post
Image for postImage for post

컨테이너 생성 문의 및 VOC 0건 달성

Image for post
Image for postImage for post
지속적으로 꾸준히 제기되어온 컨테이너 생성에 관한 문의
Image for post
Image for postImage for post
뭔가 하나라도 서비스에 기여해서 기쁨

guleum

Dong-gri LAB

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store