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 3 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
Information Resource Design ”How to make a web page scannable” Check out this webpage: Read the summary,
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Writing for the Web. User Behavior Only 16% of people read web content word for word.
Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.
Better blogging 10 steps to… Andrea Ressell – Centre for Educational Technology, University of Cape Town, South Africa.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
YOUTH & FAMILIES AGRICULTUREHEALTHECONOMYENVIRONMENTENERGY COMMUNITIES Design with User in Mind.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
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.
Chapter 13 Web Page Design Studio Principles of Web Design, 4 th Edition.
Writing for the web training Date 09/06/14 Abigail Parris/ Web Content Editor.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
V How to write for the web Russell Warfield, Sustainability Communications Coordinator Friday 29 November.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis Goal Target Audience Enhance Accessible Impairment Environment Technical Limitation.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Design guide The quick guide to Ambu’s design. The five basic elements of our design Logo Typography Colours Images The graphic elements – waves, swoosh.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Matt Bailey SiteLogic Advanced Website Marketing.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
University of South Alabama Library Website Design and Accessibility Evaluation.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell
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.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Typography Typography exists to honor content. Robert Bringhurst, The Elements of Typographic Style.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
Online Copywriting eMarketing: The Essential Guide to Online Marketing
D4912 – Website Rebranding, Day 1 Impact clarification June 2006 V4.0.
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Interface Design. Good Design = Usability Information Architecture Structuring information Designed around the purpose/goals/objective Designed.
3.01D Design Multimedia Presentations 3.01 Explore multimedia systems, elements, and presentations.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
An Introduction To Websites With a little of help from “WebPages That Suck.
Define html document byusing Example : Title of the document The content of the document......
© 2017 SlidePlayer.com Inc. All rights reserved.