كيف تُصمم موقعك الإلكتروني بطريقة تُحقق تجربة مُستخدم رائعة

الوقت المتوقع للقراءة : 7 دقائق.  

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

 التصميم يهم حقاً 

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

“التصميم الجيّد يقود إلى تجربة مستخدم جيّدة والعكس صحيح”

هناك حقيقة يجب أن تأخذ بعين الإعتبار خلال تصميم موقعك الإلكتروني، وهي أنّ في عالمنا الرقمي ذو التنافسية الكبيرة لم تعُد تجربة المستخدم الجيّدة خياراً، بل أصبحت حاجة مُلحَة

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

ولكن، كيف يمكنك زيادة رضى المستخدم؟

• على فريق مُطورَي الويب أو التصميم الجرافيكي تصميم موقع إلكتروني بسيط وسهل الوصول إليه

• تقليل واجهة المستخدم باستبدال القوائم بأيقونات

• جعل واجهة المستخدم أكثر سلاسة وبساطة

• إضافة عناصر مفيدة للمستخدم

• استخدم خصائص التركيز لجذب انتباه المستخدم

• استخدم إشارات “+ أو –” لفتح وإغلاق الأقسام

• استخدم الطريقة المبنيّة على السياق والتي تُبقي القائمة الرئيسية ثابتة في الأعلى والقائمة العمودية ظاهرة على الشاشة

التصميم الهيكلي البصري وتجربة المستخدم

إظهار علاقات بين عناصر الشاشة من خلال تسلسلات بصرية يُحسَن ويُطوّر تجربة المستخدم

:يمكن تحقيق ذلك من خلال عدَة عوامل

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

  بعبارة أخرى، “أزرار أكبر = مبيعات أكثر”

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

• الألوان والتباين تُظهر علاقات العناصر، وتجذب الانتباه وتُأكّد على الأهميَة. فاللون البارز كالبرتقالي أو الأصفر على الصفحة يلفت النظر بسبب اختلافه عن العناصر الأخرى. كما لمزيج تباين الألوان؛ مثلا العنصر الأسود على صفحة ذات ألوان فاتحة  له قوّة التأثير ذاتها. لإنشاء استمرارية على الصفحة تُعد الألوان الوسيلة الأمثل لإظهار هذا، لأننا يمكن أن نُفسّر معلومات الألوان بسرعة وبدرجة عالية من الدقة (أرصفة الطرق الصفراء مفيدة في الحياة كما في الأفلام!). استخدام جميع ألوان قوس قزح دون منطق أو معنى يؤدي إلى تسلسل بصري سيء.

• الحركة تجذب إنتباهنا، وتُستخدم بتمعَن وبهدف محدَد. قد تكون التأثيرات الحركية طريقة فعَالة لتقديم المعلومات

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

عناصر تجربة المستخدم الرائعة

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

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

1. سهولة الإنتقال : يجب أن تكون صفحات الويب سلسة بما فيه الكفاية للمساعدة ،تُحسين ولتعزيز الحركة.

2. مفيد : يجب أن يكون المنتج والخدمات المُقدَمة مفيدة بعيداً عن تكرار صفحات الويب الأخرى للاحتفاظ بزوار الصفحة. باختصار، يجب أن تكون الصفحات فريدة.

3. التسلسل في السياق: ببساطة، فكَر خلال التصميم بجولة المستخدم على شكل سيناريوهات أو قصة قصيرة؛ “تأكد أن المستخدمين يدركون السياق ومكان تواجدهم خلال قيامهم بالجولة بين الصفحات”.

4. الإنسانية: الجدارة بالثقة، القدرة على الوصول إليه، والشفافية.

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

6. التصفح الامن “جدير بالثقة”: يجب الحفاظ على الشعور بالثقة والأمان والأمن عن طريق اعتمادات طبقة المُنفَذ الآمن  أو أي شهادة موثوقة أخرى.

7. مُرضي: يجب أن تكون التجربة مرضية وتنال استحسان المستخدمين، ويمكن دعم ذلك من خلال إضافة بعض الخدمات كتفاعل وكيل المبيعات، وخدمة العملاء، والمحادثات.

8. ذو قيمة: أن تكون تكلفة المنتج أو الخدمة معقولة ومقبولة.

9. “الأقل هو الأفضل” :  واحدة من أهم مباديء التصميم؛ إزالة المحتوى الزائد والمُحيّر يدفع الزائر للتركيز على المكان الذي تريده “النقطة المحورية“.

   تذكَر أنَ:

   “البساطة هي الجمال “

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

1. القوّة ، الصلابة و السلامة

2. الجدوى أو المنفعة؛ ضمان نجاح الأداء

3. الجمال، المتعة؛ وتشمل جميع المتطلبات الجمالية

.إنّ تطبيق هذه المبادئ (السلامة، الجدوى، والمتعة) على نموذج مستخدم تكنولوجيا الأعمال، سيجعل تصميمك يصل إلى التميُز