Basic User Interface Design for Web Developers
Describe the purpose of applying user interface design concepts in web development.
Modify an HTML file to improve a web page's user interface.
Explain how accessibility, user experience, and responsive design requirements impact user interface design for a web page.
By the end of this project, you will be able to describe and demonstrate some basic user interface design principles and techniques used by web developers. You will modify HTML/CSS code to add alt attributes, alter color schemes, and change font sizes – all to improve a website’s user interface design. A website that provides a positive user experience is far more likely to be successful at meeting its goal--whether it is to inform, collect information, or sell a product or service. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.
Skills you will develop
- Web Development
- User Interface
- HTML/CSS
- User Experience (UX)
- Accessibility
Learn step-by-step
In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:
Define the term "user interface design" and discuss its importance in terms of web development.
Critique an existing website as you review a list of basic user interface design guidelines.
Discuss accessibility and user experience considerations as you add alt attributes to a web page for practice.
Modify HTML and CSS code to improve visual aspects, like color contrast and object arrangement, with the goal of improving the user interface design.
View web page designs in a variety of screen sizes to observe how the user interface requirements vary.
How Guided Projects work
Your workspace is a cloud desktop right in your browser, no download required
In a split-screen video, your instructor guides you step-by-step
Frequently asked questions
Frequently Asked Questions
What will I get if I purchase a Guided Project?
Are Guided Projects available on desktop and mobile?
Who are the instructors for Guided Projects?
Can I download the work from my Guided Project after I complete it?
What is the refund policy?
Is financial aid available?
Can I audit a Guided Project and watch the video portion for free?
How much experience do I need to do this Guided Project?
Can I complete this Guided Project right through my web browser, instead of installing special software?
What is the learning experience like with Guided Projects?
More questions? Visit the Learner Help Center.
Coursera Footer
