fbpx

الفرق ما بين واجهة المستخدم و خبرة المستخدم الخاصة بالتصميم

(UI / UX ) واجهة المستخدم و خبرة المستخدم

من كام سنة ظهر مفهوم واجهة المستخدم و تجربة المستخدم
user interface and user experience.

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

تجربة المستخدم وواجهة المستخدم مفهومين مختلفين و متكاملين في نفس الوقت

ايه المقصود بواجهة المستخدم User Interface؟

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

التوازن بين الاتنين كفيل بنجاح واجهة المستخدم

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

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

ايه هيا تجربة المستخدم User Experience؟

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

ممكن تقف علي ٨٥٪ من مشاكل موقعك بإختباره على ٥ أشخاص

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

معرفة توقعات المستخدم أمر أساسي في إنجاح تجربة المستخدم

طيب؛ ايه الفرق بينهم ؟

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

%68 من زوار موقعك يتخلون عنه لأنهم يعتقدون انك غير مهتم بأمرهم

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

الخلاصة

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

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

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

      Compare items
      • Total (0)
      Compare
      0