내일배움캠프
[내일배움캠프] Day 19 - 디자인카타 (인스타 스토리 투표 UI, 어떤 쪽을 더 선호하시나요? 이유는 무엇인가요?)
이응이응시옷
2025. 2. 18. 10:26
728x90
[주제]
[선택과 이유]
나의 선택은 B이다.
업데이트를 하면서 단순한 색상을 사용하여 UI가 깔끔해졌고, 가독성이 좋아졌다
그리고 결과값을 나눠서 보여주는 것이 투표 결과가 50:50에 가까운 경우 한 막대 안에서 보여주는 것보다 비교가 명확해졌고, 사용자가 불필요한 색상 정보 없이 결과를 빠르게 인식 가능해졌다.
✅ 업데이트 전 투표 UI: 한 막대 그래프 안에 표현 + 여러 색상 사용
장점:
- 명확한 비교
- 한 막대 안에서 두 결과값을 바로 비교할 수 있어 직관적
- 다양한 색상으로 시각적인 구분이 뚜렷해 가독성이 높음
- 시각적 흥미
- 여러 색상은 시각적으로 더 매력적이며, 사용자의 주목을 끌기 쉬움
- 공간 효율성
- 한 막대 안에 정보가 집약되어 있어 스토리의 화면을 효율적으로 사용할 수 있음
단점:
- 복잡한 시각 요소
- 색상이 많아질수록 UI가 복잡해 보일 수 있으며, 정보가 많을 경우 시각적 피로를 유발할 수 있음
- 세부 정보 부족
- 막대 안의 작은 차이는 한눈에 구분하기 어려워 세밀한 정보 전달에 불리
✅ 업데이트 후 투표 UI: 두 개의 막대 그래프로 표현 + 단순 색상 사용
장점:
- 깔끔하고 단순한 디자인
- 막대 그래프가 나뉘어져 있어 결과값을 개별적으로 확인하기 쉬우며, 단순한 색상은 가독성을 높임
- 명확한 정보 전달
- 각 막대가 개별 값으로 나뉘어 있어 세부적인 차이를 더 쉽게 파악할 수 있음
- 시각적 정돈감
- 단순한 색상은 UI가 깔끔해지고, 혼란을 줄여 직관성을 향상시킴
단점:
- 비교 어려움
- 두 막대가 멀리 떨어져 있을 경우 한눈에 비교하기 어려울 수 있음
- 한 막대 안에서 바로 차이를 파악하는 것보다 시간이 더 걸릴 수 있음
- 시각적 흥미 저하
- 단순한 색상으로 인해 시각적인 재미가 감소할 수 있으며, 심심한 디자인이 될 위험이 있음
| 기준 | 업데이트 전 UI (한 막대 + 다양한 색상) | 업데이트 후 UI (두 개 막대 + 단순 색상) |
| 직관적 비교 (게슈탈트 유사성 법칙) | ✅ 한 막대 안에서 바로 비교 가능 | ❌ 두 개로 나뉘면서 비교가 다소 어려울 수 있음 |
| 인지적 부담 (밀러의 법칙) | ❌ 색상이 많아 부담될 가능성 | ✅ 단순한 색상으로 가독성 증가 |
| 정보 해석 속도 (히크의 법칙) | ❌ 시각적 요소가 많아 약간 느릴 수 있음 | ✅ 단순한 형태로 해석이 빠름 |
| 시각적 흥미 (색채 심리학) | ✅ 다양한 색상으로 주목도 높음 | ❌ 단순한 색상으로 흥미도가 낮음 |
| UX 편의성 (피츠의 법칙) | ✅ 시선 이동이 짧아 빠른 피드백 제공 | ❌ 두 막대가 떨어져 있으면 비교가 어려울 수 있음 |
[마무리]
오늘은 과제 제출일이라 6시까지 미친듯이 과제만 했다
5시 56분에 제출 완료
라디오버튼 때문에 골치가 아팠는데 그냥 만들기만 하면 되는 거 였구나...ㅎㅎ
꾸역꾸역 내머리에서 최대한 나올 수 있는 만큼 최대한 만들었는데ㅋㅋ
과제 해설을 듣고 나니까 와우... 진짜 많이 놓쳤구나 하는 생각이 든다
그래도 뭐 어쩌겠어
시간 안에 제출했다는 게 어딘가
그나저나 답을 알고나니 피드백이 궁금해진다ㅋㅋ
오늘은 주말포함에서 못쉬고 과제만 했으니 일찍 자야겠다
퇴실 체크하면 바로 자야지
728x90