ما هي حقًا وظيفة مصمم واجهة المستخدم؟ (تفاصيل الوظيفة والمهارات المطلوبة) 2022

Google عبارة "مصمم واجهة المستخدم" وستكون مرتبكًا تمامًا. من بين أشياء أخرى ، غالبًا ما يتم الخلط بين المصطلحين UI و UX ، مما يجعل من الصعب معرفة أين ينتهي أحد التخصصات ويبدأ الآخر.

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

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

• 1. ما هو تصميم واجهة المستخدم؟
• 2. الجانب المرئي لتصميم واجهة المستخدم.
• 3. الجانب الإنساني لتصميم واجهة المستخدم.
• 4. ما المهارات التي يجب أن يمتلكها مصمم واجهة المستخدم؟
• 5. ما نوع المهام التي يقوم بها مصمم واجهة المستخدم عادةً؟
• 6. ماذا يجب أن تقرأ عن هذا الموضوع؟
• 7. إذن ، ما الذي يفعله مصمم واجهة المستخدم حقًا؟

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

دعنا أولاً نوضح ما هو بالضبط تصميم واجهة المستخدم؟

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

2. تصميم واجهة المستخدم: الجانب المرئي

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

تتمثل مهمة مصمم واجهة المستخدم في تصميم جميع الشاشات التي تمتد عبر مسار المستخدم وتطوير العناصر المرئية (بالإضافة إلى خصائصها التفاعلية) التي تجعل التفاعل أكثر سهولة وفهمًا.

يعتمد تصميم UX و UI على متطلبات الواجهة الأساسية:

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

3. تصميم واجهة المستخدم: الجانب الإنساني

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

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

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

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

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

هذه هي وظيفة مصمم واجهة المستخدم. يفكرون فيما يتوقعه المستخدم ويصممون الواجهة وفقًا لذلك.

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

4. ما المهارات التي يجب أن يمتلكها مصمم واجهة المستخدم؟

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

دعنا نلقي نظرة على بعض المهارات المهنية الرئيسية والصفات الشخصية التي يجب أن يتمتع بها مصمم واجهة المستخدم:

الصفات الشخصية (المهارات اللينة)

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

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

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

مهارات صعبة

1. حتى مصممي واجهة المستخدم الطموحين يجب أن يكونوا واثقين في واحدة على الأقل من أدوات التصميم والنماذج الأولية الشائعة ، مثل Sketch و Adobe XD و InVision. بمجرد أن تتعلم كيفية استخدام أحد هذه البرامج ، سيكون التعامل مع البرامج الأخرى أسهل بكثير.

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

5. ما المهام التي يؤديها مصمم واجهة المستخدم عادةً؟

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

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

العمل بروح الفريق الواحد

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

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

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

تصميم

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

إذن ، ما العناصر التي يمكن لمصمم واجهة المستخدم رؤيتها في قائمة مهامه؟

• 1. صمم كل شاشة فردية يتفاعل معها المستخدم: ما العناصر التي يجب وضعها على الشاشة؟ ماذا يجب أن تكون المسافة بينهما؟ ما هي الأنماط التي يجب استخدامها وكيفية إنشاء تسلسل هرمي مرئي بحيث تكون الواجهة بديهية؟
• 2. فكر في كيفية عرض الموقع على شاشات بأحجام مختلفة (تصميم سريع الاستجابة).
• 3. تصميم عناصر واجهة المستخدم الفردية مثل الأزرار والرموز ومزلقات التمرير وأشرطة التمرير.
• 4. باستخدام فهمك الشامل لنظرية الألوان ، قم بإنشاء لوحة ألوان فريدة تضفي طابعًا شخصيًا على الموقع أو التطبيق.
• 5. اختر الخطوط والحروف الصحيحة.
• 6. فكر في الخصائص التفاعلية لكل عنصر: على سبيل المثال ، كيف يتصرف الزر عندما ينقر المستخدم عليه.
• 7. تطوير الرسوم المتحركة.
• 8. قم بإنشاء دليل نمط ليتم تطبيقه على تصميم جميع الصفحات لجعلها موحدة وواضحة للمستخدمين.

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

النماذج

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

هناك 3 أنواع من النماذج الأولية:

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

يستخدم مصممو واجهة المستخدم مجموعة متنوعة من الأدوات لتطوير نماذج أولية - كل هذا يتوقف على المهمة المطروحة. على سبيل المثال ، تعتبر البرامج مثل InVision رائعة لإنشاء تفاعلات أساسية ونماذج أولية منخفضة التفاصيل ؛ بينما تعتبر Principle ، على سبيل المثال ، فعالة في إظهار التحولات والرسوم المتحركة الأكثر تعقيدًا. تشمل الأدوات الشائعة الأخرى Proto.io و Adobe XD و Figma.

كيف تصبح مصمم UX و UI

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

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

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

خاتمة

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

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