أفضل الممارسات لمصممي الويب تخطيطات مستجيبة أو تطبيقات أصلية؟ [افتتاحية]

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

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

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

قيم التطبيق الأصلي

يعتمد معظم مستخدمي الهواتف الذكية على التطبيقات المحلية لبرامجهم المفضلة. يعمل كل من Facebook و Twitter و Instagram وغيرها على تشغيل تطبيقاتهم الأصلية.

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

يوجد لدى العديد من الناشرين الرئيسيين تطبيقات على متجر iOS ومتجر Google Play والتي تغطي المدونات و webapps والشبكات الاجتماعية. لكن من العدل القول مواقع كبيرة مثل Facebook و Twitter احصل على قيمة أكبر من التطبيقات الأصلية مقارنة بالمواقع الأصغر.

هذا النقاش لديه آراء الخبراء والمنشورات الرئيسية التي تقدم وجهات نظرهم. إنه موضوع نقاش ساخن للمصممين والوكالات الإبداعية.

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

مواقع مستجيبة بالكامل: إيجابيات وسلبيات

في سياق عام ، يعد تصميم الويب المتجاوب أمرًا جيدًا دائمًا. لا يفقد مصممو الويب أي شيء عن طريق جعل تخطيطاتهم تستجيب بشكل كامل ومرنة لأي شاشة.

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

يمكن للتطبيقات الأصلية استخدام الميزات الأساسية لهاتف ذكي أو جهاز لوحي. مكتبات الرسوم المتحركة هي أقوى بكثير أصليًا من CSS أو JS المقدمة في المتصفح.

الشيء نفسه ينطبق على عناصر المدخلات في النماذج ، جنبا إلى جنب مع مخاوف نقل البيانات والأمن. يفضل الكثير من الناس استخدام تطبيق Pinterest عبر موقع Pinterest. ينطبق الشيء نفسه على Flipboard أو Dropbox أو Feedly أو Gmail أو أي خدمة ويب رئيسية أخرى.

ولكن ينبغي لتلك المواقع ليس تقديم تخطيط استجابة? هناك ثلاثة خيارات:

1. إجبار مستخدمي الويب المحمول على تنزيل التطبيق الأصلي
2. يمكنك تقديم تصميم ويب للجوال باستخدام رابط اختياري للتطبيق الأصلي
3. فقط قم بتشغيل تخطيط الويب للجوال بشكل منفصل عن التطبيق الأصلي

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

لا يذكر موقع الأخبار ZDNet تطبيقات الجوال الخاصة بهم أثناء زيارته على Mobile Safari. إنه يعمل تمامًا مثل التصميم المتجاوب النموذجي مع الأخبار والمقالات المميزة.

الفرق يكمن في تجربة المستخدم. تحديد ما هو الأفضل للمستخدمين و مقياس حيث يأتي معظم حركة المرور من.

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

سطح المكتب أولا أو المحمول أولا?

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

هناك رأي شائع جدًا يتمثل في مقاربة الجوال الأولى التي شاعها كتاب Luke Wroblewski. هذه الطريقة تعتبر تحسين تدريجي الذي يبدأ من الأساسيات ويزيد من وظائف البيئات التي يمكن التعامل معها.

بدلاً من ذلك ، يميل المصممون الآخرون إلى نهج سطح المكتب الأول الذي يتأرجح منه “المحمول أولا” إلى “المحمول أيضا”.

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

هل هناك إجابة صحيحة هنا؟ يجب أن تبدأ المخططات المستجيبة بأصغر الشاشات ، أو أن يكون المحمول أولاً مفهومًا قديمًا?

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

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

أفضل ما في العالمين

من المرجح أن يؤدي إنشاء موقع ويب كامل الاستجابة يعمل على أي شاشة إلى إشباع غالبية القراء. لذلك إذا كان لديك بالفعل تخطيط استجابة, يجب أن تهتم حتى مع تطبيق المحمول?

كما وجد في هذه المقطوعة العظيمة لـ Modo Labs ، يأتي الجواب تجربة المستخدم. لا توجد إجابة نهائية مطلقة. إنها الطريقة التي تقدم أفضل أشكال الاستهلاك لـ مشروعك المحدد على جهاز محمول. هل يريد المستخدمون تطبيق جوال؟ أو هو موقع أكثر من كافية?

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

ولكن ماذا لو كان هناك شخص يرتبط بـ TechCrunch على Twitter؟ إذا نقر شخص ما على هذا الرابط على جهاز iPhone الخاص به ، فسيتم فتح Mobile Safari لأنه رابط HTTP. هذا هو المكان الذي يأتي فيه تخطيط استجابة مفيد في ليس الجميع يريد التطبيق الخاص بك.

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

العمل على أساس كل مشروع

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

من تجربتي أود أن أقول ذلك تستفيد الشبكات الاجتماعية والمواقع التفاعلية أكثر من التطبيقات المحلية. يحتوي كل من Android و iOS على أطر عمل كبيرة لإنشاء تطبيقات يمكنها الاتصال بواجهات برمجة التطبيقات ، وإرسال استعلامات قاعدة البيانات ، ونظافة الوظائف من صفحة ويب.

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

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

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

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

تغليف

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

قد تقدم بعض مواقع الويب رابط تنزيل التطبيق لزوار الجوّال. يمكن أن تكون هذه مفيدة ومفيدة لتسويق منصة المحمول موقع الويب الخاص بك. ولكن في بعض الأحيان يستحق تقديم هذا كبديل وليس تفويض.

جمع تعليقات المستخدمين إن أمكن وقياس الآراء على تطبيق الجوّال. حاول معرفة ما يفكر فيه زوار موقعك فعليًا من تطبيق جوال أصلي واعتمد قراراتك على المزيد من البحث.