5/20 카타_남은데이터표현

김혜빈·2025년 5월 20일

실전_카타&아티클

목록 보기
29/48

디자인카타


한 눈에 파악이 가능해보이는 표현은 A, 깔끔하고 자연스러워보이는 형태는 B
🌀그래서 나의 선택은 A
🔻우리가 페이지를 접속할 때 접속중과 속도를 보여주는 부분에서 프로그레스 바를 많이 접하다보니 무언가가 채워지면서 종료되는 느낌이 A와 비슷한 느낌을 주기 때문에 크게 이해하려고 하지 않아도 아 파란색 게이지가 다 차면 데이터를 다 쓴거 겠구나 라고 인식을 할 수 있었음
‼️오늘의 이슈 : 나는 당연히 사용한 데이터가 파란색 게이지고 남은게 회색인 줄 알았는데 남은게 70이네,,, 역방향으로 가는 게이지였구나 ㅋㅋ큐ㅠ
A도 충분히 잘못 만들어진 디자인 같음!!!! ㅡㅡ

B는 원 시작 지점에서 출발하여 다시 원점에 도착하면 데이터를 다 쓴다는 것으로 인식이 됌 동그라미는 계속 돌아간다는 느낌이다보니 데이터 사용량의 형태가 멈춰져있고 상승을 앞두고 있는 부분이 뭔가 답답해보인다

A의 바 형태에서도 무엇인가 편안해보이지 않는다는 느낌을 받았다
내 시선에서는 A가 서로 같은 팀이지만 거리감이 있어보여 따로따로 읽히는 느낌이 있었다 원래대로 하면 오른쪽처럼 남은 데이터/ 그리고 스스륵 읽혀야한다고 생각한다

피그마로 비슷하게 구현을 해보았을 때
남은데이터는 70GB 이렇게 한번에 읽힐 수 있도록 하고
이미 남은 데이터의 파악을 위해서 했기 때문에
게이지 바에서 한 번 더 언급할 필요는 없는 것 같아서 빼봤다




profile
세상을 열고 나아갈 사람

2개의 댓글

comment-user-thumbnail
2025년 5월 20일

혜빈님 피그마로 구현도 해보시고 진짜 체고,,!
요번 개인 과제도 혜빈님스럽게 너무 귀여웠어요 팀플도 화이팅 🥰

1개의 답글