Plan a responsive website-Introduction to Course 6
Welcome to Course 6
Introduction to second portfolio project
Understand responsive websites
()
Differentiate between dedicated mobile apps and responsive web apps
()
Plan a responsive website-Plan information architecture
Plan information architecture for a website
()
Learn more about information architecture
Explore common website structures
()
Explore sitemaps
()
Build a sitemap for your website
()
Learn more about building a sitemap
Plan a responsive website-Create paper wireframes
Explore common layouts for website home pages
()
Learn more about common website layouts
The basics of wireframes
()
Learn more about wireframes
Review: Create paper wireframes for a responsive website
Plan a responsive website-Plan responsive web pages
Plot a responsive layout
()
Learn more about plotting responsive layouts
Adjust page layouts based on screen size
()
Common elements used in responsive design
Plan a responsive website-Create digital wireframes
Transition from paper to digital wireframes
()
Review: Create digital wireframes for a desktop screen size
Exemplars: Create digital wireframes for a desktop screen size
Review: Create wireframes for additional screen sizes
Plan a responsive website-Refine wireframes
Refine wireframes to enhance accessibility
()
Evaluate wireframes using Gestalt Principles
()
Learn more about Gestalt Principles in wireframes
Plan a responsive website-Module 1 review
Wrap-up: Creating wireframes for a responsive website
()
Glossary terms from course 6, module 1
Create and test prototypes-Create a low-fidelity prototype for responsive website
Understand low-fidelity prototypes
()
Review: Create a low-fidelity prototype for your responsive website
Exemplars: Create a low-fidelity prototype for your responsive website
Create and test prototypes-Review best practices for creating mockups
Begin to design mockups
()
Review foundational elements of visual design
Review how to arrange elements in mockups
Review visual design principles
Create and test prototypes-Review how to work with design systems
Work with design systems
()
Learn more about design systems
Review: Create a sticker sheet in Figma
Create and test prototypes-Review how to create mockups
Review: Create mockups for a website
Create mockups for a mobile website in Figma
Review: Create a mockup for the homepage of a mobile website
Create and test prototypes-Create a high-fidelity prototype
Review: Introduction to high-fidelity prototypes
()
Review: Create a high-fidelity prototype in Figma
()
Annotate prototypes for web accessibility
()
Learn more about web accessibility
Create and test prototypes-Module 2 review
Wrap-up: Creating and testing high-fidelity designs
()
Glossary terms from course 6, module 2
Exemplars: Create a high-fidelity prototype for a responsive website
Participating in design critique sessions-Add a project to your portfolio
Collaborate with engineering teams
()
Add a project to your portfolio
()
Learn more about portfolio case studies
Exemplars: Add a case study to your portfolio
Participating in design critique sessions-Give and receive design feedback
Give and receive feedback as a UX designer
()
Participating in design critique sessions-Explore design critique sessions
The basics of design critique sessions
()
Best practices for design critique sessions
()
Learn more about design critique sessions
Kunal - My experience with design critique sessions
()
Participating in design critique sessions-Observe a mock crit session
Introduction to a mock crit session
()
Observe a mock crit session
()
Participating in design critique sessions-Implement feedback from crit sessions
Turn crit session feedback into actions
()
Iterate on mockups based on feedback from crit sessions
()
Participating in design critique sessions-Module 3 Review
Wrap-up: Participating in design critique sessions
()
Glossary terms from course 6, module 3
Document design work and search for jobs-Search for UX jobs
Understand common jobs for UX designers
()
Learn more about jobs in the field of user experience
Explore types of companies that UX designers work at
()
Kenny - Perseverance
()
Identify where to apply for UX design jobs
()
Uncover UX design job opportunities
Begin searching for UX jobs using a tracker
Scan job descriptions for key words
()
Document design work and search for jobs-Build a UX design resume
Understand UX design resumes
()
Elements in a typical UX design resume
Dane - My advice for UX design resumes
()
Tim - A recruiter's advice for UX design resumes
()
Draft a UX design resume
Update a resume based on job descriptions
()
Document design work and search for jobs-Module 4 review
Glossary terms from course 6, module 4
Document design work and search for jobs-Course review
Course 6 glossary
Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites
()
Start the next course