ليس منذ "كوكاكولا" مقابل "بيبسي" أن هناك مثل هذا الجدل واسع النطاق والجدل الحاد حول موضوع واحد. تشارك مدونات التكنولوجيا والتصميم عبر الويب في نقاشات ساخنة حول التصميم المتجاوب في مقابل مواقع الجوال ، حيث تتجادل حول الحل الذي يحقق أفضل تجربة للجوّال.
لا نستطيع جميعا نتفق؟ لا ، ليس في هذا العمر ، خاصة بالنسبة لموضوع مثل مناقشة عالية مثل هذا واحد. ومع العدد الهائل من مطوري ومصممي الويب الذين يقدمون الخدمات للعملاء اليوم ، والاستيعاب الهائل في الأجهزة المحمولة التي ركزت على المشكلة ، سيكون من المستحيل على الجميع الموافقة.
تريد أن تكون ذبابة على الحائط لسماع ما الشركات المهنية التفكير في التصميم الاستجابة وكيف يتم تقديم الخدمات لعملائها؟
أجريت مقابلات مع أربع منظمات بارزة تنشئ تجارب جوّال لعملائها على أساس يومي. أدناه ، ستجد المعلومات الداخلية على عمليات تطوير المحمول الخاصة بهم
على الرغم من وجود العديد من وجهات النظر المختلفة ، يبدو أن هناك رأيين سائدين يدوران حول الويب.
يستشعر معجبو التصميم المتجاوب العديد من الفوائد كدليل كافٍ على ضرورة تطبيق هذه التقنية على جميع مواقع الجوّال أو معظمها.
وفقا لمقترحي التصميم المستجيب:
وفقًا لـ Michael Wyszomierski الذي يعمل لدى Google في عمليات جودة المنتج ، فإن التصميم سريع الاستجابة يكون في المكان. هذه هي مشاركته على + Google:
ورد مايكل على الانتقادات في التعليقات بالقول إنه في بعض الحالات قد تكون هناك حاجة لمواقع الهاتف المحمول ، لكنه عموما مؤيد قوي للتصميم سريع الاستجابة ويعتقد أن العديد من المواقع يمكن أن تحسن بشكل كبير من تجربة المستخدم من خلال استخدامها.
لذا ، إذا كان التصميم المتجاوب رائعًا وراقيًا وعصريًا ، فهل هناك هستيريا جماعية تحيط بالموضوع؟ فيما يلي بعض الأسباب ...
الجانب الآخر من الحجة لا يعارض بعناد للتصميم الاستجابة ، ولكنهم يشعرون أنه مناسب فقط في حالات محددة. يؤكد هذا المعسكر على أن قرار إنشاء موقع منفصل للجوّال على تصميم سريع الاستجابة يعتمد على احتياجات مستخدم الجوال.
في ما يلي بعض الحجج للتصميم المستجيب:
قررنا أن نأخذ هذه الحجة إلى الشوارع لنرى كيف تخدم الشركات المربحة احتياجات عملائها من المحمول. تحدثت إلى أربع منظمات رفيعة المستوى وسألتهم عن نهجهم للتصميم سريع الاستجابة. لقد اخترتهم لأنهم نجحوا في تقديم عمل ممتاز لعملائهم ونموهم هو دليل على هذه الحقيقة.
سألت كل الأسئلة نفسها لفحص مدى اختلاف / تشابه مقاربتهم حول الموضوع.
أول ما يصل هو تحطيم الأفكار وهي وكالة تفاعلية مقرها سياتل في مجال الأعمال منذ عام 1996. كان المخرج الفني كولن بروكتور لطيفًا بما يكفي لمشاركة أفكاره حول التصميم سريع الاستجابة.
س: كم عدد المرات التي تقوم فيها بتطوير مواقع المحمول للزبائن؟
ج: لقد صنعنا حفنة منهم. مع العديد من عملائنا ، نرى أن مبادرات الويب للجوّال تنطلق الآن. كانت تجارب ويب الجوّال موضوعًا رئيسيًا للتخطيط والمحادثة في العام الماضي أو معظمها لمعظم مشاريعنا. لقد كانت مواقع الجوّال التي طورناها إما مواقع إلكترونية مستجيبة كمرافقين أو تخطيط متجاوب واحد. وكان معظم هذه المحتوى شديد التركيز. لدينا مجموعة كبيرة من تجارب الجوّال ، سواء كانت تطبيقات أصلية أو مختلطة ، وتطبيقات الويب ، وما إلى ذلك.
س: هل تستخدم تلقائيًا التصميم سريع الاستجابة لجميع عملاء الجوال؟ اشرح باختصار لماذا أو لماذا لا.
ج: لا ، لكنه دائمًا جزء من المحادثة. نستكشف سياق الجمهور قبل اتخاذ القرارات حول التكنولوجيا. لكي تكون شفافةً ، لا تزال التخطيطات المتجاوبة كليًا ذات قيود تقنية تسبب القلق للمؤسسات الكبيرة: الإعلانات ، والصور المتجاوبة ، ودعم تكامل الأطراف الثالثة هي بعض الاهتمامات الرئيسية. بالنسبة لمواقع الكتيبات ، نستخدم دائمًا التصميم سريع الاستجابة لأن التسلسل الهرمي للمحتوى لهذه المواقع يميل إلى التدهور بشكل جيد عبر عدد كبير من نقاط الاستراحة. في كثير من الأحيان ، يكون سياق المستخدم لمواقع النشرات متناسقًا عبر الأجهزة.
سؤال: هل ستقول أنك ...
أ) لصالح التصميم سريع الاستجابة
ب) لا لصالح التصميم سريع الاستجابة
ج) لصالح التصميم سريع الاستجابة ومواقع الجوال المنفصلة
اشرح باختصار لماذا اخترت إجابتك ...
ج: أعتقد أنه من الخطورة استخدام التصميم المتجاوب كمصيدة للجميع ، وأن الاستراتيجية المتجاوبة ستحدد الطرق التي يستجيب بها نظام التصميم لديك لسياق مستخدميك (وهو المفتاح). التصميم / التصميم المتجاوب هو منهج قابل للتوسع للغاية ، ولكن هل يراعي دائمًا ما يفعله المستخدم؟ لا ، لأنه نظام واحد من العديد من حلول التصميم للجوال.
إذا كنت أقوم بإنشاء موقع إلكتروني لوسائل النقل العام ، فسأفكر في أن المستخدم الذي يجلس في مكتبه ربما يخطط لجدوله أو مساراته ، بينما يحاول مستخدم على هاتفه معرفة مكان الحافلة / القطار ويبحث عن المزيد حلول فورية. يعرض هذان السياقان سلوكًا مختلفًا ، واحتياجات لنفعية ، وحاجات للملاحة ، وما المحتوى الذي يجب تقديمه مقدمًا. قد لا تكون مجموعة واحدة من القوالب ذات التصميم والتصميم السياقي هي الحل - قد يلزم أن تكون هناك مجموعة مختلفة تمامًا من الميزات.
س: ما أفضل نصيحة لك لمصممي / مطوري الويب الذين يبحثون عن بناء تجارب جوّال ناجحة لعملائهم؟
ج: التصميم المستجيب ليس نقطة انطلاق. إنها تقنية رائعة يضع الكثيرون في مجتمع الويب الكثير من الوقت في حل المشاكل التي تعيقها من وجود عالمي أكثر. أعتقد أننا سنرى اعتماد تصميم / تصميم سريع الاستجابة ينمو على مر السنين.
في رأيي ، أفضل شيء يخرج من انفجار شبكة المحمول هو الخروج عن فكرة تعيين لوحة الرسم لدينا ، والتي نحتاج فقط لملئها. نحن مضطرون لتجاوز الافتراضات القديمة حول تجربة المستخدم ، و مسؤولة عن عمليات التفكير أكثر مما كنا عليه في التاريخ الحديث. نظرًا لأننا مجتمعًا ، لم نعد جمهورًا أسيرًا ينظر إلى مستطيل من مساحة العرض العادية مثل 1024 × 768 ، لذا تتم إعادة كتابة القواعد. كصناعة ، هذا هو الوقت لتجربة ونمو.
التالي هو Evolve المجموعة الإبداعية ، وهي شركة لحلول الويب تعمل بكامل الخدمات ومقرها خارج أكرون ، أوهايو. سألت المطورين الأسئلة نفسها وهنا ردودهم:
س: كم عدد المرات التي تقوم فيها بتطوير مواقع المحمول للزبائن؟
ج: نحن نطور مواقع الويب للجوّال على الأرجح بنسبة 30٪ تقريبًا من الوقت. إنها مزيج من الرغبة والميزانية والضرورة لعملائنا. لا يحتاج العديد من العملاء إلى الحاجة أو الرغبة في دعم الجوّال نظرًا لجمهورهم وميزانيتهم. نظرًا لمرونة المواقع التي نبنيها (غير الجوال) ، فإنها تعمل بشكل لائق بما فيه الكفاية على الجوّال بحيث لا يمكن للعملاء تبرير التكلفة. يمكن أن يكون هذا أمرًا صعبًا ، ولكن مع نمو وتطور اتجاهات الجوّال ، يتزايد عدد العملاء الذين يستفيدون منها.
س: هل تستخدم تلقائيًا التصميم سريع الاستجابة لجميع عملاء الجوال؟
ج: لا ، لا نستخدمها لجميع عملاء الجوال. نحن ببساطة نفعل ما هو في مصلحة العميل ومستخدميه. نحن نقيم بعناية نهج المحمول على أساس كل حالة على حدة وفقا لاحتياجاتهم.
إذا كان لدى مستخدمي الهاتف المحمول التابع للعميل مجموعة فرعية من الاهتمامات ، أو هدف محدد يتطلب تغييرًا في التخطيط أو كمية المعلومات المقدمة ، فإننا نوصي بموقع منفصل للجوّال على نطاق فرعي ، مما يتيح لنا القدرة على تبسيط الموقع تجربة المحمول. ولكن على الجانب الآخر ، إذا كان الموقع بسيطًا وعالميًا في الرسائل والأهداف (مثل المدونات والصفحات المقصودة والمواقع الإعلامية الصغيرة على سبيل المثال) ، فإن امتلاك موقع واحد مرن عبر جميع الأنظمة الأساسية مفيد بالتأكيد.
سؤال: هل ستقول أنك ...
أ) لصالح التصميم سريع الاستجابة
ب) لا لصالح التصميم سريع الاستجابة
ج) لصالح التصميم سريع الاستجابة ومواقع الجوال المنفصلة.
اشرح باختصار لماذا اخترت إجابتك ...
ج: مثل كل شيء في هذا العمل ، فإن منهج الهاتف المحمول هو عبارة عن العطاء والتأثير ، حيث أن هناك مزايا وعيوب لكل طريقة. توفر مواقع الجوال المنفصلة ميزة تركيز المستخدم على محتوى معين مختص ومُحسّن. لكن الجانب السلبي المتأصل هو أن العميل قد يكون لديه صيانة مرتين في التحديثات المستقبلية.
هذا هو المكان الذي يتناغم فيه التصميم المتجاوب مع حجة "موقع واحد لحكمهم جميعًا". إن امتلاك موقع واحد عالمي ، غني بالمرونة ، ويقدم الموقع بأكمله للمستخدمين للتفاعل معه كما يشاؤون هو فكرة مثيرة للغاية. فهو يضع القوة في أيدي العملاء والمستخدمين ويحل مشكلة تصميم وبناء مواقع الويب لجهاز معين (سطح المكتب أو غير ذلك). لكن الحجج ضد التصميم المستجيب مثل وقت التنزيل ، وتكاليف التطوير ، والإفراط في المعلومات ، يمكن أن تكون مقنعة.
الأخلاقية هنا هي تصميم الحل على أساس المشروع والمستخدمين ، وعدم التعلق على الجدال الناري المتزايد.
س: ما أفضل نصيحة لك لمصممي / مطوري الويب الذين يبحثون عن بناء تجارب جوّال ناجحة لعملائهم؟
ج: إن أكبر نصيحة نقدمها هي أن نكون أذكياء في اختيار أسلوبك. لا تقفز فقط على عربة الفرقة المستجيبة لأنها هي الشيء الجديد الساخن أو العصا مع مواقع المحمول منفصلة لأنها آمنة ومألوفة. تحتاج إلى الحكم بعناية على إيجابيات وسلبيات كل نهج للمشروع المحدد في متناول اليد.
أيضا ، قاعدة على المستخدم النهائي للحل. هل هم من النوع الذي لديه هدف محدد ولا يمتد إلى فترة الانتباه؟ هل يريدون الدخول والخروج والتواصل مع حياتهم؟ أم أنهم في مقهى ويريدون الاستمتاع بالتجربة الكاملة؟ من المرجح أن تؤدي الإجابة على هذا السؤال إلى الاختيار الصحيح.
بعد ذلك ، تحدثت إلى ريان أندرسون ، رئيس Alchemy50 ، وكالة رقمية مقرها في بروكلين ، نيويورك. هنا ما قاله ريان عن عملية شركته:
س: كم عدد المرات التي تقوم فيها بتطوير مواقع المحمول للزبائن؟
ج: نادرًا. أعتقد أن مواقع الويب الخاصة بالجوال أصبحت شيئًا من الماضي. هناك الكثير من أحجام الشاشات المختلفة ، والحلول ، وما إلى ذلك ... للنظر في هذه الأيام أن إنشاء موقع "محمول" محدد عادة ما يكون عملاً أكثر مما يستحق ، ولا يحل المشكلة تمامًا.
س: هل تستخدم تلقائيًا التصميم سريع الاستجابة لجميع عملاء الجوال؟
ج: ليس تلقائيا ، ولكن في كثير من الأحيان. يعتمد الأمر بالفعل على طبيعة المشروع - سواء كان تطبيقًا على الويب أو موقعًا إلكترونيًا للشركة - فلكل منهما معايير فريدة يجب وضعها في الاعتبار. كما أننا لا نفصل "الجوال" كثيرًا ، بل نذهب إلى مشروع نعلم أنه في معظم الحالات يكون متعدد الأجهزة ، ومتعدد الدقة ، ومتصفح متعدد ، إلخ ... يجب أن يعمل في كل مكان ومعه قاعدة رمز لتكون فعالة من حيث التكلفة.
هذا هو المكان الذي يكون فيه إطار الاستجابة الجيد هو المفتاح - يمكنك معالجة معظم التباديل بإطار عمل جيد. خلقت Alchemy50 إطارها الخاص الذي هو مزيج من العناصر الصلبة والقياس الديناميكي. لقد وجدنا أن المواقع الأكثر تعقيدًا تميل إلى أن تكون غير مستقيمة إلى حد ما باستخدام الأطر المرنة ، لذلك يستخدم إطار العمل استعلامات الوسائط لتعديل صفحاتنا في قرارات محددة. لقد ثبت أنه مفيد للغاية وفعال في جهودنا لدعم أجهزة ومتصفحات متعددة بقاعدة شفرة واحدة.
سؤال: هل ستقول أنك ...
أ) لصالح التصميم سريع الاستجابة
ب) لا لصالح التصميم سريع الاستجابة
ج) لصالح كل من التصميم المتجاوب ومواقع الجوال المنفصلة اعتمادًا على العميل ومستخدميه
اشرح باختصار لماذا اخترت إجابتك ...
ج: إنها بالفعل الطريقة الوحيدة للتطوير على الويب هذه الأيام. يجب أن نضع أنفسنا في حذاء عميلنا وننظر فيه - التكلفة الإجمالية ، والجدول الزمني ، وقابلية التطوير ، وقابلية الدعم ، إلخ ... وعندما نفعل ذلك ، فإنه عادة ما يدعم فكرة إطار الاستجابة. من المهم الإشارة ، مع ذلك ، إلى أن ما يتم طلبه في بعض الأحيان لا يمكن إجراؤه بدون مكتبات نظام التشغيل الأصلية - لذا فإن إطار الويب المتجاوب ليس هو الحل لكل شيء.
س: ما أفضل نصيحة لك لمصممي / مطوري الويب الذين يبحثون عن بناء تجارب جوّال ناجحة لعملائهم؟
ج: لا تختار الحل حتى تفهم تمامًا ما يريد العميل القيام به. وحذر ، في كثير من الأحيان يقول العميل إنه يريد "موقع HTML5" أو "تطبيق جوّال يعمل في كل مكان" - وجدنا أنه عادة لا يفهمون تمامًا ما يقولونه. اطلب منهم أن ينسوا التكنولوجيا لمدة دقيقة ويشرحوا بلغة واضحة ما الذي يبحثون عنه. ما هو السوق المستهدف؟ ما هي عادات هذا السوق (التكنولوجيا ، المتصفح ، هل يجلسون في المكاتب ، إلخ) ما هي الوظائف التي سيوفرها الموقع / التطبيق؟ في كثير من الأحيان ، عندما تتحدث من خلال هذه النقاط مع العميل ، سيظهر منهج فعال (وأحيانًا مختلف جدًا!).
أخيرا ، تحدثت مع مدير تطوير الويب في Digitaria نيكولاس دافيسون. Digitaria هي وكالة رقمية كاملة الخدمات تأسست في عام 1997 مع خمسة مواقع في جميع أنحاء الولايات المتحدة. هذا ما قاله نيكولاس عن التصميم المتجاوب:
س: كم عدد المرات التي تقوم فيها بتطوير مواقع المحمول للزبائن؟
ج: تشتمل غالبية عمليات الإنشاء لدينا على مكون متنقل في هذه الأيام. نظرًا لوجود محفظة واسعة وعميقة مثل Digitaria ، فإن ذلك يعني أن فريقي يمتلك عادة عدة مواقع تحتوي على مكونات متنقلة في أي وقت.
س: هل تستخدم تلقائيًا التصميم سريع الاستجابة لجميع عملاء الجوال؟ اشرح باختصار لماذا أو لماذا لا.
ج: تجاهل Zeldman وتكريم تعريف Marcotte ... إذا كنت تفصل متجاوبًا ، بشكل أساسي ، التخطيطات والصور السائلة التكيفية ، لا نختار تلقائيًا الاستجابة السريعة عبر Adaptive. السبب الرئيسي لهذا هو العائد على الاستثمار.
تقدم التخطيطات السائلة سلسلة من التحديات: يمزج خلط الأبعاد والنسب الثابتة مع عناصر div إضافية لتعليق التصميم. تؤدي أخطاء التقريب إلى مشاكل في إصدارات Internet Explorer القديمة وغالبًا ما تترك فجوات بكسل واحدة حتى في المستعرضات الحديثة. يجب أن يقوم QA ، إذا تم تنفيذه بشكل صحيح ، بفحص كل عنصر في كل حجم في كل متصفح - يضيف بشكل كبير إلى تكاليف ضمان الجودة.
ما الذي ستحصل عليه هذه التكاليف على تصميم متكيف يلبي احتياجات 320 و 480 و 720 و 960 و 1140؟ أنها تجعل استخدام الفضاء بشكل أفضل قليلاً وإضافة عامل نجاح باهر طفيف. إذا كانت هذه الفوائد تبرر التكلفة ، فإننا نبني متجاوب. إذا لم يفعلوا ذلك ، فإن Adaptive أكثر ملاءمة.
إذا كنا ، كما نقترح زيلدمان ، نستخدم أسلوبًا متجاوبًا ومتكيفًا بالتبادل ولا ننظر إلى المتغيرات السائلة ، فلا ينبغي أن يكون قرارًا تلقائيًا. أي شخص يفكر في عملائه ينظر إلى الأدوات المناسبة للعمل المناسب.
التكيف له العديد من المزايا وعادة ما يكون له معنى. ومع ذلك ، هناك دائمًا استثناءات: غالبًا ما يعمل Mdot بشكل أفضل عندما يريد العميل محتوى مختلفًا للجوال. غالبًا ما تعمل التطبيقات بشكل أفضل عندما يريد العميل الحصول على وظائف متقدمة جدًا تتطلب واجهة مخصصة وتفاعلات لكل عامل شكل.
من حين لآخر ، لا يبدو الهاتف المحمول منطقيًا. إذا كان العميل لديه ببساطة الحد الأدنى للموقع لأسباب قانونية أو منح ، ويريد الحفاظ على انخفاض التكاليف في حين مجرد التحقق من مربع ، فإن البيع غير مناسب.
لذا ، فإن Adaptive أمر نوصي به عادةً ، ولكن ، كشريك جيد ، يجب ألا نقترح عليك أي شيء تلقائيًا دون الاستماع أولاً.
سؤال: هل ستقول أنك ...
أ) لصالح التصميم سريع الاستجابة
ب) لا لصالح التصميم سريع الاستجابة
ج) لصالح التصميم سريع الاستجابة ومواقع الجوال المنفصلة
اشرح باختصار لماذا اخترت إجابتك ...
ج: التصميم التكيفي مقنع بشكل لا يصدق في كل حالة تقريبا. أصبح تجاهل أجهزة الجوّال والأجهزة اللوحية أمرًا سيئًا في حركة الأعمال ، حيث كان تجاهل الويب قبل عشر سنوات. عليك ببساطة النظر فيها لمعظم المشاريع. يتم ترقيم أيام مواقع Mdot الجزئية. يتوقع المستخدمون جميع المحتوى على أي جهاز يستخدمونه. وبمجرد أن لا يكون الهاتف المحمول غير موجود أو جزئي ، فإن Adaptive هي الطريقة الأكثر فعالية من حيث التكلفة لتقديمها في الغالبية العظمى من الحالات. بالمقارنة مع موقع سطح المكتب الكامل و Mdot الكامل ، فإنه أرخص. مقارنة بـ Mdot ، و Tablet ، و Desktop ، فهي أرخص بكثير.
وتلك هي مجرد الحجج لهذا اليوم: التكيف هو أرخص للحفاظ عليها والبناء عليها لأنها منصة واحدة. المواقع ليست فقط لهذا اليوم. مع العمر الافتراضي لعدة سنوات على معظم المواقع ، لا نحتاج فقط إلى التفكير في كم من الناس يستخدمون الأجهزة المحمولة والأجهزة اللوحية اليوم ، ولكن كم سوف يستخدمونها قبل فترة طويلة من نهاية عمر الموقع.
س: ما أفضل نصيحة لك لمصممي / مطوري الويب الذين يبحثون عن بناء تجارب جوّال ناجحة لعملائهم؟
ج: الخطة. ضع في اعتبارك الجوال وسطح المكتب في نفس الوقت. إن التراجع وإعادة تركيب البنية الأساسية لاستيعاب ما تحتاجه الآن لتصميم مفاجأة هو أكثر تكلفة من التخطيط وبناء بنية نظيفة تخدم كليهما.
استخدم موقع response.js حتى يعمل موقعك على كل متصفح ، وليس فقط تلك التي تعرف عن استعلامات الوسائط. لا تبنوا السوائل لمجرد أن Responsive هي النسخة الأكثر برودة من Adaptive. لديها مزايا ولكن لديها أيضا التكاليف. تأكد من اختيار ما يناسبك.
اختبار مبكر واختبار في كثير من الأحيان. كان ذلك صحيحًا عندما كنا نعمل على تطوير أربعة متصفحات سطح مكتب وكان لدينا متصفح إنترنت إكسبلورر أقدم للنظر فيه. الأمر صحيح على نحو مضاعف الآن ، فنحن نضيف العديد من الأنظمة الأساسية للجوّال: من السهل إصلاح المشكلة بشكل سليم إذا التقطتها عند ظهورها لأول مرة. يكاد يكون من المستحيل إصلاحها عندما يتم بناء العشرات من الطبقات فوقها ، مما يحجب القضية الأساسية. إذا كنت لا تختبر ، عبر منصة ، بعد كل ميزة جديدة تضيفها ثم كنت تفعل ذلك خطأ.
من أجل العقل ، عليك الموافقة على قائمة من الأنظمة الأساسية التي تمنحها لك رمز الضمان. هناك الكثير من المتغيرات في Android ، والإصدارات القديمة من نقاط iOS ، وأجهزة Windows Mobile التي ستقدم لك تصميمات مجانية للحياة إذا كنت غبيا بما فيه الكفاية لتوافق ببساطة على "جميع الهواتف الذكية". ثم هناك Blackberry حيث تبدو الإصدارات القديمة مصممة مع الحب الفاسد للكسر.
شكرا لجميع المشاركين لتقديم لنا نظرة ثاقبة في عملياتهم اليومية.