Learning Objectives Covered
- LO 03.04 â€“ Demonstrate proper usage of web design principles to achieve a good User Experience (UX) in a web page layout
Good web design always caters to the needs of the user. Many factors and variables affect the usability of a website and how the design appears to the user. So what makes a site visually pleasing, engaging and easy to use? By viewing and examining a variety of websites that demonstrate proper usage of web design principles to achieve a good User Experience (UX) in a web page layout, you recognize the needs and requirements of the content you will want to deliver for your web project.
Most websites demonstrate proper use of web design principles (Links to an external site.) such as legible type to communicate the importance of information, a well thought out color palette to create visual harmony and balance, carefully chosen images to connect with your target audience visually, and grid-based layouts to enhance visual hierarchy and guide the user through your content. Also, the designer must plan for and accommodate users who want to access your content despite certain physical challenges. Designing for accessibility means developing web pages that remain accessible despite any physical, sensory, and cognitive disabilities; work constraints; or technological barriers on the part of the user.
Good web design always caters to the needs of the user to achieve a good user experience and make a lasting impression on each visitor. Every page of the website must have a clear goal, and fulfill a specific need for the website user in the most efficient way possible. For example, the site for The New Yorker (www.newyorker.com (Links to an external site.)) is designed for interaction and demonstrates how the design meets the userâ€™s visual expectations. Even though the Home page displays a lot of content, strong headings and readable text placed in well-defined columns enhance hierarchy and improve readability. The design uses just enough negative white space to separate each element on the page. The overall effect evokes the look of a printed page while using the color, linking, and design flexibility that the Web offers.
Websites have a wide variety of looks, and a website needs to look nice, but it also needs to function well. By offering good user experience, you can make people visit again and again. Whether you are designing a site from the beginning or redesigning an existing website, applying web design principles will help you deliver your content in a more interesting, accessible, and visually exciting way to the user.
In truth, almost every site has one flaw or another, whether it is a confusing user interface, complex design, or poor accessibility. For this discussion, you will browse online and find one example (and post with your comments) of a webpage that demonstrates proper usage of web design principles to achieve a good User Experience (UX) in a web page layout. Judge the samples with a critical eye. Look for elements of design that you can transfer to your work. List recommendations to improve the site using effective principles of web design.
For your initial post, the following are some helpful topics to get your research started:
- How are web design principles used to balance design and content?
- How does the grid structure of the website determine how the various design elements are organized on the web page?
- Are images appropriate for the website content and contribute to the storytelling process to connect with the target audience?
- How is the color used throughout the site to enhance the user experience?
- How is visual hierarchy applied to typography to guide the user to content that is most important?
For your citation, you can find articles from expert web and graphic designers that offer suggestions how they apply web design principles to achieve a good user experience.
Your initial and reply posts should work to develop a group understanding of this topic. Challenge each other. Build on each other. Always be respectful but discuss this and figure it out together.
Instructions (if needed) to upload and embed images to the discussion: (make sure you reference all images you use)