أفضل 10 مواقع مع تخطيط استجابة

ربما تكون قد سمعت عن الحاجة إلى تحسين المواقع لحركة المرور على الهاتف المحمول. في المستقبل القريب ، سيتصل المستخدمون عبر الإنترنت باستخدام الهواتف الذكية والأجهزة اللوحية في كثير من الأحيان أكثر من استخدام أجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر المكتبية.

تعرف أيضًا عن التصميم التكيفي ، وهو أحد الطرق لتحسين المواقع لحركة المرور على الهاتف المحمول. توصي هذه الطريقة باستخدام Google. ومع ذلك ، فإن بعض المسوقين النظر في تخطيط التكيف قرارا سيئا. انهم يفضلون استخدام الإصدارات المحمولة من المواقع أو التطبيقات. في هذه المقالة ، ستكتشف ما إذا كان التصميم التكيفي به عيوب خطيرة بالفعل ، وكذلك ما إذا كانت مواقع الويب ذات التصميم المتجاوب يمكن أن تكون جذابة وعملية.

تصميم استجابة: إيجابيات وسلبيات

يرد تعريف التصميم التكيفي في اسمه: إنه تصميم يتكيف تلقائيًا مع حجم الشاشة. بفضل هذا ، يتم عرض موقع الويب الخاص بك بسهولة باستخدام أجهزة الكمبيوتر الثابتة والأجهزة المحمولة. يمكنك أيضًا تغيير رمز الموقع بسهولة عن طريق إضافة عناصر معينة وإزالتها منه.

بالإضافة إلى ذلك ، لا تحتاج إلى إنشاء محتوى مختلف لمستخدمي أجهزة الكمبيوتر المكتبية والهواتف الذكية. المحتوى المنشور على الموقع الإلكتروني ذو التصميم التكيفي متاح للمستخدمين المتنقلين والمحمولين.

ومع ذلك ، فإن مواقع الويب ذات التصميم السريع الاستجابة لها عيوب عديدة. أولاً ، يستغرق تحميلها وقتًا أطول مقارنةً بإصدارات المواقع المحمولة. ووقت التحميل هو أحد أهم العوامل في سهولة استخدام الموارد. ثانياً ، موقع الجوال أرخص من المورد ذي التصميم التكيفي.

اختيار طريقة لتحسين حركة مرور الهاتف المحمول ، تسترشد بأهداف عملك والموارد المتاحة. وكحجج إضافية لصالح التخطيط التكيفي ، ستتم خدمتك من قبل أفضل المواقع بتنسيق تخطيطي (نسخة محمولة) معروض أدناه.

مثال رقم 1. قوة المبيعات

سيكون من الغريب أن لا تمتلك شركة بيع ، بما في ذلك تطبيقات الأجهزة المحمولة ، موقعًا جيدًا لجمهور الجوال. قوة المبيعات لا تترك مجالًا للتوبيخ. موقع الشركة سريع وعرض جيد على سطح المكتب والكمبيوتر اللوحي والهاتف الذكي.

تأكد منشئو الموقع أن مستخدمي الهواتف المحمولة وجدوا اتصالات الشركة بسهولة. إذا قمت بفتح الموقع على شاشة الكمبيوتر اللوحي ، يمكن رؤية رقم الهاتف في أعلى الصفحة. وعلى الهاتف الذكي في أسفل الصفحة ، يتم تمييز رقم الهاتف باستخدام كتلة التباين.

مثال رقم 2. نيكسون

على شاشة الجهاز اللوحي ، يبدو موقع Nixon جذابًا. يمكن استدعاء النقاط التالية بنجاح:

  • قائمة سهلة. على شاشة الجهاز اللوحي ، لا تختلف عناصر التنقل عن عناصر سطح المكتب. وعندما تدخل الموقع باستخدام هاتف ذكي ، يتم الوصول إلى القائمة باستخدام عنصر التنقل.
  • حلول بصرية جيدة. مشاهدة الصور تجذب الانتباه وتجعلك ترغب في التعرف على المنتج.
  • هناك دعوة واضحة للعمل على جميع الصفحات. على سبيل المثال ، يرى المستخدم الرئيسي دعوة للاشتراك في النشرة الإخبارية.
  • تحميل موقع بسرعة عالية.

رقم العينة 3. Everlane

تمكن مبدعو الموقع Everlane من إنشاء موقع جذاب بصريًا يتم تحميله بسرعة كبيرة. يجذب المصممون الزائرين إلى فئات المنتجات بمساعدة الصور الجميلة.

يعد التنقل الواضح وسهولة الطلب وسهولة الوصول إلى معلومات جهة الاتصال من بين مزايا هذا الموقع.

مثال رقم 4. أدوبي

موقع Adobe سهل التصفح. على شاشة الكمبيوتر اللوحي ، تبدو جذابة. يرى مستخدمو الهواتف الذكية موردًا بسيطًا أمامهم حيث يمكنهم العثور على البيانات الضرورية بسرعة.

عيوب الموقع تتضمن سرعة تنزيل منخفضة. بالإضافة إلى ذلك ، بعد الهبوط على المستخدم الرئيسي يرى نافذة منبثقة مع عرض تجاري. هذا ليس حلا جيدا جدا.

مثال رقم 5. هافينغتون بوست

تدرك Huffington Post المنشور جيدًا أن الناس يميلون إلى الحصول على أحدث المعلومات بمجرد حصولهم على دقيقة مجانية ، وأن لديهم هاتفًا ذكيًا أو جهاز لوحي بأيديهم. لذلك ، موقع النشر مناسب لمستخدمي الهواتف المحمولة.

على شاشة الجهاز اللوحي ، لا تختلف قائمة الموقع عن النسخة الكاملة. على شاشة الهاتف الذكي ، يتم إجراء التنقل باستخدام وحدة التنقل. يتم تحميل الموقع بسرعة. ويمكن للمستخدمين الذين يرغبون في تحسين تجربة هواتفهم المحمولة تنزيل تطبيق Huffington Post لنظام التشغيل Android OS. يظهر العرض المقابل بعد الهبوط على الموقع في الجزء العلوي من الصفحة.

القضية رقم 6. تشيليز

يجعل موقع Chili على شاشة الهاتف الذكي انطباعًا إيجابيًا. يرى المستخدم قائمة مريحة لا يصرف منها عناصر التصميم غير الضرورية. على شاشة الجهاز اللوحي ، يبدو الموقع أيضًا جذابًا. في الوقت نفسه ، هناك تفاصيل مؤسفة واحدة: في الاتجاه الرأسي للشاشة ، يبدو الجزء السفلي من الصفحة فارغًا. ومع ذلك ، يتم تعويض هذا العيب من خلال قائمة مريحة.

مثال رقم 7. Hubspot

بعد فتح موقع Hubspot على شاشة الجهاز اللوحي ، يمكنك الحصول على عرض لمحاولة تشغيل برنامج البائع. يمكنك أيضًا التعرف على منصة مراجعة الفيديو.

دمج أزرار القائمة تقريبًا مع خلفية الصفحة. يتم ذلك لعدم صرف الزائر عن العرض التجاري. ومع ذلك ، إذا كنت بحاجة إلى معلومات إضافية ، فستجد أدوات التنقل بسهولة.

مثال رقم 8. بيرتون

على الرغم من الكم الهائل من المحتوى المرئي ، يتم تحميل موقع Burton الإلكتروني بسرعة على الجهاز اللوحي والهاتف الذكي. يمكن للمستخدم التعرف على الأخبار مباشرة على الصفحة الرئيسية.

إذا قمت بإدخال الموقع باستخدام "الجهاز اللوحي" ، فإن عناصر القائمة هي نفس الإصدار الأساسي. يوجد في أسفل الصفحة الرئيسية نموذج للاشتراك في قائمة البريد الإلكتروني.

مثال رقم 9. IFC

على شاشة الهاتف الذكي ، يبدو موقع IFC مريحًا وبسيطًا. تسمح لك كتلة التنقل بالوصول إلى القسم المطلوب من المورد. بفضل الصورة ، يتم جذب انتباه المستخدم إلى الأقسام اللازمة.

بعد فتح الموقع على شاشة الجهاز اللوحي ، يرى المستخدم الكثير من المحتوى المرئي. قائمة مريحة تسمح لك لتحديد القسم المطلوب. يفتح الموقع بسرعة على الجهاز اللوحي وعلى الهاتف الذكي.

القضية رقم 10. قصص داداب

قصص داداب هي أكبر مخيم للاجئين في العالم. ويوفر موقع المخيم فرصة لرؤية الظروف التي يعيش فيها الناس هناك. بفضل التصميم التكيفي ، يمكن القيام بذلك على شاشة الأجهزة المحمولة.

يمكن أن تكون المواقع ذات التصميم التكيفي جذابة وعملية بصريًا ، كما هو موضح في الأمثلة أعلاه. وأي مواقع أو موارد للهواتف المحمولة ذات تصميم سريع الاستجابة تحبها؟

شاهد الفيديو: 5 طرق تختصر عليك وقت المذاكرة (شهر فبراير 2020).

Loading...

ترك تعليقك