WEBVTT

00:00.000 --> 00:10.000
مرحبا بالجميع

00:10.000 --> 00:15.480
في هذا الفيديو سنتعرف على الفرقي بين تسميم واجهة المستخدم

00:15.480 --> 00:18.880
UI وتسميم تجربة المستخدم

00:18.880 --> 00:21.320
UX في عالم التسميم

00:21.320 --> 00:26.880
هناك العديد من النقاشات المعروفة التي لية محسمها بسهولة

00:27.280 --> 00:28.880
ومن أشهرها

00:28.880 --> 00:31.880
الفرق بين تسميم واجهة المستخدم

00:31.880 --> 00:34.880
وتسميم تجربة المستخدم

00:34.880 --> 00:37.360
الفرق بين واجهة المستخدم

00:37.360 --> 00:40.400
UI وتجربة المستخدم

00:40.400 --> 00:41.720
UX

00:41.720 --> 00:47.480
هو أنه UI يشير إلى العناصر البصرية التي تفعل معها المستخدم

00:47.480 --> 00:49.480
عند استخدام المنتج

00:49.480 --> 00:55.200
بينما UX يتعلقوا بالتجربة الكاملة التي يمر بها المستخدم

00:55.200 --> 00:58.200
أثناء استخدام المنتج أو الخدمة

00:58.200 --> 01:07.200
في هذا الدرس سنتعرف على الفرق الأساسية بين UI و UX

01:07.200 --> 01:14.200
في هذا الدرس سنتعرف على الفرق الأساسية بين UI و UX

01:14.200 --> 01:15.200
أولا

01:15.200 --> 01:19.200
UI هو وقتصار لي Design Interface User

01:19.200 --> 01:22.200
أي تسميم واجهة المستخدم

01:22.200 --> 01:27.200
و UX هو وقتصار لي Design Experience User

01:27.200 --> 01:30.200
أي تسميم وتجربة المستخدم

01:30.200 --> 01:33.200
أي تسميم وتجربة المستخدم

01:33.200 --> 01:37.200
يشير UI إلى العناصر البصرية والجمالية

01:37.200 --> 01:42.200
التي يتفعل معها المستخدم أثناء استخدام المنتج الرقمي

01:42.200 --> 01:46.200
قد تضمن واجهة المستخدمي عناصر مثل الأزرار

01:46.200 --> 01:50.200
و مربعة النص والأيقونات والطقسيمات والرسومات

01:50.200 --> 01:53.200
وأنواع الخطوط المختلفة

01:53.200 --> 01:57.200
أما UX فيشير إلى تجربة المستخدم

01:57.200 --> 02:01.200
أو المشاعر التي يشعر بها أثناء استخدام المنتج

02:01.200 --> 02:04.200
فه يركز على مدسهولة لستخدام

02:04.200 --> 02:09.200
ومدارض المستخدم أثناء التفاع لمعاطط بقي أو الموقع

02:09.200 --> 02:13.200
حتى لو كانت صميم واجهة المستخدمي جميلة وجذابا

02:13.200 --> 02:17.200
فإذا كان التجربة المستخدمي غير مريحة أو صعبة

02:17.200 --> 02:20.200
فلا يعتبر المنتجوناجحن

02:20.200 --> 02:24.200
لهذا السبب تبدأ عملية تصميم تجربة المستخدم

02:24.200 --> 02:28.200
UX عادة قبل البدئ في تصميم واجهة المستخدم

02:28.200 --> 02:29.200
UI

02:29.200 --> 02:32.200
يقوم مصميم تجربة المستخدم

02:32.200 --> 02:38.200
UX بالبحث في السوق للحصول على أفكار وفهم احتياجات المستخدمين

02:38.200 --> 02:41.200
كما يقومون بإنشاء المخاططات الأولية

02:41.200 --> 02:46.200
هياكل سلكية والنماذج الأولية Prototypes للمنتج

02:46.200 --> 02:50.200
وبعد إجراء العديد من التحسينات والتعديلات

02:50.200 --> 02:55.200
يتم تسلم التصميم النهائي إلى مصمم واجهة المستخدم

02:55.200 --> 02:56.200
UI

02:56.200 --> 03:00.200
الذي يهتم بتحويل التصميم إلى واجهة مرئية دقيقة

03:00.200 --> 03:03.200
ويعمل على ضبت كل التفاصيل

03:03.200 --> 03:09.200
مثل الألوان والعناصر البصرية لتتوافق مع متطلبات التصميم

03:09.200 --> 03:17.200
الآن دعون نتعرف على بعض الأدوات التي يستخدمها كل من مصممي UI و UX

03:17.200 --> 03:21.200
أدوات مصممي واجهة المستخدم UI

03:21.200 --> 03:22.200
فجما

03:22.200 --> 03:26.200
تعد من أفضل أدوات تصميم واجهات المستخدم

03:26.200 --> 03:31.200
لإنشاء النماذج الأولية والعمل التعوني بين المصمممين

03:31.200 --> 03:36.200
أدو بأكسدي أدات قوية لتصميم واجهات المستخدم

03:36.200 --> 03:39.200
وإنشاء النماذج التفاعولية

03:39.200 --> 03:42.200
وتستخدم بشكل شاءعن على نظام

03:42.200 --> 03:47.200
سكتش أدات تصميم نشاءع لإنشاء واجهات المستخدم

03:47.200 --> 03:50.200
والنماذج الأولية على نظام مك

03:50.200 --> 03:51.200
أكشر

03:51.200 --> 03:56.200
أدات متقدمة يستخدمها مصمم واجهات المستخدمي

03:56.200 --> 04:00.200
لإنشاء نماذج أولية تقنية أكثر تفصيلة

04:00.200 --> 04:04.200
أدوات مصممين تجربة المستخدم

04:04.200 --> 04:05.200
UX

04:05.200 --> 04:06.200
موكفلو

04:06.200 --> 04:11.200
يساعد في إنشاء المخططات الأولية للمواقع والتطبيقات

04:11.200 --> 04:13.200
وتصميم هيكة للصفحات

04:13.200 --> 04:17.200
ومراجعة التصميم بشكل تعوني

04:17.200 --> 04:19.200
إضافة إلى توثيقي

04:19.200 --> 04:21.200
Story's on board

04:21.200 --> 04:26.200
تستخدم هذه الأدات لرسم رحلة المستخدمي أو مخطط القصة

04:26.200 --> 04:29.200
حيث تساعد مصممين UX

04:29.200 --> 04:33.200
على تخطية خطوات استخدام التطبيقي أو النظام

04:33.200 --> 04:34.200
Design Mirror

04:34.200 --> 04:37.200
تتحو للمصممين عرض تصميم الواجهات

04:37.200 --> 04:40.200
على الهوات في الذكية عبر Wi-Fi

04:40.200 --> 04:41.200
أو USB

04:41.200 --> 04:43.200
أو من خلال المتصفح

04:43.200 --> 04:47.200
منما يساعد في اختبار التصميم على الأجيزة المختلفة

04:47.200 --> 04:49.200
SmartLook

04:49.200 --> 04:52.200
تستخدم لتحليل تفاعل المستخدمين

04:52.200 --> 04:54.200
مع التطبيقات والمواقع

04:54.200 --> 04:59.200
توفر تسجيلة حقيقية لتفاعل المستخدمين مع الواجهة

04:59.200 --> 05:03.200
بالإضافة إلى خرائط حرارية Heathmaps

05:03.200 --> 05:08.200
توضح الأماكن التي ينقر عليها المستخدمون أكثر من غيرها