Strategically combine content, visuals, and interactive components to design successful web pages

This course dissects page design and the decisions that influence how well a web page performs for users and your business. You’ll learn about common page types and the design considerations that contribute to their success, such as guiding users to important content through visual design, using imagery appropriately, and choosing effective layouts.

Who Should Attend

  • New UX professionals interested in gaining a foundational understanding of web design
  • Experienced web designers who are looking for a refresher to sharpen their skills

What You'll Learn

01 Design web pages strategically
  • Identify a page’s objectives and design to achieve them
  • Reflect content priority with visual design
  • Avoid costly web design mistakes like false floors
  • Format long-form content to improve scanning and comprehension
  • Design effective calls to action that provide information scent and drive conversion
02 Understand how people process and approach web pages
  • Adhere to web standards and conventions
  • Direct users’ attention to key content
  • Match page layouts to scanning patterns
  • Encourage users to read and scroll
  • Work with human behavior patterns – not against them
03 Optimize high-impact web pages using best practices
  • Home pages
  • Landing pages
  • Listing pages
  • Category pages
  • Product detail pages
04 Improve effectiveness through careful visual design
  • Designing across breakpoints (responsive design)
  • Visual hierarchy
  • Layout and position
  • Text formatting techniques
  • Balance and weight
  • Color and contrast
  • Imagery
05 Use interactive and in-page navigation elements
  • Accordions
  • Tabs
  • Comparison tables
  • Carousels
  • Filmstrips

This Course Includes

  • Small group activities to gain hands-on experience in designing web pages
  • Findings from our own eyetracking and usability studies
  • Example designs that we deconstruct to show why they work and where they fail

Learn from Industry Experts

Why NN/g

What People Say About This Course

  • As a graphic designer — turned UXer, this course was unexpectedly eye-opening, providing research and usability based guidelines that either reinforced what I already knew or turned my design instincts on their head. Thank you for providing me with new insight on these topics.

    Chanin
    Bixal

  • This course was exactly what I was looking for. Good info on the basics of UX design with lots of application examples. I gained knowledge I can actually apply right now to my web projects.

    Christie
    Society of Actuaries

  • The speaker was brilliant — clear and very engaging. I've covered most of the material already but it was great to have a more up-to-date refresh of it all and learnt lots of new stuff too.

    Julie
    University of Warwick

  • The course provided a thorough overview of web page design. I found videos of user behavior particularly helpful in understanding user goals. The class included small group activities where we applied concepts to actual case studies.

    Michael
    DHS

Related Courses

Frequently Asked Questions

How will I get the link to the Zoom meeting for the course?

60 minutes before your course begins, your link will be available when you log into your NN/g profile.

Can I watch a recording of the course?

Virtual courses are live events that extend throughout the day and include many periods of interactive exercises. The learning experience cannot be replicated by simply watching recordings after the event. We will not be making course recordings, and making your own recordings is not permitted.

Will I be able to network and get to know other participants?

You'll join a Slack community for both course-related discussion and networking with fellow participants. You'll also be able to use the Slack workspace before, during, and after the event to maintain your connections. You'll be invited to join the Slack community the week before the event starts.

What equipment will I need to participate in NN/g live online courses?

You'll be streaming video and audio to your computer, and also speaking with other participants. Make sure you have:

  • A laptop or desktop (using a tablet is not recommended)
  • A stable high-speed internet connection
  • Speakers or headphones
  • A microphone
  • A webcam
Do I really need a microphone and webcam?

White it's possible to attend our virtual courses without your own webcam or microphone, you will not be able to fully participate in learning activities. Many of our courses use hands-on practice as the primary way of learning design and research techniques. You'll learn more during these activities if you can fully participate, and your collaboration partners can see and hear you. We also recommend using headphones.

Do I have to download any software?

All courses use Zoom and Hightail, a file-sharing service. Some courses require the use of Google Drive apps or Miro. All tools are free to use and do not require you to create an account, but you should ensure your device permissions allow you to access these tools.

  • Zoom is a video conferencing service. Our meetings follow security best practices, including passwords and waiting rooms. We recommend installing the Zoom app, which is free. If you are not able to install the Zoom software, you can also join through Chrome web browser. Test your access to Zoom.
  • Hightail will be used to share downloadable course materials (such as PDF copies of presentation slides). Test your access to Hightail. (If your network blocks you from access Hightail, during the event our conference team will be able to assist you with alternative ways to receive your course materials.
  • Google Drive apps are used for collaborative learning activities. If you are not able to use Google Docs or Sheets, you will be able to download copies of the activity materials, but may not be able to fully participate in group work. Test your access to Google Docs.
  • Miro is an online whiteboarding tool and is used for collaborative learning activities in some courses. You can download the Miro app or open a Miro link in your browser.
Will my internet connection be fast enough?

You will need a stable internet connection with a minimum of 3 Mbps (up and down) in order o participate in 
NN/g virtual courses. Ideally, a faster connection speed of 25 Mbps download and 5Mbps upload is recommended to ensure HD video and audio quality. If you are using a WIFI network, disconnect all other devices from that network to improve the streaming quality. Check your internet connection speed.

Can I join from my phone or tablet?

We do not recommend attending our classes from a small-screen device. Although you will be able to connect to the meeting, it will be difficult to see the detailed examples shared during class. It will also be extremely difficult to participate in collaborative exercises which require typing and interactive documents.