UX 디자인 10 가지 여행 웹 사이트에서 귀하를 가르 칠 수 있음

휴가를 계획하는 동안 전문적으로 성장할 수 있다는 생각을 결코 넘어서지 않았습니까? 인기있는 여행 웹 사이트, 예약 및 결제 양식, 여행 계획 및 호텔 시간표는 모두 훌륭한 출처입니다. 사용자 경험 디자인 분야에 대한 지식을 향상시킨다..

최상의 위치, 호텔 및 여행 계획을 세우는 동안 무엇이 효과적인지, 그렇지 않은지, 어떤 영감을 주는지, 즉시 다른 사이트로 이동하게 만드는 요인에주의를 기울이는 것이 좋습니다.. 귀하의 반응, 즐거움 및 혐오감은 사이트의 사용자 경험 디자인의 효율성을 보여주는 훌륭한 특징입니다.

이 기사에서는 인기있는 여행 사이트에서 선택할 수있는 사용자 경험에 대한 10 가지 강의를 배울 수 있습니다..

UI와 UX의 차이점

UX는 UI가 아닙니다. 씌어 있지 않은 법. 웹 사이트의 유용성에 대해 읽으려면 사용자 인터페이스 (UI)에 대해 생각해 봐야합니다. 사용자 인터페이스는 다양한 시각적 요소 세트 웹 사이트와 상호 작용할 때 방문자가 사용하는 메뉴, 버튼 및 아이콘 (클릭, 마우스 오버, 탭).

사용성은 사용자 인터페이스 (UI)를 설명하는 품질입니다. 유용성은 다음과 같은 UI의 효율성을 보여줍니다. 얼마나 쉽게 웹 사이트를 사용 하는가? (학습 능력), 사용자가 지정된 목표를 달성 할 수있는 속도 (능률), 그들이 얼마나 쉽게 기억을 회상 할 수 있는지 사이트가 작동하는 방식에 대해 (기억에 남을만한) 사용하는 것이 얼마나 즐거운가 (사용자 만족도).

사용성은 사용자 경험 (UX)이라는 더 복잡한 개념의 한 측면입니다. 사용자 경험 사용자의 경험에 영향을 미치는 모든 것을 포함합니다. - 부정적 또는 긍정적으로 좋은 UX는 잠재 고객의 모든 필요를 충족시킵니다 - 유용성 및 기타 많은 것들.

사용자 경험 조사 회사 인 Nielsen-Norman Group에 따르면 :

1. 사용자에게 시작 장소 제공

우선 무엇보다도 방문자가 어디서부터 시작할 수 있는지 알려준다.. 일반적으로 사이트의 주요 입구이기 때문에뿐만 아니라 사용자가 검색 엔진에서 왔을 때뿐만 아니라 다음 클릭은 대부분 홈 페이지입니다.

그러므로 당신은 매력적인 콘텐츠와 레이아웃을 홈 페이지에 제공하십시오. 귀하의 방문자를 귀하의 사이트에 유지하고 싶다면.

Booking.com의 홈 페이지는 고객의 요구 사항을 잘 이해하고 있음을 증명합니다. 생각 해봐. 여행 사이트에서 무엇을하고 싶습니까? 당신이 가고 싶은 곳을 알고 있고 가능한 한 빨리 가능성을 찾으려고하거나 여행의 위치에 대해 확신이없고 영감을 필요로합니다..

Booking.com은 왼쪽의 전체 검색 양식 그들의 미래 여행에 관하여 확실한 사람들을위한 그것의 홈 페이지의. 방문자는 관련없는 콘텐츠를 통해 시간을 낭비 할 필요가 없습니다. 이로 인해 학생들은 자신감을 높이고 자신감을 높이게됩니다..

스크롤바 위의 화면의 남은 공간 덜 결정된 사람들에게 많은 영감을 준다.: 인기있는 지역 (아부 다비, 뉴욕 및 두바이)의 큰 그림 3 개가 제안을 제공하고 AJAX 스트림은 “방금 예약 됨” 여행은 다른 사용자가 현재까지 무엇을하고 있는지를 보여줍니다. 또한 소규모 섹션을 통해 잠재 고객에게 무료 취소 정책을 알립니다..

Booking.com의 홈 페이지에서 스크롤 막대를 만지기 전에 모든 사람이 필요한 인센티브와 긍정적 인 느낌을 사이트에 적용합니다..

2. 네비게이션을 분명하게 만들어라.

사용자가 사이트에 머물러있게하려면 분명하고 사용하기 쉬운 탐색 기능을 제공해야합니다..

TimeOut.com의 탐색 기능은 현명한 여주인과 같습니다. 방문자가 필요로 할 때 귀중한 도움을 제공하지만 귀찮게하지는 않습니다. 아래 그림을 보면 네비게이션 시스템이 네 가지 요소: 명확하고 명확하게 정의 된 항목 (도시 안내, 영화, 음악, 예술 및 문화, 음식 및 음료, 회사 소개, 타임 아웃 샵)이있는 메인 메뉴, 잘 디자인 된 탐색 경로 막대 및 사이드 바 가장 인기있는 도시 목록.

TimeOut은 방문자가 사이트를 탐색 할 때 더 많은 인센티브를 제공하는 직관적 인 방식으로 네비게이션 시스템을 설계했습니다. 사이드 바 항목 옆에있는 작은 미리보기 이미지 시각적 인 열쇠를 준다., Food & Drink 제목 아래의 간단한 설명 방문자가 올바른 위치에 있도록 보장합니다., 이동 경로를 사용하면 이동할 때 매우 편리하며 상단 검색 막대를 사용하면 현재 위치에 지루한 경우 다음 위치로 이동할 수 있습니다..

각 요소는 다른 요소를 지원합니다 - 훌륭한 UX 설계의 확실한 신호.

3. 고 영향도 이미지 사용

아래 스크린 샷은 레스토랑의 프로필 페이지 중 하나입니다. 그 재고 사진이 좋은 사용자 경험을하지 못한다는 것을 이미 읽었을 것입니다 : 그들은 보통 방문자를 압류하고 전환 깔때기에서 앞으로 나아갈 수 있도록 동기를 부여하지 않습니다..

재고 사진의 대안은 사용자에게 강한 감정을 불러 일으키는 영향력있는 이미지입니다. 그리고 우리 모두는 그것을 알고 있습니다. 감정이 증가하면 고객 충성도가 높아집니다..

여행 웹 사이트는 일반적으로 모두 고품질의 사진을 사용하지만 여행은 다음 단계로 이동합니다. 사용자가 자신의 사진을 추가하도록 장려 각 레스토랑에. 이 방법으로 향신료는 일반적으로 더 흥미로운 사용자 제작 이미지 전문가가 찍은 사진보다 평균 여행 사이트 방문자의 경우.

피어 압력은 결국 가장 강력한 동기 중 하나입니다. 또한 시각적 컨텐츠를 신선한 상태로 유지한다. 사용자가 찍은 영향이 큰 사진을 추가하여.

4. 단순하게 유지하십시오.

일반적으로 정보량이 적어지면 정보를 단순하게 유지하고 관련 정보에만 집중하는 것이 항상 좋은 생각입니다. 세상은 너무 산만 해져서 불필요한 솜털로부터 그들을 구해 주면 방문객들이 반드시 감사 할 것입니다..

“단순하게 유지하십시오.” 론리 플래닛 (Lonely Planet)이 홈 페이지에서 겉으로보기에 뒤따른 UX 원칙이다. 그만큼 가장 중요한 주제 사용자들의 음모가 매력적인 미리보기 이미지의 깔끔한 격자로 배열 ~에 의해 지원되는 한 두 단어 긴 헤드 라인.

LonelyPlanet의 홈 페이지는 사용자 경험면에서 특히 현명합니다. 축소판은 탐색 기능을 제공하기 때문에 사용자에게 이해하기 쉬운 시각적 키 제공.

그리드가 반응하므로 모든 뷰포트에서 작동합니다.. 모바일 및 태블릿 크기에서 축소판은 모바일 앱의 아이콘처럼 보입니다. 이는 모든 모바일 사용자에게 익숙한 레이아웃이며, 친숙 함은 방문객에게 편안함을 제공하여 사이트 참여도를 높입니다..

5. 동작 동사 사용

당신은 직업 사이트의 행동 동사에 가장 익숙합니다. 실전 동사는 이력서를 통해 검색하는 채용 담당자뿐만 아니라 웹을 통해 방문하는 웹 사이트 방문자에게도 참여합니다..

인기있는 숙박 시설 공유 소셜 네트워크 인 AirBnB는 사이트의 모든 곳에서 사용합니다.. 있다 어딘가에, 임대, 명부 너의 공간, 발견하다 장소들, 탐색 세계, 만나다 사람들이 여행하는 곳, 몫 너의 경험 등.

액션 동사는 매우 효율적입니다. 사용자를 수동 상태에서 활성 상태로 이동. 긍정적 인 경험은 항상 사용자를 대신하여 활동해야합니다. 그래서 모험 공원이 인기가있는 이유입니다..

결국 당신은 무엇을 더 기억합니까? 당신이 혼자서 한 일이나 방금 책에서 읽은 것. 만나다? 상호 작용도 당신을 관여시킵니다.. 따라서 사이트의 사용자 경험을 늘리고 싶다면 행동 동사를 사용하는 것을 주저하지 마십시오..

6. 양식 합리화

같이 너무 복잡한 형태는 종종 즉각적인 포기로 이어집니다 사용자의 경험을 위해 할 수있는 가장 현명한 일은 가능한 한 사이트의 양식을 간소화하는 것입니다. 간소화 란 무엇을 의미합니까??

Priceline.com의 범용 검색 양식을 홈페이지에서 들여다 보면 훌륭한 예를 볼 수 있습니다. Priceline의 검색 양식은 다음과 같습니다. 편리한 수평 탭 탐색 섹션 안에 숨겨져있다..

탭에는 회사와 관련된 5 개 분야 (호텔, 항공편, 자동차, 휴가 패키지, 크루즈)와 관련된 5 가지 검색 양식이 포함되어 있습니다.

여기서 정말 멋진 점은 사용자가 관심이없는 자료를 귀찮게 할 필요가 없으며 필요한 검색 양식으로 바로 이동할 수 있다는 것입니다. 따라서 그들은 여분의 데이터 필드에 부담이 없다., 양식 필드는 절대 최소값으로 유지됩니다. 효율성 향상, 성가심 감소, 빠른 이해 - 최고의 사용자 경험.

7. 개인적인 이야기에 영향력을 줌.

GoBackpacking.com의 홈 페이지에서 실제로 경험하는 것처럼 개인적인 이야기를 똑똑하게 사용하여 사용자 참여를 늘릴 수 있습니다..

실제 사람들의 모험은 지나치게 세련된 마케팅 실수보다는 항상 더 재미 있습니다.. 방문자는 경쟁 사이트에서 읽을 수있는 피곤한 진부한 표현을 읽지 않으려 고합니다..

리뷰, 평점, 감독 및 검토 의견, 상태, 블로그 게시물, 개인 이야기, 권장 사항 등 모든 내용이 사이트에 추가됩니다. 방문자가 감정적으로 연결할 수있는 고품질의 정보를 소개합니다..

GoBackpacking은 사용자의 개인적인 이야기로 홈 페이지를 채워 방문자가 모르게 사이트의 콘텐츠에 즉시 몰입하게합니다..

8. 관련 제품 포함

관련성이 높고 인기 있고 인기있는 제품 위젯은 모든 대형 전자 상거래 플레이어가 사용하므로 여행 사이트에서도이를 활용할 수 있습니다..

HotelTravel.Com은 매우 까다 롭고 효율적인 방식으로 작업을 해결합니다. 추천 엔진 방문자가 찾는 위치를 취한다. - 우리의 경우에는 홍콩입니다. 다른 사용자가 권장하는 호텔 옵션. 관련 호텔도 좋습니다. 2-in-1 솔루션은 항상 좋은 아이디어입니다..

HotelTravel.Com의 디자이너는 한 걸음 더 나아갔습니다. 관련 제품을 편리한 아코디언으로 사용자가 그룹 추천 네 가지 기준 (Best Value, Best Service, Best Room Standard, Best Location)에 따라.

위젯을 시각적으로 흥미롭게 만들기 위해 가격, 작은 미리보기 이미지 및 최신 리뷰의 짧은 인용문이 포함되어 있습니다. 방문자에게 최대한의 도움을 준다. 그들의 요구에 가장 잘 맞는 숙박 시설을 결정하는.

9. 이점에 대해 이야기하십시오.

방문자가 사이트에서 얻을 수있는 이점을 보여주는 것은 마른 사실로 잠들게하는 것보다 항상 사용자 친화적입니다..

Booking.com의 홈 페이지에서이 UX 디자인 원칙을 현명하게 활용할 수 있습니다. 화면의 오른쪽에 “Booking.com을 사용하는 이유?” 포함하는 섹션 6 가지 이점 (저렴한 가격, 선택 범위, 인터페이스 사용 용이성, 인구 조사 시스템, 양질의 고객 서비스 및 24 시간 연중 무휴)에 따라 결정됩니다..

물론이 값들은 매력적인 길 와서 링크 포함 잠재 고객이 이동할 수있는 곳. 그만큼 “Booking.com을 사용하는 이유” 위젯 사실이다 정규 버전의 향상된 버전 “풍모” 섹션 평균 소기업 웹 사이트의 그러나 지원 많은 성분을 포함합니다.

그만큼 다채로운 아이콘, 강조 표시된 링크 및 특정 데이터 (예 : “전세계 701,118 부동산”) 모두 사용자가 신뢰할 수있는 전문 웹 사이트에 있다고 믿게합니다. 그만큼 인기있는 지역의 쇼케이스 왼쪽에서 시드니에서 더블린으로 연결되는 제 3 자 리뷰 센터 (ReviewCentre)의 작은 위젯은 모두 경험을 지원하고 신뢰를 구축합니다..

10. 사회 보장 정보 제공

사람들이 사회적 증거에 대해 이야기 할 때 그들은 일반적으로 잘 디자인 된 UX의 위대한 요소 인 Facebook Likebox와 같은 소셜 미디어 위젯을 의미하지만 TripAdvisor의 홈 페이지는 훌륭한 예를 제공합니다 다른 형태의 사회적 증거 작업.

사회적 증명의 개념은 사람들이 무언가를 할 가능성이 더 높다는 심리 원칙에 근거합니다 주변에 다른 사람이 보이면 똑같은 일을해라.. 외부 검증은 큰 동기 부여입니다. 대부분의 사람들은 현명한 디자이너가 방문자가 동료 사용자의 행동을 반복하도록 유도하는 방식으로 사이트에 사회적 증거를 구축합니다..

매력적인 곳에서 간편한 탭 탐색에 소셜 콘텐츠가 내장되어 있습니다. 3 개의 섹션 : 호텔 리뷰, 사용자가 만든 사진 및 포럼. 위젯의 제목은 다음과 같습니다. “어떤 여행객이 이야기하고 있습니까?” 그것은 평균 자막보다 덜 터무니 없다. 상업용 사이트; 그러므로 그것은 한 번에 방문자의 눈을 잡는다..

호텔 리뷰 섹션은 콘텐츠를 쉽게 소화 할 수있게한다.: 작은 프로필 사진과 검토 사용자의 순위, 검토 된 호텔의 이름, 검토 자체의 간단한 인용문 및 사이트의 일반적인 디자인에 적합한 등급 아이콘.