An Event Apart: 10 Commandments of Web Design

by April 1, 2013

In his presentation at An Event Apart in Seattle 2013 Jeffrey Zeldman walked through today's web design principles and how they can make our sites better. Here's my notes from his talk: Ten Commandments of Modern Web Design.

Thou Shall Entertain.

  • We spend lots of time thinking about efficiency and usability but we also need to think about being delightful and entertaining people.
  • Set a conversational tone with your body copy.
  • Headlines and visuals play together. Consider how images can add life and clarity to your content pages.
  • Stock photos might not be the best answer, illustrations and icons naturally come with a unique personality. Stock photos often do not. Part of being entertaining is being different.
  • Error pages are an opportunity to insert personality. Try to be entertaining but be mindful of people’s mindset when an error occurs. Fun is not appropriate everywhere.

Test Everything

  • People are using your Web sites on lots of different devices, you need to test on these devices. There is no substitute for using real devices to test. But getting lots of devices can be expensive -so do it strategically. You don't need every device but you need to have representative devices.
  • Remote Preview is a tool that allows you to preview any URL on large number of mobile devices simultaneously. It's a tiny Javascript-based tool.
  • Don’t just test your designs and sites, also test your assumptions.
  • A List Apart made many decisions when redesigning. Then had lots of conversations with readers about what they chose to do. ALA didn’t include an ALT tag on author bios because they felt it was the best decision for accessibility. This goes against convention but it’s important to keep trying different things.
  • Test your assumptions by publishing your intent and ideas. Encourage discussion about them. Even question the fact that you test assumptions -inception!

Thou Shall Iterate

  • Iteration is how design happens: “I move stuff around on the page until it looks right” -Milton Glaser. A great designer is the one who keeps moving stuff, even when everyone else leaves the room.
  • Iteration isn’t just for visual design. It also helps you uncover insights.
  • A List Apart found people are often commenting and re-tweeting articles before they read them. They learned this by iterating on where the share and comment links exist on the page.

Thou Shalt Ship

  • Good is the enemy of great. Great is the enemy of shipping.
  • Not shipping can be soul-crushing. You need to get your designs and ideas into the world. It doesn't matter how good your product is if you don't get it out there.
  • We're never really done. When you work on the Web, its a process of constant improvement.
  • Consultants, raise you rates when clients don’t ship. This encourages clients to get the work you do together out and into people’s hands.

Engage Thy Community

  • The most important asset you have are the people who love and use what you do. Engage with them and treat them well.
  • Instagram lost a lot of public support when they changed their terms of service without explaining what they were doing and why to the community. Its most passionate users were upset about these changes and caused a big uproar.
  • Fonts.com added a custom header to their homepage that highlighted the type work of designers.
  • Big companies care about customers too but they often are less connected to their users than small companies.

Thou Shalt Prioritize

  • Make sure you are focusing on the most important things at any given time.
  • Force yourself to make decisions -not everything can be a priority.
  • If you try to make things without prioritizing, you won’t ship.
  • Kevin Hoffman has written a series of articles about effective kickoff meetings that highlight the importance of prioritizing work.

Additional Commandments

  • Love thy user as thyself: treat people well. Do things that you would like to have done to you.
  • Remember Content & Hold it Holy. Design from the content out instead of based on device breakpoints. Decide where your content requires a change and adapt layout there.
  • Make sure the content people come to read is free of distractions and front and center. Let people focus on the content.
  • Ignore workflow at your peril: getting workflow right is critical to success. Instagram’s success is likely based on how easy they made it to share photos. Many other parts of their experience were incomplete but it didn’t matter. They nailed the workflow of the most critical part of their service.
  • Thou shalt prioritize: we need to work with decision makers to make sure we are working on the right things.
  • Github issues, or similar software, can help you set priorities for the changes and features you want to make.
  • Be true to yourself and your Websites.