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