13 Ways to Build Better Pages, Part 2

Transcript

1. View Slide

2. View Slide

3. View Slide

4. Are you smarter than a 5th Grader?
   

   View Slide

5. Are you smarter than a 5th Grader?
   

   View Slide

6. Are you smarter than a 5th Grader?
   

   View Slide

7. Are you smarter than a 5th Grader?
   

   View Slide

8. Are you smarter than a 5th Grader?
   

   View Slide

9. Are you smarter than a 5th Grader?
   Newspaper P
   age Design
   

   View Slide

10. Are you smarter than a 5th Grader?
    Newspaper P
    age Design
    Contrast Rhythm
    Readability Simplicity
    Alignment Navigation
    Grids Proximity
    Modules Styles
    

    View Slide

11. Are you smarter than a 5th Grader?
    Navigation
    

    View Slide

12. Are you smarter than a 5th Grader?
    Navigation
    What would be your grade?
    

    View Slide

13. Are you smarter than a 5th Grader?
    Navigation
    What would be your grade?
    A? B? C? D? F?
    

    View Slide

14. Evaluate your pages
    What would be your grade?
    A? B? C? D? F?
    

    View Slide

15. Evaluate your pages
    

    View Slide

16. Evaluate your pages
    1. A simple and balanced solution
    2. Modular presentation
    3. Modules are clean, organized and easy to access
    4. The reader can tell which stories are most important
    5. Headlines are easily read and have proper weight
    6. Dominant art to anchor, attract and launch
    7. Quality images that are interesting and engaging
    8. Wayfinding for entry, navigation and information
    9. Consistency in treatments
    10. Body copy is readable
    

    View Slide

17. Evaluate your pages
    Grading The Page
    The first step in building better pages.
    Evaluate the page for the level of achievement in each category and select that value from 1-10.
    If you believe the solution to be:
    Perfect, circle 10.
    Outstanding, circle 9.
    Above average, circle 8.
    Average, circle 7.
    Below average, circle 6.
    Poor, circle 5.
    Dismal, circle 2.
    Non-existent, circle 0.
    Add the category scores to calculate the total.
    What grade have I earned and what does that mean?
    90-100: The page is an “A.” Excellent work. Explore and capitalize on opportunities when they arise.
    80-89: The page is a “B.” Above average work. More innovation and finesse can raise the score.
    70-79: The page is a “C.” Good work but room for improvement. There is a need for more attention to detail and content.
    60-69: The page is a “D.” It passed but lacks unity and focus. Obvious flaws and weaknesses that must be addressed.
    0-59: The page is an “F.” Reviewing, practicing and applying fundamentals is crucial. Both the reader and the designer at risk.
    1. A simple and balanced solution 0 2 5 6 7 8 9 10 ______
    2. Modular presentation 0 2 5 6 7 8 9 10 ______
    3. Modules are clean, organized and easy to access 0 2 5 6 7 8 9 10 ______
    4. The reader can tell which stories are most important 0 2 5 6 7 8 9 10 ______
    5. Headlines are easily read and have proper weight 0 2 5 6 7 8 9 10 ______
    6. Dominant art to anchor, attract and launch 0 2 5 6 7 8 9 10 ______
    7. Quality images that are interesting and engaging 0 2 5 6 7 8 9 10 ______
    8. Wayfinding for entry, navigation and information 0 2 5 6 7 8 9 10 ______
    9. Consistency in treatments 0 2 5 6 7 8 9 10 ______
    10. Body copy is readable 0 2 5 6 7 8 9 10 ______
    TOTAL SCORE ______
    NON-EXISTENT
    DISMAL
    POOR
    BELOW AVERAGE
    AVERAGE
    ABOVE AVERAGE
    OUTSTANDING
    PERFECT
    SCORE
    ©2015 Broc Sears
    

    View Slide

18. Evaluate your pages
    Grading The Page
    The first step in building better pages.
    Evaluate the page for the level of achievement in each category and select that value from 1-10.
    If you believe the solution to be:
    Perfect, circle 10.
    Outstanding, circle 9.
    Above average, circle 8.
    Average, circle 7.
    Below average, circle 6.
    Poor, circle 5.
    Dismal, circle 2.
    Non-existent, circle 0.
    Add the category scores to calculate the total.
    1. A simple and balanced solution 0 2 5 6 7 8 9 10 ______
    2. Modular presentation 0 2 5 6 7 8 9 10 ______
    3. Modules are clean, organized and easy to access 0 2 5 6 7 8 9 10 ______
    NON-EXISTENT
    DISMAL
    POOR
    BELOW AVERAGE
    AVERAGE
    ABOVE AVERAGE
    OUTSTANDING
    PERFECT
    SCORE
    

    View Slide

19. Evaluate your pages
    The first step in building better pages.
    Evaluate the page for the level of achievement in each category and select that value from 1-10.
    If you believe the solution to be:
    Perfect, circle 10.
    Outstanding, circle 9.
    Above average, circle 8.
    Average, circle 7.
    Below average, circle 6.
    Poor, circle 5.
    Dismal, circle 2.
    Non-existent, circle 0.
    Add the category scores to calculate the total.
    1. A simple and balanced solution 0 2 5 6 7 8 9 10 ______
    2. Modular presentation 0 2 5 6 7 8 9 10 ______
    3. Modules are clean, organized and easy to access 0 2 5 6 7 8 9 10 ______
    4. The reader can tell which stories are most important 0 2 5 6 7 8 9 10 ______
    5. Headlines are easily read and have proper weight 0 2 5 6 7 8 9 10 ______
    6. Dominant art to anchor, attract and launch 0 2 5 6 7 8 9 10 ______
    7. Quality images that are interesting and engaging 0 2 5 6 7 8 9 10 ______
    8. Wayfinding for entry, navigation and information 0 2 5 6 7 8 9 10 ______
    9. Consistency in treatments 0 2 5 6 7 8 9 10 ______
    10. Body copy is readable 0 2 5 6 7 8 9 10 ______
    TOTAL SCORE ______
    NON-EXISTENT
    DISMAL
    POOR
    BELOW AVERAGE
    AVERAGE
    ABOVE AVERAGE
    OUTSTANDING
    PERFECT
    SCORE
    

    View Slide

20. Evaluate your pages
    What grade have I earned and what does that mean?
    90-100: The page is an “A.” Excellent work. Explore and capitalize on opportunities when they arise.
    80-89: The page is a “B.” Above average work. More innovation and finesse can raise the score.
    70-79: The page is a “C.” Good work but room for improvement. There is a need for more attention to detail and content.
    60-69: The page is a “D.” It passed but lacks unity and focus. Obvious flaws and weaknesses that must be addressed.
    0-59: The page is an “F.” Reviewing, practicing and applying fundamentals is crucial. Both the reader and the designer at risk.
    5. Headlines are easily read and have proper weight 0 2 5 6 7 8 9 10 ______
    6. Dominant art to anchor, attracts and launch 0 2 5 6 7 8 9 10 ______
    7. Quality images that are interesting and engaging 0 2 5 6 7 8 9 10 ______
    8. Wayfinding for entry, navigation and information 0 2 5 6 7 8 9 10 ______
    9. Consistency in treatments 0 2 5 6 7 8 9 10 ______
    10. Body copy is readable 0 2 5 6 7 8 9 10 ______
    TOTAL SCORE ______
    ©2015 Broc Sears
    

    View Slide

21. Evaluate your pages
    

    View Slide

22. Questions?
    

    View Slide

23. View Slide