11번가 앱 문제를 정의하고 솔루션 도출을 해볼려고 합니다 :)
그 동안에 배운 개념들을 활용해 프로덕트의 문제를 정의하고 솔루션을 도출 할 것입니다.
홈화면 요소 분석
먼저 홈 화면 요소를 살펴보았습니다.
총 8개의 요소로 구성된 것을 알 수 있습니다😀
디자인씽킹 1단계 공감하기
디자인 씽킹 1단계 공감하기를 진행하기 위해 공감지도를 사용하여 가상의 인물을 설정하고 가상 인물의 입장이 되어 생각해보았습니다.
가상의 인물=제이미를 대중교통을 이용하던 중 11번가 앱을 사용하는 사용자로 설정하였습니다.🤗🤗
그 결과 제이미씨는 원하는 상품 목록을 쉽게 찾을 수 없다는 것을 알게 되었습니다. 😥
디자인씽킹 2단계 문제 정의하기
5whys
문제를 정의하기 위해서 5Whys를 사용하였습니다.
(하지만 3Whys로 결론이 도출되었습니다..!)
물건을 사기 위해 원하는 카테고리를 쉽게 찾을 수 없었던 이유는 한정된 섹션안에 너무나 세세하게 나눠진 다양한 항목을 넣었기 때문이었습니다.
사용자가 보다 쉽게 세세하게 나눠진 항목들을 한 눈에 보기 쉽게 하기 위해 설계한 것으로 보이나 실제론 너무나 많은 정보와 상품진열 탓에 찾기가 더욱 혼란스러울 것으로 예상됩니다.
가설 수립하기
디자인씽킹 프레임 워크를 사용해 문제를 정의하고 가설을 4가지 항목으로 수립해보았습니다.
과제 이 후 피드백을 받고 다시 가설을 정의 하였습니다!
다시 수립한 가설은 여기!
가설의 근거
저는 가설의 근거를 다음과 같이 정리했습니다
먼저,
1️⃣ 정보의 양이 너무 많아 어떤 것이 중요한 정보인지 잘 알 수 없을 것이다.
2️⃣ 상품을 고르는 데에 시간이 많이 걸려 사용자는 다른 플랫폼으로 이탈할 것이다.
3️⃣ 원하는 카테고리를 잘 찾지 못할 것이다.
이 3가지에 해당하는 가설의 근거는 힉의 법칙에 근거합니다.
🎈의사결정에 걸리는 시간은 선택지의 개수와 복잡성에 비례해 늘어난다는 법칙인 힉의 원칙에 근거하여 봤을 때, 이러한 3가지에 해당하는 가설을 도출 할 수 있었습니다.
4️⃣ 하단 네비게이션 중앙부에 위치한 버튼을 홈 버튼으로 인지 할 것이다.
이 가설의 근거는 사용자는 자신이 이미 알고 있는 익숙한 제품과 동일한 방식으로 작동하길 원한다는 제이콥의 법칙에 근거하여 설정하였습니다.🙂
디자인 개선 설계
앞서 세운 가설을 바탕으로 디자인 개선 설계를 해보았습니다!
새롭게 다시 세운 가설과 디자인 개선 설계는 동일합니다
개선 전 모습을 보면 한 섹션안에 여러 항목에 해당하는 카테고리를 진열한 것을 볼 수 있습니다. 보이는 부분 뿐만 아니라 더보기를 누르면 더욱 더 세분화된 카테고리가 전시되어 있어 빠르게 원하는 항목을 손쉽게 찾기 힘듭니다.
또한, 메뉴 버튼을 누를 시 마찬가지로 앞서 홈화면에서 전시되었던 공통된 항목들을 전시해놓아 스크롤을 오랫동안 내려 원하고자 하는 정보를 찾아야하는 수고스러움이 있었습니다.
디자인 개선 설계 후 모습입니다.
제일 먼저 앱을 접속했을 당시 보이는 홈 화면에서 바로 원하는 카테고리를 찾을 수 있도록 카테고리 섹션에서 보이는 항목들을 이벤트 관련 항목들은 상단에 상품 진열과 관련된 것들은 하단에 섹션을 나눈뒤 공통된 것은 묶고 거리를 띄워주어 보기 쉽게 개선하였습니다.
또한 하단 네비게이션 중앙부에 있었던 이미지광고 배너 FAB버튼을 홈 버튼으로 변경하여 평소 사용자가 익숙하게 써왔던 기능을 배치함과 동시에 어느 페이지를 가더라도 홈으로 빠르게 전환될 수 있도록 개선하였습니다.
마지막으로 메뉴버튼을 누르면 상단 카테고리 섹션에 이미 전시해놓은 중복된 항목들은 빼고 사용자가 찾을 만한 항목들만 전시하는 것으로 변경하였습니다.
개선 후 화면
인사이트
배운 내용을 활용하여 11번가 앱을 디자인 개선해 보았습니다.
강의만 들었을 때는 어렴풋하게 알던 개념들을 직접 적용하고 만들어보며 개념에 대한 내용을 이 전보다는 또렷이 정립할 수 있었던 계기가 되었습니다.
(아직 많이 모자란 것 같습니다😣😣 공부 더 해 ㅇ ㅑ ㄷ ㅙ...)
또한 홈 화면 하나에도 많은 디자인적 원칙을 따르고 사용자의 편의성을 고려하여 설계된다는 것을 알 수 있었습니다.
디자이너분들 정말 리스펙합니다.
