UX تصميم 10 أشياء مواقع السفر يمكن أن يعلمك
هل عبرت عن رأيك أنه لا يزال بإمكانك أن تنمو بشكل مهني أثناء التخطيط لقضاء العطلات الخاصة بك؟ تعد مواقع السفر الشهيرة ، واستمارات الحجز والخروج ، ومخططي الرحلات ، وجداول الفنادق ، مصادر ممتازة ل تعزيز معرفتك في مجال تصميم تجربة المستخدم.
أثناء اختيار أفضل المواقع والفنادق وجدولة رحلتك ، من الجيد الانتباه إلى ما يصلح وما لا يصلح وما الذي يلهمك وما الذي يجعلك تقفز على الفور إلى موقع آخر. تعد ردود أفعالك ومسراتك ورغباتك كلها من السمات المميزة لكفاءة تصميم تجربة المستخدم للموقع.
في هذه المقالة ، يمكنك تعلم 10 دروس حول تجربة المستخدم التي يمكنك التقاطها من مواقع السفر الشهيرة.
الفرق بين واجهة المستخدم و UX
UX ليس واجهة المستخدم ، انها مثل سماعي القانون. عندما تقرأ عن قابلية استخدام موقع الويب ، فأنت بحاجة إلى التفكير في واجهة المستخدم الخاصة به (UI). واجهة المستخدم مجموعة من العناصر البصرية المختلفة مثل القوائم والأزرار والأيقونات التي يستخدمها زوار موقعك (انقر فوق ، تحوم ، انقر فوق) عندما يتفاعلون مع موقع الويب الخاص بك.
سهولة الاستخدام هي الجودة التي تصف واجهة المستخدم (UI). قابلية الاستخدام Â يوضح كفاءة واجهة المستخدم مثل كم هو سهل لاستخدام موقع على شبكة الإنترنت (learnability), مدى سرعة المستخدمين في تحقيق الأهداف المحددة (نجاعة), كيف يمكن بسهولة تذكر ذكرياتهم حول الطريقة التي يعمل بها الموقع (تذكر) ، و كم هو لطيف للاستخدام (رضا المستخدمين).
تعد قابلية الاستخدام أحد جوانب فكرة أكثر تعقيدًا تسمى تجربة المستخدم (UX). تجربة المستخدم ينطوي على كل ما يؤثر على تجربة المستخدم - إما سلبا أو إيجابيا. تلبي UX الجيدة كل احتياجات العملاء المحتملين - سهولة الاستخدام الجيدة والعديد من الأشياء الأخرى.
وفقا لشركة أبحاث تجربة المستخدم نيلسن نورمان المجموعة:
1. امنح المستخدمين مكانًا للبدء
أولا وقبل كل شيء ، تحتاج إلى امنح زوار موقعك مكانًا يمكنهم من خلاله البدء. عادةً ما تكون الصفحة الرئيسية التي تتلقى أكبر عدد من النقرات ، ليس فقط لأنها المدخل الرئيسي للموقع ولكن عندما يأتي المستخدمون من محرك بحث ، من المرجح أن تكون النقرة التالية هي الصفحة الرئيسية.
لذلك تحتاج إلى تقديم محتوى جذاب وتخطيط على الصفحة الرئيسية إذا كنت ترغب في الحفاظ على زوار موقعك.
تثبت الصفحة الرئيسية لموقع Booking.com أنهم يفهمون احتياجات عملائهم جيدًا. مجرد التفكير في ذلك. ماذا تريد أن تفعل على موقع السفر؟ أنت تعرف أين تريد الذهاب وتريد البحث عن الاحتمالات بأسرع ما يمكن ، أو أنك غير متأكد من موقع رحلتك وتحتاج إلى بعض الإلهام.
وضع Booking.com شكل البحث الشامل على الجانب الأيسر من الصفحة الرئيسية لأولئك الذين هم متأكدون من رحلتهم المستقبلية. لا يتعين على الزوار إضاعة وقتهم في التصفح من خلال محتوى غير ذي صلة. هذا يتركهم بتصميم متزايد وثقة بالنفس معززة.
المساحة المتبقية على الشاشة على أضعاف يعطي الكثير من الإلهام لأقل تصميم: ثلاث صور كبيرة من المواقع الشعبية (أبو ظبي ، مدينة نيويورك ، ودبي) تقدم اقتراحات ، تيار أجاكس حول “حجزت للتو” تُظهر الرحلات ما يصل إليه المستخدمون الآخرون حاليًا ، وهناك قسم صغير يضمن للعملاء المحتملين سياسة الإلغاء المجانية.
في الصفحة الرئيسية لموقع Booking.com ، يحصل الجميع على الحوافز والمشاعر الإيجابية اللازمة للمضي قدماً في الموقع حتى قبل لمس شريط التمرير.
2. اجعل الملاحة واضحة
إذا كنت تريد أن يبقى المستخدمون على موقعك ، فأنت بحاجة إلى تزويدهم بملاحة واضحة وسهلة الاستخدام.
يشبه التنقل في TimeOut.com مضيفة ذكية: فهي توفر للزوار مساعدة قيمة عندما يحتاجون إليها ولكنها لا تزعجهم. إذا ألقيت نظرة على الصورة أدناه ، يمكنك أن ترى أن نظام الملاحة لديه أربعة عناصر مختلفة: شريط بحث ضخم ، يمكن التعرف عليه بسهولة ، قائمة رئيسية تحتوي على عناصر محددة بوضوح (أدلة المدن ، الأفلام ، الموسيقى ، الفنون والثقافة ، المأكولات والمشروبات ، من نحن ؛ متجر تايم آوت) ، شريط تنقلات مصمم جيدًا ، وشريط جانبي قائمة المدن الأكثر شعبية.
صممت TimeOut نظام الملاحة الخاص بها بطريقة بديهية تمنح الزائرين المزيد من الحوافز لاستكشاف الموقع. الصورة المصغرة الصغيرة بجوار كل عنصر في الشريط الجانبي يعطي مفتاح بصري, وصف قصير تحت عنوان الطعام والشراب يضمن للزوار أنهم في المكان الصحيح, تجعل التنقلات سهلة للغاية ، ويساعد شريط البحث العلوي المستخدمين على الانتقال إلى الموقع التالي إذا كانوا يشعرون بالملل من الموقع الحالي.
يدعم كل عنصر العناصر الأخرى - علامة واضحة على تصميم UX الرائع.
3. استخدام الصور عالية التأثير
لقطة الشاشة أدناه هي إحدى صفحات الملف الشخصي لمطعم TripAdvisor. أنا متأكد من أنك قرأت بالفعل أن صور الصور الفوتوغرافية لا تقدم تجربة جيدة للمستخدم: فهي عادةً ما تحمل الزوار ولا تحفزهم على المضي قدمًا في مسار التحويل.
البديل للصور الفوتوغرافية هو صور عالية التأثير تثير مشاعر قوية لدى المستخدمين. ونحن جميعا نعرف ذلك زيادة المشاعر تؤدي إلى ارتفاع ولاء العملاء.
عادة ما تستخدم جميع مواقع السفر صورًا عالية الجودة ، ولكن يأخذها موقع TripAdvisor إلى المستوى التالي تشجيع المستخدمين على إضافة صورهم الخاصة لكل مطعم. بهذه الطريقة يقوم توابل TripAdvisor بتضمين محتواه الصور التي ينشئها المستخدم والتي عادة ما تكون أكثر إثارة للاهتمام للزائر متوسط موقع السفر من الصور التي التقطها المهنيين.
يعتبر ضغط الأقران أحد أقوى الدوافع بعد كل شيء. TripAdvisor أيضا يبقي محتواه المرئي جديدًا عن طريق إضافة الصور عالية التأثير التي أطلقها المستخدمون.
4. يبقيه بسيط
عادةً ما يكون الحد الأدنى أقل ، لذلك من الجيد دائمًا إبقاء الأمور بسيطة والتركيز على المعلومات ذات الصلة فقط. إن العالم مليء بالانحرافات لدرجة أن زوارك سيكونون ممتنين بالتأكيد إذا أنقذتهم من الزغب غير الضروري.
“أبقيها بسيطة” هو مبدأ UX الذي تتبعه Lonely Planet على ما يبدو على صفحتها الرئيسية. ال أهم المواضيع أن دسيسة مستخدميها رتبت في شبكة مرتبة من الصور المصغرة جذابة مدعوم من واحدة أو كلمتين عناوين طويلة.
تعتبر الصفحة الرئيسية الخاصة بـ LonelyPlanet ذكية بشكل خاص من ناحية تجربة المستخدم حيث تعمل الصور المصغرة أيضًا أثناء التنقل منح المستخدمين مفتاح مرئي يمكن فهمه بسهولة.
الشبكة تستجيب وبالتالي فهي تعمل على كل منفذ العرض. تبدو الصور المصغرة على حجم الجهاز المحمول والكمبيوتر اللوحي بمثابة رموز لتطبيقات الأجهزة المحمولة وهو تصميم مألوف لجميع مستخدمي الهواتف المحمولة ، والألفة هي أيضًا شيء يمنح الزائرين الراحة مما يزيد من ارتباطهم بالموقع.
5. استخدام الأفعال العمل
من المرجح أن تكون على دراية بالأفعال الإجرائية من المواقع المهنية. لا تعمل الأفعال الإجرائية فقط على إشراك المجندين في المسح من خلال السير الذاتية ولكن أيضًا على زوار مواقع الويب التي تتصفح الويب.
شبكة التواصل الاجتماعي الشهيرة ، AirBnB تستخدمها في كل مكان على موقعها. تنتمي في أى مكان, تأجير, قائمة المساحة الخاصة بك, اكتشف أماكن, يكتشف العالم, نرى حيث يسافر الناس, شارك تجربتك ، الخ.
الأفعال العمل فعالة بشكل لا يصدق لأنها نقل المستخدمين من حالة سلبية إلى حالة نشطة. تتطلب التجارب الإيجابية دائمًا نشاطًا نيابة عن المستخدم ؛ لهذا السبب تحظى حدائق المغامرات بشعبية كبيرة.
بعد كل ما تتذكر أكثر؟ هل قمت بشيء ما بنفسك أو شيء قرأته للتو في كتاب؟ نرى? التفاعل يشركك أيضًا. لذلك إذا كنت ترغب في زيادة تجربة المستخدم في موقعك ، فلا تتردد في استخدام الأفعال الإجرائية حيثما تكون مناسبة.
6. تبسيط النماذج الخاصة بك
مثل أشكال معقدة للغاية وغالبا ما تؤدي إلى التخلي الفوري أذكى شيء يمكنك القيام به لتجربة المستخدمين لديك هو تبسيط النماذج على موقعك قدر الإمكان. ماذا يعني تحت تبسيط?
يمكنك أن ترى مثالاً ممتازًا إذا نظرت إلى نظرة عامة على نموذج البحث الشامل لموقع Priceline.com على صفحته الرئيسية. أشكال البحث بريسلين هي مخبأة داخل قسم التنقل الأفقي مفيد.
تحتوي علامات التبويب على خمسة أشكال بحث مختلفة متعلقة بالمناطق الخمسة (الفنادق ، الرحلات الجوية ، السيارات ، باقات العطلات ، الرحلات البحرية) التي تتعامل معها الشركة.
الشيء الرائع هنا هو أن المستخدمين ليسوا مضطرين إلى الاهتمام بالأشياء التي لا يهتمون بها ، بل يمكنهم الانتقال مباشرةً إلى نموذج البحث الذي يحتاجونه. لذلك هم كذلك لا مثقلة بحقول البيانات الإضافية, يتم الاحتفاظ حقول النموذج إلى الحد الأدنى المطلق ، مما يعني زيادة الكفاءة وتقليل الانزعاج وفهم سريع - أفضل تجربة للمستخدم على الإطلاق.
7. اصنع التأثير مع القصص الشخصية
يمكنك زيادة انخراط المستخدم من خلال الاستخدام الذكي للقصص الشخصية ، مثلما تواجهها بالفعل ، على الصفحة الرئيسية لموقع GoBackpacking.com.
مغامرات أناس حقيقيين هي دائما أكثر إثارة للاهتمام من الثرثرة التسويقية. لا يريد زوارك قراءة نفس الكليشيهات المتعبة التي يمكنهم قراءتها على موقع منافسك - بل يمكنهم أيضًا إنشاء نفس النغمة المنخفضة التأثير بنفسهم بعد كل شيء.
المراجعات والتصنيفات والتعليقات الموجهة والإشراف عليها والحالات ومنشورات المدونة والقصص الشخصية والتوصيات ، جميعها تضيف شخصية إلى موقعك تقديم معلومات عالية الجودة يمكن للزائرين الاتصال بها عاطفياً.
تملأ GoBackpacking صفحتها الرئيسية بقصص شخصية لمستخدميها مما يجعل الزائرين ينغمسون على الفور في محتوى الموقع دون حتى معرفة ذلك.
8. تشمل المنتجات ذات الصلة
يتم استخدام عناصر واجهة تعامل المنتج ذات الصلة والموصى بها والشعبية من قبل جميع اللاعبين الكبار في التجارة الإلكترونية ، لذلك ليست مفاجأة كبيرة أن مواقع السفر تستفيد منها أيضًا.
يحل HotelTravel.Com المهمة بطريقة صعبة للغاية وفعالة. محرك التوصية يأخذ الموقع الذي يبحث عنه الزائر - في حالتنا هي هونج كونج - ويظهر المزيد خيارات الفندق الموصى بها من قبل المستخدمين الآخرين. الفنادق ذات الصلة هي أيضا الفنادق الموصى بها ، وهو حل 2 في 1 الذي هو دائما فكرة جيدة.
اتخذ مصممي HotelTravel.Com خطوة أخرى إلى الأمام ووضعوها في موقع المنتجات ذات الصلة في الأكورديون مفيد التي تمكن المستخدم من توصيات المجموعة وفقًا لأربعة معايير مختلفة (أفضل قيمة ، أفضل خدمة ، أفضل غرفة قياسية ، أفضل موقع).
لجعل عنصر واجهة المستخدم ممتعًا بصريًا ، يتم أيضًا تضمين السعر والصورة المصغرة الصغيرة واقتباس قصير من آخر مراجعة إلى إعطاء أقصى مساعدة للزائرين أن تقرر أي السكن يناسب الأفضل لاحتياجاتهم.
9. الحديث عن الفوائد
إن عرض المزايا التي يمكن أن يكتسبها الزائرون على موقعك دائمًا ما يكون أكثر سهولة في الاستخدام من مضايقة الحقائق الجافة التي تجعلهم ينامون.
في الصفحة الرئيسية لموقع Booking.com ، يمكننا أن نرى استخدامًا ذكيًا لمبدأ تصميم UX هذا. على الجانب الأيمن من الشاشة يمكنك رؤية “لماذا استخدام Booking.com?” القسم الذي يتضمن ستة فوائد التي تتوافق جميعها مع قيم المسافر العادي (السعر المنخفض ، مجموعة خيارات اللوحة ، سهولة استخدام الواجهة ، نظام المراجعة المكتوب ، جودة خدمة العملاء ، وتوافر 24/7).
بالطبع يتم صياغة هذه القيم في أكثر طريقة جذابة وتعال مع الروابط حيث يمكن للعملاء المحتملين المضي قدما. ال “لماذا استخدام Booking.com” القطعة هي في الواقع نسخة محسنة من العادية “المميزات” الجزء موقع متوسط للأعمال التجارية الصغيرة ولكنه يتضمن العديد من العناصر الداعمة.
ال الرموز الملونة ، والروابط المميزة ، والبيانات المحددة (مثل “701،118 منشأة في أنحاء العالم”) جميعها تجعل المستخدمين يعتقدون أنهم على موقع احترافي يمكنهم الوثوق به. ال عرض للمواقع الشعبية من سيدني إلى دبلن على الجانب الأيسر والقطعة الصغيرة من ReviewCentre لجهة خارجية كلها تدعم التجربة وبناء الثقة.
10. تقديم دليل الاجتماعي
عندما يتحدث الناس عن دليل اجتماعي ، فإنهم عادة ما يعنيون أدوات وسائط اجتماعية مثل Facebook Likebox التي تعد أيضًا عنصرًا رائعًا في UX المصممة جيدًا ، ولكن الصفحة الرئيسية لموقع TripAdvisor توفر مثالًا رائعًا كيف أشكال أخرى من العمل الاجتماعي دليل.
يعتمد مفهوم الدليل الاجتماعي على مبدأ نفسي يقول أن الناس أكثر عرضة لفعل شيء ما إذا رأوا الآخرين من حولهم افعل نفس الشيء. التحقق الخارجي هو الدافع الكبير بالنسبة لمعظمنا ، يبني المصممون الحكيمون دليلًا اجتماعيًا في مواقعهم بطريقة تشجع الزوار على تكرار سلوك زملائهم من المستخدمين.
على TripAdvisor جذابة تم بناء المحتوى الاجتماعي في التنقل بين علامات التبويب المفيدة مع ثلاثة أقسام: مراجعات الفندق ، صور مصنوعة من قبل المستخدمين والمنتديات. عنوان القطعة هو “ما المسافرين يتحدثون عنه” الذي أقل انتهازي من العنوان الفرعي المتوسط على المواقع التجارية ؛ لذلك يلفت نظر الزائر مرة واحدة.
تم تصميم قسم مراجعات الفندق بطريقة ذكية يجعل المحتوى سهل الهضم: صورة ملف تعريف صغير وترتيب المستخدم المراجع ، واسم الفندق الذي تمت مراجعته ، واستشهاد قصير من المراجعة نفسها ، وأيقونة تصنيف تتناسب تمامًا مع التصميم العام للموقع.
