Zen and theArt of LEARNPage Design
Agenda• Kanzo (Simplicity): “In the kanso concept, beauty and visual elegance are achieved by elimination and omission.” A...
Just Kidding
The Agenda (No Joke)
Confession
My Boys
A Southwestern Kōan
Aesthetics- Three Zen Principles
Simplicity
Naturalism
Elegance
Zen of Design- The Seven Essentials
Noise vs. Signal
Dr. John Medina “Brain Rules”
Empty Space“Emptiness which is conceptually liable tobe mistaken for sheer nothingness is infact the reservoir of infinite...
Worker Productivity and Happiness• According to a recent Gallup survey, 12 percent of workers said they would give upshowe...
Contrast
Repetition
Alignment
Essential LEARN Design Tools
Boxes• Create Groups ofsimilar resourceswhich can beregularly accessedby studentsthroughout the year.
Hard to Find
Easy to Find
Labels• Divide andorganize longstrands ofresources intotopics or groups.
Sorting and Indenting• Make resources stand-out by changing theiralignment and proximity on the page.
Pages and Books• Allows you tomove contentaway from yourCentral TopicBox to “sub-Page” locations.
Docking• Eliminate clutter by moving seldom usedboxes from your sidebar to tabs along the leftside of the page.
Embedding• Display presentations and videos visuallyrather than as download files or text links.
Image Banks• Draw upon vast libraries of public domainphotos to help make your point visually.
World War IThe sinking of the Britishcruise liner The Lucitania inMay of 1915 by a Germansubmarine resulted in thedeaths o...
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Zen and the Art of LEARN Design
Upcoming SlideShare
Loading in …5
×

Zen and the Art of LEARN Design

911 views

Published on

This presentation is designed to provide you with practical tips on how to improve your course page.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
911
On SlideShare
0
From Embeds
0
Number of Embeds
292
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Sado- Japanese Tea ceremony.
  • Bento Box- Limit of 20 flavors, balance of colors, seasoning…etc.
  • Wabi-Sabi
  • Ikebana- Flower Arrangement
  • Design lacks priority. Due to poor use of alignment, the slide seems to contain five different elements.
  • By aligning all elements flush right, a strong invisible line is created on the right side that ties al elements together in a way that is more interesting than the more common symmetrical title.
  • Zen and the Art of LEARN Design

    1. 1. Zen and theArt of LEARNPage Design
    2. 2. Agenda• Kanzo (Simplicity): “In the kanso concept, beauty and visual elegance are achieved by elimination and omission.” Always keepthe audience in mind by keeping your central message as clear and uncluttered as possible on your page. When in doubt, cut it out.Shizen (Naturalness): strive to avoid elaborate designs and over refinement. Include only information and visuals necessary tocommunicate your particular message for your particular audience. “In expressing the whole, the interest of the viewer is lost.”Shibumi (Elegance): conscious reserve and articulate brevity. “Japanese conceptualization relegates elaborate ornamentationand vivid color usage to the bottom of the taste levels...excess requires no real houghtcreativity.” Remember, it’s all about themessage, not the medium; think communication, not decoration.• Signal vs. Noise Ratio: This is the ratio of relevant to irrelevant elements or information on your page. Be aware of the limitations of yourstudents to process new information and concepts all at once.Picture superiority Effect: The principle that pictures are remembered better than words, especially when people are casually exposed to theinformation for a limited period of time. The effect is strongest when the pictures represent common, concrete things.Empty Space: Resist the temptation to fill empty areas with additional elements which are not needed. Empty space implies elegance and clarityand makes your central message more compelling to the viewer. Empty space can also be used to imply motion and dynamism through the useof asymmetrical design.Contrast: This can be achieved through the manipulation of space, color choices, text selection and positioning of elements on the page. Everysingle element of a design such as line, color, size, space and type can be manipulated to create contrast.Repetition: Simply put, the reusing of the same or similar elements through your design. Repetition of certain elements (e.g.text, color, graphics...etc.) on your page will bring a clear sense of unity, consistency and cohesiveness.Alignment: Connecting all elements within a topic box to one central idea or concept. Nothing should look as if it is placed randomly, but insteadshould be connected via an “invisible line”, guiding the viewer from one space to the next.Proximity: Moving things closer or further apart to achieve a more organized look on your page. Related items should be grouped together sothat they will be viewed as a group, rather than as unrelated elements.
    3. 3. Just Kidding
    4. 4. The Agenda (No Joke)
    5. 5. Confession
    6. 6. My Boys
    7. 7. A Southwestern Kōan
    8. 8. Aesthetics- Three Zen Principles
    9. 9. Simplicity
    10. 10. Naturalism
    11. 11. Elegance
    12. 12. Zen of Design- The Seven Essentials
    13. 13. Noise vs. Signal
    14. 14. Dr. John Medina “Brain Rules”
    15. 15. Empty Space“Emptiness which is conceptually liable tobe mistaken for sheer nothingness is infact the reservoir of infinite possibilities.”- Daisetz Suzuki
    16. 16. Worker Productivity and Happiness• According to a recent Gallup survey, 12 percent of workers said they would give upshowers and 5 percent of workers said they would divorce their spouse in order towork from home.• “The opposite of play isn’t work, it’s depression.” Brian Sutton-Smith University ofPennsylvania• Despite the best efforts for pay equality among men and women, differences in payremain. The 2010 census found that men earned a yearly median salary of $47,715while women earned $36,931.• It was estimated by the 2010 census that 16.3 million workers left for work betweenmidnight and 5:59 a.m. Those early birds represented 12.5 percent of all commuters.• According to the 2010 census, the average commute time for workers was 25minutes. Workers in Maryland and New York faced the longest commutes, coming inat just more than 31 minutes. While most workers get to work in around a halfhour, 3.2 million workers will also spend 90 or more minutes commuting each day.• A study of workers who exercised were also 21 per cent higher for concentration onwork, 25 per cent for working without unscheduled breaks and 22 per cent higher forfinishing work on time.
    17. 17. Contrast
    18. 18. Repetition
    19. 19. Alignment
    20. 20. Essential LEARN Design Tools
    21. 21. Boxes• Create Groups ofsimilar resourceswhich can beregularly accessedby studentsthroughout the year.
    22. 22. Hard to Find
    23. 23. Easy to Find
    24. 24. Labels• Divide andorganize longstrands ofresources intotopics or groups.
    25. 25. Sorting and Indenting• Make resources stand-out by changing theiralignment and proximity on the page.
    26. 26. Pages and Books• Allows you tomove contentaway from yourCentral TopicBox to “sub-Page” locations.
    27. 27. Docking• Eliminate clutter by moving seldom usedboxes from your sidebar to tabs along the leftside of the page.
    28. 28. Embedding• Display presentations and videos visuallyrather than as download files or text links.
    29. 29. Image Banks• Draw upon vast libraries of public domainphotos to help make your point visually.
    30. 30. World War IThe sinking of the Britishcruise liner The Lucitania inMay of 1915 by a Germansubmarine resulted in thedeaths of 1198people, including manywomen and children. TheEnglish government quicklyseized on this tragedy tolaunch a massive publicinformation campaign toencourage civilians toenlist in the military. Thismedia push is generallyacknowledged as thefirst, mass mediagovernment propagandacampaign.

    ×