We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published bySydney Cobb
Modified over 4 years ago
5 5 ESSENTIAL WEB DESIGN ELEMENTS A Writers Guide to Website Design
Element 1: Brand Yourself What is a brand? A brand is more than a logo You create a brand with: Icons, logos, informational graphics, colors and typography Specific, parsed components of content for web consumption A consistent look-and-feel for all pages of your website 2 © www.melanieevemiller.com
Brand Examples www.publix.com www.apple.com www.nike.com www.target.com www.pepsi.com Well-known Brands:Author Website: www.melanieevemiller.com 3 © www.melanieevemiller.com
Element 2: Intuitive Navigation Navigation is how a person navigates, or moves, from one part of your site to the next. Navigation should: Be clear and easy to follow Always link to the main sections of your site Be consistent and present on all pages 4 © www.melanieevemiller.com
Navigation Examples Good: Bad: Shown right, 3D navigation is almost always bad. It's harder to manipulate, it doesn't show the choices as well as a 2D interface, and it tends to be slower to use. *Image from archived specialized.com) http://www.useit.com/alertbox/bad-design.html Shown below, tab metaphors are a good example of intuitive navigation: http://www.sitepoint.com/ 5 © www.melanieevemiller.com
Element 3: Write for the Web Most of your online audience will scan content rather than reading it. 6 © www.melanieevemiller.com
Write for the Web by Using: Highlighted keywords using: Hypertext links Typeface variations (i.e. size, bold, italics–not ten different fonts!) Color Bulleted lists One idea per paragraph You must hook users with the first few words in the paragraph. Less text than conventional writing Use half the word-count to convey your message http://www.useit.com/alertbox/9710a.html 7 © www.melanieevemiller.com
Element 4: Search Function Every good website has a search feature to allow users to search the site Users want to feel empowered to find what they are looking for in the quickest way possible 8 © www.melanieevemiller.com
Element 5: Engaging Content Write to Be Read Write Powerful Headlines Use Lists Employ Effective Images and Captions Use Hyperlinks to Supply Supplemental Information 9 © www.melanieevemiller.com http://www.sun.com/980713/webwriting/wftw5.html
5 Essential Web Design Elements Consistent Brand Intuitive Navigation Write for the Web Search Function Engaging Content 10 © www.melanieevemiller.com
Jupiter Images, Unlimited. Stock photos, royalty free images and stock photography. All document images. Retrieved October 31, 2008, from http://www.jiunlimited.comhttp://www.jiunlimited.com Lynch, Patrick J. & Horton, Sarah. (2001). Web style guide: Basic design principles for creating web sites. New Haven and London: Yale University Press. Nielsen, Jakob. (2008). Four bad web designs: Jakob Nielsens alertbox. Retrieved October 30, 2008, from http://www.useit.com/alertbox/bad-design.htmlhttp://www.useit.com/alertbox/bad-design.html Sitepoint. (2008) Retrieved October 30, 2008, from http://www.sitepoint.com/http://www.sitepoint.com/ Sun Microsystems (2008). Writing for the web: Writing to be read. Retrieved October 30, 2008, from http://www.sun.com/980713/webwriting/wftw5.htmlhttp://www.sun.com/980713/webwriting/wftw5.html References: 11 © www.melanieevemiller.com
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Mistakes in Web Design. Top 10 Mistakes in Web Design 10. Long download times 9. Outdated info 8. Link colors & consistency 7. Lack of navigation support.
3.01D Design Multimedia Presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Better blogging 10 steps to… Andrea Ressell – Centre for Educational Technology, University of Cape Town, South Africa.
YOUR WEB SITE REVISITED Appearance, Organization, Tone.
Web Design Principles 5th Edition
Matt Bailey SiteLogic Advanced Website Marketing.
Learning the Basics – Lesson 1
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Chapter 13 Web Page Design Studio
Writing for the web training Date 09/06/14 Abigail Parris/ Web Content Editor.
Basics (and musts) of web design: integration of plain language, usability, and information architecture Lisbon | October 13, 2010.
D4912 – Website Rebranding, Day 1 Impact clarification June 2006 V4.0.
Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
Copyright Writing for the web A word to the wise web designer.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Neil Sayers - Student Number: URL
© 2018 SlidePlayer.com Inc. All rights reserved.