Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.

Slides:



Advertisements
Similar presentations
Working With Tables, Graphics, and Columns Unit 1 Lesson 3 Word.
Advertisements

Multimedia Production
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Starting and Customizing a PowerPoint Slide Show
Chapter Concepts Discuss Fonts Understand Fonts
Web Usability By Chao Liang Based on Jakob Nielsen’s Book “ Designing Web Usability”
Ten Guidelines for Improving Online Communications.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
The Power of PowerPoint A guide to expectations for Stage 2 Information Processing and Publishing.
CS&E 1111 PowerPoint Microsoft PowerPoint Learning about Presentation Software and using Microsoft PowerPoint Slide views Preparing text, drawings and.
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.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
Writing for the World Wide Web Differences between Printed Essays and Web Pages Size and diversity of the potential audience Possibilities of hypertext.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Animating and Using Multimedia Effects Lesson 10.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Electronic Presentations Miss Stanley B.T.A.. Presentation Vocabulary Slide- An individual screen in a presentation. Slide master - Used to make global.
Chapter 15 Designing Effective Output
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
Document and Web design has five goals:
User Interface Development Interactive Process and Interactive Media Elements.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
Creating a Presentation
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
An Introduction To Websites With a little of help from “WebPages That Suck.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
MULTIMEDIA DEFINITION OF MULTIMEDIA
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Writing for the Web. How do people read online? They don’t. -Jakob Nielsen (1997)
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Multimedia and the Web.
Intro to Multimedia Unit 1.
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
About Presentation Software & Learning to Use PowerPoint 2013.
Principles of Multimedia and Contiguity
What is nonfiction literature?  Nonfiction literature is not fiction.  Nonfiction literature is true. It is about real people, places, things, and events.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Posters How to make them. How to present them..
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.
A skills approach © 2012 The McGraw-Hill Companies, Inc. All rights reserved. powerpoint 2010 Chapter 2 Adding Content to Slides.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
“Top Ten Guidelines for Homepage Usability” Article Author: Jakob Nielsen Presenter: Amish Patel Date of Presentation Sept. 16, 2008.
Chapter 10 Multimedia and the Web.
Designing Documents, Slides, and Screens
Microsoft PowerPoint Objectives
These standards will serve us well in any technical communication job.
CHAPTER 8 Multimedia Authoring Tools
Web and presentation software
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
ICT Communications Lesson 4: Creating Content for the Web
Ruling Your PowerPoint Domain!
Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.
Text Features Text features are parts of a written work that stand out from the rest of the text.
Presentation transcript:

Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.

Content Design Content is the most important thing on a web site. Guidelines for the web content:  Concise, scannable, and suitable for online viewing.  Besides confirming essay writing standard, web content writing has its own distinctive style.  Split the content into multiple pages and connect them by links, but each page should still contain a complete topic.  Make the important contents and links to be the first things we see on the screen when the page is first loaded.  Use well-designed headings.

Page Contents Example: Highlight keywords and make text scannable Use bulleted list Keep paragraphs short and concise Use subheadings Navigational links

Page Title Use good page title.  Syntax: My Page Title  Page title should be kept between 40 to 60 characters, but still explains the contents well.  Different pages use different page titles.  Page title words should be precise and meaningful, and put the most important word in the front of the title.

Web Text and Documentation Visibility of web text  Make the text stands out with the surroundings.  Limit the usage of background patterns.  Use fonts that even vision- impaired people can view.  Do not move the text around. Online documentation:  Make it easy to navigate to different parts of the document.  Use examples to clarify the ideas.  Provide clear step by step instructions if necessary.  Be concise and simple to use. Navigational Features SortedList Example Java 2 online documentation

Multimedia on the Web Indicated the file size when it required more download time than the standard. Use still pictures and summaries to help understand what the multimedia objects are about Minimize graphics generally on every page. If graphics are necessary, use less on the top level pages and relegate the rest to lower level pages. Use different techniques to reduce the image size: cropping and scaling. Scaled-down still picturesSummariesDownload size NASA Multimedia Site

Animation Minimize the use of animation Animation should be used for certain amount of time and stop Criterions for use of animation:  Show continuity in transitions  Indicate the dimensionality in transition  Illustrate change over time  Multiplex the display  Enrich graphical representation  Visualize 3D structure  Attract attention This animation illustrates the building of ChemPen3D molecular model over time

3D Graphic and Audio 3D on the web  Difficult and hard to use  Error-prone, confusing and poor display  Not supported by commonly used hardware and software  Use 3D graphic when you need to demonstrate a physical object in its solid form Use of audio on the web  Provide commentary and help  Music promotion  Pronunciation teaching, sound effect for a new event Pronunciation help provided on dict.cn

Web Video Problems associated with online videos  Poor quality.  Long download time.  Subtitles need special care on the web Always provide a higher quality clip for download rather than just a streaming video Most video clips should be less than one minute length Put up some still pictures, text summary along with a clip that is a condense and shorter version of the original longer video Segment it into different chapters when a long video must be put on the web, and provide menu, summaries and thumbnails of different segments for user control

References: Designing Web Usability. Jakob Nielsen. New Riders, Berkeley, California. U.S.A