해당 페이지는 팀원분과 논의한 웹 페이지의 분석 내용을 간략히 공유하는 공간입니다.
[분석 웹 홈화면]
이송이
개선할 점
1.
’검색창’ 고정개선
•
개선할점 : 자라 홈페이지의 강점인 화보 이미지가 검색창의 textfield로 인해 가려짐
•
개선 아이디어 :
1.
header section의 구분을 명확히 나누어준다.
2.
일정 스크롤 이상을 넘었을경우 header가 나타나게 설정한다.
2.
‘버튼’의 인식 어려움
•
개선할점 : 버튼의 인지성이 떨어짐
•
개선 아이디어 :
1.
버튼의 라운드 도형을 넣어 빠르게 인식 시킨다.
2.
활성화된 텍스트 버튼의 명확한 구분을위해 strock의 대비를 크게하거나, 컬러로 구분한다.
3.
메인의 화살표 버튼 버튼또한 도형 및 strock, opacity로 조절하여 (* opacity 조절을 하는 이유는, 자라의 연출 이미지에 영향이 가는것을 막기위함)
3.
전반적 ‘폰트 사이즈’ 개선
•
개선할점 : 전반적 폰트의 가독성이 떨어진다.
•
개선 아이디어 :
1.
폰트의 사이즈를 키운다.
2.
폰트의 사이즈와 두께로 강약을 준다.
4.
UX의 ‘통일성’ 개선
•
개선할점 : 카테고리의 ’BEAUTY’부분에서는 자라의 카테고리가 사라지면서 좌측의 햄버거 버튼을 활용하야만 이동을 할 수 있음
•
개선 아이디어 :
1.
자라의 drop-down list 에서 ‘BEAUTY’의 카테고리의 구별성을 표현한다.
이혜인
개선할 점
1.
헤더
•
로고, 카테고리, 검색창을 포함한 헤더 부분이 스크롤을 내릴 때에도 같이 움직여 시야에 방해가 된다.
•
개선 방안 : 스크롤을 내릴 때 헤더 부분이 안 보이도록 수정한다. 반대로 스크롤을 올릴 때 헤더가 다시 나타나는 방법을 제안한다. (이 행동 관련 UXUI 용어 찾아봐야함)
2.
알아채기 어려운 버튼 디자인
•
클릭이 가능하며 정보를 포함하고 있는 글과 상세 설명 글이 구분이 되지 않는다. 제공되는 서비스를 사용자가 인지하지 못하고 지나치게 된다.
•
개선 방안 : 클릭이 가능한 정보에 테두리를 둘러 버튼 형식처럼 보이게 한다. (사이즈 선택 버튼과 동일한 디자인으로 만들어 통일감을 준다.) / 특정 글의 색을 바꿔 차이를 주는 방법, 혹은 밑줄 그어놓기
심윤주
개선할 점
1.
홈 화면
•
카테고리가 너무 작아 배경 사진에만 집중되며, 슬라이드 형식으로 계속 사진이 움직이며 변경되어 시선이 분산된다.
•
개선 방안 1. 카테고리를 포스터 형식의 큰 박스로 만들어 구매하고자 하는 의류로의 접근성을 높인다.
•
개선 방안 2. 목록 형식의 작은 박스로 카테고리를 나열하고 배경 사진들의 투명도를 조정하여 메뉴에 시선이 집중되도록 유도한다.
2.
상품 목록 화면
•
목록들간의 여백 없이 화면 가로를 꽉 채우고 있어 부담스러운 느낌이다.
•
개선 방안 1. 행의 상품 개수를 줄이고 여백을 지정하여 눈이 쉴 수 있는 공간을 마련한다.
최초은
개선할 점
1.
메뉴 버튼 개선
•
개선할 점 : 메뉴창을 눈에띄게 디자인한다
•
개선 아이디어
1. 메뉴 버튼이 상단에 눈에 띄게 위치 혹은 크기를 변경
2. 처음 메인화면 앞에 보이게 카테고리로 분류
2.
검색칸 위치
•
개선할 점 : 홈 화면 검색칸 위치 변경
•
개선 아이디어
1. 검색칸의 위치 조정 (애매한 위치가 아닌 조금 더 내려와 중앙에 위치)
3.
메인 화면 광고
•
개선할 점 : 처음 웹에 들어왔을때 메인화면 광고가 정신이없다.
•
개선 아이디어
1. 광고가 화면에 큰 부분을 차지하지 않고 적당한 크기로 변경 하고 남는 여백을 활용한다.
(간결해 보이면 좋을거같다)
4.
폰트 크기
•
개선할 점 : 폰트 크기가 자라 메인 로고에 비해 작다.
•
개선 아이디어
1. 폰트의 전반적인 크기를 키운다.
2. 폰트의 두께감 등으로 보기를 좀 더 용이하게 한다.
