13 Ways to Build Better Pages, Part 2

Transcript

4. Are you smarter than a 5th Grader?
5. Are you smarter than a 5th Grader?
6. Are you smarter than a 5th Grader?
7. Are you smarter than a 5th Grader?
8. Are you smarter than a 5th Grader?
9. Are you smarter than a 5th Grader? Newspaper P age Design
10. Are you smarter than a 5th Grader? Newspaper P age Design Contrast Rhythm Readability Simplicity Alignment Navigation Grids Proximity Modules Styles
11. Are you smarter than a 5th Grader? Navigation
12. Are you smarter than a 5th Grader? Navigation What would be your grade?
13. Are you smarter than a 5th Grader? Navigation What would be your grade? A? B? C? D? F?
14. Evaluate your pages What would be your grade? A? B? C? D? F?
15. Evaluate your pages
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
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
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
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
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
21. Evaluate your pages
22. Questions?