على الرغم من أن مصطلح "UX/UI Design" أصبح حديث سوق العمل خلال السنوات القليلة الماضية ويستخدم أصحاب العمل الاختصار "UX" لأي منصب متعلق بالتصميم ، إلا أن ليس كل الأشخاص في صناعة التصميم واثقون بنسبة 100٪ بشأن ما تعنيه UX أو كيفية استخدام المصطلح بشكل صحيح.

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

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

اولا تصميم UX

اولا تصميم UX

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

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

كما قال المصمم الصناعي الألماني ديتر رامس ذات مرة:

لا يمكنك أن تفهم التصميم الجيد إذا كنت لا تفهم الناس".

وبالتالي ، فإن تصميم تجربة المستخدم (UX) هو عملية تصميم المنتجات أو الخدمات مع اهتمامات المستخدمين واحتياجاتهم. هدف تصميم UX هو إنشاء منتجات يسهل الوصول إليها ، وعملية ، ومفيدة ، وسهلة الاستخدام ، وممتعة لدرجة الإدمان.

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

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

يتجاوز تصميم تجربة المستخدم (UX) تصميم واجهة المستخدم (UI). بمعنى آخر، إنه يسد الفجوة بين الجانب المرئي للمنتج ووظائفه وسهولة استخدامه.

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

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

تعبير "تجربة المستخدم"

اخترع دون نورمان ، وهو عالم معرفي وأستاذ ومؤلف كتاب The Design of Everyday Things، مصطلح "UX" في عام 1993 وكان أول من استخدمه في مسمى وظيفته - محلل تجربة المستخدم. كما يشرح ، ابتكر المصطلح لأن المصطلحات المماثلة مثل "واجهة المستخدم" و "سهولة الاستخدام" كانت ضيقة جدًا.

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

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

في فجر القرن العشرين ، نشر المهندس الميكانيكي الأمريكي فريدريك تايلور كتابه The Principles of Scientific Management. اقترح تايلور في كتابه تحسين ظروف العمل وتبسيطها لزيادة إنتاجية الناس.

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

في عام 1945 ، قامت شركة Bell Labs - ذراع البحث والتطوير لشركة الهاتف والتلغراف الأمريكية (AT&T) - بتوظيف أول أخصائي نفسي لتصميم أنظمة الهاتف التي تحافظ على احتياجات المستخدمين واهتماماتهم كأولوية. [3]

علاوة على ذلك ، في عام 1955 ، نشر المصمم الصناعي الأمريكي هنري دريفوس كتابه Designing for People ، حيث أسس المبادئ الأساسية لجعل تجربة المستخدم فعالة وممتعة.

مصمم UX

مصمم UX

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

مصممو UX هم دعاة المستخدمين ومسؤولون عن تحسين التفاعل بين البشر والمنتجات. إذن ما الذي تتضمنه مسؤوليات مصممي UX العام؟

تخطيط وإجراء بحث المستخدم
تفسير وتحليل نتائج البحث وتعليقات المستخدمين
إنشاء قصص المستخدم والشخصيات واللوحات المصورة
تحديد بنية المعلومات وإنشاء خرائط المواقع
إنشاء نماذج أولية وإطارات سلكية
إجراء اختبار قابلية الاستخدام. [4]

بالنسبة للمهارات التقنية ، يجب أن يعرف مصمم UX كيفية:

إجراء مقابلات مع المستخدم ، واستطلاعات الرأي ، ومجموعات التركيز ، وما إلى ذلك
إنشاء شخصيات المستخدم وكتابة السيناريوهات
تصميم خرائط الرحلة وتصميم التنقل وخرائط المواقع
قم بتطوير إطارات ونماذج أولية في Balsamiq أو Figma أو Sketch أو Adobe XD أو Invision أو أدوات تصميم أخرى.

هل يحتاج مصممو UX إلى معرفة كيفية البرمجة؟ يمكن أن يساعد القليل من الفهم للكود ، بما في ذلك HTML و CSS وجافا سكريبت ، المصممين في البقاء على نفس الصفحة مع فريق التطوير والبقاء واقعيين عند تصميم الميزات وتنفيذها. [5]

زر 300 مليون دولار

زر 300 مليون دولار

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

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

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

كشفت دراسات قابلية الاستخدام أن معظم المستخدمين لأول مرة يكرهون التسجيل ومغادرة الموقع عندما يُطلب منهم ذلك. إنهم يأتون إلى موقع ويب للتسوق ولا يهتمون بالالتزام بعلاقة طويلة الأمد وأن يصبحوا هدفًا لرسائل البريد الإلكتروني التسويقية. [6]

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

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

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

هندسة المعلومات

لا ينطبق مصطلح "الهندسة المعمارية" على المباني فحسب ، بل على المنتجات الرقمية أيضًا. هندسة المعلومات (IA) هي عملية تنظيم المعلومات بحيث يمكن للمستخدمين بسهولة العثور على ما يبحثون عنه ، واستهلاكه ، ومعالجته ، وإكمال مهامهم.

صاغ لويس روزنفيلد وبيتر مورفيل في كتابهما ، هندسة المعلومات ، ثلاث ركائز IA - المحتوى والسياق والمستخدمين. [7]

يشير السياق إلى الأهداف والموارد والاحتياجات والتوقعات لمشروع تصميم وعمل معين.

يتضمن المحتوى جميع البيانات (المرئيات والنصوص والأكواد) التي ينظمها مهندس المعلومات في النظام.

يمثل المستخدمون الجمهور المستهدف للمنتج.

من المستحيل إنشاء منتج فريد ومفيد وسار بدون أساس IA متين. لهذا السبب يحتاج مصممو UX إلى تعلم كيفية الموازنة بين احتياجات العمل والجمهور المستهدف وتنظيم المحتوى بشكل فعال.

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

اخيرا عملية التفكير التصميمي

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

يعتمد التفكير التصميمي على 5 مراحل لحل المشكلات: التعاطف والتحديد والتفكير والنموذج الأولي والاختبار:

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

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

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

أرجوا أنت تكون أستمتعت بقرائتك، ولا تنسى أن تخبرني رأيك لدعمنا وللإستمرار بشكل أفضل  :)

نعم استمتعت بالقرائه 😍
كان ذلك مفيدا 👍🏻

المصادر:
https://app.uxcel.com/admin/lesson/design-concepts-terms-724/practice/ux-8509/update
https://www.interaction-design.org/literature/topics/ux-design
https://www.nngroup.com/articles/100-years-ux/#:~:text=The%20Dawn%20of%20UX,people%20use%20his%20word%20now.)
https://app.uxcel.com/admin/lesson/designer-roles-926/practice/ux-designer-5013/update
https://xd.adobe.com/ideas/career-tips/does-ux-design-require-coding/
https://articles.uie.com/three_hund_million_button/
https://app.uxcel.com/admin/lesson/information-architecture-470/practice/information-architecture-3150/update
https://www.invisionapp.com/inside-design/what-is-design-thinking/

‏لازم تجربوا هذه الإضافة الرهيبة ✨

بتنسخ لك أي تصميم موقع على الانترنت
لتصميم مفتوح على Figma وبتقدر تعدل عليه 👏

فمثلاً انا هنا👇 كتبت رابط موقع apple
وتم نسخ التصميم لملف مفتوح لفيجما 😃

رابط الاضافة

https://www.figma.com/community/plugin/1159123024924461424/html-to-design

* من اهم المبادئ الاساسية في تصميم واجهات تجربة المستخدم UI/UX

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

وهي: المنفعة، والاستحسان، وإمكانية الوصول، والمصداقية، وإمكانية العثور، وسهولة الاستخدام، وتأثير القيمة.

هذه القيم معًا، يشكلون ما يسمى قرص العسل لتجربة المستخدم "the UX honeycomb”.[1]

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

المنفعة: 

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

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

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