UX Design 10 เว็บไซต์ท่องเที่ยวที่สามารถสอนคุณได้

คุณเคยคิดบ้างไหมว่าคุณยังสามารถเติบโตอย่างมืออาชีพในขณะที่คุณกำลังวางแผนวันหยุดพักผ่อนของคุณ? เว็บไซต์การท่องเที่ยวยอดนิยมแบบฟอร์มจองและชำระเงินนักวางแผนการเดินทางและตารางเวลาของโรงแรมล้วนเป็นแหล่งข้อมูลที่ยอดเยี่ยม ยกระดับความรู้ของคุณในด้านการออกแบบประสบการณ์ผู้ใช้.

ในขณะที่การเลือกสถานที่ที่ดีที่สุดโรงแรมและกำหนดเวลาการเดินทางของคุณเป็นความคิดที่ดีที่จะให้ความสนใจกับสิ่งที่ใช้งานได้และอะไรที่ไม่ได้ผลอะไรเป็นแรงบันดาลใจให้คุณ. ปฏิกิริยาของคุณความพึงพอใจและ aversions ล้วนเป็นเครื่องหมายรับรองคุณภาพที่ยอดเยี่ยมของประสิทธิภาพของการออกแบบประสบการณ์ผู้ใช้ของไซต์.

ในบทความนี้คุณสามารถเรียนรู้ 10 บทเรียนเกี่ยวกับประสบการณ์การใช้งานที่คุณสามารถรับได้จากเว็บไซต์ท่องเที่ยวยอดนิยม.

ความแตกต่างระหว่าง UI และ UX

UX ไม่ใช่ UI มันเหมือนกับ ไม่ได้เขียนไว้ กฎหมาย. เมื่อคุณอ่านเกี่ยวกับการใช้งานเว็บไซต์คุณต้องคิดถึงส่วนต่อประสานผู้ใช้ (UI) ส่วนต่อประสานผู้ใช้คือ ชุดขององค์ประกอบภาพต่างๆ เช่นเมนูปุ่มและไอคอนที่ผู้เยี่ยมชมของคุณใช้ (คลิกที่โฮเวอร์เปิดแตะที่) เมื่อพวกเขาโต้ตอบกับเว็บไซต์ของคุณ.

การใช้งานคือคุณภาพที่อธิบาย User Interface (UI) การใช้งานแสดงให้เห็นถึงประสิทธิภาพของ UI เช่น การใช้เว็บไซต์ทำได้ง่ายเพียงใด (learnability), ความเร็วที่ผู้ใช้สามารถบรรลุเป้าหมายที่ระบุ (ประสิทธิภาพ), พวกเขาสามารถจดจำความทรงจำของพวกเขาได้อย่างง่ายดายเพียงใด เกี่ยวกับวิธีการทำงานของไซต์ (ความจำ) และ น่าใช้เพียงไร (ความพึงพอใจของผู้ใช้).

การใช้งานเป็นหนึ่งในแนวคิดที่ซับซ้อนกว่าที่เรียกว่าประสบการณ์ผู้ใช้ (UX) ประสบการณ์การใช้งาน เกี่ยวข้องกับทุกสิ่งที่มีผลต่อประสบการณ์ของผู้ใช้ - ไม่ว่าจะทางลบหรือทางบวก UX ที่ดีตอบสนองทุกความต้องการของลูกค้าที่คาดหวัง - การใช้งานที่ดีและอื่น ๆ อีกมากมาย.

ตามที่ บริษัท วิจัยประสบการณ์ผู้ใช้ Nielsen-Norman Group:

1. ให้สถานที่เริ่มต้นแก่ผู้ใช้

ก่อนอื่นคุณต้อง ให้ผู้เข้าชมสถานที่ที่พวกเขาสามารถเริ่มต้น. โดยปกติจะเป็นหน้าแรกที่ได้รับการคลิกมากที่สุดไม่ใช่เพียงเพราะเป็นทางเข้าหลักของเว็บไซต์ แต่เมื่อผู้ใช้มาจากเครื่องมือค้นหาการคลิกครั้งต่อไปน่าจะเป็นหน้าแรก.

ดังนั้นคุณต้อง นำเสนอเนื้อหาและโครงร่างที่น่าสนใจบนโฮมเพจ หากคุณต้องการให้ผู้เยี่ยมชมเว็บไซต์ของคุณ.

โฮมเพจของ Booking.com พิสูจน์ว่าพวกเขาเข้าใจความต้องการของลูกค้าเป็นอย่างดี แค่คิดเกี่ยวกับมัน คุณต้องการทำอะไรในเว็บไซต์การท่องเที่ยว? คุณรู้ว่าคุณต้องการไปที่ไหนและต้องการค้นหาความเป็นไปได้อย่างรวดเร็วที่สุดหรือไม่แน่ใจเกี่ยวกับตำแหน่งของการเดินทางและต้องการแรงบันดาลใจ.

Booking.com วางตำแหน่ง แบบฟอร์มการค้นหาโดยรวมทางด้านซ้ายมือ ของโฮมเพจสำหรับผู้ที่มั่นใจเกี่ยวกับการเดินทางในอนาคต ผู้เข้าชมไม่ต้องเสียเวลาในการเรียกดูเนื้อหาที่ไม่เกี่ยวข้อง สิ่งนี้ทำให้พวกเขามีความมุ่งมั่นที่เพิ่มขึ้นและเพิ่มความมั่นใจในตนเอง.

พื้นที่ที่เหลือบนหน้าจอพับมากกว่า ให้แรงบันดาลใจมากในการตัดสินใจน้อย: สามภาพใหญ่ของสถานที่ยอดนิยม (อาบูดาบี, นิวยอร์กซิตี้และดูไบ) ให้คำแนะนำซึ่งเป็นสตรีม AJAX เกี่ยวกับ “เพิ่งจอง” การเดินทางแสดงให้เห็นถึงสิ่งที่ผู้ใช้รายอื่นกำลังทำอยู่และยังมีส่วนเล็ก ๆ ที่ช่วยให้ลูกค้าที่คาดหวังเกี่ยวกับนโยบายการยกเลิกฟรี.

ในหน้าแรกของ Booking.com ทุกคนได้รับแรงจูงใจและความรู้สึกในเชิงบวกที่จำเป็นในการเข้าเว็บไซต์ก่อนที่จะแตะแถบเลื่อน.

2. ทำให้การนำทางของคุณชัดเจน

หากคุณต้องการให้ผู้ใช้อยู่ในไซต์ของคุณคุณต้องให้การนำทางที่ชัดเจนและใช้งานง่าย.

การนำทางของ TimeOut.com นั้นเหมือนกับพนักงานต้อนรับที่ชาญฉลาด: ช่วยให้ผู้เข้าชมได้รับความช่วยเหลือที่มีคุณค่าเมื่อพวกเขาต้องการ แต่ไม่รบกวนพวกเขา หากคุณดูรูปด้านล่างคุณจะเห็นว่าระบบนำทางมี สี่องค์ประกอบที่แตกต่าง: แถบค้นหาขนาดใหญ่ที่จดจำได้ง่ายเมนูหลักพร้อมรายการที่กำหนดไว้อย่างชัดเจน (คู่มือเมืองภาพยนตร์ดนตรีศิลปะและวัฒนธรรมอาหารและเครื่องดื่มเกี่ยวกับเราร้านไทม์เอาท์) บาร์ครัมบ์ที่ออกแบบมาอย่างดีและแถบด้านข้าง รายชื่อเมืองที่ได้รับความนิยมมากที่สุด.

TimeOut ออกแบบระบบนำทางในลักษณะที่ใช้งานง่ายซึ่งให้แรงจูงใจแก่ผู้เข้าชมเพิ่มเติมในการสำรวจไซต์ ภาพย่อขนาดเล็กถัดจากรายการทุกรายการในแถบด้านข้าง ให้คีย์ภาพ, คำอธิบายสั้น ๆ ภายใต้หัวข้ออาหารและเครื่องดื่ม ทำให้ผู้เข้าชมมั่นใจว่าพวกเขาอยู่ในจุดที่ถูกต้อง, เกล็ดขนมปังทำให้มันง่ายมากที่จะย้ายไปและแถบค้นหาด้านบนช่วยให้ผู้ใช้ข้ามไปยังตำแหน่งถัดไปหากพวกเขาเบื่อกับสิ่งที่อยู่ในปัจจุบัน.

แต่ละองค์ประกอบรองรับองค์ประกอบอื่น - สัญญาณที่ชัดเจนของการออกแบบ UX ที่ยอดเยี่ยม.

3. ใช้ภาพถ่ายที่มีผลกระทบสูง

ภาพหน้าจอด้านล่างเป็นหนึ่งในหน้าโปรไฟล์ร้านอาหารของ TripAdvisor ฉันแน่ใจว่าคุณได้อ่านแล้วว่ารูปถ่ายหุ้นไม่ได้ทำให้ผู้ใช้มีประสบการณ์ที่ดี: พวกเขามักจะเบื่อผู้เข้าชมและไม่กระตุ้นให้พวกเขาก้าวไปข้างหน้าในช่องทางของการแปลง.

ทางเลือกของภาพถ่ายสต็อกคือภาพที่มีผลกระทบสูงซึ่งจะกระตุ้นอารมณ์ของผู้ใช้ และเราทุกคนรู้ว่า อารมณ์ที่เพิ่มขึ้นนำไปสู่ความภักดีของลูกค้าที่สูงขึ้น.

เว็บไซต์ท่องเที่ยวมักจะใช้รูปภาพคุณภาพสูง แต่ TripAdvisor จะยกระดับไปอีกระดับ สนับสนุนให้ผู้ใช้เพิ่มรูปภาพของตัวเอง แต่ละร้านอาหาร วิธีนี้ทริปแอดไวส์ก็เติมเต็มเนื้อหาด้วย ภาพที่ผู้ใช้สร้างขึ้นซึ่งมักจะน่าสนใจกว่า สำหรับผู้เข้าชมเว็บไซต์ท่องเที่ยวโดยเฉลี่ยกว่าภาพถ่ายที่ถ่ายโดยมืออาชีพ.

แรงกดดันจากเพื่อนคือแรงจูงใจที่แข็งแกร่งที่สุดข้อหนึ่ง TripAdvisor ยัง ทำให้เนื้อหาภาพของสด โดยการเพิ่มภาพถ่ายที่มีผลกระทบสูงที่ผู้ใช้ถ่าย.

4. ทำให้มันง่าย

โดยทั่วไปมักจะน้อยกว่าดังนั้นจึงเป็นความคิดที่ดีที่จะทำให้สิ่งต่าง ๆ เป็นเรื่องง่ายและให้ความสำคัญกับข้อมูลที่เกี่ยวข้องเท่านั้น โลกนี้เต็มไปด้วยสิ่งรบกวนที่ผู้เยี่ยมชมของคุณจะรู้สึกขอบคุณอย่างแน่นอนถ้าคุณช่วยพวกเขาจากสิ่งที่ไม่จำเป็น.

“ง่าย ๆ เข้าไว้” เป็นหลักการ UX ที่ดูเหมือนว่า Lonely Planet จะปรากฏบนหน้าแรกของมัน หัวข้อที่สำคัญที่สุด ผู้ใช้ของพวกเขาวางอุบาย จัดเรียงในตารางที่เป็นระเบียบของภาพขนาดย่อที่น่าสนใจ สนับสนุนโดย พาดหัวข่าวที่ยาวหนึ่งหรือสองคำ.

หน้าแรกของ LonelyPlanet ฉลาดมากโดยเฉพาะจากประสบการณ์การใช้งานของผู้ใช้เนื่องจากรูปขนาดย่อยังทำหน้าที่นำทางในขณะที่ ให้ผู้ใช้คีย์ภาพที่เข้าใจได้ง่าย.

กริดตอบสนองจึงทำงานได้ในทุกพอร์ตวิว. ขนาดรูปมือถือและแท็บเล็ตมีรูปขนาดย่อเหมือนไอคอนของแอพมือถือ ซึ่งเป็นเลย์เอาต์ที่คุ้นเคยสำหรับผู้ใช้อุปกรณ์พกพาทุกคนและความคุ้นเคยก็เป็นสิ่งที่ให้ความสะดวกสบายแก่ผู้เข้าชมดังนั้นจึงเพิ่มการมีส่วนร่วมกับเว็บไซต์.

5. ใช้คำกริยาการกระทำ

คุณมักคุ้นเคยกับคำกริยาแอ็คชั่นจากเว็บไซต์อาชีพ คำกริยาการกระทำไม่เพียง แต่ดึงดูดผู้สรรหาผ่านการสแกนประวัติย่อ แต่ยังรวมถึงผู้เข้าชมเว็บไซต์ที่เรียกดูเว็บ.

เครือข่ายโซเชียลแชร์ที่พักยอดนิยม AirBnB ใช้พวกเขาได้ทุกที่บนเว็บไซต์. เป็นของ ทุกแห่ง, ให้เช่า, รายการ พื้นที่ของคุณ, ค้นพบ สถานที่, สำรวจ โลก, ดู คนเดินทาง, หุ้น ประสบการณ์ของคุณ ฯลฯ.

คำกริยาการกระทำมีประสิทธิภาพอย่างไม่น่าเชื่อเพราะพวกเขา ย้ายผู้ใช้จากสถานะแฝงไปยังสถานะที่ใช้งานอยู่. ประสบการณ์เชิงบวกต้องมีกิจกรรมในนามของผู้ใช้เสมอ นั่นเป็นเหตุผลที่สวนสาธารณะการผจญภัยเป็นที่นิยม.

ท้ายที่สุดคุณจำอะไรได้มากกว่านี้? บางสิ่งที่คุณทำด้วยตัวเองหรือสิ่งที่คุณเพิ่งอ่านในหนังสือ? ดู? การโต้ตอบดึงดูดคุณเช่นกัน. ดังนั้นหากคุณต้องการเพิ่มประสบการณ์การใช้งานเว็บไซต์ของคุณอย่าลังเลที่จะใช้คำกริยาที่เหมาะสม.

6. ปรับปรุงแบบฟอร์มของคุณ

เช่น รูปแบบที่ซับซ้อนเกินไปมักจะนำไปสู่การละทิ้งทันที สิ่งที่ฉลาดที่สุดที่คุณสามารถทำได้เพื่อประสบการณ์การใช้งานของผู้ใช้คือการปรับปรุงรูปแบบในเว็บไซต์ของคุณให้มากที่สุดเท่าที่จะทำได้ ฉันหมายถึงอะไรภายใต้การทำให้เพรียวลม?

คุณสามารถดูตัวอย่างที่ยอดเยี่ยมหากคุณลองดูที่แบบฟอร์มการค้นหาสากลของ Priceline.com ในหน้าแรกของพวกเขา แบบฟอร์มการค้นหาของ Priceline คือ ซ่อนอยู่ภายในส่วนการนำทางแบบแท็บแนวนอนที่มีประโยชน์.

แท็บมีห้าแบบฟอร์มการค้นหาที่แตกต่างกันที่เกี่ยวข้องกับห้าพื้นที่ (โรงแรม, เที่ยวบิน, รถยนต์, แพ็คเกจวันหยุด, ล่องเรือ) บริษัท มีส่วนเกี่ยวข้องกับ.

สิ่งที่ยอดเยี่ยมจริงๆที่นี่คือผู้ใช้ไม่ต้องกังวลกับสิ่งที่พวกเขาไม่สนใจพวกเขาสามารถข้ามไปยังแบบฟอร์มการค้นหาที่ต้องการได้ทันที ดังนั้นพวกเขา ไม่ได้รับภาระกับเขตข้อมูลพิเศษ, เขตข้อมูลฟอร์มจะถูกเก็บไว้ให้น้อยที่สุดซึ่งหมายความว่า เพิ่มประสิทธิภาพลดความรำคาญและความเข้าใจที่รวดเร็ว - ประสบการณ์การใช้งานที่ดีที่สุด.

7. สร้างผลกระทบกับเรื่องราวส่วนตัว

คุณสามารถเพิ่มการมีส่วนร่วมของผู้ใช้ด้วยการใช้เรื่องราวส่วนตัวอย่างสมาร์ทอย่างที่คุณพบในหน้าแรกของ GoBackpacking.com.

การผจญภัยของคนจริงมักจะน่าสนใจยิ่งกว่าการพูดพล่ามด้านการตลาด. ผู้เข้าชมของคุณไม่ต้องการอ่านถ้อยคำที่เหน็ดเหนื่อยเช่นเดียวกับที่พวกเขาสามารถอ่านได้บนเว็บไซต์ของคู่แข่ง - พวกเขายังสามารถสร้าง blether ที่มีผลกระทบต่ำเหมือนกันได้ด้วยตนเอง.

บทวิจารณ์, การให้คะแนน, กำกับและแสดงความคิดเห็น, สถานะ, โพสต์บล็อก, เรื่องราวส่วนตัว, คำแนะนำ, ทั้งหมดเพิ่มบุคลิกภาพให้เว็บไซต์ของคุณ แนะนำข้อมูลคุณภาพสูงที่ผู้เยี่ยมชมสามารถเชื่อมต่อได้.

GoBackpacking เติมหน้าแรกด้วยเรื่องราวส่วนตัวของผู้ใช้ซึ่งจะทำให้ผู้เข้าชมดื่มด่ำกับเนื้อหาของเว็บไซต์ได้ทันทีโดยไม่รู้ตัว.

8. รวมผลิตภัณฑ์ที่เกี่ยวข้อง

วิดเจ็ตผลิตภัณฑ์ที่เกี่ยวข้องแนะนำและเป็นที่นิยมนั้นถูกใช้โดยผู้เล่น e-Commerce รายใหญ่ทุกคนดังนั้นจึงไม่น่าแปลกใจเลยที่เว็บไซต์ท่องเที่ยวใช้ประโยชน์จากพวกเขาเช่นกัน.

HotelTravel.Com แก้ปัญหาด้วยวิธีที่ยุ่งยากและมีประสิทธิภาพ เครื่องยนต์แนะนำของมัน จะใช้สถานที่ที่ผู้เข้าชมมองหา - ในกรณีของเราคือฮ่องกง - และแสดงเพิ่มเติม ตัวเลือกโรงแรมที่แนะนำโดยผู้ใช้รายอื่น. โรงแรมที่เกี่ยวข้องนั้นเป็นโรงแรมที่แนะนำซึ่งเป็นโซลูชั่นแบบ 2-in-1 ซึ่งเป็นความคิดที่ดีเสมอ.

นักออกแบบของ HotelTravel.com HotelTravel.com เพิ่มขั้นตอนไปอีกขั้น ผลิตภัณฑ์ที่เกี่ยวข้องเป็นหีบเพลงสะดวก ที่ช่วยให้ผู้ใช้ คำแนะนำกลุ่ม ตามเกณฑ์ที่แตกต่างกันสี่แบบ (ราคาคุ้มค่าที่สุดบริการที่สุดมาตรฐานห้องพักดีที่สุดทำเลดีที่สุด).

เพื่อให้วิดเจ็ตมีความน่าสนใจทางสายตาราคาขนาดเล็กและคำพูดสั้น ๆ จากการตรวจสอบล่าสุดรวมอยู่ด้วย ให้ความช่วยเหลือสูงสุดแก่ผู้เข้าชม เพื่อตัดสินใจเลือกที่พักที่เหมาะสมกับความต้องการของพวกเขามากที่สุด.

9. พูดคุยเกี่ยวกับประโยชน์ที่ได้รับ

การแสดงให้ผู้เยี่ยมชมเห็นถึงประโยชน์ที่พวกเขาจะได้รับจากเว็บไซต์ของคุณนั้นใช้งานง่ายกว่าการรบกวนพวกเขาด้วยข้อเท็จจริงที่ทำให้พวกเขาหลับ.

ในหน้าแรกของ Booking.com เราจะเห็นการใช้ประโยชน์อย่างชาญฉลาดของหลักการออกแบบ UX นี้ ที่ด้านขวาของหน้าจอคุณจะเห็น “ทำไมต้องใช้ Booking.com?” ส่วนซึ่งรวมถึง หกประโยชน์ ทั้งหมดนี้เป็นไปตามค่านิยมของนักเดินทางโดยเฉลี่ย (ราคาต่ำช่วงบอร์ดที่เลือกใช้งานง่ายของส่วนต่อประสานระบบตรวจสอบที่มีประชากรการบริการลูกค้าที่มีคุณภาพและความพร้อมให้บริการตลอด 24/7).

แน่นอนว่าค่าเหล่านี้ถูกร่างขึ้นมาใหม่ วิธีการมีส่วนร่วม และมา ด้วยลิงก์ ที่ซึ่งผู้มีโอกาสเป็นลูกค้าสามารถเดินหน้าต่อไปได้ “ทำไมต้องใช้ Booking.com” เครื่องมือเป็นจริง รุ่นปรับปรุงของปกติ “คุณสมบัติ” มาตรา ของเว็บไซต์ธุรกิจขนาดเล็กโดยเฉลี่ย แต่มีองค์ประกอบสนับสนุนมากมาย.

ไอคอนที่มีสีสัน, ลิงค์ที่ไฮไลต์และข้อมูลเฉพาะ (เช่น “ที่พัก 701,118 แห่งทั่วโลก”) ทำให้ผู้ใช้เชื่อว่าพวกเขาอยู่ในเว็บไซต์ระดับมืออาชีพที่พวกเขาสามารถเชื่อถือได้ ตู้โชว์ของสถานที่ยอดนิยม จากซิดนีย์ไปดับลินทางด้านซ้ายมือและวิดเจ็ตขนาดเล็กของรีวิวบุคคลที่สามศูนย์ทั้งหมดสนับสนุนประสบการณ์และสร้างความไว้วางใจ.

10. จัดเตรียมหลักฐานทางสังคม

เมื่อผู้คนพูดถึงการพิสูจน์ทางสังคมพวกเขามักจะหมายถึงวิดเจ็ตโซเชียลมีเดียเช่น Facebook Likebox ซึ่งเป็นองค์ประกอบที่ยอดเยี่ยมของ UX ที่ได้รับการออกแบบมาอย่างดี แต่หน้าแรกของ TripAdvisor มีตัวอย่างที่ยอดเยี่ยม หลักฐานทางสังคมรูปแบบอื่น ๆ ทำงานอย่างไร.

แนวคิดของการพิสูจน์ทางสังคมตั้งอยู่บนหลักการทางจิตวิทยาที่กล่าวว่าผู้คนมีแนวโน้มที่จะทำอะไรมากกว่า หากพวกเขาเห็นคนอื่นรอบตัวพวกเขา ทำสิ่งเดียวกัน. การตรวจสอบภายนอกเป็นแรงจูงใจที่ดี สำหรับพวกเราส่วนใหญ่นักออกแบบที่ชาญฉลาดจึงสร้างหลักฐานทางสังคมลงในเว็บไซต์ของพวกเขาด้วยวิธีที่กระตุ้นให้ผู้เยี่ยมชมใช้พฤติกรรมของเพื่อนผู้ใช้ซ้ำ ๆ.

บน TripAdvisor มีส่วนร่วม เนื้อหาโซเชียลสร้างขึ้นในการนำทางแท็บที่ใช้งานง่าย มีสามส่วน: รีวิวโรงแรมรูปภาพที่สร้างโดยผู้ใช้และฟอรัม ชื่อของวิดเจ็ตคือ “สิ่งที่นักท่องเที่ยวกำลังพูดถึง” ซึ่งเป็น เร่งเร้าน้อยกว่าคำบรรยายเฉลี่ย บนเว็บไซต์เชิงพาณิชย์ ดังนั้นจึงดึงดูดสายตาของผู้เข้าชมในครั้งเดียว.

ส่วนรีวิวโรงแรมได้รับการออกแบบอย่างชาญฉลาด ทำให้เนื้อหาย่อยง่าย: รูปโปรไฟล์ขนาดเล็กและการจัดอันดับของผู้ใช้รีวิวชื่อโรงแรมที่ได้รับการอ้างอิงสั้น ๆ จากบทวิจารณ์และไอคอนการจัดอันดับที่เหมาะสมกับการออกแบบทั่วไปของเว็บไซต์.