We’ll see more examples when we go over web publishing options.
What do the sideways arrows suggest?What do you expect from the first link? Last?
Take another look
Publishing Student Projects on the Web
PUBLISHING ON THE WEBRhetorical Principles & Web Publishing OptionsNotes for WRTG 3020 StudentsAmy Goodloe ~ Spring 2012
A FEW RHETORICAL PRINCIPLESFOR WEB DESIGNTips on Reader-Friendly Design
Core Design PrincipleDesign your web site so that it fulfills the expectations ofyour target audience regarding content, design, andusability. • Content: Site should deliver on the promise of its title • Design: Theme and images should complement message • Usability: Layout should be based on how most users navigate web sites
Overall Design Principles• Choose a search-engine friendly URL and web site title • Effective: bouldervegan.weebly.com • Ineffective: wrtgproject.weebly.com• Organize content into logical parts • Use pages and sub-pages • On blogs, use categories and tags appropriately• Provide clear and logical navigation menus • Along top OR on sidebar, not multiple places • Follow customary placement of navigation items • Give menu items short but helpful titles• Follow CRAP/BS principles: • Contrast, repetition, alignment, proximity, balance, symmetry
Page Design Principles• Limit how much users need to scroll • Use 13” laptop w/ maximized web browser window as basis • Home page: no more than 2 scrolls; other pages: no more than 3• Design user-friendly paragraphs • Open with topic sentence • Stay focused on developing topic • Keep concise and SHORT!• Design text to be skimmable • Use headings and sub-headings • Use bulleted or numbered lists • Use bold for maximum emphasis and italics for some emphasis • Do NOT use underlining (on the web, that means: hyperlink)
Research with thermographic imaging shows that readerstend to read web pages in a more or less “F” shaped pattern,like this:
Here’s what I was going for: - iconic image of Marilyn Monroe is typically associated with cultural ideal of female heterosexuality - rainbow gradient hints at a possible queer reading - repetition of image underscores performative nature of gender norms
No problem.The image also has pretty colors thatblend nicely with the rest of the site.
Don’t underestimate therhetorical power of pretty colors.
How much time do you want to spend reading this web site?
Principles Recap• Core: • Design your web site so that it fulfills the expectations of your target audience regarding content, design, and usability.• Overall: • Choose a search-engine friendly URL and web site title • Organize content into logical parts • Provide clear and logical navigation menus • Follow CRAP/BS principles• Pages: • Limit how much users need to scroll • Design user-friendly paragraphs • Design text to be skimmable
WEB PUBLISHING OPTIONSTips on Choosing a Web Platform
A Few Considerations• What is the purpose of the site? • Inform, persuade, encourage interaction, etc.• Who is your audience? • How easily will they find the site?• What format is your content in? • Text, images, videos, PDFs, etc.• What role will team members play? • Does everyone need access to all aspects of site? • Will the site be used by teams in future classes?• How much time do you have to learn a web publishing platform?
Web Site Builders Overview ExamplesHosts: Weebly, Wix • http://aisldenver2012.weebly.c om/Best for: static web sites • http://gaygene.weebly.com/Pros: easy to use • http://perpetualrevision.weeblyCons: limited layout .com/ • http://siteshowcase.weebly.cooptions m/ • http://www.wix.com/onebead/p roject
Wikis Overview ExamplesHosts: Wikispaces, Wikidot • perpetualrevision.wikispaces.com • digitalstudents.wikidot.comBest for: growing web sites • genderbinary.wikidot.comwith collaborative editing • 56wrtg1150.wikidot.comPros: easy to use • 66wrtg1150.wikidot.com • techcommdesign.net/digital-Cons: limited layout literacy-reportoptions and themes
Presentation Videos Overview ExamplesHosts: YouTube, Vimeo, • gendersex.net/blog/archives/enSlideShare d-violence-against-the-Best for: Multimedia content transgenderedPros: Appealing way to present • www.youtube.com/watch?v=kRvideo, audio, images, and 0CKynJbjkvoiceover • gendersex.net/blog/archives/reCons: Video editing comes with view-of-the-pinkerspelke-steeper learning curve debate
WORKSHOP • What tool do you want to try for your project? • What steps will you need to follow to use that tool? • How can I help you?HELP RESOURCES • See the handouts on: http://digitalwriting101.net • Also search Google! • Questions? http://amygoodloe.com/contact