إنشاء تجربة مستخدم مثالية باستخدام 11 موقع Hacks

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

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

ما هي أهمية تجربة المستخدم

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

العوامل التي تؤثر على تجربة المستخدم

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

نماذج الموقع

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

المحلول:

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

نص العنصر النائب في الحقول

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

المحلول:

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

التنسيق في السمات

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

المحلول:

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

منع رسائل الخطأ

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

المحلول:

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

رؤوس كبيرة

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

المحلول:

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

اعتماد تصميم مستجيب

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

المحلول:

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

استخدم الدرجات الفاتحة للتباين

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

المحلول:

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

النص والصور

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

المحلول:

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

اختيار اللون

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

المحلول:

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

دعوة للعمل

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

حلول:

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

وظيفة اللمس للأجهزة المحمولة

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

المحلول:

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

خاتمة

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