Basic User Interface Design for Web Developers

Offered By
Coursera Project Network
In this Guided Project, you will:

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.

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

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 DevelopmentUser InterfaceHTML/CSSUser 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:

  1. Define the term "user interface design" and discuss its importance in terms of web development.

  2. Critique an existing website as you review a list of basic user interface design guidelines.

  3. Discuss accessibility and user experience considerations as you add alt attributes to a web page for practice.

  4. Modify HTML and CSS code to improve visual aspects, like color contrast and object arrangement, with the goal of improving the user interface design.

  5. 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

More questions? Visit the Learner Help Center.