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