Full day training course
Web Page UX Design
Designing successful web pages based on content priority, visual design, and the right page components to meet objectives.
The web page is the most basic and foundational unit of the web. Often we spend a lot of time designing complex website elements such as navigation and user journeys, without ever evaluating the effectiveness of the individual pages themselves. Whether a landing page, a product page, or any other page type, each web page should be built with a purpose and a goal for the business as well as delivering on the user’s needs and expectations. Understanding the key design considerations that collectively create an effective web page for you and your customers is critical.
In this course we specifically dissect page design and the design decisions that influence the extent to which a page performs for users and your business. We will discuss in detail common page types and the design considerations that contribute to their success. Some of these concepts include: guiding the user to important content through visual design, appropriate use of imagery, and choosing effective layouts.
"If you want to learn how to clean up your web pages to attract more viewers this course will help a lot! You do not want to overload consumers, clean and clear is key!"
Samantha Spacone, Graphic Designer
PromGirl, LLC
Please note: This course focuses on web page design, and does not cover interactive tools or web-based applications. If you are designing web applications, please consider our course on Application Design for Web and Desktop.
Topics Covered
Topics Covered
- High-Value Pages: How page elements influence user behavior and page effectiveness
- Focusing design around page objectives
- Evaluating page design
- Understanding how people look at a web page
- Priority Spot
- Information paths and information scent
- Eye-tracking evidence
- First Impressions
- How people scan and read
- Specialized user research methods for collecting this data
- Organization, page structure and formatting content
- Guiding the user
- Page density
- Designing on a grid
- Productive use of areas that typically attract less attention
- Tips to improve scanning and comprehension
- Residual fixations
- Layouts that match scan patterns
- Scrolling behavior and strategies for encouraging people to scroll
- Responsive design and mobile considerations
- Tips for taking the Responsive Design approach
- Prioritizing content across breakpoints
- Visual Design: Increasing effectiveness by making the right visual design choices
- Emotions and perceptions
- Visual hierarchy
- Position
- Balance and weight
- Color and contrast
- Animation
- Imagery
- Calls to action
- Interactive elements
- Carousels
- Image slideshows
- Filmstrips
- Modal windows
- Design considerations for common pages
- Home pages
- Listing pages
- Category pages
- Landing pages
- Product detail pages
- Page specific navigation elements
- Functional footers
- Within-page navigation
- Persona targeting and presenting dynamic content
Free Material With Course Attendance
Free Material With Course Attendance
This 355-page report offers 83 recommendations for web writing and content layout, plus 102 detailed findings about how people read on the web, including scanning patterns revealed as we used eyetracking technology during usability tests.
Format
Format
The basis of the course is a lecture format with a couple of group exercises to reinforce the learned principles and guidelines.
The course also includes:
- Findings from our own usability studies
- Plenty of inspiring screenshots that we deconstruct to show why they work and where they fail
- Opportunities to ask questions and get answers
UX Certification Credit
UX Certification Credit
Attending this course and passing the exam earns 1 UX Certification credit, which also counts towards the optional Web Design Specialty.
Learn more about NN/g's UX Certification Program.
Instructors
Instructors
Kim Flaherty
Kim Flaherty is a User Experience Specialist with Nielsen Norman Group. Flaherty combines her background as a developer and education in Computer Science with her user experience expertise, particularly around complex applications, to bring well-rounded insights to her work. Read more about Kim.
Therese Fessenden
Therese Fessenden is a User Experience Specialist with Nielsen Norman Group. Prior to joining NN/g, Therese was a user experience consultant at Microsoft, designing and auditing the user experience of the intranets, Windows applications, and SharePoint sites for Fortune 500 corporations. While pursuing her graduate degree, she worked as a freelance web designer, focusing on responsive web design for small- to medium-sized businesses. Her experience with varying industries and types of clients lends to a unique perspective of how user experience research can better inform design decisions. Read more about Therese.


Participant Comments
Participant Comments
Jason Wotts, Brand Extract
Samantha Olson, National Association of Tax Professionals
Christine Stange, The Options Clearing Corporation
Chanin Knight, Bixal
Christian Nilson, Tetra Park, Sweden
Simon Twining, DWP
Jose David Rojas Castro, BAC, Costa Rica
Bridget Jackson, Wells Fargo
Julie, University of Warwick
Michael Gottlieb, DHS
Kari Christie, Arizona State University
Matt Denny, NAWCWD
Peter Hörnell, Innofactor (Cinteros)
Pablo Orensanz Zapatero, Capgemini España S.L., Madrid
Vinod Krisnan, Entrust Datacard
Divaharlal Divaharan, Qatar Airways
Olivia Karschnik, 3m
Teagan O'Bar, MOAA