دليلك الشامل 👨🏫 لتعلم #تصميم و تحليل #تجربة_المستخدم وواجهات المستخدم UX UI من الصفر للاحترافية 🎓🎓🎓
في هذا الثريد ساقوم بشرح ما يقوم به ال #UXUIDesigner بشكل مختصر لكل مرحلة من المراحل حتى تكون لديك صورة عامة و سيتم التركيز على تجربة المستخدم في هذا الثريد
في هذا الثريد ساقوم بشرح ما يقوم به ال #UXUIDesigner بشكل مختصر لكل مرحلة من المراحل حتى تكون لديك صورة عامة و سيتم التركيز على تجربة المستخدم في هذا الثريد
أولا : تحليل و تصميم تجربة المستخدم User Experience UX
هي عملية إنشاء و جعل أي منتج سواء كان منتجا عاديا ⌨️ أو منتجا رقميا 📱 بحيث يكون المنتج مناسبا لاحتياجات المستخدم 😃 و يحل مشكلة يعاني منها و يحقق أهداف الشركة سواء كانت ربحا أو كسب جمهور و غيرها من معايير نجاح الشركات
هي عملية إنشاء و جعل أي منتج سواء كان منتجا عاديا ⌨️ أو منتجا رقميا 📱 بحيث يكون المنتج مناسبا لاحتياجات المستخدم 😃 و يحل مشكلة يعاني منها و يحقق أهداف الشركة سواء كانت ربحا أو كسب جمهور و غيرها من معايير نجاح الشركات
ثانيا : تصميم واجهات المستخدم User Interface UI
هو التصميم الخاص بالمنتج و الذي يشاهده المستخدم
و تشمل واجهة المستخدم جميع خصائص المنتج المادية ك شكل المنتج ولونه و الملمس الخاص بالمنتج بما يتناسب مع ما تم دراسته في تجربة المستخدم سابقا بحيث يكون جذابا للعميل
هو التصميم الخاص بالمنتج و الذي يشاهده المستخدم
و تشمل واجهة المستخدم جميع خصائص المنتج المادية ك شكل المنتج ولونه و الملمس الخاص بالمنتج بما يتناسب مع ما تم دراسته في تجربة المستخدم سابقا بحيث يكون جذابا للعميل
أهمية تجربة المستخدم للشركات :
تجربة المستخدم توفر على الشركات وقتا كبيرا بحيث ان تجربة المستخدم يمكن تعديلها بسهولة في خلال وقت قصير او تكلفة مادية بحيث انه يمكن تجربة المنتج نفسه و معرفة اراء الزبائن قبل تطوير المنتج الاولي و الذي يكلف كثيرا في تطويره و تعديله كل مرة
تجربة المستخدم توفر على الشركات وقتا كبيرا بحيث ان تجربة المستخدم يمكن تعديلها بسهولة في خلال وقت قصير او تكلفة مادية بحيث انه يمكن تجربة المنتج نفسه و معرفة اراء الزبائن قبل تطوير المنتج الاولي و الذي يكلف كثيرا في تطويره و تعديله كل مرة
أهمية تجربة المستخدم للأفراد :
تجربة المستخدم تضع رضا المستخدم و راحته و صناعة منتج يحل مشكلته كأهم الاولوليات للمشروع فتجربة المستخدم
تعمل على صنع منتج يمكن إستخدامه بسهولة و بدون تعقيد و سيستمر تطوير المنتج باستمرار بما يرضي جميع فئات الزبائن
تجربة المستخدم تضع رضا المستخدم و راحته و صناعة منتج يحل مشكلته كأهم الاولوليات للمشروع فتجربة المستخدم
تعمل على صنع منتج يمكن إستخدامه بسهولة و بدون تعقيد و سيستمر تطوير المنتج باستمرار بما يرضي جميع فئات الزبائن
خطوات تجربة المستخدم من البداية حتى النهاية
أولا: مقابلة صاحب المشروع :
عند مقابلة صاحب المشروع و صاحب الفكرة يجب عليك ان تفهم المشروع تماما و تحصل على كافة التفاصيل التي يمكنك عملها ومن اهم الأسئلة التي يجب طرحها
أولا: مقابلة صاحب المشروع :
عند مقابلة صاحب المشروع و صاحب الفكرة يجب عليك ان تفهم المشروع تماما و تحصل على كافة التفاصيل التي يمكنك عملها ومن اهم الأسئلة التي يجب طرحها
ما هو المشروع بالتفصيل ؟
ما هي معاييير نجاح المشروع ؟؟
هل لديك منتج شبيه شاهدته وأعجبك ؟؟
من هم المنافسين المحتملين لمنتجك ؟؟
من هي الفئة المستهدفة ؟؟
ما هي معاييير نجاح المشروع ؟؟
هل لديك منتج شبيه شاهدته وأعجبك ؟؟
من هم المنافسين المحتملين لمنتجك ؟؟
من هي الفئة المستهدفة ؟؟
ثانيا: مقابلة المستخدمين :
تعتبرمن أهم المراحل. فالمستخدم هو من سيكون الحكم في نجاح او فشل المنتج
و عليك ان تقوم بالاهتمام بالمستخدم و ان لا تكون الاسئلة نعم او لا وانما تكون مقالية لمعرفة اكبر قدر من المعلومات
ومن أهم المعلومات التي يجب عليك الحصول عليها من المستخدمين
تعتبرمن أهم المراحل. فالمستخدم هو من سيكون الحكم في نجاح او فشل المنتج
و عليك ان تقوم بالاهتمام بالمستخدم و ان لا تكون الاسئلة نعم او لا وانما تكون مقالية لمعرفة اكبر قدر من المعلومات
ومن أهم المعلومات التي يجب عليك الحصول عليها من المستخدمين
مشكلتهم الحالية و كيف يتعاملون معها
هل المشكلة تستحق إنشاء منتج من أجلها ام يمكن حلها من خلال طرق أخرى
إقتراحات المستخدمين عن حلول و أمور يريدها المستخدمين في منتجك
هل المشكلة تستحق إنشاء منتج من أجلها ام يمكن حلها من خلال طرق أخرى
إقتراحات المستخدمين عن حلول و أمور يريدها المستخدمين في منتجك
و نتاج هذه المرحلة هو ال Persona
هو شخصية افتراضية نبني عليها جميع الفرضيات و هو المستخدم المثالي للمنتجات و تشمل المعلومات الشخصية ك
( الاسم , العمر , الوظيفة , المنطقة , و مشاكله و مخاوفه و طموحاته واهدافه و اهتمامته ) و اي معلومات ذات صلة
هو شخصية افتراضية نبني عليها جميع الفرضيات و هو المستخدم المثالي للمنتجات و تشمل المعلومات الشخصية ك
( الاسم , العمر , الوظيفة , المنطقة , و مشاكله و مخاوفه و طموحاته واهدافه و اهتمامته ) و اي معلومات ذات صلة
ثالثا : دراسة المنافسين :
كمصمم محترف لا تبدا مشروعك دون دراسة المنافسين فهي ستكشف لك عدة أمور منها
ما هي اهم المشاكل التي يواجهها العملاء المشتركين
ما هي الحلول التي يقومون باستخدامها و ما يميزهم و تضمينها في المنتج
ما هي العيوب التي لم يحلها المنافسين و يمكن ان تميزنا
كمصمم محترف لا تبدا مشروعك دون دراسة المنافسين فهي ستكشف لك عدة أمور منها
ما هي اهم المشاكل التي يواجهها العملاء المشتركين
ما هي الحلول التي يقومون باستخدامها و ما يميزهم و تضمينها في المنتج
ما هي العيوب التي لم يحلها المنافسين و يمكن ان تميزنا
رابعا : تخطيط الموقع Site Map
سوف يتم رسم مخطط كامل للمنتج و كل ما سيحتويه من صفحات و فئات و المحتوى المكتوب من بداية الموقع إلى اخر صفحة فيه و غالبا ما تكون على شكل شجري
سوف يتم رسم مخطط كامل للمنتج و كل ما سيحتويه من صفحات و فئات و المحتوى المكتوب من بداية الموقع إلى اخر صفحة فيه و غالبا ما تكون على شكل شجري
خامسا : رحلة المستخدم User Journey
وهو مسار المستخدم من بداية فتحه للتطبيق حتى تحقيق هدفه و الخروج منه
و هدفها توضيح الخطوات التي يقوم بها المستخدم في كل عملية و شعوره خلالها و ما الصعوبات التي تواجهه في تحقيق هدفه
وهو مسار المستخدم من بداية فتحه للتطبيق حتى تحقيق هدفه و الخروج منه
و هدفها توضيح الخطوات التي يقوم بها المستخدم في كل عملية و شعوره خلالها و ما الصعوبات التي تواجهه في تحقيق هدفه
سادسا : تدفق المستخدم User Flow
تدفق المستخدم هو عبارة عن المخطط الكامل للمشروع و جميع الصفحات و القرارات التي يتخذها المستخدم
وما سينتج عن كل قرار من تغيير في المسار الخاص بالمستخدم
تدفق المستخدم هو عبارة عن المخطط الكامل للمشروع و جميع الصفحات و القرارات التي يتخذها المستخدم
وما سينتج عن كل قرار من تغيير في المسار الخاص بالمستخدم
سابعا: السكتش Sketch
هو عبارة عن رسم اولي للموقع بصورة عامة و يكون غالبا على ورق و تكمن فائدة ال sketch
لمعرفة شكل المنتج العام دون الخوض في التفاصيل الدقيقة
هو عبارة عن رسم اولي للموقع بصورة عامة و يكون غالبا على ورق و تكمن فائدة ال sketch
لمعرفة شكل المنتج العام دون الخوض في التفاصيل الدقيقة
ثامنا : الوايرفريم Wireframe
هو عبارة عن رسم عالي الجودة يوضح جميع التفاصيل للموقع لكن دون عرض محتوى الصورة و الفيديو و يكون غالبا باللونين الابيض و الاسود و هو اول ما يقدم للعميل لكي يراه و اهميته تكمن في عملية اختبار المستخدم
هو عبارة عن رسم عالي الجودة يوضح جميع التفاصيل للموقع لكن دون عرض محتوى الصورة و الفيديو و يكون غالبا باللونين الابيض و الاسود و هو اول ما يقدم للعميل لكي يراه و اهميته تكمن في عملية اختبار المستخدم
تاسعا : اختبار قابلية المستخدم Usability Testing
هو اختبار يتم فيه فحص مدى ارتياح الزبون في استخدام المنتج
و تكون بإعطاءه مهمة ليقوم بها في التطبيق و مراقبة كيف سيقوم بها و ما مدى ارتياحه و كم استغرق من الوقت
و ما مدى صعوبة المهمة و كيف يشعر المستخدم خلال الاختبار
هو اختبار يتم فيه فحص مدى ارتياح الزبون في استخدام المنتج
و تكون بإعطاءه مهمة ليقوم بها في التطبيق و مراقبة كيف سيقوم بها و ما مدى ارتياحه و كم استغرق من الوقت
و ما مدى صعوبة المهمة و كيف يشعر المستخدم خلال الاختبار
عاشرا : تطبيق التصميم UI Application
بعد عملية اختبار المنتج نقوم باختيار الالوان و الايقونات و الصور و المحتوى الخاص بالتطبيق ثم نقوم باعادة اختبار المشروع ومن ثم تبدا مرحلة التطوير
بعد عملية اختبار المنتج نقوم باختيار الالوان و الايقونات و الصور و المحتوى الخاص بالتطبيق ثم نقوم باعادة اختبار المشروع ومن ثم تبدا مرحلة التطوير
جاري تحميل الاقتراحات...