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 2 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 ©
Brand Examples Well-known Brands:Author Website: 3 ©
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 ©
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) Shown below, tab metaphors are a good example of intuitive navigation: 5 ©
Element 3: Write for the Web Most of your online audience will scan content rather than reading it. 6 ©
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 7 ©
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 ©
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 ©
5 Essential Web Design Elements Consistent Brand Intuitive Navigation Write for the Web Search Function Engaging Content 10 ©
Jupiter Images, Unlimited. Stock photos, royalty free images and stock photography. All document images. Retrieved October 31, 2008, from 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 Sitepoint. (2008) Retrieved October 30, 2008, from Sun Microsystems (2008). Writing for the web: Writing to be read. Retrieved October 30, 2008, from References: 11 ©
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
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.
Typography Typography exists to honor content. Robert Bringhurst, The Elements of Typographic Style.
UNESCO ICTLIP Module 6. Lesson 11 Web Page Concept and Design : Getting a Web Site Up and Running Lesson 2. Principles of Web Page Design.
Learning the Basics – Lesson 11 Learning the Basics Lesson 1.
YOUR WEB SITE REVISITED Appearance, Organization, Tone.
Information Point Technologies. If you see a link in your navigation titled “log-in”, you can click on it to access the WP login screen. You also may.
Turn your ideas into reality Christy Carpino President, Multi-Option Systems, Inc.
General web design Thomas Krichel assessment You return a two-page typed assessment on a library and information science department web site.
3.02F Principles of Good Webpage Design 3.02 Develop webpages.
LIS650 lecture 3 Minor HTML Thomas Krichel
Better blogging 10 steps to… Andrea Ressell – Centre for Educational Technology, University of Cape Town, South Africa.
Web site design: thinking for the non-thinker Thomas Krichel
Web Center Certification Sitemap / Formatting Content Web Center Certification Training Intuit Financial Services University.
3.01D Design Multimedia Presentations 3.01 Explore multimedia systems, elements, and presentations.
Key Points of Making Presentations Doncho Minkov Telerik Corporation
+ Web Copy That Sells: The Revolutionary Formula for Creating Killer Copy Every Time By: Maria Veloso Presented by Daniel Bright.
Search engine optimisation (SEO) toolkit This toolkit is intended to provide colleagues with a guide to assessing and improving academic.
Microsoft ® Office Word 2007 Training Make documents look great Sweetwater ISD presents:
Writing for the Wired World Part 1: Theoretical Review of Why to Write Differently Online Julie Poroznuk, ABC, CEBS JP Communication HR Solutions for Employee.
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Inspector 508: Accessible Web Design, Training and Consultation Website Design for Usability and Accessibility Todd M. Weissenberger Manager, Information.
5. PLANNING. ASSIGNMENT 2 Made up of 2 Pass, 2 Merit & 2 Distinction criteria: P4 – Design an interactive website to meet a client need P5 – Create an.
Typography The Key Element in Desktop Publishing Design A.
Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
Word Processing & Desktop Publishing: Printing It Copyright © 2003 by Prentice Hall.
Optimizing Your Web Site Christy West SkyGirl Media
Project 1 ACSM PowerPoint. Project 1 Creating a presentation Formatting a presentation Saving a presentation Running a presentation Printing a presentation.
© 2016 SlidePlayer.com Inc. All rights reserved.