تصميم ويب سريع الاستجابة في Adobe XD from Coursera

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

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

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

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

- تطبيق كل خطوة من خطوات عملية تصميم تجربة المستخدم (التعاطف، التحديد، التصور، النموذج الأوّلي، الاختبار) لإنشاء موقع ويب سريع الاستجابة.

- إعداد التصميمات بأداة التصميم المشهورة، Adobe XD.

- تخطيط بنية المعلومات وإنشاء خرائط مواقع لتصميمات مواقع الويب.

- تطبيق التخطيطات الشائعة لصفحات الويب.

تخطيط وإجراء دراسة قابلية الاستخدام لجمع الملاحظات من تصميماتك.

- التكرار التحسيني للتصميمات القائمة على الرؤى المستمدة من البحث.

- العمل على أنظمة التصميم في Adobe XD.

- إضافة مشروع تصميم جديد إلى محفظة تجربة المستخدم الاحترافية.

- [اختياري] إنشاء أو تحديث سيرة ذاتية تركز على تجربة المستخدم.

- [اختياري] معرفة كيفية البحث عن وظائف تمهيدية في مجال تجربة المستخدم والتقديم فيها.

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

What's inside

Syllabus

بدء عملية تصميم تجربة المستخدم: التعاطف والتحديد

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

متابعة عملية تصميم تجربة المستخدم: التصور

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

إنشاء إطارات شبكية لموقع ويب سريع الاستجابة

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

إنشاء واختبار النماذج الأوّلية منخفضة الدقة

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

إنشاء واختبار التصميمات عالية الدقة.

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

توثيق أعمال التصميم والبحث عن الوظائف

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Builds and potentially strengthens a foundation for learners with beginner to intermediate knowledge of UX design

Emphasizes industry-standard tools and approaches, providing learners with highly relevant skills

Provides practical activities that simulate real-world UX design scenarios, enhancing the learning experience

Instructors are experienced Google UX designers and researchers, bringing valuable industry knowledge to the course

Includes career guidance and support, aiding learners in their job search

Requires a strong foundation in UX design, which may not be suitable for absolute 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 تصميم ويب سريع الاستجابة في Adobe XD with these activities:

Review basic prototyping concepts

Show steps

Refresh your understanding of basic prototyping concepts to better prepare for this course and its focus on web design.

Browse courses on UX Design

Show steps

Review tutorials on prototyping basics
Practice creating simple prototypes using a tool like Adobe XD or Figma

Follow tutorials on responsive web design

Show steps

Follow tutorials on responsive web design to reinforce your understanding of this concept and to practice creating responsive designs.

Show steps

Search for tutorials on responsive web design
Select a tutorial that aligns with your skill level and interests
Follow the tutorial step-by-step and complete the exercises
Review your work and identify areas for improvement

Conduct usability testing exercises

Show steps

Conduct usability testing exercises to reinforce your understanding of usability principles and to practice gathering user feedback.

Browse courses on Usability Testing

Show steps

Recruit participants for user testing
Develop a set of tasks for participants to complete
Observe participants as they complete the tasks
Collect and analyze feedback from participants

Four other activities

Expand to see all activities and additional details

Show all seven activities

Join a UX design study group

Show steps

Joining a UX design study group will allow you to connect with other UX professionals, share your work, and get feedback.

Show steps

Find a UX design study group that aligns with your interests and goals
Attend study group meetings regularly
Share your work with the group and get feedback
Help other group members with their work

Attend a UX design workshop

Show steps

Attend a UX design workshop to learn new techniques and best practices, and to network with other UX professionals.

Show steps

Research and identify relevant UX design workshops
Register for a workshop that aligns with your interests and goals
Actively participate in the workshop and engage with the instructor and other participants
Follow up after the workshop to reinforce your learning

Write a blog post about a UX design topic

Show steps

Writing a blog post about a UX design topic will help you to solidify your understanding of the topic and to share your knowledge with others.

Show steps

Choose a UX design topic that you are interested in and knowledgeable about
Research the topic thoroughly
Write a clear and concise blog post that is informative and engaging
Publish your blog post on a platform like Medium or your own website

Create a UX design portfolio

Show steps

Creating a UX design portfolio will allow you to showcase your skills and experience, and help you stand out in the job market.

Browse courses on UX Portfolio

Show steps

Gather your best UX design work
Create a website or online portfolio to showcase your work
Write clear and concise descriptions of your projects
Get feedback on your portfolio from other UX professionals

Career center

Learners who complete تصميم ويب سريع الاستجابة في Adobe XD will develop knowledge and skills that may be useful to these careers:

UI Developer

UI Developers focus on the implementation of visual elements, such as buttons, menus, and forms, and the overall look of the product. This course may be useful for UI Developers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for UI Developer

Product Designer

Product Designers are responsible for the overall design of a product, from the user interface to the user experience. They work with clients to understand their needs and then create products that are both useful and desirable. This course may be useful for Product Designers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Product Designer

Interaction Designer

Interaction Designers are responsible for the design of the interactions between users and products. This includes the design of the user interface, the user flow, and the overall look and feel of the product. This course may be useful for Interaction Designers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Interaction Designer

Information Architect

Information Architects are responsible for the organization and structure of information on websites and applications. They work with clients to understand their needs and then create information architectures that are both easy to use and efficient. This course may be useful for Information Architects who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Information Architect

Usability Analyst

Usability Analysts are responsible for evaluating the usability of websites and applications. They work with users to test the usability of products and then make recommendations for improvements. This course may be useful for Usability Analysts who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Usability Analyst

Visual Designer

Visual Designers are responsible for the visual design of websites and applications. They work with clients to understand their needs and then create visual designs that are both visually appealing and effective. This course may be useful for Visual Designers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Visual Designer

Web Developer

Web Developers are responsible for the development and maintenance of websites. They work with clients to understand their needs and then create websites that are both visually appealing and easy to use. This course may be useful for Web Developers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Web Developer

Web Designer

Web Designers are responsible for the design and layout of websites. They work with clients to understand their needs and then create websites that are both visually appealing and easy to use. This course may be useful for Web Designers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Web Designer

Front-End Developer

Front-End Developers are responsible for the development of the front-end of a website or application. This includes the design and layout of the user interface, as well as the code that makes the website or application work. This course may be useful for Front-End Developers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

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

User Experience Designer

A User Experience Designer is responsible for the overall user experience of a product or service. This includes the design of the user interface, the user flow, and the overall look and feel of the product. This course may be useful for User Experience Designers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for User Experience Designer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software systems. They work with clients to understand their needs and then create software systems that are both efficient and reliable. This course may be helpful for Software Engineers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Software Engineer

Data Analyst

Data Analysts are responsible for the collection, analysis, and interpretation of data. They work with clients to understand their needs and then create data analysis that is both accurate and insightful. This course may be helpful for Data Analysts who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Data Analyst

Operations Research Analyst

Operations Research Analysts are responsible for the development and implementation of mathematical models to solve problems in the real world. They work with clients to understand their needs and then create models that are both efficient and effective. This course may be helpful for Operations Research Analysts who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Operations Research Analyst

IT Specialist

IT Specialists are responsible for the maintenance and support of computer systems. They work with clients to understand their needs and then provide support for computer systems that are both efficient and reliable. This course may be helpful for IT Specialists who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for IT Specialist

Computer Programmer

Computer Programmers are responsible for the development and maintenance of computer programs. They work with clients to understand their needs and then create computer programs that are both efficient and reliable. This course may be helpful for Computer Programmers who want to learn more about responsive web design, as it covers the basics of responsive design, as well as how to create prototypes and test user experience for responsive designs.

See salaries and explore the career path for Computer Programmer