ما هو الفرق بين واجهة الإستخدام UI
وتجربة المستخدم UX ؟
- منذ سنوات قليلة عاد مفهومي واجهة الإستخدام User Interface وتجربة المستخدم User Experience إلى الظهور في تطبيقات المطورين وتصاميم الويب وأصبحت الشركات ومالكي المواقع الالكترونية يهتمون بهما أكثر وأكثر
وتجربة المستخدم UX ؟
- منذ سنوات قليلة عاد مفهومي واجهة الإستخدام User Interface وتجربة المستخدم User Experience إلى الظهور في تطبيقات المطورين وتصاميم الويب وأصبحت الشركات ومالكي المواقع الالكترونية يهتمون بهما أكثر وأكثر
ماذا نقصد بواجهة الإستخدام
User Interface؟
- واجهة الإستخدام كما يعرفها المختصون في المجال هي تصميم مشروع ما، مع الأخذ بعين الاعتبار لمستخدمه أي كيف سيتعامل ويتفاعل معه؟ و هي أيضاً تعبر عن المنتج النهائي الذي يتم عرضه عليه والذي يضمن له استعماله بسهولة دون تعقيدات وبشكل بسيط
User Interface؟
- واجهة الإستخدام كما يعرفها المختصون في المجال هي تصميم مشروع ما، مع الأخذ بعين الاعتبار لمستخدمه أي كيف سيتعامل ويتفاعل معه؟ و هي أيضاً تعبر عن المنتج النهائي الذي يتم عرضه عليه والذي يضمن له استعماله بسهولة دون تعقيدات وبشكل بسيط
وفعال دون أن يتطلب منه ذلك تركيزا كبيرا، مفهوم واجهة الإستخدام ليس مقتصراً على تصميم المواقع بل يخص كل ما له علاقة بالمستخدم والأمور التي يستعملها يوميا كالبرامج، أنظمة التشغيل و الحواسب .. إلخ، هدف مصمم واجهة الإستخدام هو محاولة فهم المستخدم قدر الإمكان وذلك للتوقف على الأمور
التي يجب التركيز عليها والأمور التي يجب تجنبها لتحسين الواجهة وجعلها بسيطة وفعالة أثناء الاستخدام. التوازن بين الكفتين كفيل بإنجاح واجهة المستخدم
" التوازن بين الكفتين كفيل بإنجاح واجهة المستخدم "،
دراسات ومقالات عدة تناولت مفهوم واجهة الإستخدام فيما يخص مجال تصميم الويب والتطبيقات ،
والأسئلة المطروحة حوله
- تتلخص في : ما نوع الخطوط التي يجب استعمالها؟ وكيف ننسق المعلومة ليصبح التطبيق او الموقع أقرب ما يمكن إلى طبيعة المستخدم؟
والأسئلة المطروحة حوله
- تتلخص في : ما نوع الخطوط التي يجب استعمالها؟ وكيف ننسق المعلومة ليصبح التطبيق او الموقع أقرب ما يمكن إلى طبيعة المستخدم؟
- أي أن ربح رهان تصميم واجهة مستخدم جذابة و بسيطة رهين بـ :
• من جهة مدى التوازن والتنسيق بين عناصر الواجهة أو الموقع بما فيها الخطوط، الألوان، الصور.
• و من جهة أخرى بفهم طبيعة المستخدم.
• من جهة مدى التوازن والتنسيق بين عناصر الواجهة أو الموقع بما فيها الخطوط، الألوان، الصور.
• و من جهة أخرى بفهم طبيعة المستخدم.
ما هي تجربة المستخدم User Experience؟
تجربة المستخدم يمكن أن نعبر عنها ببساطة بأنها تصميم المشاريع مع الأخذ برغبات و حاجات المستخدم، إذ أن التحدي الرئيسي هو معرفة توقعات المستخدم وإيجاد حلول فعالة لإشكالاته أي بمعنى آخر الغوص في عقل المستخدم لمعرفة ما يريد وما لا يريد.
تجربة المستخدم يمكن أن نعبر عنها ببساطة بأنها تصميم المشاريع مع الأخذ برغبات و حاجات المستخدم، إذ أن التحدي الرئيسي هو معرفة توقعات المستخدم وإيجاد حلول فعالة لإشكالاته أي بمعنى آخر الغوص في عقل المستخدم لمعرفة ما يريد وما لا يريد.
" يمكن الوقوف علي ٨٥٪ من مشاكل موقعك بإختبارة على ٥ اشخاص "
ولتوضيح هذا المفهوم أكثر إليك المثال التالي:
- في الهواتف الذكية الموجودة حالياً في الأسواق نجد تطبيقات عديدة ومتنوعة، إذا أخذنا أغلب التطبيقات الخاصة بالمواقع الاجتماعية لابد وأننا لاحظنا انه لتحديث الصفحة يكفي أن ننزل إلى الأسفل، يظهر لنا الأمر على انه عادي و طبيعي جداً، لكن
- في الهواتف الذكية الموجودة حالياً في الأسواق نجد تطبيقات عديدة ومتنوعة، إذا أخذنا أغلب التطبيقات الخاصة بالمواقع الاجتماعية لابد وأننا لاحظنا انه لتحديث الصفحة يكفي أن ننزل إلى الأسفل، يظهر لنا الأمر على انه عادي و طبيعي جداً، لكن
عندما نفكر فيه جيداً فهو أمر رائع حسن تجربتنا كمستخدمين، لكم أن تتخيلوا لو كان عليك أن تخرج من التطبيق و تعيد الدخول لكي يتم تحديث الصفحات، سيكون الأمر معقداً و غير فعال أليس كذلك؟ لأن أمر النزول إلى الأسفل لمتابعة القراءة أو التصفح أمر فطري و طبيعي، و هذا الجانب تم استعماله بشكل
ذكي جداً و أصبح جزء لا يتجزأ من تجربتنا كمستخدمين وأصبحنا نربط بين النزول للأسفل وتحديث الصفحة، ولو واجهنا تطبيقاً يوفر زرا للتحديث بدل النزول للأسفل سيكون الفعل غير طبيعي بالنسبة لنا.
إذاً ما الفرق بينهما ؟
" تصميم واجهة المستخدام "
بشكل مختصر ومبسط هي لتسهيل الأمر على المستخدم أثناء الاستعمال، إنها التي تسمح له بإنهاء مهمة بطريقة سهلة دون تعقيدات، أي أنها تساهم بشكل أساسي بتحسين العلاقة بين المستخدم والآلة
" تصميم واجهة المستخدام "
بشكل مختصر ومبسط هي لتسهيل الأمر على المستخدم أثناء الاستعمال، إنها التي تسمح له بإنهاء مهمة بطريقة سهلة دون تعقيدات، أي أنها تساهم بشكل أساسي بتحسين العلاقة بين المستخدم والآلة
ومن أجل ذلك نستخدم آليات الجرافيك المعروفة (نوعية التصميم و نوعية الخطوط …)
" تصميم تجربة المستخدم"
يمكن اعتباره عملاً عند مصب النهر،
إذ يجب على كل مصمم أن يتوقع و يعرف ماذا ينتظر منه المستخدم و ما هي رغباته و احتياجاته، و ما هي الأمور التي لا يحبها لكي يتجنبها ، واجهة الإستخدام مرتبطة بالأساس بأمور تقنية متعارف عليها
يمكن اعتباره عملاً عند مصب النهر،
إذ يجب على كل مصمم أن يتوقع و يعرف ماذا ينتظر منه المستخدم و ما هي رغباته و احتياجاته، و ما هي الأمور التي لا يحبها لكي يتجنبها ، واجهة الإستخدام مرتبطة بالأساس بأمور تقنية متعارف عليها
(مثلاً يقول لك لا يجب وضع كتابة صفراء على خلفية بيضاء) في حين أن تجربة المستخدم مرتبطة بشكل كلي بالمستخدم نفسه رغباته و احتياجاته، ما يحب و ما يكره.
(مثلا هل نضع في الموقع تواصل معنا أم اضغط للاتصال)
(مثلا هل نضع في الموقع تواصل معنا أم اضغط للاتصال)
%68 من زوار موقعك او تطبيقك يتخلون عنه لأنهم يعتقدون انك غير مهتم بأمرهم
لتقريب الصورة اكثر، لنفترض انك برعت في اختيار التصميم المناسب وفهمت ما يجب عليك فعله لتحسين واجهة المستخدم هل هذا كافي لنجاح مشروعك؟ لا طبعاً، واجهة الإستخدام من دون تجربة المستخدم تبقى مشلولة دون قلب نابض،
مثلاً عندنا سيارة فراري حمراء جميلة بلون لامع لكن دون محرك و لا مقود، ما فائدة هذه السيارة رغم روعتها و جمالها إن لم تكن تسير، !
واجهة الإستخدام هي السيارة الجميلة و الأنيقة و تجربة المستخدم هي كل الأمور التي ستجعلها تتحرك إذ أن المستخدم ينتظر من السيارة أن تنقله، من هنا يتبين أن هذين المفهومين مختلفين ومتكاملين في آن واحد و لا وجود لأحدهما دون الآخر.
( الخلاصة )
تجربة المستخدم User Experience
تأخذ بالحسبان توقعات ورغبات المستخدم للوصول إلى هدفه دون جهد كبير و في بيئة بسيطة، سهلة و سلسة، ويمكن تلخيصها في ست نقاط أساسية:-
تجربة المستخدم User Experience
تأخذ بالحسبان توقعات ورغبات المستخدم للوصول إلى هدفه دون جهد كبير و في بيئة بسيطة، سهلة و سلسة، ويمكن تلخيصها في ست نقاط أساسية:-
1- سهل الوصول:
القيام بكل ما يجب لكي يصل المستخدم إلى الموقع بسهولة.
2- سهل الولوج:
يجب على الموقع او التطبيق أن يكون سهل الولوج من مختلف البرامج الحديثة.
3- موثوق و مرغوب فيه:
تصميم موقع او تطبيق ينمي ثقة المستخدم و رغبته في ولوجه.
القيام بكل ما يجب لكي يصل المستخدم إلى الموقع بسهولة.
2- سهل الولوج:
يجب على الموقع او التطبيق أن يكون سهل الولوج من مختلف البرامج الحديثة.
3- موثوق و مرغوب فيه:
تصميم موقع او تطبيق ينمي ثقة المستخدم و رغبته في ولوجه.
4- سهل الاستعمال:
يجب على الموقع او التطبيق أن يكون خالياً من كل ما يمكن له أن يعقد أو يصعب التصفح على المستخدم.
5- يعكس صورة الجهة المالكة:
يجب على المستخدم أن يقتنع بأنه في المكان الصحيح لإيجاد ضالته وأن يطمئن لخدمات الموقع او التطبيق.
يجب على الموقع او التطبيق أن يكون خالياً من كل ما يمكن له أن يعقد أو يصعب التصفح على المستخدم.
5- يعكس صورة الجهة المالكة:
يجب على المستخدم أن يقتنع بأنه في المكان الصحيح لإيجاد ضالته وأن يطمئن لخدمات الموقع او التطبيق.
6- أن يكون فعالا:
على المستخدم أن يجد أجوبة على أسئلته بكل سهولة ودون تعقيدات
على المستخدم أن يجد أجوبة على أسئلته بكل سهولة ودون تعقيدات
واجهة الإستخدام User Interface
تتلخص في إيجاد قالب جميل لعرض منتجك و خدماتك في أبهى صورة تكون مقبولة لدى المستخدم وتنمي ثقته في بلوغ هدفه،
تتلخص في إيجاد قالب جميل لعرض منتجك و خدماتك في أبهى صورة تكون مقبولة لدى المستخدم وتنمي ثقته في بلوغ هدفه،
هنالك العديد من المراحل و العمليات التي يجب القيام بها لإنجاح تصميم واجهة المستخدم، بعضها أكثر أهمية من الأخرى حسب نوعية المشروع (نقصد بالمشروع: موقع، برنامج، تطبيق.. إلخ):-
1- جمع متطلبات الوظيفة:
تجميع قائمة تضم الوظائف المطلوبة من الموقع لتحقيق رغبات المستخدمين المحتملة.
2- تحليل عقلية المستخدم:
يتم ذلك عبر مناقشات ومحادثات مع المستخدمين المحتملين ومع الشريحة التي يحتمل أن تستعمل الموقع من خلال الأسئلة التالية:
تجميع قائمة تضم الوظائف المطلوبة من الموقع لتحقيق رغبات المستخدمين المحتملة.
2- تحليل عقلية المستخدم:
يتم ذلك عبر مناقشات ومحادثات مع المستخدمين المحتملين ومع الشريحة التي يحتمل أن تستعمل الموقع من خلال الأسئلة التالية:
3- ما هي الأمور التي يتوقع المستخدم أن يقوم بها الموقع؟
4- كيف يمكن للموقع أن يساير العمل العادي للمستخدم وأنشطته اليومية؟
5- ما هي المواقع المماثلة التي سبق للمستخدم أن استعملها؟
6- ما أنواع التصميمات التي يرتاح لها المستخدم؟
4- كيف يمكن للموقع أن يساير العمل العادي للمستخدم وأنشطته اليومية؟
5- ما هي المواقع المماثلة التي سبق للمستخدم أن استعملها؟
6- ما أنواع التصميمات التي يرتاح لها المستخدم؟
7- هندسة الموقع و كيفية عرض المعلومة:
يجب تحديد الطريقة التي ستعرض بها المعلومة في الموقع من خلال الصفحات، هل ستعتمد على صفحة واحدة لعرض كل ما لديك أم ستعتمد على صفحات عدة؟
يجب تحديد الطريقة التي ستعرض بها المعلومة في الموقع من خلال الصفحات، هل ستعتمد على صفحة واحدة لعرض كل ما لديك أم ستعتمد على صفحات عدة؟
8- بناء نماذج للموقع:
تشكيل نماذج للموقع على شكل صفحات تفاعلية بسيطة خالية من كل العناصر والمحتويات التقنية من أجل التركيز بشكل أفضل على الواجهة.
تشكيل نماذج للموقع على شكل صفحات تفاعلية بسيطة خالية من كل العناصر والمحتويات التقنية من أجل التركيز بشكل أفضل على الواجهة.
9- تجربة النماذج:
اختيار مستخدمين محتملين للموقع وعرض النموذج التجريبي للموقع و جمع آرائهم حول التجربة وملاحظاتهم للاستفادة منها في تطوير الواجهة.
اختيار مستخدمين محتملين للموقع وعرض النموذج التجريبي للموقع و جمع آرائهم حول التجربة وملاحظاتهم للاستفادة منها في تطوير الواجهة.
10- تصميم الواجهة:
هذه المرحلة تعتمد على تصميم الواجهة من خلال المعلومات التي تم جمعها وعلى ضوء ملاحظات المستخدمين أثناء التجربة، و تكون مرحلة تعاون بين مصمم جرافيك و مصمم واجهة الاستخدام للوصول إلى اقتراح واجهة مستخدم ناجحة للموقع.
هذه المرحلة تعتمد على تصميم الواجهة من خلال المعلومات التي تم جمعها وعلى ضوء ملاحظات المستخدمين أثناء التجربة، و تكون مرحلة تعاون بين مصمم جرافيك و مصمم واجهة الاستخدام للوصول إلى اقتراح واجهة مستخدم ناجحة للموقع.
واخيراً
واجهة المستخدم وتجربة المستخدم مفهومين شاسعين و يمكن تطبيقهما في كل تصميماتكم المختلفة، هذه المقالة تعتبر مقدمة غير كافية لترسيخ الفكرة، أدعوكم للبحث أكثر و التنقيب في خبايا هذين المفهومين، في انتظار ملاحظاتكم و مشاركاتكم.
لا تنسون دعمنا ❤️??
واجهة المستخدم وتجربة المستخدم مفهومين شاسعين و يمكن تطبيقهما في كل تصميماتكم المختلفة، هذه المقالة تعتبر مقدمة غير كافية لترسيخ الفكرة، أدعوكم للبحث أكثر و التنقيب في خبايا هذين المفهومين، في انتظار ملاحظاتكم و مشاركاتكم.
لا تنسون دعمنا ❤️??
جاري تحميل الاقتراحات...