활용 사례
회사 브랜딩
home
🛠️

새롭게 단장한 우피 콘솔을 소개합니다!

안녕하세요! 우피팀입니다.
날씨가 점점 따뜻해지면서 옷도 한 겹씩 얇아지고 있는데요, 다들 감기 그리고 코로나 조심하세요!
오랜만에 우피 팀이 소식을 들고 왔어요
기존에 있던 콘솔 화면을 싹- 갈아엎는 대공사(?)가 있었는데요
조금 더 시각적으로 정리된 모습을 통해 사용자 분들의 사용성을 높이고자 업데이트를 하게 되었어요!
어떤 부분들이 개선되었는지 알려드릴게요!

 실제 적용된 것처럼 미리보기!

어떤 점이 바뀌었는지 다들 눈치 채셨나요?  왼쪽에 보이는 프리뷰 화면이 개선되었어요!
기존에 풀로 꽉 차있던 프리뷰 화면을 실제 웹/모바일 화면에 적용된 것처럼 디자인을 변경했어요.
내 홈페이지에 실제로 어떻게 적용되는지 미리볼 수 있는 효과가 있을 거예요!
프리뷰 화면 우측 상단에 있는 핸드폰 아이콘을 클릭하면 모바일 뷰로도 볼 수 있답니다!
모바일로 내 사이트에 들어오는 사람들에겐 어떻게 보일지 미리 확인해 볼 수 있겠죠?
또 기존에 왼쪽 하단에 있던 새로고침 버튼노션 버튼을 우측 상단으로 옮겨 공간을 활용했어요!
버튼으로 인해 기존에 가려지던 화면을 제대로 볼 수 있게 했어요

  한 층 더 정리된 기능별 화면!

우피팀은 그동안 꾸준히 기능 개발을 하나둘씩 해왔는데요
이런 기능들이 콘솔에 하나둘씩 얹혀지다보니 어느순간 각 기능별 구분이 되지 않았고
시각적으로도 정리되지 않기 시작했어요. 이런 화면들이 항상 눈에 밟혔답니다..
그래서 이번에 우피가 싹- 정리했어요

<개선 전>

<개선 후>

변화가 보이시나요?
흩어져있던 기능들을 카테고리에 맞게 분류해 눈에 잘 들어올 수 있도록 구분해서
최대한 심플하게 화면을 정리했어요!
카테고리별로 카드를 만들어 분류를 하고 그 안에서 각 기능 설정들을 할 수 있도록 개선했어요!

 아이콘으로 더 친절하게!

텍스트만 봤을 때 헷갈리던 부분에 아이콘을 추가해서 사용자분들이 조금 더
빠르게 이해할 수 있도록 했어요
앞으로도 다른 기능이 들어올 때 그에 맞는 아이콘을 넣어 이해가 잘 갈 수 있도록 할 예정이에요

 페이지뷰 차트도 정리됐어요!

<개선 전>

<개선 후>

페이지뷰 차트의 막대 그래프의 모습과 페이지들의 모습도 조금 달라졌어요!
이전 페이지뷰 수의 숫자들이 더 눈에 잘 보이도록 하기위해 막대그래프 위쪽으로 위치를 조정을 했어요
또한 막대 그래프에 마우스를 갖다대면 뜨는 작은 카드(날짜와 페이지뷰 수가 보이는 카드)도
더 잘보이도록 디자인을 수정했어요!
작은 부분들이지만 화면 정리를 통해 사용자분들의 사용성을 조금이나마 높이고자 했답니다

 불필요한 공간 없애기!

개선 후
개선 후
우피의 작은 부분들을 조금씩 변경해서 시각적으로 정리하는 시간을 가졌어요.
폰트, 플러그인 등의 화면 안에서 쓸데없이 자리를 차지하고 있던 공간들을 최대한 없애고
심플하면서도 필요한 것만 보일 수 있게 정리를 했어요
불필요한 공간을 최대한 줄이고 기능에 초점을 맞춰 이전보다 더 쉽게 사용할 수 있도록 정리했답니다
이외에도 우피의 기능을 사용하시다보면 조금씩 바뀐 부분들을 느낄 수 있을 거예요!
우피 팀이 이번에 열심히 개선하려고 노력했답니다!
이전보다 우피 사용성이 좋아졌길 바랄게요!
혹시라도 또 다른 개선 사항이나 의견이 있으시다면 언제든지 우피에게 알려주세요!
이번 컨텐츠는 어떠셨나요?
궁금한 부분이 있다면 우측 하단에 있는 메신저를 통해 언제든지 알려주세요!