الحصول على الإبداع مع سهولة الاستخدام
عندما يتعلق الأمر بتصميم موقع ويب بديهي وسريع الاستجابة ومتماسك ، وهو فريد ومثير للاهتمام أيضًا ، فإنه غالبًا ما يبدو أنه من الصعب التوفيق بين مجموعتي الأولويات. ولكن في الواقع ، لا شيء أبعد عن الحقيقة: لا يوجد سوى عدد قليل من الأفكار الأساسية التي تحتاج إلى توظيف من أجل اتخاذ أفضل الخيارات في تصاميمك بسهولة.
أهم هذه المفاهيم هو أن التصاميم الجميلة القابلة للاستخدام لا يصعب تحقيقها عندما يتم إعطاء الأولوية لـ UX ، ويتم تكييف التصميم ليلائمه. بعد كل شيء ، فإن طبيعة تجربة المستخدم تملي أن هناك بعض القواعد غير المرنة ، في حين أن التصميم يكاد يكون مرناً بلا نهاية. بمجرد أن تتعلم الطرق والوسائل التي يجب عليك من خلالها تكييف تصاميمك ، يجب أن تكون في طريقك لتحويل المعركة إلى معاهدة سلام.
توقع خطأ المستخدم ؛ تقليل تهيج المستخدم
ضع في اعتبارك دائمًا ما قد يحدث في حالة ضلال المستخدم لصفحتك على الويب. رسائل خاطئة لا ينبغي أن يتم حجبها بلغة تقنية ، بل يجب أن تقدم تفسيراً لما يمكن أن تكون عليه المشكلة ، وإذا كان ذلك ممكنًا ، حيث يجب عليهم الذهاب للحصول على المساعدة. توازن هذه الاعتبارات مع ما يمكن تحسينه من جانبك. بغض النظر عن مدى جمال موقع الويب ، إذا استغرق تحميله وقتًا طويلاً ، فلا يستحق هذا الجهد. يقول الخبراء أنه إذا استغرقت صفحة الويب أكثر من 3 ثوانٍ للتحميل ، فيجب تبسيطها.
إبقاء النماذج قصيرة وغير مقصودة قدر الإمكان ؛ إذا لم تكن المعلومات ضرورية ، فلا تسأل عنها. إذا لم تكن قد قمت بذلك بالفعل ، فكر في تقديم تسجيل دخول اختياري عبر Facebook أو Twitter ؛ فغالبًا ما تجد المواقع التي تقدم هذه الخدمة أن معدلات التحويل الخاصة بها ترتفع لأن المستخدم يجدها أكثر ملاءمة ، وبالتالي فمن المرجح أن تأخذ وقتًا للتسجيل. بالإضافة إلى ذلك ، تأكد من أن موقع الويب الخاص بك يحتوي على وجود وسائط اجتماعية متكامل ، لا يتعارض مع تصميمك أو يتفوق عليه ، ولكنه أيضًا قابل للتعريف بسهولة ، مثل العمل في اللعب موقع الكتروني. الإضافات الصغيرة مثل هذه هي ما يضيف إلى تبسيط تراكمية لتجربة المستخدم.
ولتحقيق هذه الغاية ، من المهم مراعاة بعض المعايير التي يجب أن تظل متسقة إلى حد ما عبر أي نوع من مواقع الويب.
الحفاظ على معايير الويب
يمكن أن تعاني بعض العناصر الشائعة في الموقع ، مثل روابط التذييل أو شريط البحث ، من الإبداع المفرط. في حين أن هناك مجال للأصالة في العديد من هذه العناصر ، فمن المهم الحفاظ عليها بشكل أو بآخر بنفس الشكل الذي تشاهده في كل موقع آخر ، لأنها موجودة في كل مكان بما فيه الكفاية بحيث يتوقع المستخدمون تقديمها بطريقة معينة . اتبع هذه الإرشادات:
- تأكد من أن المناطق القابلة للنقر يمكن التعرف عليها على الفور (مثل الروابط على هذا الموقع ) وهي كبيرة بما يكفي للتنشيط بسهولة ؛
- كسر كتل من النص مع الصور وغيرها من التحفيز البصري.
- استعمال فتات الخبز عند الاقتضاء ؛
- حاول تجنب نشر نفس المقالة أو البحث عن منتج عبر صفحات متعددة ؛
- اجعل معلومات الاتصال ، والأسئلة الشائعة ، وشريط البحث ، والميزات القياسية الأخرى التي يسهل العثور عليها واستخدامها.
برغم من شركة Grip المحدودة الموقع لافتة للنظر ومثيرة ، بل هو أيضا مربك لا يصدق. في حين أن هناك تفسيرًا لكيفية سحب الأعمدة لإظهار المحتوى ، فإنه يتم فقدانه في خليط من الطباعة الأخرى. يمكن الوصول إلى القائمة التقليدية ، ولكن فقط إذا قمت بالتجسس على القائمة المنسدلة الصغيرة. إنه تصميم موقع رائع لا يهتم به بعض المستخدمين مدى صعوبة استخدامه ، ولكن العديد من الآخرين قد يتم تأجيله. ولكن إذا تضمن الموقع الاقتراحات أعلاه في تصميمه ، فلا يزال بإمكانه الحفاظ على عامله البارد وتوفير تجربة مستخدم جيدة.
على سبيل المثال ، على الرغم من أن صودا كوميدي عناصر تصميم الموقع الأخرى تشتت إلى حد كبير ، لا يزال المستخدم قادرا على العثور على شريط البحث بسهولة. إن وضع العلامات ووضعه واضح بما فيه الكفاية بحيث يتم تقليل الارتباك. هذه التقديمات الصغيرة لارتباك المستخدم هي التي تصنع الفرق.
اين يرسم الخط
هناك قواعد UX أخرى يمكن تثبيتها ولكن غير مكسورة. ولكن في أي نقطة يذهب مصمم بعيدا؟ تعد عناصر التنقل مثالًا جيدًا للعمل بها ، نظرًا لأن كل موقع به شكل ما. بشكل تقليدي ، يتم ترتيبهم بإحدى طريقتين:
- أفقيا على طول الجزء العلوي من الصفحة ؛ هذا يسمح بمظهر واسع للقوائم القصيرة.
- عموديا على طول الجانب الأيسر من الصفحة ؛ هذا الترتيب يمكن أن تستوعب قوائم أطول.
ولكن هناك أساليب أخرى وأنظمة ملاحة يمكنها العمل إذا تم استخدامها بعناية وبحذر. فمثلا، هذا الموقع محفظة يحتوي على قائمة التنقل التي تشغل معظم الصفحة ، وكل كلمة يتم حجبها جزئيًا. علاوة على ذلك ، لا تبقى العناصر ثابتة ؛ تنزل وفصل لعرض المحتوى داخل كل قسم. كل هذه الازدهار قد تكون مجتمعة لتشكيل نظام مربك من شأنه أن يحبط المستخدم بسرعة. ومع ذلك ، يتجنب التصميم كونه مشكوكًا فيه من خلال كونه بسيطًا للغاية ؛ الكلمات لا تزال قابلة للقراءة. تحتوي القوائم المنسدلة على كمية صغيرة من المعلومات بحيث لا تكون بقية قائمة التنقل في خطر التعرض للضياع. الكل في الكل ، إنه نظام مختلف بشكل جذري يتجنب بصعوبة كونه إشكالياً.
على الجانب الآخر من الخط هو مفهوم تمت الإشارة إليه باسم سر اللحوم الملاحة ، حيث الاعتبارات الجمالية للتصميم تطغى تماما على سهولة الاستخدام. في حالة موقع FlatPak ، يجب أن يتم ترحيل الملاحة لقراءة ما يشير إليه ؛ ميزة الاستخدام الفظيع التي لا ينبغي محاكاتها.
الألفة مقابل الوظائف
من نواحٍ عديدة ، تبدو المعركة الحقيقية لتصميم الويب الحالي بين الأفكار الجديدة الجديدة التي تجعل التفاعل أقل حدسية ، والممارسات القديمة المقيدة التي قد لا تكون الحل الأفضل ، ولكنها ما اعتاد عليه المستخدمون. مثال على هذه المشكلة غالبا ما تنشأ عند النظر في تصميم skeuomorphic. وهو النمط الذي يقلد سلف عنصر تم صنعه في وسيط آخر.
يحدث هذا النوع من التصميم طوال الوقت على شبكة الإنترنت ، من آلة حاسبة سطح المكتب التي تبدو وتعمل مثل نظيرتها في الواقع الفعلي ، إلى الأزرار الموجودة على موقع الويب التي لها تأثير ظاهري واقعي وحاد مائل. من المنطقي إلى نقطة معينة ، لأن معرفة هذه التصاميم تجعل المستخدمين يشعرون بالراحة على الفور باستخدامها. ومع ذلك ، فهي ليست بالضرورة الحل الأفضل لأنها محدودة بشكل لا يصدق.
يمكن توضيح الصدام بين هاتين الأولويتين من خلال تقنية "تدوير الصفحات" الواقعية من Apple ، والتي تستخدم في القراءة الرقمية. إنها فكرة جذابة لأنها تجعل التجربة تبدو أكثر مثل تحويل الصفحات المادية والورقية ، وهو أمر قد يجده المستخدمون مألوفين بشكل مريح. ومع ذلك ، على الرغم من بالأحرى أطوال سخيفة ذهبت الشركة من أجل خلق هذا التأثير ، فإنه ينتقص من تجربة المستخدم. يستغرق الأمر وقتًا أطول من التحميل ، كما أن التحريك في الصفحة هو حركة أكثر صعوبة لتنفيذ عملية دفع بسيطة ؛ حركة غير سليمة قد ترسل للمستخدم بطريقة خاطئة.
استخدم مسار تحويل واضح
إذا كنت تعمل على موقع ويب معقد يحتوي على العديد من المسارات الملاحية ، فمن المهم جدًا السماح للمستخدم بالانتقال منطقيًا عبر الموقع ، وإبقائه على علم بمكانه في خريطة الموقع ككل. هذا هو المكان فتات الخبز وغيرها من الأجهزة الملاحية تأتي في متناول اليدين. لا يلزم استخدام الروابط الافتراضية باللون الأرجواني اللعين لعرض المستخدم الذي سبق له زيارته ؛ هناك الكثير من الحلول الأخرى الأكثر جاذبية التي تحقق نفس التأثير.
غالبًا ما تكون مواقع التجارة الإلكترونية هي تلك التي تتعرض لانتقادات لاذعة في عمليات تحويل التحويل السيئة التصور ، ولكن هناك الكثير من الأمثلة الرائعة عن متاجر ويب مصممة بشكل جميل ومصممة خصيصًا للـ UX. خذ على سبيل المثال فاكهة النول الموقع ، الذي يحتوي على واجهة نظيفة وودية لا تزال منطقية. انها ليست حتى نتيجة للتطوير الخلفي المخصص والمعقد ؛ تم إنشاء الموقع باستخدام بسيط برنامج التجارة الإلكترونية في أمازون ، أن أي شركة صغيرة يمكن أن تستفيد منها.
يستوعب المسح وإضافة الفائدة المرئية
ضع في اعتبارك أن الأشخاص يقرأون صفحات الويب بطريقة مختلفة عن وسائط الطباعة. دراسات تتبع العين أظهر أن مستخدمي الويب يتصفحون الصفحة بأكملها (يركزون أولاً على المحتوى في الزاوية العلوية اليسرى) ، بحثًا عن عناصر لافتة للنظر مثل العناوين الرئيسية أو علامات الاقتباس أو الصور. ثم يتعمقون في أقسام تبدو مثيرة للاهتمام. من المهم جدًا تصميم هذا النوع من العقلية والتأكد من استخدام تسلسل هرمي مرئي يوجه المستخدم إلى المكان الذي تريده.
ال تزدهر منفردا بلوق يحتوي على الكثير من المحتوى ، لكنه يحافظ على مظهر واسع وممتع باستخدام الكثير من المساحات البيضاء والصور الكبيرة والرموز والحروف المتنوعة. العناوين الكبيرة والمركزة مفيدة بشكل خاص لمسح المشاهدين.
الخط السفلي
في حين أن جماليات الموقع تخلق انطباعًا أوليًا ، فإن الوظيفة هي ما يمنح المستخدم تجربة دائمة يرغب في العودة إليها. لا يوجد موقف حيث لا يمكن التوفيق بين اعتبارات التصميم والوظائف ؛ في الواقع ، إنه التفاعل بين هاتين الأولويتين اللتين تنتهي بهما إنشاء أفضل المواقع وأكثرها ذكريات على الويب.
هل من أي وقت مضى المساس قابلية الاستخدام لعلم الجمال؟ هل يمكن أن يكون التصميم جيدًا بدون إمكانية الاستخدام؟ دعنا نعرف أفكارك في التعليقات.