لأن الكثيرين لا يعرفون ما هو المقصود بمصمم Ux UI! في هذه الثريد ، تعريف كامل لتصميم UX و UI! مع مراحل العمل الخاصة بهم.
#uxas #uxdesign #ux #uxبالعربي
#uxas #uxdesign #ux #uxبالعربي
اولا تصميم UX (تجربة المستخدم) :
هو عملية إنشاء منتجات أو أنظمة أو خدمات توفر تجارب مفيدة وذات صلة للمستخدمين. يتضمن ذلك تصميم العملية الكاملة للحصول على المنتج ودمجه، بما في ذلك جوانب العلامة التجارية والتصميم وسهولة الاستخدام والوظيفة.
هو عملية إنشاء منتجات أو أنظمة أو خدمات توفر تجارب مفيدة وذات صلة للمستخدمين. يتضمن ذلك تصميم العملية الكاملة للحصول على المنتج ودمجه، بما في ذلك جوانب العلامة التجارية والتصميم وسهولة الاستخدام والوظيفة.
ويشمل أيضًا الجوانب المفيدة والقيمة للتفاعل بين الإنسان والحاسوب وملكية المنتج.
وباختصار شديد UX هي التجربة الكلية التي يتمتع بها المستخدم مع المنتج
او مجموعة من الطرق التي نقوم من خلالها حل المشكلات التي نواجها.
وباختصار شديد UX هي التجربة الكلية التي يتمتع بها المستخدم مع المنتج
او مجموعة من الطرق التي نقوم من خلالها حل المشكلات التي نواجها.
ثانيا Ui :
كلمة UI هي اختصار ل User Interface ومعناها واجهة المستخدم وهي الواجهة التي يراها المستخدم عند الدخول لموقعك أو التطبيق الخاص بك .
وهي تعتمد على راحة المستخدم وجذب انتباهه ليبقى اطول وقت ممكن بالتطبيق عن طريق أن تقوم بعمل ألوان جيدة مريحة للعين وأن تجعل العناصر جذابة
كلمة UI هي اختصار ل User Interface ومعناها واجهة المستخدم وهي الواجهة التي يراها المستخدم عند الدخول لموقعك أو التطبيق الخاص بك .
وهي تعتمد على راحة المستخدم وجذب انتباهه ليبقى اطول وقت ممكن بالتطبيق عن طريق أن تقوم بعمل ألوان جيدة مريحة للعين وأن تجعل العناصر جذابة
فوائد ال UX
1-تسهيل المهام المعقدة وسير العمل،
2-تمكين المستخدمين من فهم وإدارة البيانات المعقدة،
3-استيعاب مجموعة متنوعة غنية من أدوار المستخدم واحتياجاته وعملياته.
4-يساعد على خلق التناسق بين المحتوي والمنتج.
5- تساعد في انتاج التحكم الكامل للمنتج.
1-تسهيل المهام المعقدة وسير العمل،
2-تمكين المستخدمين من فهم وإدارة البيانات المعقدة،
3-استيعاب مجموعة متنوعة غنية من أدوار المستخدم واحتياجاته وعملياته.
4-يساعد على خلق التناسق بين المحتوي والمنتج.
5- تساعد في انتاج التحكم الكامل للمنتج.
6-حل المشكلات المتوقعة حول منتج ما او مشكلة ما.
7-توفير الوقت والجهد على المستخدم.
8-خلق التفاعل السهل والسلس بين المنتج والمستخدم.
9-الوصول الي منتج نهائي يحقق الاهداف المنشودة.
7-توفير الوقت والجهد على المستخدم.
8-خلق التفاعل السهل والسلس بين المنتج والمستخدم.
9-الوصول الي منتج نهائي يحقق الاهداف المنشودة.
كيف تفكر كمصمم Ux
اولا: يجب عليك فهم هيكليه المشروع ودراسة مكوناته وما الغرض منه وما هي النتائج المتوقع الحصول عليها من خلال هذا المشروع والامر الاهم هو معرفه ما هي المشكلة التي واجهها صاحب المشروع مما دفعه للتفكير في انشاء هذا المشروع.
اولا: يجب عليك فهم هيكليه المشروع ودراسة مكوناته وما الغرض منه وما هي النتائج المتوقع الحصول عليها من خلال هذا المشروع والامر الاهم هو معرفه ما هي المشكلة التي واجهها صاحب المشروع مما دفعه للتفكير في انشاء هذا المشروع.
ثانيا: يجب عليك بالبداية تحليل المستخدم للموضوع المطروح لديك او المشكلة
وقبل البدء في انشاء تحليل لأي فكرة تحتاج الاجابات لهذه الاسئلة؟
لمن ستقوم بتصميم الموقع أو التطبيق؟ التركيبة السكانية؟ ماذا يحب / ماذا يكره؟ الهوايات؟ ما هو عمله؟
وقبل البدء في انشاء تحليل لأي فكرة تحتاج الاجابات لهذه الاسئلة؟
لمن ستقوم بتصميم الموقع أو التطبيق؟ التركيبة السكانية؟ ماذا يحب / ماذا يكره؟ الهوايات؟ ما هو عمله؟
ما هي احتياجاتهم الخاصة?هل هذه الاحتياجات تمثل مشكلة حقيقية تحتاج إلى حل؟ هل هناك حل تجاري يناسبها؟
ما هي النماذج العقلية لقاعدة المستخدمين والتي تحتاج الي الانتباه لها؟ هل هناك اختلافات كبيرة بين المجموعات الفرعية من المستخدمين؟
متي، لماذا، كيف يستخدم المستخدمين هذا المنتج؟
ما هي النماذج العقلية لقاعدة المستخدمين والتي تحتاج الي الانتباه لها؟ هل هناك اختلافات كبيرة بين المجموعات الفرعية من المستخدمين؟
متي، لماذا، كيف يستخدم المستخدمين هذا المنتج؟
ما هي المخاوف الممكنة التي تحتاج الي ان تعالجها في التصميم؟
ثالثا: يجب عليك دراسة السوق والمنافسين ان وجد وتحديد اهداف المشروع وما هي القيمة المضافة للمشروع مقابل المنافسين ويجب عليك دراسة أيضا هل هذا هو الوقت المناسب لك لطرح وانشاء هذا المشروع.
قد تقول ما هو الغرض في دراسة الوقت المناسب لإطلاق او دراسة المشروع؟
قد تقول ما هو الغرض في دراسة الوقت المناسب لإطلاق او دراسة المشروع؟
الجواب ببساطة ويسر فلنعتقد أنك كنت تدرس حل مشكلة ما تتعلق بدرجات الحرارة وانت تحتاج الحل السريع والربح السريع والصيف كان على وشك الانتهاء فل سوف تستفيد؟؟ هل ستحقق الهدف من دراستك للمشروع؟
وقس هذه الإجابة على باقي الأمور ليس فقط الربح بل التنافس والقيم وكل الأمور الأخرى.
وقس هذه الإجابة على باقي الأمور ليس فقط الربح بل التنافس والقيم وكل الأمور الأخرى.
وهذا يتضمن بحث المستخدم حيث يمكننا تعريفها بالتالي: هي عملية دراسة سلوك المستخدم وميوله وما يحتاج في المنتج ووضع ملاحظات وحلول للمشكلات التي يقع بها وتحدث من خلال:
- المقابلات الشخصية
- الدراسات الاستقصائية
- المقابلات الشخصية
- الدراسات الاستقصائية
- مجموعات التركيز (تحليل المشكلة ضمن اطار فريق عمل مكون من ثلاث الي ست اشخاص).
البيرسونا :
انها وسيلة لنمذجة وتواصل مع الاشخاص الذين نتعامل معهم اثناء التصميم، وهي تعتبر كشخص محدد ولكنه خيالي ولا يتواجد في الواقع، بدلا من تواجده يتم تجميع ملامح شخصيته من ملاحظات الناس العديدة، حيث كل شخص يمثل جزءا كبيرا من الناس في العالم الحقيقي،
انها وسيلة لنمذجة وتواصل مع الاشخاص الذين نتعامل معهم اثناء التصميم، وهي تعتبر كشخص محدد ولكنه خيالي ولا يتواجد في الواقع، بدلا من تواجده يتم تجميع ملامح شخصيته من ملاحظات الناس العديدة، حيث كل شخص يمثل جزءا كبيرا من الناس في العالم الحقيقي،
وتلك الملاحظات تمكن المصمم من التركيز على الملاحظات والتحكم فيها بدلا من التركيز على متطلبات الاف الافراد.
كيف يتم تصميم البيرسونا؟
يمكن انشاء الاستراتيجية بعدد لا يحصى من الطرق، ولكن ينصح المصممين للعمل على الصيغة العامة:
مقابلة أو مراقبة عدد كاف من الناس.
كيف يتم تصميم البيرسونا؟
يمكن انشاء الاستراتيجية بعدد لا يحصى من الطرق، ولكن ينصح المصممين للعمل على الصيغة العامة:
مقابلة أو مراقبة عدد كاف من الناس.
البحث عن الانماط في ردود وأفعال الاشخاص الذين اجريت معهم المقابلات واستخدموا تلك المجموعات لتجميع اشخاص مماثلين معا.
العمل على نماذج من تلك المجموعات، استنادا الى انماط وجدت واستنادا الى هذا الفهم للمستخدمين وانشاء تصميمات تركز على المستخدم.
العمل على نماذج من تلك المجموعات، استنادا الى انماط وجدت واستنادا الى هذا الفهم للمستخدمين وانشاء تصميمات تركز على المستخدم.
مشاركة تلك النماذج مع اعضاء الفريق الاخرين واصحاب المصلحة الاخرين.
Sitemap خريطة الموقع
هي خريظه يقوم بتصممها مصمم ال Ux تقوم بتحديد مكونات الموقع او التطبيق خطوة بخطوة من صفحة البداية حتى اخر خطوة بالمحتوى المطلوب وعادة ما تكون على شكل خريطة أو شجرة متشعبة
Sitemap خريطة الموقع
هي خريظه يقوم بتصممها مصمم ال Ux تقوم بتحديد مكونات الموقع او التطبيق خطوة بخطوة من صفحة البداية حتى اخر خطوة بالمحتوى المطلوب وعادة ما تكون على شكل خريطة أو شجرة متشعبة
فوائد ال sitemap
1-تحديد مكونات الموقع او التطبيق
2-تحديد التقسيمات الخاصة بالموقع او التطبيق
3-تسهيل عمليه التصميم
4-تسهيل وتوفير الوقت والجهد في التصميم
1-تحديد مكونات الموقع او التطبيق
2-تحديد التقسيمات الخاصة بالموقع او التطبيق
3-تسهيل عمليه التصميم
4-تسهيل وتوفير الوقت والجهد في التصميم
User jurney يوزرجيرني :
هو رحلة سير المستخدم من البداية حتي النهاية في تطبيق او موقع ما وهدفها توضيح المشاكل الموجودة في رحلة المستخدم بالتطبيق ووضع الحلول لها وبناء النظام على أساسها
هو رحلة سير المستخدم من البداية حتي النهاية في تطبيق او موقع ما وهدفها توضيح المشاكل الموجودة في رحلة المستخدم بالتطبيق ووضع الحلول لها وبناء النظام على أساسها
فوائد اليوزرجيرني :
تسهيل عمليه سير المستخدم
اكتشاف المشكلات ووضع الملاحظات لها
وضع الحلول التي تم اكتشافها اثناء سير المستخدم
تسهيل عمليه سير المستخدم
اكتشاف المشكلات ووضع الملاحظات لها
وضع الحلول التي تم اكتشافها اثناء سير المستخدم
User flow تدفق المستخدم :
تدفق المستخدم هو المسار الذي سلكه مستخدم أولي على موقع ويب أو تطبيق لإكمال المهمة. يأخذهم تدفق المستخدم من نقطة الدخول الخاصة بهم من خلال مجموعة من الخطوات نحو نتيجة ناجحة وإجراء نهائي، مثل شراء منتج.
تدفق المستخدم هو المسار الذي سلكه مستخدم أولي على موقع ويب أو تطبيق لإكمال المهمة. يأخذهم تدفق المستخدم من نقطة الدخول الخاصة بهم من خلال مجموعة من الخطوات نحو نتيجة ناجحة وإجراء نهائي، مثل شراء منتج.
اختبار قابيلة المستخدم وهو اختبار يقوم به مصمم ال ux
ليفحص سهولية وقابلية المستخدم للتطبيق او موقع الويب وعامة تحدث بعد تصميم التطبيق يقوم من خلال إعطاء المستخدم التطبيق وجعله التفاعل معه لتجربه المشكلات التي يقع فيها او من خلال بعض الأدوات التالي
UserZoom UserTesting
ليفحص سهولية وقابلية المستخدم للتطبيق او موقع الويب وعامة تحدث بعد تصميم التطبيق يقوم من خلال إعطاء المستخدم التطبيق وجعله التفاعل معه لتجربه المشكلات التي يقع فيها او من خلال بعض الأدوات التالي
UserZoom UserTesting
Prototype (النموذج الاولي)
هي تربيط الشاشات للتجربة الاولي بعد التصميم ومن اشهر برامج التصميم التي تعتمد ال prototype كميزة اساسيه فيها هو برنامج ادوبي xd حيث يتيح لك تجربه التطبيق بعد الانتهاء من تصميمه بكل سهولة
هي تربيط الشاشات للتجربة الاولي بعد التصميم ومن اشهر برامج التصميم التي تعتمد ال prototype كميزة اساسيه فيها هو برنامج ادوبي xd حيث يتيح لك تجربه التطبيق بعد الانتهاء من تصميمه بكل سهولة
Skitch رسم السكتش
هو رسم صفحات التطبيق او الويب ومكوناتها على ورق وذلك لتحديد مكونات الصفحات بكل دقة ولسهولية التعديل والتطوير عليها.
هو رسم صفحات التطبيق او الويب ومكوناتها على ورق وذلك لتحديد مكونات الصفحات بكل دقة ولسهولية التعديل والتطوير عليها.
المخططات الهيكلية Wireframes
هي عبارة عن تحويل السكتشات الي نظرة اولي للتطبيق حيث تأتي هذه المرحلة ما قبل الUI ليقوم المصمم بعرض التطبيق ومكوناته ومميزاته على المستخدم وان يوجد أي خلل يمكنه التعديل بكل سهولة عليها قبل الدخول في تصميم ال ui الخاص بالتطبيق
هي عبارة عن تحويل السكتشات الي نظرة اولي للتطبيق حيث تأتي هذه المرحلة ما قبل الUI ليقوم المصمم بعرض التطبيق ومكوناته ومميزاته على المستخدم وان يوجد أي خلل يمكنه التعديل بكل سهولة عليها قبل الدخول في تصميم ال ui الخاص بالتطبيق
إن الهدف من إعداد وتجهيز المخططات الهيكلية (Wireframes) لمواقع الإنترنت هو حلّ مشاكل التصميم المُرتبطة بتخطيط وتصميم الصّفحة، وترتيب عناصرها، وذلك عبر ابتداع تصوّر للموقع قبل تطويره، وذلك باستخدام جملة من المُمارسات والمبادئ.
Loading suggestions...