تصميم واجهة المستخدم UI و تجربة المستخدم UX.
يعد تصميم واجهة المستخدم Ui وتجربة المستخدم Ux من أكثر المصطلحات مربكة في تصميم الويب والتطبيقات وعادةً ما يتم جمعهما معًا في مصطلحٍ واحدٍ، تصميم UI /UX، وغالبًا ما يصعب التوضيح بينها او ايجاد وصف لاثنين.
ما معني تصميم واجهة المستخدم UI؟
و يعني واجهة المستخدم “user interface” و هو اختصار ل UI ,
هي الواجة الصورية للتطبيق,و تتكون من أزرار التي يتم الضغط عليها من قبل المستخدم, و ايضا النصوص و الصور و الشرائح المتحركة و النصوص التي تدخل فيها المستخدم بياناته و ايضا جميع العناصر التي يتفاعل معها.
و يقوم المصمم بإنشاء التصميم و المظهر لواة مستخدم و ايضا الحرص على كيفة ظهور التطبيق للمستخدم و جعل الانتقال والحركة سلسلة.
و عادة ما يكونو مصممو هذه الواجهة هم مصمم الجرافيك بسبب اهتمامهم بالمظهر و جمالة. ودائما ما يتأكدون ان واجهة المستخدم محفزة بصريا و ان نموذج التصميم متناسب مع شخصية التطبيق
ما معني تصميم تجربة المستخدم "UX"
UXوهو اختصار لـ User Experience و يعني تجربة المستخدم.
هي كيفية تفاعل المستخدم مع التطبيق. هل كانت تجربة المستخدم مع البرنامج فعالة أم صعبة و ايضا هل التنقل في التطبيق منطقي متناسق ام صعب. و ايضا معرفة اذا كان المستخدم يقوم بانجاز مهامة بسهولة وبكفاءة أو يواجه أي صعوبة للحصول على مهامهم. و كل هذه التساؤلات يتم تحديها و معرفة إذا كانت تفاعل "UI"
X” هو اختصار ل “User Experience” وتعني تجربة المستخدم. تجربة المستخدم تقاس بكيفية تفاعل المستخدم مع التطبيق. هل تجربة التطبيق سهلة وفعالة، أم هي صعبة ومُربكة؟ و هل التنقل في التطبيق منطقي أم صعب؟و هل التفاعل مع التطبيق يُشعر المستخدمين بأنهم ينجزون مهامهم بكفاءة وسهولة أم يُشعرهم بالصراع مع التطبيق للحصول على مهامهم.
يتم تحديد تجربة المستخدم بمدى سهولة أو صعوبة التفاعل مع العناصر في واجهة المستخدم التي صممها مصمم واجهة .“UI”المستخدم
تاريخ "UI" واجهة المستخدم
في بداية السبعينات و بداية عصر استخدام الحاسوب, كان على المستخدم استخدام أسطر من الأوامر , حيث لم تكن واجهات المستخدم موجودة عندها. فكانو يستخدمون سطور كثيرة من التعليمات البرمجية لإتمام مهمة بسيطة.
وبحلول الثمانينات "القرن العشرين قام علماء "GUI" بتطوير أول واجهة مستخدم رسومية و بفضل ذلك, استطاع المستخدمين التفاعل مع حواسيبهم Xerox PARC بصريا بإرسال الأوامر عبر الرموز و الازرار و القوائم و خانات الاختيار.
و بذلك التحول التكنولوجي اصبح بامكان أي شخص استخدام الكمبيوتر بدون الحاجة الى الترميزو ابتدت بعدها ثورة الكمبيوتر الشخصي
وكان أول كمبيوتر شخصي اصدار في عام 1984 macintosh من قبل أبل و كان أول كمبيوتر منزلي ناجح تجاريا و يستخدم هذا النوع النقطة و النقر فوق الماوس في واجهة المستخدم.
و يومنا هذا يعمل مصممو واجهة المستخدم ليس على واجهات الكمبيوتر فقط بينما يعمل أيضا على الهواتف المحمولة, و المواقع الاكترونية و ايضا المواجهات الغير مرئية "مثل الصوت ,الإيماءات الضوء" و تعرف ايضا بي واجهة المستخدم الصفرية Zero UI
كيف يعملون معاً؟
كما عرفنا سابقا أن تجربة المستخدم "UX"يقوم بتحديد كيفية عمل الواجهة, بينما مصمم واجهة المستخدم UI" يقوم بتحديد صورة الواجهة و كيف سوف تظهر للمستخدم. وهذه العملية تعتبر ما بينهم تعاونية جدا, بمعنى آخر أن مصممي تجربة المستخدم يعمل على كيفية سير التطبيق و مدى فعالية الازرار في التنقل بين المهام, في الجانب الآخر يعمل فريق مصممي واجهة المستخدم على كيفية إخراج مظهر العناصر في شاشة التطبيق.
مثال على ذلك: لنقول ان هناك في مرحلة معينة من التصميم إضافة أزرار أخرى للواجهة, وهذا سوف يؤدي إلي تغير في شكلها أو حجمها. لهدا يقوم فريق مصممي تجربة المستخدم بإيجاد الطريقة المثلى لوضع الازرار في الواجهة. بدورها يقوم مصمم واجهة المستخدم بالتكيف مع هذه التغيرات لتتناسب مع التصميم الجديد. الخلاصة ان تجربة المستخدم ومصممي واجهة المستخدم يساعد على الخروج بمظهر جيد قدر الإمكان للواجهة وعلى عملها بكفاءة وسلاسة.
ماهي اوجه الإختلاف بين "UI" و "UX" ؟
- يركز تصميم UX على أي شيءٍ يؤثر على تجربة المستخدم ، سواءً أكانت إيجابيةً أو سلبيةً، على الشاشة أو خارجها. في حين يركز تصميم واجهة المستخدم UI على طريقة ظهور سطح المنتج وعمله.
- يهتم مصمم UX بالجوانب المتعلقة بالمفاهيم في عملية التصميم، أما مصمم UI فيركز على العناصر المادية.
- لا يوجد فرقٌ بين تصميم واجهة المستخدم Ui وتجربة المستخدم Ux لأنهما شيئان لا يقارنان ببعضهما البعض
- واجهة المستخدم UI هي الجسر الذي يوصلنا إلى حيث نريد الذهاب، أما تجربة المستخدم UX هو الشعور الذي نحصل عليه عند وصولنا.
- تركز تجربة المستخدم UX على المستخدم ورحلته عبر المنتج. في حين تميل واجهة المستخدم UI إلى أن تكون تفاصيل الشاشات، مع التركيز على الملصقات والأسلوب المرئي والأدلة، والبنية.
- تشمل UX جميع التجارب التي خاضها أي شخصٍ مع منتجٍ أو خدمةٍ، في حين أن UI تهتم بالوسائل التي يتفاعل بها الأشخاص مع منتج أو خدمة.