ما هو ال ui / ux designer وما الفرق بينهم

webPrey| سوف نتعرف على تصميم واجهة المستخدم (ui) و تجربة المستخدم (ux) ومعرفة ما الفرق بينهم وما هى المهارات التى يجب توافرها فى مصمم تحربة المستخدم خليكم معانا.

                                  

محتويات المقال

•  المقدمة .
•  ما هى واجهة المستخدم ui .
•  أنواع واجهات المستخدم .
•  ما هى تجربة المستخدم ال ux .
•  ما هو الفرق بين ال ui و ال ux.
•  ما هى المهارات التى يجب توافرها فى ال ux .
•  الخلاصة ( هات من الأخر) .

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

ما هو واجهة المستخد ( ui )

كلمة ui هى إختصار ل user interface ومعناها واجهة المستخدم وهى الواجهة التى يراها المستتخدم عند الدخول إلى موقعك أو التطبيق الخاص بك .

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

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

أمثلة على ال ui

ال ui موجود فى كل كل شيئ حولنا مثل :

• شاشات الموبايلات.
• شاشات الساعات ال smart.
• شاشات الغسالات والثلاجات الحديثة.

وهو عبارة عن شاشة يمكنك من خلالها التحكم فى الثلاجة أو الغسالة أو أى شيء أخر من خلال مجموعه من النقرات.

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

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

برنامج word 2010 مش زى word 2016 يوجد إختلافات كثيرة فى الشكل والتصميم وإلا لو مكنش فية إختلافات فمفيش داعى لإصدارات جديدة من الرنامج ودة ينطبق على جميع البرامج الأخرى أو المواقع.

أنواع واجهات المستخدم

ال Graphical user interface (ui)

وهى أحد أشهر واجهات المستخدم الرسومية التى نفضلها لأنها مرئية وسهلة الإستخدم .

ال Gesture-based interface

وهى واجهة المستخدم التى تعتمد على حركات الجسم والإيماءات مثل ألعاب ال 3D

ال voice-controlled interface

وهى واجهة المستخدم الصوتية والتى يتم التعامل فيها بالصوت أى أنك تستخدم صوتك للتحكم بها وفيما تفعلة مثل google assistant

ما هى تجربة المستخدم ux

هى إختصار user experience وهى كل ما يمر بة المستخدم من أول ما يدخل موقعك أو تطبيقك لغاية ميخرج منة بخير وسلام إن شاء الله .
يجب أن تكون العناصر بسيطة وسهل الوصول إليها وتسهل التجربة وأن يكون كل شيء سهل الوصول إلية وألا يكون هناك شييء معقد.

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

موقع z موقع ألكترونى يهتم بالشكل والتصميم والألوتن مريحة للعين والتصميم جميل ولكن الروابط داخل لموقع معطلة والعناصر صعب الوصول أليها.

كدة الموقع z يهتم ب ال ui ولا يهتم بال ux هناك مواقع كدة وفية مواقع تهتم بالعكس ولاكن الأفضل أن نهتم بكلا الأمرين معاً .

ما الفرق بين ال ui وال ux

ال ui أو تصميم واجهة المستخدم هى أحد مراحل ال ux أو تجربة المستخدم لأنة بعد معرفة أهداف العملاء وآراءهم وجمع المعلومات يتم تحويلها إلى تصميم أولى بدائى صم يقوم ال ui بتحويلة إلى تصميم فعلى جميل ذو ألون جذابة وجميلة .

الux يقوم بتصميم ما وراء الواجهة وتجربة كل الخطوات التى يقوم بها من تجربة الروابط وسهولة الوصول إلى العناصر وغيرها من التجارب.

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

الخلاصة ( هات من الأخر)

• عرفنا إن واجهة المستخدم هى الواجهة التى تراها عند فتح أى تطبيق أو موقع .وعرفنا أن ال ui موجود فى كل شيء حولنا مثل شاشات التليفون أو شاشات الكمبيوتر أو شاشات ال smart watch وغيرها.
• عرفنا ال ux هو كل شيء بتمر بية داخل الموقع أو التطبيق.
• وعرفنا الفرق بين ال ui و ال ux وكمان عرفنا أنواع واجهات المستخدم المختلفة.

وكدة نكون إنتهينا من موضوعنا اليوم أتمنى لو الموضوع أعجبك تدعمنا بلايك ومتابعة والسلام عليكم ورحمة الله وبركاتة .