Basic User Interface Design for Web Developers

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

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
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

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.

あなたが開発するスキル

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

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  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.

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。