إنشاء تصميمات ونماذج أوّلية عالية الدقة في Figma from Coursera

إنشاء تصميمات ونماذج عالية الدقة في Figma هي الدورة الخامسة في برنامج الشهادة الذي سيزودك بالمهارات التي تحتاجها للتقدم إلى وظائف المبتدئين في تصميم تجربة المستخدم (UX). في هذه الدورة، ستتابع برامج تعليمية تدريجية لتتعلم كيفية إنشاء تصميمات عالية الدقة، تسمى نماذج تجريبية، في Figma، وهي أداة تصميم شائعة. بعد ذلك، ستحول هذه التصميمات إلى نموذج أوّلي تفاعلي يعمل كمنتج نهائي. ستقوم بإجراء بحث لجمع الملاحظات حول تصميماتك وإجراء تحسينات. أخيرًا، ستتعلم كيفية مشاركة تصميماتك مع فرق التطوير وتسليط الضوء على عملك في ملف تجربة المستخدم الشخصي الاحترافية.

سيعمل مصممو تجربة المستخدم والباحثون الحاليون في Google كمدربين لك، وستكمل الأنشطة العملية التي تحاكي سيناريوهات تصميم تجربة المستخدم في العالم الحقيقي. يجب أن يكون المتعلمون الذين يكملون الدورات السبع في برنامج الشهادة مؤهلين للتقدم بطلب للحصول على وظائف مصممي تجربة المستخدم المبتدئين.

بنهاية هذه الدورة، ستكون قادرًا على:

- بناء نماذج تجريبية ونماذج أولية عالية الدقة في Figma

- تحديد وتطبيق عناصر ومبادئ التصميم المرئي الشائعة على التصميمات.

- شرح كيف يمكن استخدام أنظمة التصميم لتنظيم وتوحيد وتحسين التصميمات.

- فهم دور جلسات نقد التصميم والملاحظات أثناء التكرار التحسيني على التصميمات.

- معرفة كيفية تسليم مشروعات التصميم النهائية إلى فرق الهندسة.

- تصميمات تطبيقات الهاتف المحمول الكاملة لتضمينها في ملف تجربة المستخدم الشخصي الاحترافي.

هذه الدورة مناسبة لمصممي تجربة المستخدم على مستوى المبتدئين الذين أكملوا الدورات الأربع السابقة لشهادة تصميم تجربة المستخدم من Google. بدلاً من ذلك، يجب أن يتمتع المتعلمون الذين لم يكملوا الدورات السابقة بفهم قوي لعملية التصميم، وكيفية إنشاء تصميمات منخفضة الدقة على الورق وفي Figma، وكيفية إجراء دراسات قابلية الاستخدام.

What's inside

Syllabus

البدء في إنشاء نماذج تجريبية

حوّل تركيزك إلى التصميم المرئي، وهو طريقة ظهور المنتج أو التقنية للمستخدمين. في هذا الجزء من الدورة التدريبية، ستبدأ في إنشاء نماذج تجريبية، وهي تصميمات عالية الدقة تمثل منتجًا نهائيًا. لإنشاء نماذج تجريبية، ستستخدم عناصر التصميم المرئي، مثل أسلوب الخط والألوان والأيقنة (تمثيل الأفكار بالصور). غالبًا ما يتم ترتيب العناصر في تخطيطات باستخدام طرق مثل الشبكات والاحتواء والمساحة السالبة. ستطبق كل هذه الدروس المتعلقة بالتصميم المرئي للبناء على تصميمات تطبيقات الأجهزة المحمولة التي كنت تعمل عليها خلال برنامج الشهادة.

تطبيق مبادئ التصميم المرئي على النماذج التجريبية

في هذا الجزء من الدورة، ستستخدم مبادئ التصميم المرئي لتحسين النماذج التجريبية. أولاً، ستستخدم التوكيد لتوجيه المستخدمين إلى أهم أجزاء الصفحة. بعد ذلك، ستقوم بتطبيق التسلسل الهرمي والقياس والتناسب لتنظيم العناصر في كل صفحة من صفحات تطبيقك. بعد ذلك، ستفكر في الانسجام والتنوع لمساعدة عناصر تطبيقك في العمل معًا أو التميز. أخيرًا، ستستعرض مرة أخرى مبادئ الغشتالت، مثل التشابه، والتقارب، والمنطقة المشتركة، لمساعدة المستخدمين على تفسير تصميماتك بسهولة.

استكشاف أنظمة التصميم

تعال واستكشف عالم أنظمة التصميم! في هذا الجزء من الدورة، ستتعرف على أجزاء نظام التصميم، بالإضافة إلى فوائد استخدام نظام التصميم. وستفحص أنظمة تصميم الشركات المختلفة، وستتاح لك الفرصة لاستخدامها في نماذج تجريبية خاصة بك. ستتعلم أيضًا كيفية استخدام وإنشاء أوراق الملصقات في Figma.

المشاركة في جلسات التعقيب على التصميم

يعد تقديم الملاحظات وتلقيها وتنفيذها جزءًا ضروريًا من عملية تصميم تجربة المستخدم. في هذا الجزء من الدورة، سوف تستكشف طرقًا فعالة لتقديم الملاحظات وتلقيها. ستتعرف أيضًا على جلسات نقد التصميم، والتي ستكون جزءًا مهمًا من وظيفتك الأولى كمصمم تجربة مستخدم. وأخيرًا، ستتعلم كيفية تحويل الملاحظات إلى خطوات قابلة للتنفيذ يمكنك اتخاذها لمراجعة التصميمات.

إنشاء نماذج أوّلية عالية الدقة

أنت على استعداد لبناء نماذج أوّلية عالية الدقة في Figma! باتباع ست خطوات، ستحول النماذج التجريبية إلى نموذج أوّلي جاهز للاختبار. بالإضافة إلى ذلك، سوف تستكشف مفهومين جديدين، وهما الإيماءات والحركة، والتي يمكن أن تساعد في إثراء تجربة المستخدم وزيادة سهولة استخدام النماذج الأوّلية.

الاختبار والتكرار التحسيني للتصميمات

الآن بعد أن أصبح لديك نموذج أوّلي عالي الدقة، حان الوقت لاختبار تصميماتك. للبدء، ستجري دراسة قابلية استخدام لاختبار النموذج الأوّلي عالي الدقة لتطبيق الهاتف المحمول. ستقوم بتحليل الملاحظات التي تتلقاها للتوصل إلى رؤى قابلة للتنفيذ وتكرارها في تصميماتك. بعد ذلك، ستتعلم كيفية تسليم التصميمات إلى المهندسين للإنتاج. أخيرًا، ستحول كل شيء تعلمته عن أبحاث المستخدم، والأفكار، والإطارات الشبكية، والتصميمات، والنماذج الأولية إلى دراسة حالة لمجموعة تجربة المستخدم الاحترافية.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops prototyping skills that prepare learners for the workplace

Builds on foundational UX Design knowledge

Involves practical activities that simulate real UX Design scenarios

Implements essential UX Design tools and principles

Requires completion of prior courses in UX Design, potentially limiting accessibility for beginners

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in إنشاء تصميمات ونماذج أوّلية عالية الدقة في Figma with these activities:

نشاط 1: بناء نموذج تجريبي في Figma

Show steps

ابدأ في بناء نموذج تجريبي في Figma للمساعدة في تعزيز فهمك وإتقانك لمبادئ تصميم واجهة المستخدم.

Browse courses on Figma

Show steps

استخدم الأدوات والتقنيات الموضحة في وحدات Figma السابقة لإنشاء نموذج تجريبي.
قم بتضمين عناصر ومبادئ التصميم المرئي الشائعة في تصميم النموذج التجريبي الخاص بك.
استخدم أنظمة التصميم لتنظيم وتوحيد وتحسين تصميم النموذج التجريبي.

نشاط 4: استكشاف أنظمة التصميم

Show steps

وسع معرفتك بأنظمة التصميم من خلال استكشاف أمثلة من شركات مختلفة واكتساب خبرة عملية في استخدام أنظمة التصميم في Figma.

Browse courses on Figma

Show steps

استكشف الأمثلة المقدمة في وحدة استكشاف أنظمة التصميم.
قم بزيارة مواقع شركات مختلفة لدراسة أنظمة التصميم الخاصة بها.
استخدم Figma لإنشاء أوراق ملصقات والعناصر الخاصة بنظام التصميم الخاص بك.

نشاط 2: إنشاء نموذج أولي تفاعلي

Show steps

أنشئ نموذجًا أوليًا تفاعليًا في Figma لتعزيز قدرتك على تحويل التصميمات إلى منتجات نهائية قابلة للاستخدام.

Browse courses on Figma

Show steps

استخدم الست خطوات الموضحة في وحدة بناء النماذج الأولية لإعداد النموذج التجريبي للنموذج الأولي.
استكشف مفهومي الإيماءات والحركة لتحسين تجربة المستخدم لنموذجك الأولي.
اجمع تعليقات من المستخدمين على النموذج الأولي الخاص بك وأجرِ تحسينات.

Show all three activities

Career center

Learners who complete إنشاء تصميمات ونماذج أوّلية عالية الدقة في Figma will develop knowledge and skills that may be useful to these careers:

UI Designer

UI Designers are responsible for the design of the user interface of a product or service. They work closely with UX Designers to ensure that the user interface is both usable and aesthetically pleasing. This course would be helpful for UI Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the user interface and make improvements before the product or service is released. This course could also help UI Designers learn more about visual design principles. These principles can help them create more visually appealing user interfaces.

See salaries and explore the career path for UI Designer

UX Designer

UX Designers are responsible for the overall user experience of a product or service. They work to ensure that the user interface is easy to use, efficient, and enjoyable. This course could be helpful for UX Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the user interface and make improvements before the product or service is released. This course could also help UX Designers learn more about visual design principles. These principles can help them create more visually appealing user interfaces.

See salaries and explore the career path for UX Designer

Interaction Designer

Interaction Designers are responsible for designing the interactions between users and products or services. They work to create interactions that are intuitive, efficient, and enjoyable. This course would be helpful for Interaction Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the interactions and make improvements before the product or service is released. This course could also help Interaction Designers learn more about visual design principles. These principles can help them create more visually appealing interactions.

See salaries and explore the career path for Interaction Designer

Product Designer

Product Designers are responsible for the overall design of a product or service. They work to ensure that the product or service meets the needs of the users and is both usable and desirable. This course would be helpful for Product Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the product or service and make improvements before it is released. This course could also help Product Designers learn more about visual design principles. These principles can help them create more visually appealing products or services.

See salaries and explore the career path for Product Designer

Visual Designer

Visual Designers are responsible for the visual appearance of a product or service. They work to create visually appealing designs that are consistent with the overall brand identity. This course could be helpful for Visual Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the visual appeal of the product or service and make improvements before it is released. This course could also help Visual Designers learn more about visual design principles. These principles can help them create more visually appealing designs.

See salaries and explore the career path for Visual Designer

Front-End Developer

Front-End Developers are responsible for the development of the user interface of a website or application. They work to ensure that the user interface is both usable and visually appealing. This course would be helpful for Front-End Developers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the user interface and make improvements before the website or application is released. This course could also help Front-End Developers learn more about visual design principles. These principles can help them create more visually appealing user interfaces.

See salaries and explore the career path for Front-End Developer

Web Designer

Web Designers are responsible for the design and development of websites. They work to ensure that websites are both visually appealing and easy to use. This course would be helpful for Web Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the website and make improvements before it is released. This course could also help Web Designers learn more about visual design principles. These principles can help them create more visually appealing websites.

See salaries and explore the career path for Web Designer

Graphic designer

Graphic Designers are responsible for creating visual content for a variety of purposes, including marketing, advertising, and branding. This course would be helpful for Graphic Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the visual appeal of the content and make improvements before it is released. This course could also help Graphic Designers learn more about visual design principles.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors are responsible for the overall visual direction of a project. They work with a team of designers and artists to create a cohesive and visually appealing vision for the project. This course would be helpful for Art Directors as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the visual appeal of the project and make improvements before it is released. This course could also help Art Directors learn more about visual design principles.

See salaries and explore the career path for Art Director

Information Architect

Information Architects are responsible for organizing and structuring information in a way that makes it easy for users to find and understand. This course would be helpful for Information Architects as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the information architecture and make improvements before it is released. This course could also help Information Architects learn more about visual design principles.

See salaries and explore the career path for Information Architect

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software systems. This course may be helpful for Software Engineers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the software system and make improvements before it is released. This course could also help Software Engineers learn more about visual design principles. These principles can help them create more visually appealing software systems.

See salaries and explore the career path for Software Engineer

Interaction Developer

Interaction Developers are responsible for designing and developing the interactions between users and products or services. This course may be helpful for Interaction Designers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the interactions and make improvements before the product or service is released. This course could also help Interaction Designers learn more about visual design principles. These principles can help them create more visually appealing interactions.

See salaries and explore the career path for Interaction Developer

Technical Writer

Technical Writers are responsible for writing documentation for software and other technical products. This course may be helpful for Technical Writers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to illustrate the functionality of the product and make the documentation more visually appealing. This course could also help Technical Writers learn more about visual design principles. These principles can help them create more visually appealing documentation.

See salaries and explore the career path for Technical Writer

User Researcher

User Researchers are responsible for conducting research on users to understand their needs and preferences. This course may be helpful for User Researchers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of a product or service and make improvements before it is released. This course could also help User Researchers learn more about visual design principles. These principles can help them create more visually appealing prototypes.

See salaries and explore the career path for User Researcher

Product Manager

Product Managers are responsible for the overall development and management of a product. This course may be helpful for Product Managers as it teaches them how to use Figma to create high-fidelity prototypes. These prototypes can then be used to test the usability of the product and make improvements before it is released. This course could also help Product Managers learn more about visual design principles. These principles can help them create more visually appealing products.

See salaries and explore the career path for Product Manager