لم يعد يكفي مجرد التأكد من أن محتوى الويب الخاص بك يتناسب مع شاشة صغيرة. عززت جوجل هذه السابقة من قبل تحديث خوارزمية لها التأكيد على أهمية التصاميم سريعة التخطيط والمخططة بشكل جيد على الهواتف الجوالة.
وهذا أمر منطقي: لا يحتاج المشاهدون إلى جميع وظائف سطح المكتب على جهاز جوّال. في الواقع ، قد يرغبون في إزالة بعض المحتوى والوظائف عندما يكونوا على شاشة أصغر. بعد كل شيء ، لا أحد يريد تصنيف صفحات المحتوى لمجرد العثور على رقم هاتف شركتك. هذا هو لبنة البناء المفقودة في الكثير من أسس تصميم الويب للشركات: التكيف الحقيقي.
لا يكفي مجرد التشويش على موقعك إلى إصدار يتناسب مع جهاز جوال. تحتاج إلى إلقاء نظرة فاحصة على تجربة المستخدم الكاملة وكيف يجب تغييرها للتكيف مع البيئات المختلفة التي يتم عرضها فيها.
57٪ من مستخدمي الأجهزة المحمولة لن يوصي الشركات مع سوء تصميم مواقع المحمول ، و 48 ٪ يقولون أن الشركات التي لديها مواقع للجوّال لا تعمل بشكل صحيح لها مظهر عدم الاهتمام بها.
هناك العديد من المشكلات التي تواجهها معظم الشركات مع مواقع الويب المتجاوبة:
لقد حددت عمليات التصميم السابقة أن العميل يوافق على الصور الثابتة ولقطات الشاشة قبل مرحلة التطوير. اليوم ، تصميم أكثر تركيزا على إعادة ترتيب العناصر لأبعاد جهاز مختلفة وأقل تركيزًا بكثير على وضع الصور الثابتة.
غالبًا ما يجعل عرض البيانات على شاشة صغيرة من الصعب رؤية أو قراءة المحتوى ، خاصةً جداول المعلومات. ال W3C يشجع بالفعل العلامات التجارية لاختيار طريقة أخرى غير الجداول وعلامات التبويب لتقديم البيانات ؛ واجهات المستخدم المعقدة ببساطة تحتوي على الكثير من المعلومات للأجهزة المحمولة للتعامل معها.
وفوق كل شيء ، فإن المشكلة في التصميم المستجيب هي ببساطة مسألة وجهات نظر العملاء مقارنة بمنظور الشركات. لسوء الحظ ، فإن معظم الشركات تسأل نفسها عما تريد أن تخبر عملاءها ، بدلاً من كيف يرغب عملائها في عرض تلك المعلومات والتفاعل معها.
على سبيل المثال ، على الرغم من أن عمليات سير العمل للتسجيل هي بوجه عام الجانب الأكثر أهمية في تصميم الويب ، إلا أنها غالبًا ما تكون أولوية منخفضة. ذلك لأن الأعمال التجارية تفكر أكثر في الوظائف التي يريدون أن يراها العملاء أكثر من نقطة الدخول المنطقية وسير العمل الأساسي الذي يبحث عنه العملاء.
ببساطة ، التصميم المتجاوب ليس هو الحل النهائي لمنح المستخدمين ما يحتاجون إليه من موقع إلكتروني ؛ لا يزال يترك الكثير مما هو مرغوب.
عندما يتعلق الأمر بتصميم الويب ، تحتاج العلامات التجارية المحادثة الرئيسية إلى اختصار مفهوم مواقع الويب المتجاوبة مقابل المتكيفة.
يأخذ النهج المتجاوب الموقع الحالي ويلائمه مع أحجام مختلفة للشاشة ، في حين أن النهج التكيفي يغيّر المحتوى فعلاً وكيف يعمل على أساس حجم الشاشة.
يفترض تصميم الويب السريع الاستجابة أن المحتوى والوظائف يجب أن يكونا متشابهين على جميع الأجهزة - ولكن هذا ليس صحيحًا بالضرورة
أدافع عمومًا عن المزيد من طريقة تصميم الويب التكيّفي ، بدلاً من مجرد تكديس المحتوى ، لسبب واحد مهم: يفترض تصميم الويب السريع الاستجابة أن المحتوى والوظيفة يجب أن يكونا متشابهين عبر جميع الأجهزة - ولكن هذا ليس صحيحًا بالضرورة. والمفتاح هو مطابقة طبيعة المحتوى مع حالة الاستخدام والسياق الذي يبحث فيه المستخدمون في موقعك على الويب.
على سبيل المثال ، لنفترض أنك تصمم موقعًا متجاوبًا للعلامة التجارية في السلع المعبأة المستهلك أو صناعات الهدايا الاستهلاكية. عادةً ما تتلقى صفحات العروض الترويجية والعروض لهذه الأنواع من المواقع عدد الزيارات عبر الإنترنت. نادراً ما ينظر الناس إلى تفاصيل المنتج ، ولكن عندما يفعلون ذلك ، فإن طريقة رائعة لتسليط الضوء على تلك التفاصيل هي إظهار كيفية مقارنتها مع العناصر الأخرى. ومع أخذ ذلك في الاعتبار ، يجب عليك وضع تصور للمنتج ومحتوى تعليمي على صفحات المنتج حتى تتمكن من مساعدة المستهلكين على فهم كيفية استخدام منتجك والتفاعل معه.
بالنسبة إلى صناعة السلع المعبأة للمستهلك ، فأنت ترغب في التعرف على عملائك وتحديد ما إذا كانوا قبل أو في أو بعد البيع. ستحتاج إلى إنشاء تجربة مختلفة اعتمادًا على مكان العميل في مسار الشراء.
إليك تحليل قصير لكل مسار:
يتيح لك معرفة مكان العملاء في مسار الشراء تصميم الموقع بطريقة تلبي هذه الاحتياجات والمزيد.
يتيح التصميم المتكيف للعميل الحصول على تجربة مخصصة ... بناءً على الجهاز الذي يستخدمه
قبل كل شيء ، يجب أن تضع نفسك في حذاء عملائك. على سبيل المثال ، أتسوق في Trader Joe كل أسبوع. سيكون من اللطيف إذا تمكنت من تخطيط وجباتي مقدمًا من الكمبيوتر المحمول الخاص بي وربط تلك الخطة بتجربتي في التسوق. بعبارة أخرى ، كان بإمكاني أن أخبر الموقع بما أود القيام به لتناول الإفطار أو الغداء أو العشاء. سيخبرني الموقع بعد ذلك عن جميع المنتجات التي سأحتاجها لإعداد تلك الوجبات وإنشاء قائمة معيّنة معي حتى أتمكن من معرفة الممرات التي يجب أن أضربها عندما وصلت إلى المتجر. كل ما علي فعله هو سحب هاتفي.
يتيح التصميم المتكيف للعميل الحصول على تجربة مخصصة ، على سبيل المثال ، بناءً على الجهاز الذي يستخدمه.
يمكنك تحسين تجربة العميل من خلال تصميم التصميم والمعلومات إلى الجهاز. على سبيل المثال ، إذا كان عميلك يبحث عن هاتف ذكي ، اجعل رقم هاتفك بارزًا وتفاعليًا حتى يمكنه الاتصال بسهولة. هل المستهلك على جهاز كمبيوتر محمول؟ ربما يكون من الأكثر أهمية تقديم معلومات المنتج مقدمًا. معرفة ما يحتاجه العميل وفقًا للجهاز المستخدم ، وتقديم هذه التجربة.
يجب أن ننظر إلى موقعك من وجهات نظر المستخدمين - بغض النظر عن الجهاز الذي يواجهونه. إذا سحب العملاء هواتفهم للبحث عن نشاطك التجاري ، فمن الأفضل أن تكون على استعداد لمساعدتهم في العثور على ما يحتاجونه باستخدام أفضل تصميم ممكن ووظائف. إذا كنت لا تجعل الأمر بسيطًا وسلسًا ، فسيأخذون نشاطهم التجاري في مكان آخر.