يصف هذا المستند أنماط التصميم والأفكار المختلفة لمساعدتك في البدء في رحلتك باستخدام تقنية العرض الجوي. يجب أن تُراعي بعناية كيفية عرض "العرض الجوي" على العملاء لضمان تحقيق مستوى جيد من التفاعل مع المنتج وإظهار قيمته للعملاء.
تضيف ميزة "عرض جوّي" مكوِّنًا جذابًا بصريًا إلى موقعك الإلكتروني، حيث يُظهر لقطة من أعلى لفندق والمنطقة المحيطة.
عندما يرى المستخدمون عقارًا بتقنية ثلاثية الأبعاد، يمكنهم التعرّف بشكل أفضل على موقعه الجغرافي ومقداره. ويساعد ذلك أيضًا على إبراز عناصر الفندق، مثل حوض سباحة أو مبانٍ ملحقة به أو فناء كبير، بالإضافة إلى العناصر القريبة مثل الطرق والمسطحات المائية والجبال والمنتزهات.
زيادة التفاعل
ستشكّل "العرض من الأعلى" عامل جذب لعملاءك، ويجب أن يكون المحتوى سهل الاكتشاف قدر الإمكان للاستفادة من الميزة بالكامل. في هذا القسم، سنتحدث عن بعض أنماط تصميم التنفيذ لميزة "العرض من الأعلى" لتحقيق هذا الهدف.
اتجاه الفيديو
من المهم مراعاة اتجاه شاشة الجهاز الذي يتم تحميل فيديو "العرض الجوي" عليه. قد تكون تجربة المستخدم سيئة عند عرض فيديو بالاتجاه الافقي على جهاز جوّال، خاصةً في وضع ملء الشاشة. من خلال عرض فيديو باستخدام نسبة عرض إلى ارتفاع غير صحيحة للجهاز، ستضيع مساحة كبيرة من الشاشة.
يتم توفير فيديوهات "العرض الجوي" باتجاه أفقي ورأسي.
في ما يلي مثال على الفرق بين تشغيل "عرض من الأعلى" على جهاز جوّال بالاتجاه المقترَح والاتجاه غير المقترَح:
بطاقة منبثقة تم تضمينها
عند عرض مواقع متعددة في عرض البحث عن الموقع، من المفيد إضافة بطاقات مركّزة مضمّنة لعرض فيديو "المنظر الجوي"، مع معلومات إضافية عن الموقع، مثل العنوان والسعر المعروضَين في الأعلى. يتيح ذلك للمستخدمين الاطّلاع بسرعة وسهولة على معلومات عن الفندق، بدون الحاجة إلى النقر للانتقال إلى صفحة تفاصيل الفندق.
يعرض المثال أدناه علامة تمثل مجمع Googleplex في Mountain View. عند تمرير مؤشر الماوس فوق هذا العلامة، تظهر البطاقة المنبثقة التي تعرض فيديو "منظر جوي" للموقع.
يمكن إضافة حدث onClick إلى كلّ من العلامة والخريطة المنبثقة المضمّنة لنقل المستخدِم إلى صفحة تفاصيل الموقع. يسهّل ذلك على المستخدمين الاطّلاع على مزيد من المعلومات عن الموقع وتحديد ما إذا كان مناسبًا لهم.
إنشاء تجربة شبيهة بالقصة لموقعك
إذا كنت تريد توفير تجربة شاملة للمشترين المحتملين، يمكنك عرض موقعك من خلال تجربة تشبه قصة تجمع بين الصور وأحد الفيديوهات التي تعرض الموقع من الأعلى.ويمكن إنشاء هذه التجربة بطريقة مشابهة للعرض الدوّار للصور، باستخدام مزيج من HTML وCSS وJavaScript.
في المثال أعلاه، أدرجنا فيديو "المنظر الجوي" في إحدى الشرائح، مع رابط في أسفل الصفحة لعرض مزيد من التفاصيل عن الموقع. من المفترض أن ينقل هذا الزر المستخدم إلى صفحة تفاصيل الموقع.
إليك آلية العمل:
- اختَر الصور. حدد مجموعة متنوعة من الصور التي تبرز أفضل ميزات لعقارك.
- أنشئ فيديو "عرض من الأعلى".
- دمج الصور والفيديوهات في قصة
- شارِك قصتك. شارِك قصتك مع المشترين المحتملين على موقعك الإلكتروني أو من خلال الحملات التسويقية عبر البريد الإلكتروني.
من خلال إنشاء تجربة شبيهة بالقصة لممتلكتك المعروضة، ستتمكّن من جذب انتباه المشترين المحتملين.
بدء عرض "الرؤية من الأعلى" عند تحميل الصفحة
تبيّن لنا من خلال دراسات تجربة المستخدم في Google أنّ أعلى تفاعل للمستخدِم يحدث عند تحميل المخطّط العميق تلقائيًا. ونظرًا لأن هذا شكل جديد ومثير للاهتمام، نرغب في تحميله بمجرد أن يريد العميل عرض تفاصيل العقار. عند التفكير في التكلفة، إذا كنت تحصل على فيديو من "العرض من الأعلى" من واجهة برمجة التطبيقات، سيتم تحصيل رسوم منك. بعد طلب الفيديو، ننصحك بتشغيله تلقائيًا لضمان استفادة المستخدمين منه.
نمط غير مرغوب فيه: يُعدّ إخفاء "العرض من الأعلى" خلف زر أحد الأنماط غير المرغوب فيها لأنّه يفرض على المستخدمين اتّخاذ خطوة إضافية لعرض العرض الثلاثي الأبعاد. قد يكون هذا الأمر محبطًا، وقد يؤدي أيضًا إلى عدم الاستفادة من مزايا العروض الثلاثية الأبعاد أو الخلط بين "العرض من الأعلى" والمحتوى الثابت.
ننصحك بتحميل "عرض من الأعلى" تلقائيًا عندما يريد العميل الاطّلاع على تفاصيل الموقع. سيؤدي ذلك إلى تقديم تجربة رائعة للمستخدمين، ومساعدتهم في اتخاذ قرار مدروس بشأن العقار. عند تصميم تجربة التشغيل التلقائي، تذكَّر أنّ حجم فيديو "العرض الجوي" يزيد عن 30 ميغابايت، وقد يكون تحميله بطيئًا لدى بعض المستخدمين.
إذا كان لديك لوحة عرض دوّارة للصور كجزء من صفحتك، يمكن تضمين فيديو العرض الجوي كعنصر رئيسي، ما يسمح لك بدمج التجربة الثلاثية الأبعاد بسهولة في تصميم موقعك الإلكتروني الحالي.
إنّ وضع أزرار لتحميل طرق العرض الثلاثية الأبعاد سهل التنفيذ، ولكن يمكن أن يؤدي ذلك إلى خفض التفاعل. تحمِّل "خرائط Google" طرق العرض الثلاثية الأبعاد تلقائيًا. على سبيل المثال، عند البحث عن ناطحة سحاب Empire State Building، يتم تحميل العرض الثلاثي الأبعاد تلقائيًا، ويمكنك الاطّلاع على عرض جزئي للصور أثناء التصفّح في العرض الثلاثي الأبعاد. هذه طريقة رائعة لمنح المستخدمين تجربة أكثر تفاعلاً وغموضًا.
تصميم الأزرار
إذا اخترت استخدام زر للوصول إلى "عرض من الأعلى"، من المهم مراعاة ما يلي:
- الموقع الجغرافي: يجب تجميع الزر مع أزرار أخرى مرتبطة بالربط حتى يعرف المستخدمون أنّه مرتبط بالموقع الجغرافي للموقع.
- الانتقال: يجب أن يكون الانتقال إلى الفيديو سلسًا. إذا كان هناك قسم في الصفحة يعرض الصور والخرائط و "التجوّل الافتراضي"، يجب عرض فيديو "العرض الجوي" في القسم نفسه.
- تمييز الزر: بما أنّ هذا الزر سيكون إضافة جديدة إلى الصفحة، من المفيد تمييزه بعلامة "ميزة جديدة" أو بملصق مصغّر لصورة ثابتة من الفيديو.
- Emphasis: يجب تصميم الزرّ بطريقة تُبرزه بشكل متوسط أو عالٍ، لأنّ الضغط عليه سيؤدي إلى تنفيذ إجراء بارز. يقدم التصميم المتعدد الأبعاد من Google بعض الإرشادات حول كيفية تصميم أزرار بمستويات مختلفة من التوكيد.
في ما يلي بعض النصائح الإضافية لتصميم زرّ "عرض من الأعلى" فعّال:
- استخدِم لغة واضحة وموجزة. يجب تصنيف الزر بوضوح حتى يعرفه المستخدمون.
- استخدِم خطًا كبيرًا وسهل القراءة. يجب أن يكون الزر كبيرًا بما يكفي ليتمكن المستخدمون من هُم الرؤية بسهولة والنقر عليه.
- استخدِم لونًا متباينًا. يجب أن يكون لون الزر مختلفًا عن النص والخلفية المحيطَين به حتى يبرز.
- استخدِم عبارة تحثّ المستخدم على اتخاذ إجراء. يجب أن يتضمّن الزر عبارة واضحة تحث على اتّخاذ إجراء، مثل "مشاهدة العرض الجوي" أو "مشاهدة الفيديو".
اعتبارات متعلقة بالعرض
تحميل الفيديو
ننصحك بأخذ الاتصالات البطيئة في الاعتبار، وذلك من خلال عرض معاينة صورة ثابتة للفيديو وتحميل التجربة الكاملة عند تفاعل المستخدم، مثل onClick. إلى جانب فيديو "العرض الجوي"، ستتمكن أيضًا من الوصول إلى صورة مصغّرة يمكن استخدامها لتحقيق ذلك.
ستتمكّن أيضًا من الوصول إلى الفيديو بدرجات دقة مختلفة، ما يتيح استخدامها بشكلٍ استراتيجي لتقليل الوقت الذي يقضيه المستخدم في انتظار تحميل تجربته، وذلك بسرعات اتصال مختلفة.
عمليات تحديد مصدر الشعار
عند استخدام ميزة "عرض من الأعلى"، يجب التأكّد من اتّباع جميع الأحكام، بما في ذلك إحالة الشعار. اطّلِع على هذه الصفحة للاطّلاع على التفاصيل.
الخاتمة
نأمل أن تكون هذه المقالة قد ألهمتك بأفكار حول الطريقة التي ترغب بها في تنفيذ "عرض جوّي" على موقعك الإلكتروني مع تفاعل كبير من المستخدمين.
من المهم أن تفكر في الطريقة التي سيكتشف بها المستخدم المحتوى، وبأي التنسيق الأنسب لعرضه. يُفضَّل أيضًا مراعاة نوع الجهاز الذي سيتم تشغيل الفيديو عليه، وخاصةً اتجاه الشاشة وسرعة اتصال المستخدم.
الخطوات التالية
قراءة إضافية مقترَحة:
المساهمون
تُعدّ هذه المقالة من إعداد Google. كتب المساهمون التاليون هذه المقالة في الأصل.
المؤلف الرئيسي:
هنريك فالف | مهندس حلول في "منصة خرائط Google"