Responsive Web Design in Google UX Course part 6 - review by a senior designer

TL;DR

This video explores web design, responsive web design, Adobe XD, and job searching in the Google UX course. The course structure is a bit confusing, but it provides valuable insights into designing for different screen sizes and using design tools effectively.

Transcript

hey friends so welcome to part six of the google ux course review apparently i'm on my way to becoming a fully certified ux designer after all these years so yeah nice this part of the course explores web design responsive web design and adobe xd which is going to be a nice change after that mobile app in the previous part of the course and of cour... Read More

Key Insights

• 🎨 Responsive web design and job searching are grouped together in the course, highlighting the importance of understanding the industry as well as designing for different screen sizes.
• 🧑‍🏫 Adobe XD is taught as a design tool, but alternatives like Figma are also mentioned, providing flexibility for learners.
• 🎨 Naming conventions and wireframing practices are discussed, emphasizing the significance of clear communication and understanding in the design process.
• ✋ High-fidelity designs should prioritize readability and proper spacing, using appropriate gutters and fonts to enhance the user experience.

Questions & Answers

Q: Why is job searching grouped with responsive web design in the course?

While it may seem odd, understanding the industry and job searching are crucial for UX designers to land a job. It's important to have both technical and practical knowledge to succeed in this field, making it a relevant topic to cover alongside design.

Q: Can I use a design tool other than Adobe XD for the course exercises?

Yes, the course provides the option to use Figma instead of Adobe XD. They offer additional reading materials on how to perform the same exercises in Figma, allowing you to choose the tool that suits you best.

Q: Why is it recommended to avoid using lorem ipsum text in wireframes?

Lorem ipsum text lacks context and meaning, making it difficult to understand and remember the purpose of specific sections or elements. It's better to use meaningful content or make up text to create a more realistic and comprehensible wireframe.

Q: How important is it to follow a safe font and color scheme for beginners?

For beginners, it's advisable to stick to safe fonts, such as simple sans serif ones, and a limited color scheme to avoid overwhelming the design. Experimenting with fonts and colors can be challenging and may result in inconsistencies.

Summary & Key Takeaways

• The video discusses the structure of the course, which combines responsive web design, Adobe XD, and job searching into one block. The importance of understanding the industry and job searching is emphasized.

• The content covers the modification of layouts to match smaller screen sizes and the use of Adobe XD for design tasks. Figma is also mentioned as an alternative to Adobe XD.

• The video highlights the significance of naming conventions, wireframes, and high-fidelity designs. It suggests avoiding scribbled paper wireframes and lorem ipsum text for better communication and understanding in the design process.