اتجاهات التصميم الأساسية ، مايو 2016
لا شيء يلفت انتباهك مثل تصميم الدراما العالية. تعد الصور الكبيرة ، والاستخدام غير المعتاد للعناصر المشتركة أو المسافات البيضاء والقائمة على المغامرة طريقة مختلفة لإدخال المستخدمين إلى مشروع. كل من هذه التقنيات لديه شعور أعلى من أن يجعل الانطباع الأول قوي ويشجع على تفاعل المستخدم.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1) صورة واحدة كبيرة
على الرغم من أن مواقع الأنماط المجمّعة التي تحتوي على الكثير من الصور أو رؤوس الفيديو هي خيارات شائعة ، إلا أن إحدى الصور الكبيرة تحقق عودة في تصميم الصفحة الرئيسية. تتميز صورة واحدة مذهلة دون الكثير من التأثيرات الأخرى ، يمكن للصورة الكبيرة تحمل الكثير من الوزن وإدخال المستخدمين إلى محتوى الموقع.
ولكن يجب أن تكون الصورة ذات جودة عالية ومثيرة للاهتمام جدًا لتشجيع المستخدمين على مواصلة النقر.
هذا يمكن أن يكون صيغة صعبة لحلها.
فيما يلي بعض الحلول:
- ابدأ باستخدام صورة محددة. يجب أن تكون مثيرة ومختلفة إلى حد ما. (تجنب أن تحمل اليد صورًا هاتفية للتطبيقات يتم إطلاقها أو شخصًا على لقطات خلفية بلون ثابت).
- قطعها بإحكام.
- تحرير واللعب باستخدام إعدادات اللون. انتقل لشيء أكثر تطرفًا ، مثل الأسود والأبيض.
- عرض منتجك أو علامتك التجارية.
- احتفظ بالعناصر الأخرى إلى الحد الأدنى. ضع في اعتبارك فقط استخدام معرف العلامة التجارية ، مثل الشعار ، والعنوان القصير.
- انقل التنقل بعيدًا عن الطريق.
- قدم فكرة للمستخدمين حتى يعرفوا الإجراء الذي يجب اتخاذه بعد ذلك ، مثل السهم الذي يشجع على التمرير.
- اصنع صورة درامية بمساعدة الإضاءة والخلفيات المثيرة للاهتمام أو البيئات الرائعة. (من المحتمل أن يكون المصور المحترف مطلوبًا لهذا المصور.)
- تلعب الدراما مع الطباعة هي أن الحجم الكبير أو أصغر أو يستخدم محرف جديد. لكن فقط استخدم واحدة من هذه التقنيات.
2) التنقل الجانبي
على الرغم من أن الموضع الأكثر شيوعًا لعناصر التنقل هو في أعلى موقع الويب ، إلا أن هذا ليس مطلبًا. طالما أنه من الواضح للمستخدمين فيما يتعلق بكيفية استخدام الموقع ، يمكن للتنقل العيش في عدد من الأماكن المختلفة.
يعد التنقل على نمط الشريط الجانبي ، غالبًا على الجانب الأيسر من الشاشة ، أحد الخيارات الشائعة.
هذا هو الاتجاه الذي يأتي بسرعة كبيرة وعلى عدد من المواقع. بدءًا من الأساليب الرقيقة ، التي لا تقريبًا ، إلى عناصر ملاحية أوسع وأكبر حجمًا تقريبًا في الترتيب الجانبي ، يكون هذا التنسيب منطقيًا نظرًا لأن المستخدمين يقرأون من اليسار إلى اليمين. لذا ، يمكن أن تكون عناصر التنقل اليمنى أول ما يقرأه المستخدمون فعليًا على الشاشة بعد إلقاء نظرة على العنوان الرئيسي أو نسخة كبيرة أخرى.
وينبع هذا الاتجاه من أنماط التنقل المتنقلة ، وهو خطوة منطقية لمواقع سطح المكتب أيضًا. لفترة من الوقت ، عايشنا ميزة تنقل منبثقة من الجانب على أجهزة الشاشة الصغيرة. أصبح البحث عن التنقل من الجانب نمط مستخدم مقبولًا بشكل عام لهذا السبب.
كجزء من صورة أوسع نطاقاً ، من المحتمل أن نرى المزيد من التقنيات التي كانت حلولاً تعتمد على المحمول تشق طريقها إلى الشاشات من جميع الأحجام. يمكن لتوسيع نطاق حل الشاشة الصغيرة لجميع الأجهزة توفير الوقت وتوفير قدر أكبر من الاتساق في شكل المشروع. كما أنها جزء من إستراتيجية التصميم للجوّال أولاً.
عندما يتعلق الأمر بالتنقل الجانبي على الشاشات الأكبر ، هناك بعض العناصر المحددة التي يجب وضعها في الاعتبار.
- يجب أن يكون التنقل واضحًا إلى حد ما للمستخدمين ، وهذا هو السبب في أن العديد من المواقع لا تزال تستخدم رمز الهامبرغر كدلالة.
- يمكن أن تنتقل ميزة التنقل من اليسار أو اليمين ، ولكن يمكن أيضًا أن تكون عنصر تصميم مميزًا بموضع ثابت.
- يمكن أن يكون التنقل عبر الشريط الجانبي جزءًا من التصميم العام بدلاً من وضعه جانباً. لاحظ كيف يدمج موقع Quecha على شبكة الإنترنت عناصر التنقل في النمط الجانبي في التصميم العام.
- توفير الكثير من المساحة بحيث تكون العناصر الملاحية واضحة وسهلة القراءة. يجب أن يعرف المستخدمون ما هي هذه الكلمات أو الأيقونات وأنهم يمثلون مسارًا للالتفاف على موقع الويب.
- توخي الحذر من تغيير الأنماط الملاحية بين الصفحات ، ما لم ترجع إلى أعلى مستوى قياسي لخيار الشاشة في الصفحات الداخلية.
3) مغامرة تفاعلية
يأخذ المصممون الفيديو والرسوم المتحركة والرواية إلى المستوى التالي مع مواقع الويب الممتعة التي تأخذ المستخدمين في مغامرة تفاعلية. هذه المواقع على أساس القصة هي للعلامات التجارية والشركات من جميع الأنواع ، وكذلك بالنسبة للمواقع التي هي مجرد بالمعلومات.
يميل كل موقع مغامرات تفاعلي إلى الظهور بشكل مختلف تمامًا ويمكنه استخدام أي عدد من التقنيات لجذب المستخدمين. مؤشر الترابط المشترك هو قصة حيث يتحكم المستخدم في الإجراء على الشاشة. يعمل هذا مع النقرات وكتابة الأوامر والتمرير لإشراك المستخدم في القصة والمساعدة في تحديد النتائج.
هذا النوع التفاعلي من تصميم موقع الويب مفيد للمستخدمين وجيد لك. يمكن لقصة جيدة أن تبقي المستخدمين على موقع الويب الخاص بك أطول والنقر عبر الروابط ، والمشاركة مع المحتوى. سيساعدك ذلك في إنشاء اتصال أفضل مع جمهورك.
المستخدمين مثل القصص التفاعلية لأنها يمكن أن تكون ممتعة ومثيرة للاهتمام. الحيلة هي الحفاظ على القصة قصيرة بما فيه الكفاية بحيث يمكن للمستخدم اللعب وإكمال اللعبة في الجلوس. إذا اضطروا إلى الابتعاد ، فقد تفقدهم.
النظر أيضا في نتائج التجربة التفاعلية. ماذا يحدث في نهاية التفاعل؟ هل يرتبط فقط باللعبة؟ أو هل تقوم بتسليط الضوء على منتج أو خدمة يرغب المستخدمون في العودة إليها؟ إذا كانت الإجابة هي الأخيرة ، فتأكد من تضمين خيار تجاوز للمستخدمين الذين قاموا بالفعل (أو لا يرغبون في اللعب) باللعبة ولكنهم يريدون الوصول إلى المحتوى.
استنتاج
موضوع التصميم الرائج هذا الشهر هو دراما كبيرة. يأخذ الفن العظيم ، قصة جيدة والكثير من التخطيط لسحب واحد من هذه التقنيات لأنها تركز بشكل فريد على الاستيلاء على المستخدمين مع انطباع سريع. هل هو النمط الذي قد تفكر فيه؟
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.