brunch

빈 페이지를 디자인하는 방법들

by UXUI 니디자인랩

웹/앱 제품에 필요한 페이지들을 디자인할 때, 데이터가 비어있는 경우의 UX/UI 디자인도 필요하다.

예)

쇼핑몰에서 '반팔 원피스' 검색 후 검색 결과가 아무것도 없는 경우

틱톡에 처음가입하자마자 프로필로 이동 시 업로드한 영상이 아무것도 없는 경우




빈 페이지 디자인 방법


▼ 디폴트로 샘플 데이터 넣어두기

0*lHHhW30VlTm6p4H-


▼ 튜토리얼 보여주기

1*nLoon_4j4bX5A-i7meIiSw.png


▼ 특정 행동 유도하는 call to action 버튼 넣기

1*wSwRa4vd43wS7BFW0hPHPQ.png
1*5Czw_jiCBzZauIjTvdk11Q.png


▼ 해당 검색어와 관련된 제품 / 키워드 / 카테고리 / 기사 보여주기

1*XY1qAJHYUDd2AQBGTa4iUg.png


▼ 인기 제품 / 키워드 / 카테고리 / 기사 보여주기

1*kNPAfVfUr929-jeyZoJApQ.png
1*yCMSHrAdJ6dg9ZzgCyEtMg.png


▼ 고객센터 정보 보여주기

1*YC1D4awitfGxNr9xQhFK_Q.png


▼ 광고/캠페인 용도로 활용하기

1*VxHuVLauOYWypol191tw2w.png



















keyword
작가의 이전글유즈케이스 (use case) 만들 때 참고하기