قبل تصميم الموقع لابد من التركيز علي الأسس التي تجعله ناجحا وتضمن إقبال الأفراد عليه ، لذا هناك 10 قواعد عليك إتباعها عند إنشاء موقع ويب ناجح وفعال.
فيما يلي 10 قواعد يجب اتباعها عند إنشاء موقع ويب ، ليس التصميم المرئي لموقع الويب هو الذي يحدد ما إذا كان ناجحا أم لا بل هو سهولة إستخدام موقع الويب وفائدته هي التي تحدد ما إذا كان موقعك مناجحا أم لا ونتيجة لهذا ، أصبح التصميم الذي يركز على المستخدم تقنية قياسية لتصميم مواقع الويب الناجحة والموجهة نحو الربح.
نتيجة لذلك ، يقرر الزائر كل شيء إذا لم يتمكن الأشخاص من الإستفادة من ميزة ما ، فقد لا تكون الوظيفة موجودة على الإطلاق.
فعليك التركيز علي المبادئ الأساسية والإستدلال والنهج لتصميم الويب الفعال عند إستخدامها بشكل صحيح ، يمكن أن تؤدي النهج إلى قرارات تصميم أكثر تطورا وتبسيط عملية إدراك المعلومات المقدمة ، وإليك المبادىء ال 10.
1 - تجنب بذل جهود عقلية غير ضرورية على المستخدم
ينص القانون الأول علي سهولة الإستخدام والذى ينص على أن تكون صفحة الويب المعنية بديهية وسهلة الإستخدام .
عند تطوير موقع ويب ، يجب عليك إزالة جميع الأسئلة المفتوحة التي تمثل الخيارات التي سيحتاج الزوار إلى اتخاذها بعد تقييم الفوائد والعيوب والخيارات المتاحة بعناية.
سيواجه المستخدمون صعوبة في فهم كيفية عمل النظام وكيفية الإنتقال من النقطة أ إلى النقطة ب إذا لم تكن بنية التنقل والموقع بديهية ، علاوة على ذلك سيؤدي ذلك إلى زيادة عدد علامات الإستفهام من ناحية أخرى، يمكن للمستخدمين أن يجدوا طريقهم إلى هدفهم ببساطة أكبر إذا كان الهيكل مباشرا ، وهناك بعض الإشارات المرئية والروابط سهلة التعرف عليها.
دعونا نلقي نظرة على رسم توضيحي عند إنشاء موقع ويب؟
يدعي موقع http://beyondis.co.uk بجرأة أنه "يتجاوز القنوات والعناصر والتوزيع" إذن ما الذي يعنيه بالضبط؟
من المرجح أن تكون هذه التأكيدات الثلاثة أول الأشياء التي يراها المشاهدون على الصفحة بمجرد تحميلها بالكامل وأيضا ، هذا لأن المستخدمين عادة ما يتنقلون في صفحات الويب بإستخدام نمط "F" ، حتى لو كان التصميم مباشرا ، فيحتاج المستخدم إلى البحث عن الحل لفهم الصفحة.
هذا ما تبدو عليه علامة الإستفهام غير الضرورية لذلك ، يقع على عاتق المصمم مسؤولية التأكد من أن عدد علامات الإستفهام قريب من الصفر قدر الإمكان.
يحتوي الجانب الأيمن على التفسير البصري الذي تم تقديمه بمجرد تبديل هاتين الكتلتين من شأنه أن يجعل النظام أكثر قابلية للإستخدام.
يتبع ExpressionEngine إطارا مطابقا لإطار Beyondis ولكنه لا يتضمن علامات استفهام ما لم تكن ضرورية للغاية. بالإضافة إلى ذلك، يبدأ سطر الشعار في الشعور بعد السماح للعملاء باختبار الخدمة مجانا وتنزيل نسخة غير مقفلة من البرنامج.
يمكنك أن تجعل من السهل على الزوار فهم المفهوم الكامن وراء النظام عن طريق تقليل مقدار العمل العقلي المطلوب.
بمجرد تحقيق هذا الهدف، ستتمكن من شرح سبب قيمة النظام وكيف يمكن للمستخدمين الاستفادة من استخدامه. على سبيل المثال، إذا كان من الصعب التنقل في موقع الويب الخاص بك، فلن يستخدمه الأشخاص وستفقد نشاطك التجاري نتيجة لذلك.
2 - لا تبدد صبر المستخدمين
في كل مشروع تنوي تزويد زوار موقعك بخدمة أو أداة ، يجب أن تسعى جاهدة للحفاظ على متطلبات المستخدم بسيطة قدر الإمكان فعند اختبار الخدمة من المرجح أن يحاول الزائر العشوائي ذلك إذا اضطر المستخدمون إلى اتخاذ الإجراءات القليلة الممكنة.
يهتم الأشخاص الذين لم يستخدموا الخدمة من قبل بتجريبها أكثر من ملء نماذج الويب الطويلة لإنشاء حساب قد لا يستخدمونه مرة أخرى.
اسمح للمستخدمين بإستكشاف الموقع والتعرف على خدماتك دون مطالبتهم بالكشف عن المعلومات الشخصية ، على سبيل المثال ، يبدو من غير المألوف الإصرار على إدخال المستخدمين عنوان بريد إلكتروني قبل السماح لهم باختبار الخدمة.
3 - تحمل مسؤولية توجيه انتباه المستخدمين
هناك قاعدة أخرى يجب اتباعها عند إنشاء موقع ويب وهي أن بعض مكونات واجهة المستخدم تحظى بإهتمام أكبر من غيرها لأن مواقع الويب تقدم مواد ثابتة وديناميكية ، على سبيل المثال ، الصور أكثر جاذبية للعين من النص وبالمثل وأيضا، تبرز الجمل الجريئة أكثر من تلك المكتوبة بخط عادي.
يمكن لمستخدمي الإنترنت تمييز الحواف والأنماط والحركات بسرعة بسبب الطبيعة غير الخطية للعين البشرية.
لهذا السبب ، فإن إعلانات الفيديو التجارية مزعجة ومتطفلة بشكل لا يصدق ، ولكن من وجهة نظر تسويقية إنهم يؤدون وظيفة ممتازة لجذب انتباه المستهلكين وتحقيق غرضهم في القيام بذلك.
يتم تنفيذ مفهوم الإهتمام بشكل لا تشوبه شائبة في أنسنة كلمة "مجاني" هي المكون الوحيد المرئي مباشرة للمستخدمين حيث إنه يعمل بشكل جذاب وجذاب بينما لا يزال مسالما ويوفر المعلومات في أنقى صوره.
تمنح التلميحات الدقيقة المستخدمين معلومات كافية للتعرف على منتج "مجاني".
من خلال توجيه إنتباه المستخدمين إلى أقسام موقع ويب معينة إالمحدودة من المكونات المرئية. كما يمكنك مساعدة زوار موقعك على الإنتقال من النقطة أ إلى النقطة ب دون التفكير في كيفية عمل العملية.
سيكون لدى الزوار شعور أفضل بالتوجه إلى جانت أنهم سيكونون قادرون على خلق مستوى أكبر من الثقة في المنظمة التي يمثلها الموقع إذا كان هناك عدد أقل من علامات الإستفهام.
بعبارة أخرى ، ستتحسن تجربة المستخدم إذا كان هناك تفكير أقل في الإحتياجات الموضوعة وراء الكواليس ، لذا ، ينبغي أن يكون هذا هو التركيز الأساسي لجهود قابلية الإستخدام في المقام الأول.
4 - نسعى جاهدين للظهور في المنشورات
القاعدة الأخرى التي يجب إتباعها عند إنشاء موقع ويب هي أنه من الممارسات الشائعة انتقاد التصميم المعاصر عبر الإنترنت للطريقة التي يوجه بها المستخدمين من خلال خطوات "1-2-3" الجذابة ، أزرار ضخمة ذات تأثيرات بصرية وعناصر تصميم أخرى من هذا النوع.
ومع ذلك ، عند النظر إليها من وجهة نظر التصميم ، فإن هذه المكونات ليست دائما شيئا سلبيا على الإطلاق ، ومن ناحية أخرى عند إنشاء موقع ويب تكون هذه القواعد فعالة بشكل لا يصدق لأنها توجه زوار الموقع من خلال مواد موقع الويب بطريقة مباشرة للغاية وترحب بالمستخدمين.
أحد أهم جوانب التصميم الجيد لواجهة المستخدم هو تسهيل فهم المستخدمين للوظائف المتاحة ، لا يهمني كيف يتم تحقيق هذا الهدف.
ما يهم هنا هو أن المحتوى سهل وأن المستخدمين لديهم تجربة إيجابية مع الطريقة التي يسمح لهم بها النظام بالتفاعل معها.
5 - توظيف أساليب فعالة للكتابة
من الضروري تغيير أسلوب الكتابة إلى الأذواق وأنماط تصفح المستهلكين لأن تنسيق الويب يختلف عن تنسيق الطباعة.
لن أقرأ أي نص ترويجي ولن تعرض الجمل الطويلة من النص التي لا تحتوي عليه الصور أو الكلمات الرئيسية المشار إليها بالخط العريض أو المائل ، ولن يتسامح مع إستخدام اللغة القطعية .
تحدث عن الأعمال التجارية.
عند إنشاء موقع ويب ، عليك والإبتعاد عن الأسماء الساخرة أو المضحكة ، ويتم التركيز علي الأسماء المستحثة بالتسويق والأسماء الخاصة بالشركة والأسماء الفنية غير العادية.
على سبيل المثال ، إذا كنت تريد أن ينشئ المستخدمون حسابات وأنت تصف خدمة تفضل عبارة التسجيل فبدلا من عبارة "ابدأ على الفور!" ، قم بإستخدام ع عبارة "استكشف عروضنا".
إحدى الطرق الفعالة لتحسين كتاباتك هي:
- استفد من الجمل القصيرة وقم بالتركيز عليها.
- إستخدم تخطيطات قابلة للبحث (تصنيف المحتوى وإستخدم عناوين متعددة المستويات ، ثم قم بإستخدام المرئيات والقوائم النقطية التي تكسر تدفق الكتل المتماسكة من النص).
- إستخدم لغة لا لبس فيها (لا يجب أن يبدو الترويج وكأنه إعلان صريح ، لذا قدم للمستخدمين بعض المبررات الموضوعية والمنطقية لسبب إستخدامهم لخدمتك أو الإستمرار في زيارة موقع الويب الخاص بك).
6 - نسعى جاهدين لسهولة الفهم
يجب أن يركز تصميم موقع الويب على فلسفة "إبقائه بسيطا" (KIS) كهدف أساسي له.
عند إنشاء موقع ويب ، يزور المستخدمون موقع ويب دون تقدير التصميم طوال الوقت ، وفي معظم الحالات يبحثون عن معلومات على الرغم من التصميم لذلك، حافظ على الأمور واضحة وغير معقدة قدر الإمكان.
قم بتقديم النص خال من أي إعلانات أو محتوى إضافي يتطابق بدقة مع إستعلام بحث الزوار أو يعتبر المحتوى الذي يبحثون عنه التصميم الأمثل لموقع الويب من وجهة نظر زوار الموقع.
أحد الأسباب التي تجعل من الأهمية بمكان أن يكون لدى تجربة مستخدم جيدة نسخة مطبوعة من صفحات الويب سهلة الإستخدام هو هذا.
7 - يجب ألا تخاف من المساحة البيضاء
من الصعب جدا المبالغة في أهمية وجود مساحة بيضاء ، وهذا لا يعمل فقط على تخفيف العبء العقلي الذي يتحمله الزوار بالفعل ، لكنه يجعل من السهل عليهم أيضا فهم المعلومات المعروضة على الشاشة.
وعندما يصل زائر جديد إلى تخطيط التصميم يحاولون أولا مسح الصفحة وتقسيم منطقة المحتوى إلى أجزاء من المعلومات يمكن التحكم فيها ، ويتم ذلك للتعرف على التصميم.
عند إنشاء موقع ويب ، تكون القراءة والمسح الضوئي والتحليل والعمل مع الهياكل المعقدة أكثر صعوبة ، لذلك إذا كان بإمكانك فصل عنصرين للتصميم بخط أو مساحة مرئية ، فمن الأفضل عادة إستخدام نهج المساحة البيضاء ، وذلك لأن الخطوط المرئية يمكن أن تشتت انتباه العين.
ينص قانون سيمون على أن الهياكل الهرمية تبسط الأنظمة المعقدة ، لذلك كلما كان بإمكانك نقل الشعور بالتسلسل الهرمي البصري إلى زوارك بشكل أكثر فعالية سيكون أبسط مادتك بالنسبة لهم لفهمه.
يجب أن تكون هناك مساحة بيضاء ، كما يركز موقع http://Cameron.io بشكل كبير على المساحة البيضاء كمكون للتصميم والنتيجة هي تنسيق يسهل مسحه ضوئيا ويعطي المادة المركز المهيمن الذي يحق لها الحصول عليه.
8 - يمكنه تحقيق التواصل الفعال من خلال "لغة مرئية" عند إنشاء موقع ويب
قاعدة أخرى يجب إتباعها عند إنشاء موقع ويب هي في كتاباته حول التواصل المرئي الفعال ، ويحدد آرون ماركوس ثلاثة مبادئ أساسية مرتبطة بإستخدام ما يسمى "اللغة المرئية"، والتي تشير إلى المحتوى الذي يدركه المستخدمون عندما ينظرون إلى الشاشة.
التنظيم يعني تقديم مفاهيم ومصطلحات واضحة للمستخدم ، مفاهيم الإتساق وتخطيط الشاشة والروابط والملاح كلها مكونات أساسية للنظام المنظم.
يجب أن تتبع جميع العناصر نفس المعايير والمبادئ التوجيهية.
- قلل التكاليف عن طريق تعظيم المخرجات مع تقليل عدد الإشارات والمكونات الرسومية التي تستخدمها ، البساطة والوضوح والتميز والتركيز هي العوامل الأساسية الأربعة التي يجب مراعاتها.
- قم بإستخدام المكونات الحيوية للتواصل الفعال ، بما في ذلك في التصاميم البسيطة ، ويتطلب هذا الوضوح صياغة كل عنصر ، لذلك لا يوجد مجال للتفسير فيما يتعلق بمعناه المقصود.
- التميز: يجب أن تكون الصفات الأساسية للمكونات المطلوبة قادرة على التفريق عن بعضها البعض ، كما يجب التأكيد على العناصر الأكثر حيوية وملاحظتها بسهولة.
- التواصل عن طريق تعديل العرض التقديمي بحيث يتماشى مع قدرات المستخدم ، كما يجب أن تحقق واجهة المستخدم توازنا صحيا بين الوضوح وسهولة القراءة والطباعة والرمزية ووجهات النظر المختلفة واللون أو الملمس للتواصل الفعال ، فلا تستخدم أكثر من ثلاثة محارف مختلفة مع ما لا يزيد عن ثلاثة أحجام نقاط مختلفة ولا يزيد عن 18 كلمة أو 50-80 حرفا لكل سطر من النص.
9 - الإتفاقيات هي أصدقاؤنا عند إنشاء موقع ويب
لن يكون موقع الويب مملا تلقائيا لمجرد أن قطعه لها تصميم تقليدي على العكس من ذلك ، فإن الإتفاقيات مفيدة بشكل خاص لأنها تقصر منحنى التعلم وتلغي الحاجة إلى معرفة كيفية عمل الأشياء.
هذا يجعلها ذات قيمة كبيرة ، فعلى سبيل المثال إذا كان كل موقع ويب يستخدم عرضا مرئيا متميزا لخلاصات RSS ، فسيكون ذلك مزعجا للمستخدمين الذين يحاولون التنقل في مواقع الويب ، ومع ذلك هذا ليس كل ما يختلف عن حياتنا اليومية حيث نميل إلى التعود على الأفكار الأساسية ، مثل كيفية تخزين المعلومات (في المجلدات) أو الذهاب للتسوق (وضع المنتجات).
يمكنك كسب ثقة المستخدمين وموثوقيتهم وإظهار سمعتك من خلال المشاركة في الإتفاقيات.
احترم توقعات المستخدمين من خلال فهم ما يتوقعونه من التنقل في موقع الويب وهيكل النص ووضع البحث وما إلى ذلك.
تترجم الصفحة إلى اليابانية (على افتراض أن زوار موقعك لا يعرفون اليابانية ، فعلى سبيل المثال بإستخدام Babelfish). ويتم تكليف مختبري قابلية الإستخدام بإيجاد شيء ما على الصفحة مكتوب بلغة أخرى غير اليابانية ، هذا مثال على جلسة قابلية الإستخدام النموذجية.
إذا تم إستخدام الإتفاقيات بشكل صحيح ، يمكن للمستخدمين تحقيق هدف غير محدد بشكل مفرط حتى إذا لم يفيدركون الكلمة.
10 - اختبر كل شيء، وافعل ذلك كثيرا عند إنشاء موقع ويب
توفر لك عملية إختبار كل شىء في تصميم موقغك قابلية الإستخدام في كثير من الأحيان رؤى أساسية حول العيوب والتحديات الرئيسية المرتبطة بتخطيط معين ، وبالتالي يجب إستخدام ما يسمى بمبدأ تيتو لكل مشروع تصميم عبر الإنترنت.
ليس متأخرا جدا ، وليس قليلا جدا ، وأيضا ليس لأسباب خاطئة: وهذا هو الهدف من فحصك.
ـ من الضروري أن تدرك أن معظم خيارات التصميم محلية ، وهذا يعني أنه لا يمكنك تقديم إستجابة نهائية أي تخطيط متفوق على الآخر لأنه يجب عليك إجراء تحليل للموقف من وجهة نظر معينة جدا (بالنظر في المتطلبات وأصحاب المصلحة والميزانية وما إلى ذلك).