Collaborating with Developers Course (How To)
Offered By: Treehouse
Course Description
Overview
Designers will learn how to involve developers throughout the design process, from conceptual brainstorming to implementation in code.
What you'll learn
- Ideating with developers
- Organizing pages and screens
- Documenting interaction and content states
- Setting up styles, spacing, and components
- Understanding resolution and export settings
Syllabus
Designing with Developers
Involve developers early on in the design process, when you're iterating through ideas.
Chevron 3 steps-
Intro to Collaborating with Developers
1:36
- instruction
Ideating with Developers
-
Reviewing Designing with Developers
5 questions
Preparing Design Files for Developers
Let's set up a Figma file so it has everything developers need to start implementing the design.
Chevron 13 steps- instruction
Communicating for Development
- instruction
Pages
- instruction
Screens
- instruction
Spacing & Grid Systems
- instruction
Interaction States
- instruction
Content States
- instruction
Styles
-
Review of Screens, Spacing, Content States and Interactions
5 questions
- instruction
Components
- instruction
Assets: Naming & Resolution
- instruction
Assets: Format, Performance, and Exporting
- instruction
Final Design Handoff
-
Review Preparing Design Files
5 questions
Related Courses
Human Computer InteractionIndependent Human-Computer Interaction Design
University of California, San Diego via Coursera Interaction Techniques
University of California, San Diego via Coursera From Point of View to Prototype
University of California, San Diego via Coursera Prototyping Interaction
Amsterdam University of Applied Sciences via iversity