1. ‫مصطلحات‬
‫في‬ ‫محيرة‬
UX UI ‫ال‬ ‫تصميم‬ 6
Learn UX UI
Musallam Alabsi
‫إسحب‬ @musallamalabsi

2. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)Empathy Map( ‫التعاطف‬ ‫خريطة‬
‫وتوجيه‬ ‫المستخدمين‬ ‫لفهم‬ ‫تستخدم‬ ‫تصميم‬ ‫أداة‬ ‫هي‬
‫وتحدياتهم‬ ‫ومشاعرهم‬ ‫احتياجاتهم‬ ‫حول‬ ‫التفكير‬
.‫وأهدافهم‬

3. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)Journey Map( ‫المستخدم‬ ‫رحلة‬ ‫خريطة‬
‫مع‬ ‫تفاعله‬ ‫أثناء‬ ‫المستخدم‬ ‫لتجربة‬ ‫تصوير‬ ‫عن‬ ‫عبارة‬ ‫هي‬
‫المستخدم‬ ‫بها‬ ‫يمر‬ ‫التي‬ ‫الرئيسية‬ ‫المراحل‬ ‫وتعرض‬ ،‫ما‬ ‫منتج‬
.‫التفاعل‬ ‫انتهاء‬ ‫وحتى‬ ‫المنتج‬ ‫مع‬ ‫التفاعل‬ ‫بدء‬ ‫منذ‬

4. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)Information architecture( ‫المعلومات‬ ‫هيكلة‬
‫أو‬ ‫الويب‬ ‫موقع‬ ‫هيكل‬ ‫وتصميم‬ ‫تنظيم‬ ‫عملية‬ ‫هي‬
‫المحتوى‬ ‫إلى‬ ‫الوصول‬ ‫للمستخدمين‬ ‫يتيح‬ ‫الذي‬ ‫التطبيق‬
.‫وفعالية‬ ‫بسهولة‬

5. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)Wireframe( ‫الوايفريم‬
‫إنشاؤه‬ ‫يتم‬ ‫التطبيقات‬ ‫أو‬ ‫الويب‬ ‫لصفحات‬ ‫أولي‬ ‫تصميم‬ ‫هو‬
‫وتحديد‬ ‫األفكار‬ ‫لوضع‬ ‫استخدامه‬ ‫ويتم‬ ،‫وخام‬ ‫بسيط‬ ‫بشكل‬
‫وتحديد‬ ‫التطبيق‬ ‫أو‬ ‫الصفحة‬ ‫في‬ ‫للعناصر‬ ‫الرئيسية‬ ‫المواقع‬
.‫وتوزيعها‬ ‫ترتيبها‬

6. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)Prototype( ‫األولي‬ ‫النموذج‬
‫بشكل‬ ‫إنشاؤه‬ ‫يتم‬ ‫التطبيق‬ ‫أو‬ ‫للمنتج‬ ‫أولي‬ ‫نموذج‬ ‫هو‬
‫قبل‬ ‫المنتج‬ ‫واختبار‬ ‫لتجربة‬ ‫استخدامه‬ ‫ويتم‬ ،‫وخام‬ ‫بسيط‬
.‫الرسمي‬ ‫واإلطالق‬ ‫الكامل‬ ‫التطوير‬ ‫في‬ ‫البدء‬

7. ‫إسحب‬
Learn UX UI
Musallam Alabsi
musallamalabsi
@
)User Flow( ‫المستخدم‬ ‫تدفق‬
،‫التطبيق‬ ‫أو‬ ‫المنتج‬ ‫داخل‬ ‫المستخدم‬ ‫لمسار‬ ‫تصور‬ ‫هو‬
‫بها‬ ‫يقوم‬ ‫التي‬ ‫الخطوات‬ ‫لتسلسل‬ ‫ا‬ ‫ًط‬‫مخط‬ ‫ويتضمن‬
.‫التطبيق‬ ‫أو‬ ‫المنتج‬ ‫داخل‬ ‫معين‬ ‫هدف‬ ‫لتحقيق‬ ‫المستخدم‬

8. ‫هذا‬ ‫كان‬ ‫هل‬
‫مفيدا؟‬
‫التعليقات‬ ‫في‬ ‫اخبرني‬
Musallam Alabsi
UX UI Designer