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