웹 서비스 선정

1. 선정 이유
   숙박 산업에 대한 관심
   여행 및 숙박 시에 제일 먼저 사용하는 웹 서비스
2. 서비스 소개
   에어비앤비 소개 (https://news.airbnb.com/ko/about-us/)
   에어비앤비는 2007년 샌프란시스코에서 두 명의 호스트가 세 명의 게스트를 맞이한 이후 전 세계 거의 모든 국가에서 4백만 명 이상의 호스트가 15억 회 이상 게스트를 맞이한 규모로 성장했습니다. 매일 독특한 숙소와 체험을 제공하는 호스트가 있기에 게스트는 더욱 진정성 있는 방식으로 지역사회와 만나고 교감할 수 있습니다.

UI/UX 디자인 분석

1. 홈 화면 구성

1-1. 헤더

• 로고

• 서치바

  • 숙소
    • 여행지 선택: 국가 선택(갤러리UI), 유연한 검색
    • 날짜 선택: DatePicker(달력UI), MonthPicker(슬라이더?형), 유연한 일정(기간별/월별)
    • 여행자 선택: 성인/어린이/유아/반려동물(스태퍼UI)
  • 체험
    • 여행지 선택: 국가 선택(갤러리UI), 유연한 검색
    • 날짜 선택: DatePicker(달력UI)
    • 여행자 선택: 성인/어린이/유아(스태퍼UI)
  • 온라인 체험
    • 페이지 이동

• 버튼

  • 호스트 모드 전환 버튼
  • 언어 및 통화 선택 아이콘
  • 프로필 메뉴

1-2. 컨텐츠

• 탭 메뉴 (3줄 이상의 다양하고 수많은 탭으로 구성)
• 필터 버튼 (가격 범위, 침대/욕실 수, 건물유형, 편의시설, 예약 옵션, 접근성 편의, 슈퍼호스트, 호스트 언어 등의 옵션을 다양한 UI로 구성함)
• 카드 UI (무한스크롤)
  • 좋아요 버튼
  • 페이지 인디케이터
  • 사진 좌우 이동 버튼
  • 텍스트 정보(위치/특징/날짜/가격/평점)
• 플로팅 버튼 (지도/목록 뷰 전환)

1-3. 푸터

• 필수 기재 사항, 정책, 사이트맵, 세부정보 등
• 언어 및 통화 빠른 변경
• 지원 및 참고 자료

2. 클릭 시 동작

2-1. 헤더

• 로고 클릭 시 홈(메인) 화면 이동
• 서치바 클릭 시 숙소의 국가/날짜/인원 선택 탭 활성화
• 숙소 외 체험/온라인체험 선택 가능
• 숙소/체험 클릭 시 현재 위치에 대한 정보를 해당 메뉴 텍스트 언더바로 확인 가능
• 온라인체험 클릭 시 해당 정보 페이지 이동
• 서치바의 각 탭 클릭 시 모달이 드롭다운 형식으로 내려옴
• 검색 버튼 클릭 시 검색 결과를 숙소 리스트(좌), 지도뷰(우)로 제공
• 호스트 전환 버튼 클릭 시 페이지 이동
• 버튼아이콘(지구) 클릭 시 언어 및 통화 선택 모달 노출(아래-위)
• 프로필 메뉴 클릭 시 드롭다운 리스트 노출

2-2. 컨텐츠

• 탭 메뉴 클릭 시 숙소 특징 별 필터링된 카드형 리스트 노출 및 전환, 해당 탭 언더바, 진한 색상으로 변함
• 필터 버튼 클릭 시 모달 창 노출. 각 옵션을 슬라이더, 라디오버튼, 체크박스, 토글 버튼 등 다양한 UI로 선택
• 카드 UI(이미지+숙소정보 텍스트) 클릭 시 숙소 상세페이지 새창으로 열림
• 카드 이미지 호버 시 노출되는 화살표 클릭 시 이미지 슬라이드
• 플로팅 버튼 클릭 시 지도/목록 뷰 전환

3. 인상깊은 UI/UX와 이유

1. 너무 많은 숙소 유형 탭, 그리고 각 탭 별 다양하고 창의적인 일러스트 아이콘
2. 검색하는 재미가 있는 곳곳의 다양한 셀렉션 컨트롤

개선 아이디어

1. 에어비앤비 홈화면에서 사용되는 탭 메뉴의 명칭들 중엔 친숙하지 않은 명칭들이 많아서 찾아봐야 하는 번거로움이 있었다. 그런 용어들이 어떻게 변경되거나 정리되면 좋을지 생각해봐도 좋을 것 같다.
2. 에어비앤비의 필터링 기능은 다른 숙박 서비스에 비해 아주 세분화 되어있고, 항목이 많아 더보기로 숨겨져있어 내가 체크한 항목을 찾거나 제거하기가 어렵다. 타 서비스에서 이와 같은 경우 어떻게 하는지를 참고해서 개선해보면 좋을 것 같다.