ما هو تصميم UI و UX؟ ما هو شائع ومختلف؟

مرحبا بالجميع! نقترح عليك دراسة المواد سهلة التعلم لفهم الفرق بين تصميم واجهة المستخدم (UI) وواجهة المستخدم (UX) بشكل أفضل

يعد تصميم UI وتصميم UX هما المفهومان الأكثر شيوعًا للارتباك والتضارب المستخدم في كل من تصميم الويب وتصميم التطبيقات. عادة ما يتم دمجهم معًا في مصطلح واحد - تصميم UI / UX ، ويبدو للوهلة الأولى أنهما يصفان العملية نفسها. غالبًا ما يكون من الصعب العثور على وصف واضح لكل منهم على حدة ، دون الوقوع في المصطلحات المهنية. ومع ذلك ، سنحاول القيام بذلك!

أدناه ، قمنا بإعداد مواد سهلة التعلم وفقًا لهذه الشروط.
بحلول نهاية هذا المقال ، سوف تفهم جيدًا ما هو متشابه وما هو مختلف فيها. لذلك دعونا نبدأ!

ما هو تصميم واجهة المستخدم؟

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

هذا العمل يقع على عاتق مصممي واجهة المستخدم (مصمم واجهة المستخدم). يقررون كيف سيبدو التطبيق بصريا. يجب عليهم اختيار أنظمة الألوان وأشكال الأزرار - خطوط العرض والخطوط المستخدمة للنص. لتلخيص ، ينشئ مصممو واجهة المستخدم مظهر واجهة التطبيق.



عملية تصميم واجهة المستخدم Ramotion

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

ما هو تصميم UX؟

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


الصورة الوظيفي

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

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

كيف يعمل هؤلاء المصممون معًا؟

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

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

البحث هو مفتاح النجاح

البحث هو عملية حيوية لكل من مصممي UI و UX. بالنسبة لكلا المجالين ، من المهم جمع أكبر قدر ممكن من المعلومات المفيدة ، مما سيساعدهم في عملية تطوير المشاريع ذات الصلة. في الوقت نفسه ، يلتزم كلا الاتجاهين بنهج مماثل.

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

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


سقسقة بواسطة LukeW

في جميع الحالات الموصوفة ، يساعد البحث المصممين في اتخاذ القرارات النهائية. ومع ذلك ، فإن المعلومات التي يبحث عنها مصممو UI و UX مختلفة جدًا.

البحث في تصميم واجهة المستخدم.

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

على سبيل المثال ، قد تحدد الدراسات أن الأشخاص يفضلون أيقونات الخطوط على الرموز المعبئة. هذا اختصار مرئي مناسب وممتع للناس.

تعتمد الجماليات الدقيقة التي يختارونها عليها ، لكن "القواعد" الأساسية أو الحاجة إلى تلبية توقعات المستخدمين أمر يتجاهله المصممون على مسؤوليتهم ومخاطرهم.

يريد مصممو واجهة المستخدم تصميم واجهاتهم لتبرز وتنسى. ولكن يجب أن يكون هذا متوازناً حتى يفهم الناس الغرض من العناصر التي تضعها على الشاشة.

البحث في تصميم UX

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

إذا قرر مصمم UX أن يفعل شيئًا آخر ، فيجب أن يكون لديه سبب وجيه ، لأن كسر السلوك المتوقع من المحتمل أن يتسبب في ارتكاب الأشخاص لشيء خطأ.

على سبيل المثال ، يحب معظم الناس فكرة أنه إذا قمت بالنقر المزدوج على ملف لفتحه ، ومرة ​​واحدة لتحديده.

UI و UX: اثنين من التخصصات المختلفة تماما التي تعمل في وئام

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

يجب أن يتم تصميم كل من تصميم واجهة المستخدم وتصميم UX بشكل لا تشوبه شائبة ومواءمتها تمامًا مع توقعات المستخدم الموجودة مسبقًا لإنشاء تجربة مستخدم أفضل. وفقط عندما يتزامن هذان "النجوم" ، يمكن أن تكون النتائج مذهلة.

رابط إلى النسخة الإنجليزية