دروس من تصميم مواقع المحمول
إن التطور المتنقل هو الغضب ، والصناعة التفاعلية في حالة اضطراب كبير حيث تأتي الأجهزة اللوحية والهواتف الذكية التي لا تعد ولا تحصى إلى السوق.
يحظى تطوير تطبيقات الجوّال باهتمام كبير ، في الوقت الذي تتسارع فيه شبكة الجوّال إلى حد ما. إلا أن شبكة الجوّال تحرز تقدمًا يوميًا نظرًا لإطلاق مطوّرين جدد أكثر فأكثر واجهات محسّنة للجوّال.
إن الشيء العظيم في الويب المحمول هو أنها بنيت بشكل أساسي مع جميع الأدوات نفسها المستخدمة في تصميم وتطوير المواقع التقليدية.
هذا يجعله أكثر سهولة بكثير من تطوير التطبيق. أيضا ، سوف يرغب العديد من المستخدمين في زيارة موقع الويب الخاص بالشركة أثناء التنقل ، دون الحاجة بالضرورة إلى تطبيق كامل.
يعد إنشاء مواقع الويب المحسّنة للجوّال متشابهًا إلى هذا الحد مع اختلاف تصميمه على سطح المكتب. بعض العوامل تأخذ دورًا أكثر أهمية بكثير. على سبيل المثال ، تعد الاختلافات في حجم الشاشة ومدى اهتمام المستخدم وقضايا الاستخدام أكثر أهمية من أي وقت مضى.
هذه المشكلات نفسها موجودة على سطح المكتب ولكنها أحيانًا تكون أسهل في تجاهلها. سننظر هنا في بعض الدروس للتعلم من التحسين الذي يحدث على ويب الجوّال. يمكن للدروس أن تخبرنا مباشرة كيف نصمم وكيف نفكر في تصميم الويب التقليدي وتصميم مواقع الويب.
التنقل المبسط على مواقع المحمول
من أول الأشياء التي تتضح عند البحث في مواقع المحمول هو التبسيط الشديد للملاحة. لا يصبح التنقل فقط بارزًا ومركزيًا على موقع ويب للجوّال فقط ، ولكنه أيضًا يتم تقليله كثيرًا إلى حد كبير للتركيز على العناصر الأكثر أهمية فقط.
أجد أنه من المذهل كيف يمكن غلق الملاحة ذات المستوى الأعلى إلى عنصرين إلى أربعة عناصر في معظم مواقع الويب للجوّال. بالطبع ، أدرك أن المحتوى على موقع ويب للجوّال يتم تحسينه في كثير من الأحيان للجمهور المستهدف. فمثلا، الكنيسة الحقيقة الكنيسة لديه ستة خيارات في الملاحة الرئيسية ، واحدة منها فقط جعلت الملاحة في اصدار المحمول . والأمر الذي جعله ("جهة الاتصال") هو محور الصفحة الرئيسية بالكامل.
وبالطبع ، لا يزال المحتوى الذي لم يدخل في إصدار الجوال مناسبًا تمامًا. تهدف واجهة الجوال إلى التقاط الأشخاص الذين يحاولون العثور على الكنيسة أو التحقق من أوقات الخدمة أو الاتصال بهم ببساطة. هذه هي الأهداف الأكثر احتمالا للراكب الأمواج المتنقلة. من المحتمل أن يرغب أولئك الذين يصلون إلى الموقع الكامل على كمبيوتر سطح المكتب في رغبتهم في أن يبحثوا عن هذه الأشياء لمعرفة ما إذا كان هذا هو المكان الذي يرغبون في زيارته.
إذن ، ما هو الدرس الذي يجب تعلمه؟ لا تستهدف هذان الواجهات جهازي مختلفين تمامًا ولها أغراض مختلفة تمامًا؟ ربما ، ولكن يمكننا أن نتعلم الكثير من التركيز الشديد لواجهة الجوال. لاحظ كيف يدور كل شيء حول الإجراءات التي يمكنك اتخاذها؟ لقد قضت الكنيسة على جميع عناصر الملاحة التي تشبه الصناديق.
أحد العناصر المثيرة للاهتمام هو خيار التنقل "حول" على موقع الويب الكامل. قد يكون موقع الويب للجوّال مثاليًا للأشخاص أثناء التنقل ، لكن لا يوجد سبب يفترض أنهم لن يهتموا بالقراءة عن الكنيسة ومعتقداتها. قد يكون شخص ما قد ذكر الكنيسة لك في تمرير ، مما دفعك إلى البحث عنه على هاتفك.
لذلك ، يجب تغيير خيار التنقل لهذا العنصر. ماذا لو ، بدلاً من ذلك ، نقل شيئًا مثل "ما يجب أن تعرفه عنا"؟ في حين أنها طويلة بعض الشيء ، إلا أنها تعكس موقفًا أكثر فائدة. دلو عام "حول" يشبه مكانًا لاحتواء كل المعلومات التي لا يقرأها أحد. "دليل الزائر إلى كنيستنا" يشعر بأنه أكثر فائدة واستهدافًا.
تُظهر بساطة واجهة المستخدم للجوّال وتركيزها أن كل شيء يجب أن يكون له غرض للحصول على فتحة في موقع الويب. إذا كان الشيء نفسه صحيحًا تمامًا على موقع الويب الكامل ، فسنكون أقل ميلًا لملئه بمحتوى يبدو مهمًا وأكثر ميلاً للتأكد من أن كل شيء له وظيفة واضحة.
هذا يعكس عقلية مهمة للغاية. كل خيار يتحدى المستخدم لاتخاذ بعض الخطوة النشطة. يبدو الأمر وكأن كل خيار سلبي قد تم تطهيره وخفضه إلى عناصر قابلة للتنفيذ على موقع ويب الجوال. يقودنا هذا إلى الدرس التالي: كن شديد التركيز على المهام.
مواقع المحمول هي موجهة للمهمة
مع عقلية موجهة نحو المهام ، دعونا نعيد النظر في الموقع الكامل. في حين تم تصميم الصفحة الرئيسية بشكل جميل ، فإن الدعوة إلى العمل أقل وضوحا بكثير. المحتوى مليء بتفاصيل المعلومات في انتظار أن تقرر أن تكون مهتمًا.
على سبيل المثال ، يفشل إعلان البانر الكبير الذي يبرز حدثًا قادمًا في الاتصال بي لنوع معين من الإجراءات ؛ سلبي جدا. من خلال عقلية موجهة نحو المهام ، يمكننا تحسين ميزة "اقرأ المزيد" التي تحث المستخدم على اتخاذ إجراء بشكل كبير. هذا يمكن أن يكون بسيطا مثل جعل الدعوة للعمل أكثر بروزا. على سبيل المثال ، زر كبير في برتقالية متناقضة. بالإضافة إلى ذلك ، يمكن تغيير المكالمة إلى "معرفة المزيد والاشتراك".
مثال آخر هو رسالة الترحيب. أقدر النية والرسالة التي يتم توصيلها هنا. تُظهر الرسالة أن الأشخاص الحقيقيين وراء موقع الويب ، وتحاول جعل الصفحة تبدو شخصية. لكن مرة أخرى ، دعونا نحلل هذا بعقلية موجهة نحو المهام. ستكون المتابعة الرائعة لمقدمة كهذه عبارة عن دعوة واضحة للعمل تشجع الزائرين على اتخاذ الخطوة التالية. بعد كل شيء ، الناس الوحيدون الذين سيقرأون هذا هم القادمون الجدد. سيتخطى الأعضاء الحاليون هذا الأمر مباشرةً إلى أشياء مثل تقويم الحدث. لذلك ، قدم نقطة تحويل للمستخدمين ، مثل "طرح سؤال صعب" أو "ما يمكن توقعه عند زيارتك".
على النقيض من ذلك ، مربع "الضيف الخاص" رائع. إنه يعالج القضايا الرئيسية ويدفع الناس إلى التعمق أكثر. أتساءل فقط ما إذا كان يمكن أن يكون عنصرًا بارزًا في الصفحة. مرة أخرى ، سيصل الأعضاء إلى الأماكن التي يريدون الذهاب إليها ؛ لذا فإن التركيز على من هم جدد على الموقع الإلكتروني والكنيسة سيقطع شوطا طويلا لتحقيق أقصى قدر من الفرص.
أعرف أنني أضرب هذا الموقع بالفعل ، لكن الأمر ليس لأنني أكره ذلك أو أعتقد أنه لا يخدم وظيفته. هدفي هو فقط تحدي تفكيرنا ومفاهيمنا المسبقة لما يجب أن يكون عليه موقع الويب. أنا في الواقع أشيد بهذه الكنيسة لامتلاك موقع جميل وعملي ، مع تمديد المحمول للتمهيد!
مواقع المحمول تقلص بشكل كبير محتواها
هناك درس واضح آخر يتعلق بتقليص التنقل ، وهو أن مواقع ويب المحمول تقلص محتواها بشكل دائم. لا يقتصر عدد الخيارات على الوظائف الأساسية والغرض من موقع الويب فحسب ، بل يتم تقليلها أيضًا بشكل كبير.
في بعض الحالات ، يتم التخلص من معظم النسخة بالكامل! هذا يطرح السؤال ، هل هذا المحتوى ضروري على الموقع الكامل إذا كان إصدار الجوال يعمل بشكل جيد بدونه؟ ديفي أروبا هو مثال رائع على هذا. غامر التسويق يتحدث وضع فوق الصورة قد تبدو وكأنها عنصر لا بد منه للصفحة الرئيسية ، ولكن تم نقر على موقع المحمول الصغير .
على إصدار الجوال ، يتم وضع الشعار فوق نفس الصورة ، ومع ذلك فإنه لا يزال ينقل الرسالة نفسها بالضبط: إذا كنت ترغب في الذهاب إلى مكان مثل هذا ، فتابع القراءة. لماذا لا تستخدم هذه النقطة البارزة لدفع الناس إلى الإجراء المطلوب؟ من المؤكد أن المصممين يعرفون ما هو العنصر الأكثر أهمية في تحويل الزوار إلى العملاء. ضع هذه المعلومات في العمل ، وجذب الأشخاص إلى هناك من خلال دعوة واضحة للعمل بدلاً من الكلام التسويقي الناعم.
كل الأشياء الجيدة ، زغب بلا
هذا يقودنا إلى الدرس التالي: تفقد الزغب. المثال التالي هو مظاهرة إيجابية لهذا. ترافيل تكس هو موقع معلومات السفر عن ولاية تكساس. لديها هدف واضح والجمهور في الاعتبار. لحسن الحظ ، فإن المصممين احتضنوا بالكامل العقلية الأقل برقة.
ليس فقط يفعل موقع محمول صغير التركيز بشكل كامل على الموضوع في متناول اليد والبنود الرئيسية القابلة للتنفيذ ، ولكن كذلك الموقع الكامل! يا لها من ارتياح لنرى أي زغب على الإطلاق. بما في ذلك شيء كئيب مثل تاريخ تكساس سيكون مغريا جدا. إذا أراد الناس درسًا في التاريخ ، فلن يأتون إلى هذا الموقع. سيصعب عليك العثور على محتوى غير ذي صلة بالغرض المفرد لهذا الموقع الإلكتروني.
ندخل عادة في استجواب كل شيء. هذه هي الطريقة الوحيدة لغليق موقع الويب إلى عناصره المهمة ، وهو ما يحدث بالضبط على موقع ويب جيد للجوّال. يتم إجراء اختيارات صعبة ويتم قطع المحتوى القيّم من أجل تبسيط الموقع. زغب الدعوة على ما هو عليه و nuke ذلك!
العلامة التجارية هي ملك على شبكة المحمول
أنا كل شيء عن الإبداع على شبكة الإنترنت. في الواقع ، لقد حدث العديد من أكبر التغيرات في الصناعة نتيجة لرفض الالتزام بالوضع الراهن. لكن هناك وقت ومكان لكل شيء. يستخدم العديد من المصممين مهامهم كذريعة للإفراج عن عصائرهم الإبداعية ، وليس لأي غرض آخر سوى القيام بشيء إبداعي. هذا يحول الموقع إلى تصميم للمصمم ، وليس للعميل واحتياجاتهم. هذا هو شيء واحد يحذر ويب المحمول ضد بجرأة بدلاً من ذلك.
تُعد العلامة التجارية متسقة بشكل لا يصدق على شبكة الجوّال ، وأحد الأجزاء الأكثر ثباتًا هو موضع الشعار. على مواقع ويب الجوّال ، لن تجد أي شعارات مجنونة في الجزء السفلي تحتوي على تذييلات ثابتة. وظيفة الملك ، والشعارات تظهر دائما في الجزء العلوي. هل يمكنك تخيل الوصول إلى موقع ويب للجوّال وعدم رؤية الشعار على الفور؟ ومع ذلك فإن هذا أمر شائع في العديد من المواقع الكاملة.
في ما يلي بعض المواقع الإلكترونية التي تتميز بأقل قدر من القيمة وتفتقر إلى الأسلوب المذهل ، وهي غنية بالعلامات التجارية التي لا يمكن تفويتها.
يمكن أن يكون للدرس هنا تأثير عميق على كيفية التعامل مع عملك وعلى القيمة الأساسية التي تفرضها على عملائك. بالنسبة لكل مصمم يرى أن احتياجات العميل يجب أن تكون هي غرضه بالكامل للمشروع ، هناك شخص آخر يريد أن يظهر للعالم مدى الإبداع والأصالة.
مثل أي شخص آخر يشارك في إنتاج موقع على شبكة الإنترنت ، ينبغي أن يكون مصمم الويب متفردا في خدمة العميل ، ومساعدة أعمالهم وتحسين الخط السفلي. مع كل عنصر تضعه على موقع ويب للجوّال ، ضع في اعتبارك دوره وفائدته. تطبيق هذه العقلية على كل ما تفعله ، وسوف تجد قريبا حليف قوي في العميل الخاص بك.
وكلما احتضننا احتياجات العميل ونفعل كل ما في وسعنا لجلب القيمة لموقعهم على الويب ، كلما رأينا تحولا جوهريا في عملنا. سوف نذهب من بناء "أشياء رائعة" للنظر إلى كل شيء من وجهة نظر العميل. هل تقف هذه الميزة لزيادة أرباحها؟ كيف يمكن تغيير التصميم لتحسين أعمالهم؟ إذا كان هناك نتيجة ثانوية لعملك أكثر من المال للعميل ، فسوف تجد فرصة في كل مكان.
مواقع الويب دون الحيل
واحد من أعظم إنجازات شبكة المحمول هو النقص الكامل في الحيل. لكي نكون منصفين ، هناك وقت ومكان للحيل على الويب. في الواقع ، أخصص أقسامًا كاملة من كتبي إليهم. لكن عدم وجود الحيل على مواقع ويب المحمول يدل على أن هذه الأفكار التي تبدو رائعة لا تخدم أي غرض حقيقي.
يجب أن يمر كل شيء على موقع ويب للجوّال بعدة عوامل تصفية. هل المحتوى ذو صلة ومفيد للغاية؟ هل المحتوى مهم ، وهل يخدم الهدف الأساسي للموقع؟ هل موقع الويب سهل الاستخدام والفهم؟ هل الملاحة غير تقليدية؟ إذا كان الأمر كذلك ، فهل هو مهم لوظيفة الموقع؟ قد تكون الإجابة نعم ، ولكن في أكثر الأحيان ، ستكون حاسمة.
بعض الحيل التي تكون غائبة بشكل ملحوظ عن تطوير الهاتف المحمول هي شاشات البداية ، والملاحة غير العادية ، والرسوم المتحركة غير المعينة والتفاعلية ، ومناطق التمرير المضمنة ، والتصميمات الفردية والتصاميم ذات العرض الثابت. كفاءة شبكة المحمول هي مذهلة.
استنتاج
كما ترون ، لدينا عدد من الدروس للتعلم من الويب المحمول ؛ على وجه الخصوص ، قدرتها على كشف العناصر غير الضرورية في موقع الويب. وكما هو الحال مع العديد من الأشياء في الحياة ، فإن التغيير الطفيف في المنظور غالبا ما يفتح أعيننا على القيمة الحقيقية للأشياء التي كنا نعتبرها منذ أمد بعيد أمرا مفروغا منه.
أنا لا أقترح أننا فقدنا الهدف من الويب. بدلا من ذلك ، أقترح أن نعتمد عقلية أكثر استراتيجية بكثير.
باتريك ماكنيل كاتب مستقل ، مطور ومصمم. على وجه الخصوص ، يحب الكتابة عن تصميم الويب ، وتدريب الناس على تطوير الويب وبناء المواقع. أحدث مشروع كتاب باتريك هو دليل المصمم على شبكة الإنترنت . يتضمن العديد من المواضيع على غرار هذه المقالة. يمكنك معرفة المزيد حول هذا الموضوع TheWebDesignersIdeaBook.com . اتبع باتريك على تويتر designmeltdown .
تم جلب هذا المنصب لك من قبل DudaMobile ، أ موقع المحمول شركة إنشاء.
ما هي جوانب تصميم الهاتف المحمول التي تحاول ترجمتها إلى سطح المكتب؟ هل ترى البساطة والسرعة في ويب المحمول نفسك؟