In this immersive course, you'll investigate the world of high-fidelity UX design, focusing on refining wireframes, creating comprehensive user flows, and prototyping complex interactions using Sketch. This course is designed for UX designers aspiring to master high-fidelity design using the industry-standard Sketch app, whether they're newcomers to the field or seasoned professionals looking to sharpen their skills.
You'll learn to develop responsive designs across platforms and conduct usability testing to iterate on your designs based on user feedback. You'll also explore design documentation and annotation for effective engineering handoff. This course is for UX designers wanting to learn more about high-fidelity using Sketch.
By the end of the course, you'll be able to:
- Refine wireframes based on feedback and leverage design systems
- Create interactive prototypes with advanced features in Sketch
- Develop and test responsive designs for various devices
- Plan and conduct usability tests to gather valuable user insights
- Iterate on designs based on user feedback and data analysis
- Create detailed design documentation and annotations for seamless developer collaboration
Overview
Syllabus
- From Low-Fidelity to High-Fidelity Design
- Module 1 focuses on transitioning from initial concepts to polished mockups. You'll analyze and refine low-fidelity wireframes, develop a comprehensive Design System for GreenLeaf Grocers, apply design principles for visually appealing interfaces, and use Sketch to translate wireframes into high-fidelity mockups leveraging the created Design System. By the end, you'll have mastered transforming concepts into high-fidelity designs, preparing you for advanced prototyping.
- Prototyping and Interaction Design
- In module 2, you'll elevate your skills through designing intuitive navigation and micro-interactions, implementing responsive design principles across devices, utilizing Sketch's advanced prototyping features for complex interactions, and developing a fully interactive, high-fidelity GreenLeaf Grocers app prototype. By the end, you'll master advanced prototyping techniques for creating captivating, responsive designs across platforms.
- Usability Testing and Iteration
- This module equips you with skills for usability testing and design documentation. You'll create comprehensive documentation, specifications, and asset packages to ensure effective handoffs to developers. Additionally, you'll analyze usability test data, applying an iterative design process based on user feedback. You'll also plan and execute usability testing using best practices and tools like Sketch to refine the GreenLeaf Grocers app's user experience iteratively.
- Course Wrap Up
- In this final module, you'll reflect on the key concepts and skills learned throughout the course. You'll also develop a compelling case study presentation showcasing the entire UX design process for the GreenLeaf Grocers project. This comprehensive case study will demonstrate your ability to navigate a real-world design challenge, from research and wireframing to prototyping, testing, and implementation, while honing your storytelling abilities to effectively communicate your design decisions and the value of your work. By the end, you'll have a polished, professional-grade case study that highlights your technical skills, critical thinking, and exceptional user experience delivery.
Taught by
Tatiana Londoño