portfolio
메인페이지에서 모달 레이어 팝업창으로 검색화면 띄우기 M
0
공유하기
고도몰의 모바일 검색 기본 동작은 로고 왼쪽의 검색하기 버튼을 클릭하여 검색창을 통해 검색하는 방식입니다.
기존 고도몰 모바일 웹 사이트의 검색화면은 검색하기 버튼을 클릭시 화면 전체에 검색창이 덮이는 형태로 다소 UI/UX 에서 불편한 점이 있습니다.
해당 쇼핑몰 사업주는 타이어 판매 업종으로 검색 시스템이 가장 핵심이고 중요했기에 검색 서비스 개선을 위해 고도몰 튜닝을 진행하였습니다.
고도몰 튜닝 내용
1. 메인페이지에서 사용자가 검색버튼을 누르지 않고도 검색 화면이 자동으로 보여집니다.
2. 검색 창은 모달 레이어팝업창 형태로 뒤에 배경이 흐릿하며 불투명하도록 하였으며 검색창이 화면 전체를 뒤덮는 형태가 아닌 상하좌우 충분한 여백을 주어 개방감을 더했습니다.
※ 추가 튜닝으로 [오늘 하루 보지 않기] 기능을 통해 체크시 메인페이지에서 검색창이 하루 동안 보이지 않습니다.
튜닝 후 검색창의 UI를 개선하였으며 검색창이 화면 전체를 가리지 않습니다.
기존 고도몰 M 모바일 메인페이지
- 좌측 상단에 검색하기 버튼을 클릭해야 검색창이 보여집니다. 고도몰에서 기본으로 제공하는 검색창은 화면 전체를 가립니다.
댓글 0개
댓글을 불러오는 중입니다.
친절한 개발자에게
무엇이든 물어보세요
1
메인페이지에서 모달 레이어 팝업창으로 검색화면 띄우기 M