1 / 69

Billboard Design 101

Billboard Design 101. Create a clear visual hierarchy. The more important something is, the more prominent it is. Create a clear visual hierarchy. The more important something is, the more prominent it is. Things that are related logically are also related visually.

ernst
Download Presentation

Billboard Design 101

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Billboard Design 101

  2. Create a clear visual hierarchy • The more important something is, the more prominent it is.

  3. Create a clear visual hierarchy • The more important something is, the more prominent it is. • Things that are related logically are also related visually.

  4. Create a clear visual hierarchy • The more important something is, the more prominent it should be. • Things that are related logically are also related visually. • Things are “nested” visually to show what’s part of what.

  5. It happens so quickly that the only time we’re aware we’re doing it is when we can’t.

  6. Conventions are your friends

  7. Break with convention ONLY when: (a) It introduces no learning curve OR (b) It adds so much value that it’s worth a small learning curve.

  8. Other guidelines • Break up pages into clearly defined areas • Make it obvious what’s clickable • Keep the noise down to a dull roar • Busy-ness • Background noise

  9. Animal, Vegetable, or Mineral?

  10. How many clicks should it take to get to any page on the site?

  11. Wrong question

  12. A more useful question is: “How much thinking is required to get from here to there?”

  13. On NOT writing for the Web

  14. Get rid of all the words only you will read • Reduces the noise level of the page • It makes the useful content more prominent • It makes the pages shorter, allowing users to see more of the page at a glance

  15. Happy talk must die

  16. Instructions must die

  17. How about? Please help us improve the site by answering these questions. It should only take you 2-3 minutes to complete the survey. NOTE: If you have comments or concerns that require a response don’t use this form. Instead please contact Customer Service

  18. Whaddya do when you go shopping?

  19. Web browsing is different • No sense of scale • No sense of direction • No sense of location

  20. Navigation isn’t just a feature of a web site; it is the web site.

  21. The overlooked purposes of navigation • It gives us something to hold onto • It tells us what’s here • It tells us how to use the site • It gives us confidence in the people who built it

  22. Street signs and breadcrumbs

  23. Web navigation conventions

More Related