Forwarded from تصميم تجربة المستخدم UX
Intro-to-UX-Arabic-v1.0.pdf
6.5 MB
📖 كتاب مدخل إلى تجربة المستخدم
مرحباً✨
احنا فريق التجربة الرقمية في أمانة منطقة الرياض، وودّنا نطلب منكم المشاركة في اختبار بسيط.
هذا الاختبار يساعدنا نطوّر خدماتنا الرقمية ونخليها أسهل وأفضل للجميع.
بس حابين نوضح إن اللي راح تشوفونه هو نموذج أولي مو النسخة النهائية، وكل البيانات المعروضة وهمية ومجرد أمثلة.
الاختبار ما راح ياخذ من وقتكم كثير، بس من ٥ إلى ١٠ دقايق.
هدفنا نسمع رأيكم وملاحظاتكم عن سهولة الاستخدام وتجربتكم بشكل عام.
تقدرون تبدأون الاختبار من هنا:
https://t.maze.co/384240068
ملاحظة: لأفضل تجربة، ننصحكم بأداء هذا الاختبار باستخدام جهاز لابتوب أو جهاز لوحي لضمان وضوح العناصر وسهولة التفاعل.
ولو كان عندكم أي سؤال أو ملاحظة، تواصلوا معنا في أي وقت.
وشكراً مقدماً على وقتكم ومساهمتكم🙏
احنا فريق التجربة الرقمية في أمانة منطقة الرياض، وودّنا نطلب منكم المشاركة في اختبار بسيط.
هذا الاختبار يساعدنا نطوّر خدماتنا الرقمية ونخليها أسهل وأفضل للجميع.
بس حابين نوضح إن اللي راح تشوفونه هو نموذج أولي مو النسخة النهائية، وكل البيانات المعروضة وهمية ومجرد أمثلة.
الاختبار ما راح ياخذ من وقتكم كثير، بس من ٥ إلى ١٠ دقايق.
هدفنا نسمع رأيكم وملاحظاتكم عن سهولة الاستخدام وتجربتكم بشكل عام.
تقدرون تبدأون الاختبار من هنا:
https://t.maze.co/384240068
ملاحظة: لأفضل تجربة، ننصحكم بأداء هذا الاختبار باستخدام جهاز لابتوب أو جهاز لوحي لضمان وضوح العناصر وسهولة التفاعل.
ولو كان عندكم أي سؤال أو ملاحظة، تواصلوا معنا في أي وقت.
وشكراً مقدماً على وقتكم ومساهمتكم🙏
t.maze.co
Maze | User Research & Testing Platform
Get user insights fast, early, and often so you can make data-informed product and design decisions.
❤1
كيف تستخدم أيقونات التصميم في التطوير وكأنها مكتبة جاهزة؟
أغلبنا في مرحلة التطوير واجهنا الموقف هذا: تشتغل على تصميم لوحة تحكم أو منصة، والمصمم استخدم أيقونات مخصصة — بس مو من مكتبة مشهورة مثل FontAwesome أو Material Icons.
تبدأ تفكر: أصدّرها SVG؟ أخليها صور؟ طيب الأداء؟
إذا عدد الأيقونات قليل، ممكن تمشي، لكن لو المشروع مليان أيقونات؟ هنا بيصير الموضوع حمل على الموقع ومزعج في الإدارة.
طيب، والحل؟
📌 بكل بساطة: تبني مكتبة أيقونات خاصة فيك.
مثل ما تستخدم FontAwesome، تقدر تسوي مكتبتك الخاصة من الأيقونات وتستدعيها بالكود بشكل مرن واحترافي.
الخطوات 👇
✅ حبيبنا المصمم لأنه محترف فأكيد مجهز لك الأيقونات مرتبة بأسماء واضحة في ملف التصميم.
🧩 صدّر كل الأيقونات بصيغة SVG حتى تحافظ على الجودة وتقدر تتحكم بالحجم واللون بكل سهولة بالكود.
نزّل برنامج Nucleo App على جهازك، وكريت مكتبة جديدة، مثلاً سميها Icons.
حدد كل الأيقونات في مكتبك واعمل تصدير بالطريقة اللي تناسب مشروعك:
SVG Symbols أو Sprite
Iconfont
JSX / Vue components
أو حتى JSON لو تحتاجها بهالطريقة
الآن صارت عندك مكتبة أيقونات مخصصة، تستدعي منها اللي تحتاجه بكلاس أو مكون، تمامًا زي المكتبات المعروفة.
هالطريقة تعطي مشروعك تنظيم أفضل، وتوفر وقت وجهد، وتخلي تجربة التطوير أرتب.
لو أعجبتك الطريقة، شاركها مع زملاءك، وخلنا نرفع من جودة مشاريعنا. 😉
أغلبنا في مرحلة التطوير واجهنا الموقف هذا: تشتغل على تصميم لوحة تحكم أو منصة، والمصمم استخدم أيقونات مخصصة — بس مو من مكتبة مشهورة مثل FontAwesome أو Material Icons.
تبدأ تفكر: أصدّرها SVG؟ أخليها صور؟ طيب الأداء؟
إذا عدد الأيقونات قليل، ممكن تمشي، لكن لو المشروع مليان أيقونات؟ هنا بيصير الموضوع حمل على الموقع ومزعج في الإدارة.
طيب، والحل؟
📌 بكل بساطة: تبني مكتبة أيقونات خاصة فيك.
مثل ما تستخدم FontAwesome، تقدر تسوي مكتبتك الخاصة من الأيقونات وتستدعيها بالكود بشكل مرن واحترافي.
الخطوات 👇
✅ حبيبنا المصمم لأنه محترف فأكيد مجهز لك الأيقونات مرتبة بأسماء واضحة في ملف التصميم.
🧩 صدّر كل الأيقونات بصيغة SVG حتى تحافظ على الجودة وتقدر تتحكم بالحجم واللون بكل سهولة بالكود.
نزّل برنامج Nucleo App على جهازك، وكريت مكتبة جديدة، مثلاً سميها Icons.
حدد كل الأيقونات في مكتبك واعمل تصدير بالطريقة اللي تناسب مشروعك:
SVG Symbols أو Sprite
Iconfont
JSX / Vue components
أو حتى JSON لو تحتاجها بهالطريقة
الآن صارت عندك مكتبة أيقونات مخصصة، تستدعي منها اللي تحتاجه بكلاس أو مكون، تمامًا زي المكتبات المعروفة.
هالطريقة تعطي مشروعك تنظيم أفضل، وتوفر وقت وجهد، وتخلي تجربة التطوير أرتب.
لو أعجبتك الطريقة، شاركها مع زملاءك، وخلنا نرفع من جودة مشاريعنا. 😉
Nucleoapp
Download Nucleo App for Mac & Windows
Download the Nucleo App now for Mac or Windows and unlock the full potential of our intuitive icon organizer and extensive SVG library. Simplify your design process with Nucleo today!
❤1👏1
أحد الأمور الأساسية التي يجب على مصمم تجربة المستخدم معرفتها هي قوانين تجربة المستخدم
Laws of UX
في هذا الموقع ستجد أهم هذه القوانين أمثلة عليها وأهم المبادئ لتصميم تجربة المستخدم
lawsofux.com
Laws of UX
في هذا الموقع ستجد أهم هذه القوانين أمثلة عليها وأهم المبادئ لتصميم تجربة المستخدم
lawsofux.com
❤1
تعد القراءة من أهم مصادر التعلم في مجال تصميم ال UI/UX لذلك اجعل لك نصيب يومي من القراءة الحرة لمقالات تتكلم عن تصميم واجهات وتجربة المستخدم
هنا ارشيف موقع معمل الألوان أحد المدونات الثرية في هذا المجال
يضم الأرشيف (٨١ مقال ) تتحدث عن تجربة المستخدم والتصميم بشكل عام ✨
قراءة ممتعة 🌹
هنا ارشيف موقع معمل الألوان أحد المدونات الثرية في هذا المجال
يضم الأرشيف (٨١ مقال ) تتحدث عن تجربة المستخدم والتصميم بشكل عام ✨
قراءة ممتعة 🌹
❤4
كل عام وأنتم بخير ✨
تقبل الله منكم صالح الأعمال
وأعاده عليكم باليمن والبركة
تقبل الله منكم صالح الأعمال
وأعاده عليكم باليمن والبركة
❤3
أحد الأمور الأساسية التي يجب على مصمم تجربة المستخدم معرفتها هي قوانين تجربة المستخدم
Laws of UX
في هذا الموقع ستجد أهم هذه القوانين أمثلة عليها وأهم المبادئ لتصميم تجربة المستخدم
lawsofux.com
Laws of UX
في هذا الموقع ستجد أهم هذه القوانين أمثلة عليها وأهم المبادئ لتصميم تجربة المستخدم
lawsofux.com
❤4
تعد القراءة من أهم مصادر التعلم في مجال تصميم ال UI/UX لذلك اجعل لك نصيب يومي من القراءة الحرة لمقالات تتكلم عن تصميم واجهات وتجربة المستخدم
هنا ارشيف موقع معمل الألوان أحد المدونات الثرية في هذا المجال
يضم الأرشيف (٨١ مقال ) تتحدث عن تجربة المستخدم والتصميم بشكل عام ✨
قراءة ممتعة 🌹
https://colorslab.com/blog/
هنا ارشيف موقع معمل الألوان أحد المدونات الثرية في هذا المجال
يضم الأرشيف (٨١ مقال ) تتحدث عن تجربة المستخدم والتصميم بشكل عام ✨
قراءة ممتعة 🌹
https://colorslab.com/blog/
❤2
اجعل لكَ أثرًا،
كُن من صُنَّاع الهمَم والقِمم، لا تكن من هُدَّامها!
اشحذ صارمَ هِمَّتك، لابتغاءِ سبيلِ بُغيتك؛
لا يكن شِعارُكَ الكسَل، ودِثارُكَ التَّسويفُ والعلل!
فالشًُغلُ مَحمَدة، والفراغُ مَفسَدة
مقتبس منارات العُلا 🌿
كُن من صُنَّاع الهمَم والقِمم، لا تكن من هُدَّامها!
اشحذ صارمَ هِمَّتك، لابتغاءِ سبيلِ بُغيتك؛
لا يكن شِعارُكَ الكسَل، ودِثارُكَ التَّسويفُ والعلل!
فالشًُغلُ مَحمَدة، والفراغُ مَفسَدة
مقتبس منارات العُلا 🌿
❤5
كمستقلين سواء كنت مبرمج أو مسوق أو مصمم ,....
إليك 4 نصائح لجعل حساباتك على مواقع التواصل الاجتماعي قدر الإمكان رسمية
- لا تهمل الصورة الشخصية لك
( لا أفضل أن تضع صورة لك أبدًا ) 🙅🏻
- اكتب اسمك بشكل واضح
( العميل لن يتواصل مع مجهول ) 👹
- معرف واضح وله دلالة على مجالك
( سيجعل البحث والوصول إليك سهلاً ) 👌🏻
- في حساباتك الشخصية "كمستقل" لا تنشر أمور شخصية
( العميل مهتم بعملك وليس بحياتك ) 🧑🏻💻
إليك 4 نصائح لجعل حساباتك على مواقع التواصل الاجتماعي قدر الإمكان رسمية
- لا تهمل الصورة الشخصية لك
( لا أفضل أن تضع صورة لك أبدًا ) 🙅🏻
- اكتب اسمك بشكل واضح
( العميل لن يتواصل مع مجهول ) 👹
- معرف واضح وله دلالة على مجالك
( سيجعل البحث والوصول إليك سهلاً ) 👌🏻
- في حساباتك الشخصية "كمستقل" لا تنشر أمور شخصية
( العميل مهتم بعملك وليس بحياتك ) 🧑🏻💻
❤3