[04주_2024_11_14] UI 프로젝트 - 마무리

2024년 11월 13일 ( Thursday )
───────────⚪──────
◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊

[개인]
🩶 TIL 작성 및 제출하기
[팀플]
🩶 UI 프로젝트
🩶 저녁 팀 스크럼(회고)
🩶 팀원들 TIL 댓글달기

---

🤤오늘 진행한 부분!

어제 마무리 한 자료 조사와 정리를 토대로 UI개선하는 디자인을 하였다. 최대한 플로우를 건들이지 않는 선에서 하려고 팀원들과 토의하면서 진행했다. 사용자 문제점 첫 번째는 선택한 매장으로 들어가서 메뉴를 볼 시 매장에서 판매되는 상품만 볼 수 있는 건 좋았는데, 품절된 상품도 현재 판매하고 있는 것처럼 표시되어 사용자에게 혼란을 야기시키고, 사용자가 원하는 상품에 갈 수 있는 링크가 없어 판매하고 있는 매장을 하나씩 클릭해서 찾아봐야하는 불편함이 있다는 것이다. 이걸 해결하기 위해 전체 메뉴 보기를 할 수 있는 스위치 버튼을 만들어 스위치를 끄면 매장에서 판매하는 상품만 볼 수 있고, 키면 매장에서 판매하는 상품 및 품절 상품, 매장에서 취급하지 않는 상품들도 모두 볼 수 있고 품절상품이나 매장에서 취급하지 않는 상품을 클릭 시 상세 상품 페이지 및 판매하고 있는 매장을 알아볼 수 있도록 판매하는 매장 선택하러 가는 버튼을 통해 해결하였다. 두 번째는 가맹점이 많아 매장마다 취급하는 상품이 다른데 모르는 사용자가 많아 퍼스널 옵션에 대해 불만을 가졌다. 그래서 회사에서 준 솔루션이 매장 선택할 때 퍼스널 옵션이 가능한 매장 보기 옵션 버튼을 만들어주었지만, 옵션 버튼의 크기가 작고, 색이 연하여 가독성이 떨어졌다. 또한, 세로 스크롤해 자신이 원하는 옵션을 클릭할 수 있기 때문에 사용성이 불편했다. 이 걸 해결하고자 옵션 크기를 알맞게 조절하고 기존 아코디언 방식을 살짝 변형하여 가독성있게 변형하였다. 그러고 마무리로 발표할 피피티 내용들을 구성하였다.

---

💭내일 계획

 🤍 UI 프로젝트 마무리 발표하기

 🤍 TIL 작성 및 제출하기