خريطة طريقك في UI/UX
لكل مصمم في بداية حياته المهنية في UI/UX إليك خريطة طريق توضح لك المسار
فهم تصميم واجهة المستخدم
تصميم واجهة المستخدم (UI) هو العملية التي يستخدمها المصممون لبناء واجهات في البرامج أو الأجهزة المحوسبة ، مع التركيز على الشكل الجمالي.
يهدف المصممون إلى إنشاء واجهات يجدها المستخدمون سهلة الاستخدام وممتعة.
فهم تصميم تجربة المستخدم
تصميم تجربة المستخدم (UX) هو العملية التي تستخدمها فرق التصميم لإنشاء منتجات توفر تجارب مفيدة وذات صلة للمستخدمين.
يهدف المصممون إلى إنشاء تجربة مستخدم سهلة، مرنة وتراعي احتياجات المستخدمين.
![](https://nologytv.com/wp-content/uploads/2023/07/image-7-1024x682.png)
كما يمكن التفرقة بين تجربة المستخدم وواجهة المستخدم بالتالي:
- واجهة المستخدم UI: الشارع المؤدي لمنزلكم جميل .. واسع .. الأرصفة مدهونة بألوان لطيفة
- تجربة المستخدم UX: العنوان المؤدي لمنزلكم واضح .. ادخل الشارع رقم كذا ثم انعطف يساراً بأول مدخل وستجدني أمامك
تعلم مبادئ التصميم
في بعض الأحيان قد يكون تصميمك مضيعة تمامًا لأن هناك قوانين لتصميم UX لم تتبعها.
إليك مجموعة القوانين التي تحتاج إلى اتباعها للحصول على منتج فعال.
![](https://nologytv.com/wp-content/uploads/2023/07/image-1-1024x858.png)
عناصر تصميم واجهة المستخدم:
عليك أن تتعلم مبادئ التصميم :
- الألوان
- التباين
- الفراغ السلبي
- المحاذاة
- المقياس
- التايبوغرافي
- التسلسل الهرمي
- التناسق
اكتشف الإرشادات
إرشادات التصميم هي أنظمة قابلة للتكيف من الإرشادات والمكونات والأدوات التي تدعم أفضل ممارسات تصميم واجهة المستخدم.
تعمل إرشادات التصميم على تبسيط التعاون بين المصممين والمطورين، وتساعد الفرق على إنشاء منتجات جميلة بسرعة.
![](https://nologytv.com/wp-content/uploads/2023/07/image-2-1024x357.png)
تعلم نظم التصميم
نظام التصميم هو المصدر الوحيد للحقيقة الذي يجمع كل العناصر التي ستسمح للفرق بتصميم المنتج وإدراكه وتطويره.
بعض أنظمة التصميم:
تعلم أدوات التصميم
الآن حان وقت تعلم الأدوات الخاصة بتصميم تجربة وواجهة المستخدم والتي تمكنك من تنفيذ جميع الأفكار وتطبيق كل ما تعلمته.
![](https://nologytv.com/wp-content/uploads/2023/07/image-4-1024x606.png)
اكتشف موارد التصميم
حاول الحصول على التغذية البصرية, شاهد العديد من التصاميم لا بأس أن تقوم بتقليدها بغرض التعلم و فهم كيفية ترتيب العناصر و إختيار الألوان المناسبة, وأضف لمستك الخاصة.
![](https://nologytv.com/wp-content/uploads/2023/07/image-5-1024x827.png)
مصدر المقال مع تعديلات طفيفة “Bashar louzon”
كماتعتبر الأيقونات من أكثر الأصول المهمة أثناء تصميم واجهات الاستخدام، فمن المستحيل أن لا يحتوي موقع أو تطبيق على أي أيقونة.🧐
إليكم مجموعة من المصادر المجانية الممتازة لتحميل الأيقونات لاستخدامها في مشروعك القادم.
![](https://nologytv.com/wp-content/uploads/2023/07/image-6-873x1024.png)
Iconoir: https://bit.ly/3rbDH0H
Glyphs: https://bit.ly/3poJWOe
Lucide: https://bit.ly/44nlNGw
Heroicons: https://bit.ly/3pA0R03
Remixicon: https://bit.ly/44o6zB9
Tabler-icons: https://bit.ly/3Nyeips
Icons: https://bit.ly/44v85S5
Phosphoricons: https://bit.ly/3NGoWdY
هل تعلم ما الفرق بين (UX Designer, UI Designer and Product Designer)
![](https://nologytv.com/wp-content/uploads/2023/07/ux-ui-product-desinger-922x1024.png)
كيفية التمييز بين مصممي واجهة المستخدم (UI) وتجربة المستخدم (UX) وتصميم المنتج دون الشعور بالضغط؟
في عالم التصميم الواسع، من المهم معرفة الاختلافات. على الرغم من أن مصممي واجهة المستخدم وتجربة المستخدم وتصميم المنتج قد يبدون متشابهين، إلا أنهم يعملون وفقًا لإيقاعات مختلفة جدًا. على الرغم من أن كل منهم له اهمية لصنع منتج، إلا أن أساليبهم وأدواتهم وأهدافهم النهائية مختلفة جدًا.
UI Designer: يقوم مصممو واجهة المستخدم بإكمال الصورة. إنهم يولون اهتمامًا لكيفية ظهور الأشياء ويتأكدون من أن الواجهات مثيرة للاهتمام وتتماشى مع العلامة التجارية. فكّروا فيهم كفنانين يعملون على كل بكسل للتأكد من أن منتجك يبرز عن الباقي.
UX Designer يضع مصممو تجربة المستخدم الأساس. يركزون بشكل رئيسي على سهولة الاستخدام وجعل المستخدمين سعداء. من خلال إجراء البحوث وإنشاء نماذج واختبارها، يتأكدون من أن المستخدمين يمكنهم التنقل بسهولة والاستمتاع في كل خطوة من رحلتهم.
Product Designer من ناحية أخرى، يقوم مصممو المنتج ببناء الرابط بين ما يرغب فيه المستخدمون وما يرغب العمل في تحقيقه. من خلال الجمع بين التصميم والاستراتيجية، يتأكدون من أن المنتج ليس فقط يبدو ويشعر بشكل رائع، بل يحقق أيضًا نجاحًا في السوق.
كيفية تعاون هذه الأدوار معًا تشبه الرقص المعقد. سواء كنت ترغب في العمل معًا أو توظيف شخص ما أو مجرد الاستمتاع بالفن، معرفة هذه الاختلافات هو الخطوة الأولى. وبالملف PDF الموجود بالاسفل يوضح الفارق بينهم بشكل أكبر
المصدر هنا من منشور بواسطة Vadivel G – Director of Product design at Kissflow
هدية: أفضل 40 حسابًا في LinkedIn يستحق متابعتها لمصممي تجربة المستخدم.
أفضل طريقتين للنمو كمصمم منتج وتجربة المستخدم:
- الحصول على تجربة عملية في تحويل المشاريع الحقيقية إلى واقع. التعامل مع المواعيد الضيقة والقيود التقنية والتفاوض مع الأطراف المعنية الصعبة.
- الاستفادة من الحكمة المُكثّفة. بينما يحتوي LinkedIn على الكثير من الضجيج، يشارك بعض الأشخاص الذهب الحقيقي (أفكار تستحق التعلم منها).
لقد قمت بجمع قائمة تضم 40 حسابًا يشاركون الحكمة حول تصميم تجربة المستخدم والمنتجات. أوصي بقراءة ومتابعة كل حساب منها.
معايير الاختيار:
- نشاط نسبي على LinkedIn
- إنتاج محتوى قيم
- يثير التفكير (يتحدى الوضع الراهن أو يوجه الأسئلة)
تنويه: مجال تجربة المستخدم مليء بالتناقضات والآراء المتباينة. لا يوجد طريقة صحيحة للقيام بالأشياء. الأفضل هو سماع مجموعة واسعة من الآراء والتفكير بنفسك حول ما يعمل في الحالات الفريدة الخاصة بك.
![](https://nologytv.com/wp-content/uploads/2023/08/image-1-1024x1024.png)
UX Insights:
Tommy Geoco
Trevor Nielsen
Juan J. Ramirez
Jeremy Miller
Mitchell Clements
Thijs Kraan
Colton Schweitzer
Michael W.
User Interface & Visual Design:
Adham Dannaway
⚡️Zander Whitehurst
Fons Mans – Visual Design
Dan Mall – Design systems
👨🏻💻 Michal Malewicz 🪄
UX Research:
Yao Adantor
Dr. Ari Zelmanow 🇺🇦
Janelle Ward, PhD
Debbie Levitt, MBA
Nikki Anderson-Stanier, MA
UX Resources:
Vitaly Friedman
Ozan Öztaskiran
Tibi David – AI focus
Ops:
Patrizia Bertini
Farid Sabitov
UX Strategy & Leadership:
Julie Zhuo
Jeff Gothelf
Erika Hall
Peter Merholz
Teresa Torres
Product Management:
Aakash Gupta
John Cutler
Paweł Huryn 🇺🇦
Shyvee Shi
Leah Tharin
CRO:
Manuel Da Costa
Jonny Longden
Lukas Petrauskas
Engineering:
Gergely Orosz
Career Growth & Freelance:
Chris Do
Sarah Doody
Hang 🤙 Xu – Good human being
المصدر هنا
وبهذا الفيديو يحتوي على:
الدليل الشامل لتصبح مصمم UI/UX في 2023 (كيف ابدأ تعلم UI/UX؟)
هذا الفيديو مهم جداً لك كشخص يرغب في دخول مجال تصميم UI/UX كونه عبارة عن خريطة طريق Roadmap متكاملة تشرح لك وتحدد المواضيع التي يجب عليك أن تقوم بدراستها وفهمها بشكل جيد حتى تصبح مصمم UI/UX.
لا يهم ما هو مستواك كمصمم UI/UX ضمن هذا المجال لان خريطة الطريق مقسمة لعدة أقسام وذلك حسب المستوى المناسب لك، مع ذلك أنا انصحك أن تتابع هذا الفيديو بشكل كامل مهما كان مستواك من أجل ان تتأكد من أنك مدرك لكل النقاط والمواضع المختلف وتتقنها بشكل جيد.
3:33 المرحلة الأولى: الأساسيات
6:05 المرحلة الثانية: المبتدئين
9:35 المرحلة الثالثة: المتوسطة
14:28 المرحلة الرابعة: المتقدمة
وهذه المقالة تعتبر الهدية الذي اقدمها لكم بها تجميعه من عشرات المنشورات فهو بمثابة دليلك كامل في مجال User Experience / User Interface – تجربة وواجهة المستخدم UX/UI وبالاسفل قائمة محتويات المقالة
uxdesign #userexperience #ux #uxgrowt
h #uxtips #uxtrends #learnux #design #uxprocess #uxeducation #everydayux #uxmastery #واجهةمستخدم #محتوىعربي #تصميم #موقع