الفرق بين تصميم UX وتصميم UI

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

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

2.    ما هو تصميم تجربة المستخدم (UX)؟

تصميم تجربة المستخدم هو طريقة الإنسان الأولى لتصميم المنتجات. يُنسب إلى "دون نورمان"، وهو عالم معرفي وأحد مؤسسي شركة Nielsen Norman Group Design Consultancy ، الفضل يعود له في صياغة مصطلح "تجربة المستخدم" في أواخر التسعينيات. إليك كيف يصفها:
"تشمل تجربة المستخدم جميع جوانب تفاعل المستخدم النهائي مع الشركة وخدماتها ومنتجاتها" - دون نورمان ، عالم معرفي ومهندس تجربة مستخدم
واضح، أليس كذلك؟ حسنًا، قد تلاحظ على الفور أنه على الرغم مما أشرت إليه في المقدمة، فإن التعريف لا يشير إلى التكنولوجيا، ولا يشير إلى المجال الرقمي، ولا يخبرنا كثيرًا عما يفعله مصمم UX بالفعل. ولكن مثل جميع المهن، من المستحيل استخلاص العملية من مجرد كلمات قليلة.
ومع ذلك، يخبرنا تعريف دون نورمان أنه بغض النظر عن وسيطه، فإن تصميم UX يشمل جميع التفاعلات بين العميل المحتمل أو النشط والشركة. كعملية علمية يمكن تطبيقها على أي شيء؛ مصابيح الشوارع والسيارات ورفوف ايكيا وما إلى ذلك. ومع ذلك، على الرغم من كونه مصطلحًا علميًا، إلا أن استخدامه منذ نشأته كان بالكامل تقريبًا في المجالات الرقمية؛ أحد أسباب ذلك هو أن صناعة التكنولوجيا بدأت تتفجر في وقت قريب من اختراع المصطلح.

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


3.    ما هو تصميم واجهة المستخدم (UI)؟

على الرغم من كونه مجالًا أقدم وأكثر تمرنًا ، فإن السؤال "ما هو تصميم واجهة المستخدم؟" يصعب الإجابة عليها بسبب تنوعها الواسع في التفسيرات الخاطئة. في حين أن تجربة المستخدم عبارة عن تراكم للمهام التي تركز على تحسين المنتج للاستخدام الفعال والممتع ، فإن تصميم واجهة المستخدم هو تكملة له ؛ الشكل والمضمون والعرض التقديمي وتفاعل المنتج. ولكن مثل UX ، فإنه من السهل وغالبًا ما يتم الخلط بينه وبين الصناعات التي تستخدم مصممي واجهة المستخدم - لدرجة أن الوظائف المختلفة غالبًا ما تشير إلى المهنة على أنها أشياء مختلفة تمامًا.
على عكس UX ، فإن تصميم واجهة المستخدم هو مصطلح رقمي بحت. واجهة المستخدم هي نقطة التفاعل بين المستخدم وجهاز رقمي أو منتج - مثل شاشة اللمس على هاتفك الذكي أو لوحة اللمس التي تستخدمها لتحديد نوع القهوة الذي تريده من ماكينة القهوة. فيما يتعلق بمواقع الويب والتطبيقات، يأخذ تصميم واجهة المستخدم في الاعتبار شكل المنتج ومظهره وتفاعله. الأمر كله يتعلق بالتأكد من أن واجهة المستخدم لمنتج ما بديهية قدر الإمكان، وهذا يعني التفكير بعناية في كل عنصر مرئي وتفاعلي قد يواجهه المستخدم. سيفكر مصمم واجهة المستخدم في الرموز والأزرار والطباعة وأنظمة الألوان والتباعد والصور والتصميم سريع الاستجابة.
مثل تصميم تجربة المستخدم، يعد تصميم واجهة المستخدم دورًا متعدد الأوجه وصعبًا. وهي مسؤولة عن تحويل تطوير المنتج والبحث والمحتوى والتخطيط إلى تجربة جذابة وإرشادية وسريعة الاستجابة للمستخدمين.
سنلقي نظرة على عملية تصميم واجهة المستخدم والمهام المحددة التي يمكن أن يتوقعها مصمم واجهة المستخدم في القسم الرابع. قبل أن نفكر في الاختلافات الرئيسية بين UX و UI ، دعنا نلخص بسرعة تصميم واجهة المستخدم (UI) الذي يدور حوله:

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

4.    الاختلافات الرئيسية بين UX و UI

هناك تشبيه أحب استخدامه لوصف الأجزاء المختلفة لمنتج (رقمي):
إذا تخيلت منتجًا كجسم بشري، فإن العظام تمثل الرمز الذي يمنحه الهيكل. تمثل الأعضاء تصميم UX: القياس والتحسين مقابل المدخلات لدعم وظائف الحياة. وتصميم واجهة المستخدم يمثل مستحضرات تجميل الجسم ؛ عرضها وحواسها وردود أفعالها.
لكن لا تقلق إذا كنت لا تزال في حيرة من أمرك! أنت لست الوحيد!
كما قال راهول فارشني ، أحد مؤسسي Foster.fm:
تعد تجربة المستخدم (UX) وواجهة المستخدم (UI) من أكثر المصطلحات تشويشًا وإساءة استخدامًا في مجالنا. واجهة المستخدم بدون UX تشبه الرسام الذي يرسم الطلاء على قماش دون تفكير ؛ بينما UX بدون واجهة المستخدم يشبه إطار التمثال الذي لا يحتوي على ورقة معجون. تبدأ تجربة المنتج الرائعة بـ UX متبوعًا بواجهة المستخدم. كلاهما ضروري لنجاح المنتج ".
إذا كان لديك مساحة لتشبيه آخر، يلخص Dain Miller العلاقة بين تصميم UX و UI بشكل مثالي:
"واجهة المستخدم هي السرج والركاب واللجام. UX هو الشعور بأنك قادر على ركوب الحصان ".
- داين ميلر ، مطور ويب

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

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

5.    . كيف يعمل تصميم تجربة المستخدم وتصميم واجهة المستخدم معًا؟

لقد استكشفنا الاختلافات بين UX و UI ؛ الآن دعونا نلقي نظرة على كيفية عملهم معًا. قد تتساءل عما إذا كان أحدهما أكثر أهمية من الآخر ، لكن الحقيقة هي أن كلاهما مهم! اسمحوا لي أن أقتبس من المصممة والخبيرة هيلجا مورينو ، التي صاغتها ببلاغة في مقالتها The Gap Between UX and UI Design:
"الشيء الذي يبدو رائعًا ولكن يصعب استخدامه هو نموذج لواجهة مستخدم رائعة وتجربة مستخدم سيئة. في حين أن الشيء القابل للاستخدام للغاية والذي يبدو فظيعًا يعد نموذجًا لتجربة المستخدم الرائعة وواجهة المستخدم الضعيفة ".
كما ترى ، فإن UX و UI يسيران جنبًا إلى جنب بقوة ، وعلى الرغم من وجود الملايين من الأمثلة على المنتجات الرائعة مع أحدهما وليس الآخر ، تخيل مدى نجاحها عندما تكون قوية في كلا المجالين.

يشبه تصميم واجهة المستخدم طبقة الجليد في كعكة. تخيل أنك توصلت إلى فكرة رائعة لتطبيق ما ؛ شيء مفقود بشكل واضح من السوق ويمكن أن يغير حياة الناس حقًا للأفضل. تقوم بتعيين مصمم UX لإجراء بحث للمستخدم ومساعدتك في معرفة الميزات التي يجب أن يتمتع بها تطبيقك بالضبط ، وكيف يجب تخطيط رحلة المستخدم بأكملها. يقدم تطبيقك شيئًا يحتاجه ويريده جمهورك المستهدف ؛ ومع ذلك ، عند تنزيله ، وجدوا أن النص على كل شاشة بالكاد مقروء (فكر في النص الأصفر على خلفية بيضاء). علاوة على ذلك ، الأزرار قريبة جدًا من بعضها ؛ استمروا في الضغط على الزر الخطأ عن طريق الخطأ! هذه حالة كلاسيكية لواجهة مستخدم سيئة تدمر ما كان يمكن أن يكون تجربة مستخدم جيدة.

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