Web Design Resources

People-grid

Description: arranges lists of people and their relevant details in a consistent grid display meant to resemble a directory. (List layout makes table page format). If there are no profile images, best to use List Layout.

profile image with contact details, example

a table of contact details for department members, serves as a content example


Do

  • arrange in alphabetical order, by last name
  • save all profile images to identical size and ratio
  • source headshots from the university photo catalog
  • group large lists of people into categories
  • format all details consistently, and in accordance to university standards

Don't

  • use unprofessional/candid profile images
  • check "Display in Navigation"
  • use "Tile Layout" if you have headshots for less than 50% of the people