Basic User Interface Design for Web Developers

Offert par
Coursera Project Network
Dans ce Projet Guidé, vous :

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
IntermediateIntermédiaire
CloudAucun téléchargement requis
VideoVidéo en écran partagé
Comment DotsAnglais
LaptopOrdinateur de bureau uniquement

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.

Les compétences que vous développerez

  • Web Development
  • User Interface
  • HTML/CSS
  • User Experience (UX)
  • Accessibility

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  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.

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Foire Aux Questions

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.