كيف سيحسن تصميم الويب الاستجابة من تجربة المستخدم لجميع الزوار
خذ لحظة وفكر في جميع الأجهزة التي تمتلكها والتي يمكن استخدامها لعرض مواقع الويب. إذا كنت مثل معظم الناس ، فقد نمت هذه القائمة على مدى السنوات القليلة الماضية. من المحتمل أن تتضمن الأجهزة التقليدية مثل كمبيوتر سطح المكتب و / أو الكمبيوتر المحمول إلى جانب الأجهزة التي برزت خلال السنوات القليلة الماضية ، بما في ذلك الهواتف الذكية والأجهزة اللوحية والأجهزة القابلة للارتداء وأنظمة الألعاب وغير ذلك الكثير. قد يكون لديك حتى أجهزة في منزلك أو شاشة في سيارتك تسمح لك بالاتصال بالإنترنت! خلاصة القول هي أن المشهد في الجهاز يزداد حجمًا وأكثر تنوعًا طوال الوقت ، مما يعني أنه لتزدهر على الويب اليوم (وفي المستقبل) ، يجب أن تكون مواقع الويب مبنية على نهج متجاوب واستعلامات وسائط CSS ويجب أن تفكر في كيفية من المرجح أن يدمج الأشخاص هذه الأجهزة المختلفة في تجربة تصفح ويب واحدة.
أدخل المستخدم متعدد الأجهزة
إحدى الحقائق التي رأيناها هي أنه إذا تم منح الناس طرقًا متعددة للوصول إلى الويب ، فسوف يستخدمونها. لا يقتصر الأمر على الأشخاص الذين يستخدمون الكثير من الأجهزة المختلفة للوصول إلى محتوى موقع الويب فحسب ، بل يزور نفس الشخص نفس الموقع باستخدام تلك الأجهزة المتنوعة. هذا هو المكان الذي يأتي منه مفهوم "الجهاز متعدد الأجهزة".
سيناريو نموذجي متعدد الأجهزة
فكر في تفاعل مشترك على الويب يختبره الكثير من الناس كل يوم - فتصفح مواقع الويب العقارية بحثًا عن منزل جديد. قد تبدأ هذه التجربة على كمبيوتر مكتبي حيث يدخل شخص ما معايير ما يبحث عنه ويراجع قوائم عقارات مختلفة تطابق هذا الاستعلام. خلال اليوم ، قد ينظر هذا الشخص إلى خصائص معينة مرة أخرى على أجهزته الجوّالة ، أو قد يتلقى تنبيهات إلى بريده الإلكتروني (والتي سيتحقق منها على جهازه الجوّال) للحصول على بطاقات بيانات جديدة تتطابق مع معلمات البحث. يمكنهم حتى الحصول على هذه التنبيهات إلى جهاز قابل للارتداء ، مثل ساعة ذكية ، ومراجعة المعلومات الأساسية على تلك الشاشة الصغيرة.
يمكن أن تستمر هذه العملية خلال اليوم مع مزيد من الزيارات إلى الموقع على كمبيوتر مكتبي مختلف ، ربما من مكتبهم في العمل. في ذلك المساء ، قد يستخدمون جهازًا لوحيًا لإظهار أي قوائم مثيرة للاهتمام بشكل خاص لأسرهم للحصول على تعليقاتهم على تلك الخصائص.
في هذا السيناريو ، قد يستخدم عميل موقع الويب لدينا أربعة أو خمسة أجهزة مختلفة ، لكل منها أحجام شاشة مختلفة جدًا ، لزيارة الموقع نفسه وإلقاء نظرة على نفس المحتوى. هذا هو مستخدم متعدد الأجهزة ، وإذا كان موقع الويب الذي يزوره لا يستوعبهم على كل هذه الشاشات المختلفة ، فببساطة سيغادرون ويجدون ما يفعله.
سيناريوهات أخرى
يُعد البحث عن العقارات مثالًا واحدًا فقط حيث يقفز المستخدمون من جهاز لآخر أثناء تجربتهم الشاملة مع أحد المواقع. تشمل الأمثلة الأخرى ما يلي:
- البحث عن سيارة للشراء
- التخطيط لقضاء اجازة
- قراءة المقالات الإخبارية
- البحث عن أفكار تحسين المنزل
- تبحث عن المقاولين / الخدمات المحلية
- التخطيط لحفل زفاف أو حدث كبير آخر
- بعد فريق رياضي أو حدث رياضي
في كل من هذه الحالات ، من المحتمل أن تمتد تجربة الويب إلى أكثر من جلسة واحدة ، مما يعني أن هناك احتمالًا أن يستخدم المستخدم أجهزة مختلفة استنادًا إلى أي منها مناسب لها في أي وقت معين.
أفضل الممارسات لمتابعة
إذا احتاجت مواقع الويب اليوم لتلبية احتياجات جمهور متعدد الأجهزة بشكل متزايد باستخدام الجمهور ، فهناك بعض المبادئ الأساسية وأفضل الممارسات التي ينبغي اتباعها لضمان أن تلك المواقع جاهزة للتعامل مع هؤلاء الزائرين بشكل صحيح وأنها تحتل مرتبة جيدة في محركات البحث .
- موقع الويب المتجاوب - يعد التصميم المتجاوب الذي يمكنه التكيف والتغيير لأحجام مختلفة للشاشة أمرًا ضروريًا لدعم مجموعة متنوعة من الأجهزة المتصلة بالإنترنت المتاحة اليوم.
- يجب أن يكون كل المحتوى متاحًا - إذا تمكن شخص ما من الوصول إلى محتوى معين أو ميزات معينة عند زيارته للموقع على جهاز واحد ، فإنهم يتوقعون توفر هذه المحتويات أيضًا عند عودتهم على أجهزة أخرى. يجب تقديم المحتوى بطريقة مناسبة لكل جهاز ، ولكن لا يجب "إخفاء" أي "محتوى" أو "إيقاف تشغيله" لأجهزة معينة.
- القراءة هي المفتاح - بغض النظر عن نوع الأجهزة أو ما هو حجم الشاشة المستخدمة لزيارة موقع الويب ، فإن سهولة قراءة هذا الموقع أمر مهم. هذا يعني أن الطباعة هي عنصر تصميم مهم يجب التركيز عليه. إذا واجه شخص ما صعوبة في قراءة محتوى الموقع ، فمن المرجح أن يغادر الموقع تمامًا.
- الاتساق وسط التنوع - في حين أن التخطيط المقدم لكل حجم شاشة مختلف سيكون مختلفًا ، يجب أن يكون هناك تناسق من جهاز إلى آخر. يجب أن يتم ربط التجربة بشكل عام بحيث لا يضطر المستخدمون إلى إعادة تعلم الموقع في كل مرة يزورونه على شاشة جديدة.
- اجعل الأداء أولوية - يجب أن يتم تحميل مواقع الويب بسرعة وأن تعمل بشكل جيد على جميع الأجهزة ، بما في ذلك الأجهزة المحمولة التي تقل سرعات التنزيل المنخفضة. يجب أن يكون الأداء الكلي للموقع الإلكتروني أولوية في جميع جوانب تصميم الموقع وتطويره - بعد كل شيء ، لن يقول أحد على الإطلاق أن موقع الويب قد تم تحميله بسرعة كبيرة أو عمل جيدًا !
حرره جيريمي جيرارد في 1/26/17