تحسين سهولة استخدام الصفحات المقصودة باستخدام الرسوم المتحركة. لا تركز على "خط الطي"

ترجمة
درس تعليمي

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

التواصل الواضح والمستنير

1. اختر أحجام الخطوط

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

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

2. كتابة رسائل خطأ إعلامية

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

لكن المستخدمين الحقيقيين لا يمكنهم التباهي بهذا.

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

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

راحة نماذج الإدخال

3. قم بتبسيط متطلبات كلمة المرور الخاصة بك

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

على سبيل المثال، تاريخيًا، حدد الحقول ( حدد المربع) من الصعب الاسلوب. في معظم الحالات، يحاول المطورون الاختباء الكائنات القياسيةواستنساخها في عناصر DOM أكثر ملاءمة. في هذه الحالة، يتم نقل البيانات من "النسخ" إلى مدخلات العناصر الأصلية.

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

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

4. استخدم نماذج الإدخال الصحيحة

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

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

يستخدم أنواع مختلفةيُنصح بالإدخال في HTML 5 فقط عندما يكون هناك أقل عدد ممكن من الحقول على الشاشة. مثال جيد - توثيق ذو عاملين Google: يوجد حقل واحد فقط يمكنك إدخال الأرقام فيه فقط. سيكون مناسبًا جدًا هنا التبديل التلقائيإلى التخطيط الرقمي.

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

5. قم بإنشاء تجربة حية لا تنسى لأول مرة

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

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

6. الشيطان يكمن في التفاصيل

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

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

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

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

7. لا ينبغي استخدام النسخ المصغر كفكرة لاحقة.

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

"لا تقلق، لن نسمح بتسريب عنوانك البريدي"
"لا تحتاج إلى بطاقة مصرفية للدفع"

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

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

8. قم دائمًا بتوفير السياق

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

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

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

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

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

15. قم بتقسيم المهام الكبيرة والمعقدة إلى عمليات أصغر

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

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

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

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

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

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

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

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

العلامات:

سهولة استخدام الواجهة
سهولة استخدام الموقع

اضف اشارة

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

1. إنشاء مفهوم

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

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

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

2. تقديم الملاحظات

يعتمد التفاعل بين الإنسان والحاسوب على مبدأين رئيسيين: إدخال المستخدم وإدخال النظام. تعليق. الجميع كائنات تفاعليةيجب أن يستجيب لإدخال المستخدم مع البصرية أو المناسبة إشارة صوتية. وبالتالي تقديم ردود الفعل.

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

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

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

3. قم بإجراء اتصال

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

دعونا نلقي نظرة على مثال على التحول الحاد:

قارن ذلك بالمثال التالي، حيث يرشد الانتقال المتحرك السلس المستخدم إلى أجزاء مختلفة من الشاشة:

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

يتم استخدامه أيضًا عند إنشاء الانتقالات بين المراحل. تؤدي الانتقالات السلسة بين الشرائح في المثال أدناه إلى خلق إحساس بالاتساق بحيث لا تبدو المعلومات متماسكة.

4. اجعل المهام المملة مثيرة للاهتمام

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

إذا قمت بفتح موقع Tympanus’s 3D Room Exhibition، فسيبدو للوهلة الأولى أنه لا يختلف عن معارض الويب الأخرى. لكن انطباعك سيتغير فور تفاعلك مع الصفحة. إذا قمت بتحريك المؤشر، سترى الصفحة تتحرك، وسيخلق هذا التأثير إحساسًا بالمساحة ثلاثية الأبعاد. ويشتد هذا الشعور كلما انتقلت من صفحة إلى أخرى. يبدو الأمر كما لو كنت تسافر من غرفة إلى أخرى في مساحة ثلاثية الأبعاد.

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

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

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

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

1. لا تقم بتحريك كائنات متعددة في وقت واحد

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

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

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

2. يجب ألا تتعارض الرسوم المتحركة مع الخصائص الفردية للصفحة المقصودة

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

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

يوفر إطار الشرائح 10 أنماط متحركة مثل Stack وZen وFilm وCards وZoom. تجربة مع تأثيرات مختلفةواختيار الأفضل الذي يناسب جميع المعايير.

3. حدد التوقيت الخاص بك

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

تتراوح سرعة الرسوم المتحركة المثالية لواجهة المستخدم بين 200 و500 مللي ثانية. تعتبر الرسوم المتحركة التي تدوم أقل من ثانية واحدة فورية، في حين أن الرسوم المتحركة التي تدوم أكثر من 5 ثوانٍ يمكن أن تبدو طويلة.

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

4. لا تنس إمكانية الوصول

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

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

تساعد ميزة وسائط CSS الخاصة، "يفضل الحركة المخفضة"، على تتبع المواقف التي يطلب فيها المستخدم تقليل عدد الرسوم المتحركة.

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

5. اختبر حلول التصميم الخاصة بك

فيما يلي بعض النصائح التي يجب وضعها في الاعتبار عند الاختبار:

اختبار على معدات مختلفة.

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

اختبار على الهاتف المحمول.

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

شاهد الرسوم المتحركة بسرعة بطيئة

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

6. يجب تطوير الرسوم المتحركة في البداية

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

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

خاتمة

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

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

ما هي سهولة الاستخدام وما هي مبادئها؟

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

— زيادة شيء مهم جداً مثل تحويل الموقع (نسبة المبيعات)، وبالتالي ربح صاحب الموقع.

— زيادة مكانة الموقع مما سيؤدي في النهاية إلى زيادة العملاء المحتملين أو كما ذكرنا سابقًا زيادة الأرباح.

— تخفيض الميزانية (النفقات) للإعلانات السياقية وغيرها من الإعلانات لجذب الزوار. لماذا تدفع لهم إذا كانوا قد عثروا عليك بالفعل من خلال البحث؟

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

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

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

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

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

لذا، إليك بعض الأسئلة التي يجب أخذها في الاعتبار عند تصميم موقع ويب:

— ما مدى ملاءمة الموقع، هل يستطيع المستخدم العثور على ما يريد باستخدامه (نعني هنا مدى وضوح وسهولة هيكله وتصفحه).

— ما مدى فائدة وسهولة قراءة المحتوى (المقالات ومقاطع الفيديو) لإدراك مجموعات مختلفة من الأشخاص وفقًا للعمر والخصائص الثقافية.

— مدى سهولة تذكر المستخدم لموقعك والعثور عليه (وهذا يعني تصميمًا فريدًا وجميلًا وعنوانًا قصيرًا وواضحًا للموقع واسمه ورقم هاتفه وما إلى ذلك).

— هل سيكون الزائر راضيا بعد الشراء؟ ماذا لو تأخر التسليم أو وصلت البضاعة مكسورة، لكنك مثل أي شخص آخر؟ نقديلا يعودون.

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

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

القواعد الأساسية لتحسين سهولة استخدام محتوى الموقع (المقالات).

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

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

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

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

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

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

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

كيفية تحسين سهولة استخدام الموقع نفسه؟

8 ) قبل إنشاء موقع على شبكة الإنترنت، تحتاج إلى تحليل السوق، وجمهورك، وما هو مألوف لهم وما هو غريب، وفهم سلسلة أفكارهم. في أغلب الأحيان، في 90٪ من الحالات، يبدأ العمل على سهولة استخدام الموقع بعد أن تم إنشاؤه بالفعل، مما يجعل مالك الموقع يائسًا في النهاية، حيث يبدأ في إدراك أنه سيتعين عليه قضاء الكثير من الوقت صف كبيرالابتكارات، أن أسهل شيء هو هدم الموقع بالكامل وإعادة ذلك من جديد.

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

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

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

11 ) افعل ذلك على الموقع. إذا كانت منشوراتك أو أوصاف منتجاتك كبيرة بما يكفي، فقد يتعب المستخدم من التمرير لأعلى لفترة طويلة بعد القراءة.

12 ) لا تقم بإنشاء العديد من الفئات الفرعية، بغض النظر عن حجم موقعك (اثنتان تكفيان). يمكن لعدد كبير من الفئات الفرعية أن يربك القارئ بسهولة، وفي معظم الحالات لن يسمح له بالعثور على المنتج أو المادة المطلوبة على الإطلاق.

13 ) تأكد من إضافة معلومات الاتصال (الهاتف، البريد الإلكتروني) أو على الأقل . يجب أن يحتوي الموقع أيضًا على صفحة حول المنظمة أو مؤلف هذا الإبداع. وتذكر أن غياب أي من هذه البيانات يقوض بشكل كبير مصداقيتك ومصداقية الموقع ككل.

14 ) اجعل عنوان موقعك ووصفه قابلين للقراءة من قبل الإنسان حتى يفهم المستخدم للوهلة الأولى ماهية الموقع والغرض منه. كثيرون، في رأيي، يرتكبون نفس الخطأ الفادح: إدراج اسم الشركة (خاصة باللغة الإنجليزية) في وصف موقعهم، والذي لا يستطيع المستخدم فهم أي شيء منه. على سبيل المثال، قمت للتو بإدخال الاستعلام "شراء فستان" في البحث، وتابعت الإعلان الأول للموقع، وماذا أرى في العنوان؟ Mondigo.ru. نعم، أوافق على أنها خدعة جيدة لجعل المستخدم يتذكر الموقع، ولكن من غير المرجح أن يستخدمه.

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

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

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

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

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

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

19 ) تعرف على حدودك عند تحقيق الدخل من موقعك. قد تؤدي كثرة الإعلانات إلى تثبيط القارئ أو منعه من العثور على المادة التي يحتاجها.

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

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

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

23) استخدم التنقل الواضح. يجب على المستخدم العثور على ما يحتاجه خلال ثلاث نقرات. للقيام بذلك، يمكنك إجراء التنقل أو إرفاقه من .

24 ) قم بإزالة المشغل من موقعك، حيث يأتي الزائر للعثور على المواد التي يحتاجها، وليس للاستماع إلى الكلاسيكيات أو موسيقى الروك أند رول. كما أوصي بإزالة جميع العناصر غير الضرورية في الموقع مثل: التقويم، وأهم المعلقين، وما إلى ذلك.

25 ) وأخيرًا، كن ودودًا وإيجابيًا تجاه جمهورك، لأن كل شخص لديه بالفعل ما يكفي من السلبية في حياته.

كيف يمكنك إجراء تدقيق (تحليل) عالي الجودة لموقع ويب مجانًا؟

للبدء، قم بتثبيت أي عداد حضور، والذي يمكنك من خلاله معرفة نوع الأشخاص الذين يزورونك: أعمارهم، وجنسهم، ومن أين أتوا (البلدان)، وما إلى ذلك. أوصي بتثبيت عداد من Yandex، لأنه يحتوي على ميزة رائعة مثل "Webvisor"، والتي يمكنك من خلالها معرفة كيفية تصرف كل مستخدم على موقعك. في هذه المرحلة، يمكنك العثور على مجموعة من الأخطاء (الأخطاء)، فضلا عن أوجه القصور المختلفة في تصميم الموقع. ستتمكن أيضًا من رؤية الأماكن التي ينقر فيها المستخدمون في أغلب الأحيان على الخريطة الحرارية، وهو ما يمكن أن يكون مفيدًا جدًا عند وضع الإعلانات.

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

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

ترجمة
درس تعليمي

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

التواصل الواضح والمستنير

1. اختر أحجام الخطوط

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

2. كتابة رسائل خطأ إعلامية

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

لكن المستخدمين الحقيقيين لا يمكنهم التباهي بهذا.

راحة نماذج الإدخال

3. قم بتبسيط متطلبات كلمة المرور الخاصة بك

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

على سبيل المثال، تاريخيًا، كان من الصعب تصميم مربعات التحديد. في معظم الحالات، يحاول المطورون إخفاء الكائنات القياسية واستنساخها كعناصر DOM أكثر ملاءمة. في هذه الحالة، يتم نقل البيانات من "النسخ" إلى مدخلات العناصر الأصلية.

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

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

4. استخدم نماذج الإدخال الصحيحة

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

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

5. قم بإنشاء تجربة حية لا تنسى لأول مرة

6. الشيطان يكمن في التفاصيل

إن قلة خبرة المستخدمين الجدد بمنتجك تعني أن بعض الوظائف قد تسبب صعوبات خطيرة. تذكر Paperclip من Microsoft Office، الذي ظهر فجأة وعرض مساعدته، الأمر الذي كان أكثر إزعاجًا.

قد يكون الحل الجيد هو دمج عملية التدريب في الإجراء العادي لاستخدام المنتج. لنفترض أنه عند أرشفة الرسائل في تطبيق بريد، يمكنك عرض الرسالة "هل تعلم أنه يمكنك البدء في الأرشفة باستخدام Ctrl + K؟" يسمح هذا الأسلوب بتجربة تدريب أكثر لطفًا مقارنةً بالدروس التقليدية بأسلوب "نظرة عامة على التطبيق بالكامل".

7. لا ينبغي استخدام النسخ المصغر كفكرة لاحقة.

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

"لا تقلق، لن نسمح بتسريب عنوانك البريدي"
"لا تحتاج إلى بطاقة مصرفية للدفع"

يعد Microcopy أداة مثالية لبناء الثقة وتحسين تجربة المستخدم. كما يمكن أن تكون فعالة جدًا في تدريب المستخدمين الذين لا يثقون كثيرًا بمنتجك.

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

8. قم دائمًا بتوفير السياق

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

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

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

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

15. قم بتقسيم المهام الكبيرة والمعقدة إلى عمليات أصغر

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

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

العلامات: إضافة العلامات

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

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

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

جودة المحتوى

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

مادة مثيرة للاهتمام ومفيدة وفريدة من نوعها- هذه إحدى النقاط المهمة في زيادة جودة المواد الخاصة بك. إذا قمت بنشر محتوى لا يحتاجه أحد وغير مفيد، فيمكنك نسيانه على الفور مزيد من التطويرالموارد الخاصة بك. لن يزوره أحد لأنه لن يكون فيه شيء مفيد. لذلك، حاول أن تعطي مفيدة و نصائح مثيرة للاهتماملقرائك!
بدون ماء وملاءات طويلة- اللوحات النصية الطويلة ليست في الموضة الآن! اكتب فقط عن الموضوع وليس كثيرا. سيكون من الصعب على المستخدم إتقانها في المرة الأولى كمية كبيرةنص. لكن هذا لا يعني أنه لا يجب عليك التفكير في الكشف عن الموضوع. إذا رأيت أن الموضوع واسع جدًا لمقالة واحدة، فقم بتقسيمه إلى عدة مشاركات. وهذا لن يفيد راحة القارئ فحسب، بل سيعزز الموقع أيضًا. أيضًا، لا تحاول كتابة مشاركات صغيرة جدًا. وهذا له تأثير سيء للغاية على التفرد. إذا أمكن، أضف أفكارك أو ملاحظاتك أو أي شيء آخر مفيد. النص الأمثل هو 500 - 1000 كلمة. الحد الأقصى هو 1500 - 2000 كلمة. لذا ركز على هذه الأرقام!
تصميم آخر جميل- وهذا أيضًا كثير نقطة مهمةلتحسين نوعية المواد الخاصة بهم. قم دائمًا بتخفيف النص بالصور. إنهم جيدون جدًا في تحسين فهم المادة وإعطاء قسط من الراحة عند القراءة. يجب عليك أيضًا استخدام العناوين الفرعية في الاختبار الخاص بك كلما أمكن ذلك. إنهم جيدون جدًا في مساعدتك على التنقل في كميات كبيرة من المعلومات. إمكانية التقديم قوائم نقطيةوالجداول والمواد الصوتية والمرئية المختلفة. هذا يمكن أن يحسن بشكل كبير جودة المحتوى.

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

سرعة تحميل الموقع

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

يمكنك التحقق من سرعة المواقع في خدمات مختلفة. على سبيل المثال، أحب استخدام خدمة Pingdom. حاول التأكد من أن مدة تحميل مشروعك لا تزيد عن 3 ثوانٍ. هناك عدة طرق لتقليل سرعة تحميل الموقع:

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

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

التنقل المريح:

قائمة طعام

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

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

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

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

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

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

خريطة الموقع

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

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

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

التنقل في الصفحة

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

إذا كان موقعك يحتوي على عدد كبير جدًا من التعليقات، فتأكد من توفير إمكانية التنقل في الصفحة للتعليقات أيضًا. وهذا سيجعل الأمر أكثر ملاءمة للمستخدم للتنقل تدفق كبيررسائل. عرض ما لا يزيد عن 50 - 60 رسالة في كل صفحة.

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

تصميم الويب

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

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

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

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

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

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

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

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

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

خاتمة

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