Description
Course Description: This 10-day course is designed to introduce participants to the core principles of design and the essential practice of wireframing. By focusing on design fundamentals and providing hands-on experience with wireframing techniques, participants will learn to create user-friendly, aesthetically pleasing designs and effective wireframes for web and mobile applications. The course includes practical exercises, design best practices, and real-world applications that will help you master the art of designing intuitive interfaces and prototypes.
Syllabus:
Day 1: Introduction to Design Principles
- Overview of the course and its
- Introduction to basic design concepts (balance, contrast, alignment, hierarchy, and repetition).
- Understanding the importance of design in user experience (UX) and user interface (UI).
- Examples of good and bad design in real-world
Day 2: Elements of Design
- The role of color theory and typography in
- Working with grids and layouts to create structured
- Design principles: Gestalt principles and visual
- Practical exercises: Applying design elements to mock
Day 3: User-Centered Design
- Introduction to User-Centered Design (UCD)
- Understanding user personas, user journeys, and task
- Methods for gathering user
- Exercises: Creating user personas and mapping user
Day 4: Introduction to Wireframing
- What is wireframing and its importance in the design
- Types of wireframes: low-fidelity high-fidelity wireframes.
- Wireframing tools and software (e.g., Figma, Sketch, Adobe XD).
- Practical exercise: Create a basic wireframe using a wireframing
Day 5: Layout and Structure of Wireframes
- Defining the layout for different types of web and mobile
- Structuring wireframes with focus on user
- Best practices for layout
- Practical exercises: Create wireframes for a simple mobile app
Day 6: Interactive Wireframing and Prototyping
- How to create clickable and interactive
- Introduction to prototyping and its role in
- Tools for creating interactive
- Practical exercises: Creating interactive wireframes and testing basic user
Day 7: Advanced Wireframing Techniques
- Techniques for designing complex
- Handling multi-screen wireframes and advanced user
- Tips for refining wireframes for real-world
- Practical exercises: Designing wireframes for a multi-screen
Day 8: Usability and Accessibility in Design
- Key concepts of usability in
- Designing for accessibility (WCAG guidelines, color contrast, text readability).
- How to test wireframes for
- Practical exercises: Evaluating and improving the usability of your
Day 9: Collaboration and Feedback
- How to collaborate with clients and team members during the design
- Gathering and incorporating feedback into
- Best practices for presenting wireframes to
- Practical exercises: Presenting your wireframe to the class for
Day 10: Final Project and Wrap-Up
- Final project: Design and wireframe a web or mobile application based on a provided
- Review of the course concepts and
- Peer review and constructive feedback
- Final thoughts on continuing the learning process beyond the
