King Kontent

Transcript

1. KING KONTENT FROM BASIC INFORMATION TO STRATEGIC COMMUNICATION
2. IT’S EVERYTHING WHAT IS CONTENT?
3. The medium is the message. H. MARSHALL MCLUHAN Design & Content in web-making are connected. The first indicates trustworthiness, the second solidifies credibility.
4. CONTENT & SEO: UX MAKES OR BREAKS YOU Google Panda • It’s a fancy algorithm • It ranks sites based on qualities that reflect good UX. Things like: • Fewer ads • Fresher content • Comments • It’s not perfect
5. “Meaning is produced … by the relation of signifiers to other signifiers” JAQUES LACAN The elements of web-making must work in tandem. Each must support the other, as in any multi-disciplinary practice.
6. Use the 960 Grid System • For aesthetics & legibility Layout Architecture Copy Art navigation L.A.C.A.N. Logical hierarchies • Most convenient for users, not you Writing is more than typing • Recognize the process and value of concise and appropriate communication Communicate complex ideas with art • Icons go a long way Be concise, be obvious with your signposts • Research your end user & make clear paths to information
7. From the culturethat brought us helvetica. THE 960 GRID SYSTEM
8. (INFORMATION) ARCHITECTURE LOGICAL www.site.com/shop/dress/blue www.site.com/shop/dress/red www.site.com/shop/shoes/blue www.site.com/shop/dress/red ILLOGICAL www.site.com/shop/blue/dress www.site.com/shop/blue/shoes www.site.com/shop/red/dress www.site.com/shop/red/shoes ✓ ✗
9. Use it wisely. GET TO KNOW YOUR TYPOGRAPHY
10. Because there’s no gps for the internet. NAVIGATION Make site navigation make sense for the end user: • Remove barriers • Don’t mislead • Use obvious signposts • Allow for u-turns
11. SOME EXAMPLES CONTENT BASED WEB DESIGN
12. Highly visual . User generated. Social. Endlessly interesting. PINTEREST
13. Fluid grid layout. Visually based. Fresh content. Lots of white space. TATE MUSEUM BETA SITE
14. Feature slider. Grid’r’ific. Clear iconography. Direct copy. NATIONAL FILM BOARD
15. Together they’d be unstoppable. CONTENT VS. TECHNOLOGY
16. Marc cameron & emeri scweigert Thank you guelph web makers! NEAT CREATIVE MEDIA www.lifeisneat.com