Unit 3. Design and the User Interface. Introduction to Multimedia Semester 1
|
|
- Noreen Oliver
- 5 years ago
- Views:
Transcription
1 Unit 3 Design and the User Interface Semester 1
2 Unit Outline In this unit, we will learn Design Guidelines: Appearance Balanced Layout Movement White Space Unified Piece Metaphor Consistency Template Color Scheme 2
3 Unit Outline Design Guidelines: Interactivity Optimize User Access and Control Load Media Elements Quickly Link Effectively Provide Sense of Context Provide Choices and Escapes Provide Opportunity for Feedback Web Accessibility 3
4 Introduction Design of multimedia product: Use basic standards of design Focus on what user wants and needs Design strategy should be solid; simple, easily understood, easy to use Users should know where they are and where they can go Design guidelines fall into two broad categories: appearance interactivity 4
5 Design Guidelines: Appearance Superb visual design and high editorial standards inspire confidence in users. The following issues regarding the appearance of multimedia product will be discussed: Balanced layout Movement White space Unified piece Metaphor Consistency Template Color scheme 5
6 Balanced Layout Balance in screen design refers to the distribution of optical weight in the layout. Optical weight is the ability of an element to attract the user s eye. Each element has optical weight as determined by its nature and size. Nature of an element refers to its shape, color, brightness and type. 6
7 Balanced Layout Balance is determined by the weights of the elements and their positions on the screen. Three types of balance: symmetrical balance asymmetrical balance no balance 7
8 Unit 3: Design and the User Interface Balanced Layout A balanced layout using symmetrical design 8
9 Unit 3: Design and the User Interface Balanced Layout A balanced layout using symmetrical design 9
10 Unit 3: Design and the User Interface Balanced Layout A balanced layout using asymmetrical design 10
11 Balanced Layout Symmetrical balance Elements are arranged as mirrored images on both sides of a center line Symmetrical design is static Suggests order and formality Appropriate to highlight corporate image of conservative organizations 11
12 Balanced Layout Asymmetrical balance Non-identical elements are arranged on both sides of a center line Asymmetrical design is dynamic Suggests diversity and informality Might be appropriate for entertainment products for a feeling of movement and discovery No balance Elements are arranged without regard to the weight on both sides of the center line 12
13 Movement Movement relates to how the user s eye moves through the elements on the page. When a multimedia application / web page appears on the monitor, the user s eye is drawn to a particular location. This point might be the optical center. Optical center is a point somewhat above the physical center of the page. 13
14 Movement To ensure that users view content in a more structured way: Control where user starts on page Use lines or objects that point the user in a certain direction Use color gradients that go from light shade to dark shade Have people or animals look in the direction the user should look 14
15 Movement Emphasize an element make it a different shape or color surround it with white space use a different font or type style create borders use different backgrounds for selected objects 15
16 Self-Study Slide Movement Optical center and physical center (geometric center). 16
17 White Space White space is the blank areas on a page where text and other media elements are not found. White space does not have to be white. The designers of the Colgate web site used white space between media elements. The white space in this example includes the blue area around the products. 17
18 Unified Piece A multimedia application / web site should be presented as a unified piece. Two types of unity Intra-page unity Inter-page unity Intra-page unity deals with how various elements on a page relate 18
19 Unified Piece Inter-page unity deals with the design that users encounter as they navigate from one page to another provides consistency throughout the entire multimedia application / web site. Can be achieved by maintaining consistency in shapes, colors, text styles and themes In general, users appreciate common metaphor, color scheme and navigation method from page to page. In games or entertainment applications, however, unified design may be too dull. 19
20 Metaphor A metaphor is a figurative representation that links the content of the multimedia application / web site to an established mental model. Example: E-commerce s metaphor is an electronic shopping cart Metaphors must be concrete and obvious, and consistent with the content. 20
21 Metaphor If the metaphor is not appropriate, it can mislead and confuse the users. The metaphor should reinforce the message, and appeal to the target audience without detracting from any of the content. Why metaphors are used? A strong metaphor can guide a visitor. A strong metaphor can glue a multimedia application / web site together. 21
22 Consistency Consistency is an essential component of multimedia application / web site design, which applies to both appearance and navigation schemes. Having the navigation bar remain consistent from one page to the next is vital to the success of the site. 22
23 Unit 3: Design and the User Interface Consistency Maintaining a consistent look from one page / screen to another is an important design consideration. 23
24 Template A template is a precise layout indicating where various elements will appear on a page / screen. The template dictates positions of various elements, including the Graphics, Heading, Menu, Text, and Navigation bar. A design template can be used to maintain consistency. 24
25 Template Template aids the design process in several ways: Provides consistency Shortens development time Prevents object shift An object that moves even one pixel as the user navigates through the web site causes a noticeable and disconcerting jump. Templates that utilize grids can specify the exact layout, down to a pixel in each element, which prevents objects from shifting. 25
26 Color Scheme Color is a powerful communication tool. Wrong colors may communicate wrong messages. Color evokes emotion and associations. Color schemes increase visual appeal and improve readability. Color signals changes in context. Don t go too wild with color. Fewer colors create a cleaner, more tasteful look. 26
27 Color Scheme Multimedia applications / web sites created with a monochromatic color scheme (different shades of one color) can also be incredibly appealing. A monochromatic color scheme is designed with various shades of a single color. 27
28 Design Guidelines: Interactivity User interface must be user-centered. It should give users direct control over the product. Examples: If sound is played, user should be able to adjust volume. User can decide to play a video directly or download the file. Navigational structure should be transparent to user. 28
29 Design Guidelines: Interactivity The Disney web site is visually appealing, functional, and usercentered. 29
30 Design Guidelines: Interactivity Many web sites use tabs or a button bar as part of the user interface. 30
31 Design Guidelines: Interactivity To improve the interactivity of multimedia product, we can: optimize user access and control load media elements quickly link effectively provide sense of context provide choices and escapes provide opportunity for feedback 31
32 Optimize User Access and Control Users must know where they are within the overall structure of the product. Users want quick and easy access to the content of the product. It should be easy to return to the home page or other major pages. 32
33 Load Media Elements Quickly Users will not tolerate delay. Therefore, it is important to load the media elements quickly. To reduce download time, graphics should be optimized and thumbnails could be used. A status message can be provided if a multimedia element will take time to load. 33
34 Link Effectively We should provide users with the information that they want: in least number of steps in shortest amount of time using least amount of screen real estate External links may be opened in separate browser windows so that the original window remains open. 34
35 Provide Sense of Context Just as readers use context to help them assess their place in a printed document, users of multimedia applications rely on context to help them determine where they are within the hierarchy of information. Contextual clues for users include: familiar and intuitive icons common color scheme consistent layout consistent method of navigation graphic similarity 35
36 Provide Choices and Escapes Avoid long introductions of automatically scrolling text, narration, music and credits Provide a way to skip or escape introductory elements Provide ways for users to control the playing of animations, sound and video Video controls allow the user control when viewing a video element. 36
37 Provide Opportunity for Feedback We may want to give users an opportunity to establish an ongoing relationship with the company or organization. Users need to be able to communicate with company or organization online and be able to have an opportunity for feedback. 37
38 Web Accessibility Web sites should be designed for everyone, no matter who they are or how they access the Internet. Web accessibility specifically addresses the needs of persons with disabilities, and ensures acceptable ease of use for all levels of ability. 38
39 Self-Study Slide Guidelines Web Accessibility Content on a web site should be able to be represented in text so that it can be read by screen readers. A screen reader is a software application that identifies and interprets what is being displayed on the screen, and then the interpretation is re-presented to the user with text-to-speech, sound icons, or a Braille output device. Screen readers are a form of assistive technology potentially useful to people who are blind, visually impaired, illiterate, or learning disabled. Alternatives (to audio or video clips) which present essentially the same information should be provided to people who cannot access the original pieces. 39
40 Self-Study Slide Guidelines Web Accessibility Captions should be provided for audio tracks so that they are accessible by persons with hearing impairments. When a video with audio is uploaded into a web site, a visually impaired person will be able to hear the audio but will not be able to see the picture. Web sites should either provide additional audio that explains what is happening in the picture or provide a text transcript that explains both the audio and what is taking place in the picture. Functions should be provided within a web site that allow users to enlarge the font size. 40
41 Self-Study Slide Guidelines Web Accessibility Do not rely solely on sound, shape, size or visual location to provide instructions for understanding content. For example, if instructions say to submit, click the button to the right, a visually impaired person will not know where that button is. 41
42 Self-Study Slide Guidelines Web Accessibility Do not rely solely on colors to convey information. It is impossible to be sure that everybody perceives colors in the same way (for example the visually impaired or those who are color blind). 42
43 Self-Study Slide Guidelines Web Accessibility Ensure the primary language of a web page is defined within the HTML code. The correct speaking language will be loaded by screen readers to read the words in the web page. 43
44 Self-Study Slide Guidelines Web Accessibility PDF documents should be produced from text-based source documents so that they are readable by Braille devices used by persons with visual impairments. Image-based documents, such as files produced by scanning, should be converted into text-based documents with Optical Character Recognition (OCR) software prior to producing the PDF documents. 44
45 Self-Study Slide Web Accessibility This figure illustrates a common problem with PDF documents that have been scanned by scanners without OCR processing. Although they appear as text to a non-disabled person, they are not text that assistive technology can use. 45
46 Reference Part of this slide set is prepared or/and extracted from the following references: Multimedia For The Web Revealed, Calleen Coorough & Jim Shuman, Thomson Learning, 2006, ISBN: Web Accessibility Handbook, The Office of the Government Chief Information Officer, The Government of the Hong Kong Special Administrative Region This set of slides is for teaching purpose only. Self-study slide(s) is / are within the scope of the final examination. 46
Multimedia Design Guidelines MMP
Multimedia Design Guidelines MMP 100-141 Metaphor A metaphor is a figurative representation that links the content of your website to an established mental model. Using metaphors in your website allows
More informationUnit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2
Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment
More informationAgilix Buzz Accessibility Statement ( )
Agilix Buzz Accessibility Statement (08 30 2016) Voluntary Product Accessibility Template (VPAT) Software Applications and Operating Systems (Section 1194.21) Web based intranet and Internet information
More informationUnit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1
Unit 6 Multimedia Element: Animation 2017-18 Semester 1 Unit Outline In this unit, we will learn Animation Guidelines Flipbook Sampling Rate and Playback Rate Cel Animation Frame-based Animation Path-based
More informationUnit 1. Introduction to Multimedia. Introduction to Multimedia Semester 2
Unit 1 Introduction to Multimedia 2018-19 Semester 2 Unit 1: Unit Outline In this unit, we will learn What is Multimedia? Multimedia Elements Interactivity Web-based Multimedia Hypermedia Benefits of Multimedia
More informationWeb Site Design Principles
Web Site Design Principles Objectives: Understand the Web design environment Design for multiple screen resolutions Craft the look and feel of the site Create a unified site design Design for the user
More informationWEB PAGE ARCHITECTURE
The goals of webpage architecture: 1. Bring order to many types of information: text, images, links, navigation. 2. Create movement through the page. 3. Provide centers of visual interest that serve as
More informationWeb Site Design Principles. Principles of Web Design, Third Edition
Web Site Design Principles Principles of Web Design, Third Edition Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for clear presentation
More informationAccessibility Guidelines
Accessibility s Table 1: Accessibility s The guidelines in this section should be followed throughout the course, including in word processing documents, spreadsheets, presentations, (portable document
More information4. You should provide direct links to the areas of your site that you feel are most in demand.
Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must
More informationSTONELAW HIGH GRAPHIC
GRAPHIC COMMUNICATION Technical Education THE A to Z of DTP Your knowledge of desktop publishing terminology will be expanded as you progress within the subject THE A to Z of DTP ALIGNMENT positions of
More informationBest Practices for Accessible Course Materials
Best Practices for Accessible Course Materials Instructure Canvas Learning Management System Course Syllabus Use the University of Tennessee, Knoxville Accessible Syllabus Template to create your syllabus
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationInteractive Powerpoint. Jessica Stenzel Hunter Singleton
Interactive Powerpoint Jessica Stenzel Hunter Singleton Table of Contents iii Table of Contents Table of Contents... iii Introduction... 1 Basics of Powerpoint... 3 How to Insert Shapes... 3 How to Insert
More informationTeaching with Primary Sources
Teaching with Primary Sources Joining Educators and Students with Library of Congress Resources Creating a Presentation with PowerPoint 2007 Benefits of using PowerPoint in lectures: PowerPoint encourages
More informationTeamcenter Voluntary Product Accessibility Template. Summary Table Voluntary Product Accessibility Template
Date: 26-Jun-2015 Name of Product and Release: Teamcenter 11.2.x Contact for more Information: Kiran Hegde [kiran.hegde@siemens.com] Section 508 VPAT Template Version: Version 1.6 This document is for
More informationDocument/Presentation Accessibility Best Practices. Table of Contents. Microsoft Word 2013, PowerPoint 2013, Excel 2013 and Adobe PDF
Document/Presentation Accessibility Best Practices Microsoft Word 2013, PowerPoint 2013, Excel 2013 and Adobe PDF 19-Oct-15 Table of Contents Key Terms... 2 Accessible/Accessibility... 2 Alternative Text...
More informationPart 1 The Elements of Design. Lines
Part 1 The Elements of Design There are seven elements of graphic design that are the starting point of your design ideas: Line, Shape, Texture, Space, Size, Value and Color. Each of these elements is
More informationCenter for Faculty Development and Support Creating Powerful and Accessible Presentation
Creating Powerful and Accessible Presentation PowerPoint 2007 Windows Tutorial Contents Create a New Document... 3 Navigate in the Normal View (default view)... 3 Input and Manipulate Text in a Slide...
More informationA Step-by-Step Guide to Creating More Accessible Surveys
A Step-by-Step Guide to Creating More Accessible Surveys In order to be considered accessible, surveys and forms must be designed to assist hearing- or sight-impaired users. If you re planning on sharing
More informationSchoology Voluntary Product Accessibility Template (VPAT)
Schoology Voluntary Product Accessibility Template (VPAT) DATE: 3/1/2016 PRODUCT NAME: Schoology Section 1194.21 Software Applications and Operating Systems (a) When software is designed to run on a system
More informationGuideline for Creating Accessible Public Documents 1
Guideline for Creating Accessible Public Documents 1 I. Word Documents 2 Estimates indicate that in the United States, 12.5 million people rely on some sort of assistive technology to access electronic
More informationSilverStripe - Website content editors.
SilverStripe - Website content editors. Web Content Best Practices In this section: Learn how to make your site search-engine friendly Learn how to make your content accessible Other web best practices
More informationWhat is ADA Website Compliance?
What is ADA Website Compliance? More than 54 million Americans are disabled, and almost 10 percent of the online population has a disability. The Americans with Disabilities Act (ADA) was introduced in
More informationTechnical Communication A Practical Approach: Chapter 11: Web Pages and
Publish on the Web Technical Communication A Practical Approach: Chapter 11: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins Craig Baehr Revised for ENGR 139 by x.m. spring 2010
More informationMake Your Course Content Accessible using Microsoft Office and Windows.
Make Your Course Content Accessible using Microsoft Office and Windows. CTE WORKSHOP 2017 CTE WORKSHOP 2017 Learning Objectives Why do we need accessible instructional materials? In the United States,
More informationIntroduction to Microsoft PowerPoint 2010
Introduction to Microsoft PowerPoint 2010 This class is designed to cover the following basics: Creating a presentation Adding new slides Applying design themes Adding text and content Animating text and
More information[Not for Circulation]
Advanced PowerPoint This document provides instructions for using some of the more advanced features in PowerPoint, including slide masters, techniques for running presentations, animation, and incorporating
More informationOnline Accessibility Guidelines
Online Accessibility Guidelines Headings Lists Links Tables Color Guideline Why Is This Important? Use properly formatted headings to structure a page. Headings help to organize content, making it easier
More informationPolishing and Running a Presentation
Polishing and Running a Presentation Objectives Add pictures Add sound Add video Set slide transitions and timing Animate slide objects 2 Objectives Use speaker notes and slide show commands Print handouts
More informationDesign Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *
More informationGetting to Know PowerPoint. Use IT+
Getting to Know PowerPoint Use IT+ Introduction PowerPoint 2013 is a presentation software that allows you to create dynamic slide presentations. Slideshows can include animation, description, images,
More informationSalesforce Lightning Experience
Salesforce Lightning Experience Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) July 2016 This Voluntary Product Accessibility Template, or VPAT,
More informationIntroduction to the Learning Environment v8.3.0
Introduction to the Learning Environment v8.3.0 User Guide March, 008 Contents My Home Accessing your courses Navigating inside a course Lists Actions Entering Dates Showing and hiding advanced options
More informationEssentials for Text and Graphic Layout
5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the
More informationPowerPoint 2016: Part 1
PowerPoint 2016: Part 1 Updated: April 2018 Cost: $1.10 PowerPoint is a presentation tool used to create slide-by-slide lectures and visual aids. It can display a combination of text, video, audio, and
More informationKeynote Basics Website:
Keynote Basics Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages. If you
More informationTen Ways to Share Your Publications With the World: A Guide to Creating Accessible PDF Documents in Adobe Acrobat Professional 7.
Ten Ways to Share Your Publications With the World: in Adobe Acrobat Professional 7.0 (Second Edition) Contents SECTION 1: ACCESSIBILITY AND THE PDF 1 THE IMPORTANCE OF ACCESSIBILITY 1 FEATURES THAT MAKE
More informationUniversal Design for Learning Tips
Universal Design for Learning Tips What is Universal Design? Universal Design (UD) is the design of products and environments to be usable by all people, to the greatest extent possible, without the need
More informationhttps://syukur16tom.wordpress.com/ LECTURE 13: POWERPOINT If you can't make it good, at least make it look good. Bill Gates
http://smtom.lecture.ub.ac.id/ Password: https://syukur16tom.wordpress.com/ LECTURE 13: POWERPOINT If you can't make it good, at least make it look good. Bill Gates This lecture is designed to prepare
More informationMicrosoft PowerPoint 2013 Module
Microsoft PowerPoint 2013 Module Signing your name below means the work you are turning in is your own work and you haven t given your work to anyone else. Name Period Seat Completed Activity Points Poss.
More informationVoluntary Product Accessibility Template (VPAT) ACUE Course in Effective Teaching Practice
Voluntary Product Accessibility Template (VPAT) ACUE Course in Effective Teaching Practice July 19, 2016 This Voluntary Product Accessibility Template, or VPAT, is a tool that administrators and decision-makers
More informationUX Design. Web Design - Part 2. Topics. More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout
UX Design Web Design - Part 2 Topics More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout Contents Non-textual elements Common web design issues Autumn 2016 CSCU9N5:
More informationUNIVERSITY OF NORTH CAROLINA WILMINGTON
Department: Contact Person: Date: Email: Online - Web & Course Accessibility Checklist Text, presentation & content Text equivalent is provided for every non-text element (i.e., image) (Solution: add an
More informationACCESSIBLE DESIGN THEMES
WCAG GUIDELINES The Web Content Accessibility Guidelines (WCAG) has been made to guide the Web Content Developers and the Authoring Tools Developers in order to make the Web Content more accessible to
More informationIntroduction to PowerPoint 2007
Introduction to PowerPoint 2007 PowerPoint is one of the programs included in the Microsoft Office suite. It s used to create presentations, also called slide shows, that are typically displayed via a
More informationMaking Your PowerPoint Presentations Accessible
Making Your PowerPoint Presentations Accessible Montclair State University is committed to making our digital content accessible to people with disabilities (required by Section 508). This document will
More informationSecurityCenter 508 Compliance
SecurityCenter 508 Compliance Summary Table Section 508 Voluntary Product Accessibility Template Tenable Network Security, Inc. Updated May 5, 2015 SecurityCenter 5 The latest version of this document
More informationVoluntary Product Accessibility Template Retina Network Security Scanner
Voluntary Product Accessibility Template Retina Network Security Scanner The VPAT (Voluntary Product Accessibility Template) product is a tool developed by ITIC (Information Technology Industry Council)
More informationWebsite software. Assessment Criteria The learner can:
ITQ within the Business Skills suite Unit Title: Website software OCR unit number: 22B Unit reference number: R/502/4631 Level: 2 Credit value: 4 Guided learning hours: 30 Learning Outcomes 1. Create structures
More informationDesigning Accessible Websites
A Checklist of Web Accessibility Guidelines Prepared by: Sylvia Chong July 13, 1998 This document is funded in part by the project "An Internet Based Curriculum on Math and Aeronautics for Children with
More informationPOWERPOINT Add the Pizzazz to Your Presentation
POWERPOINT 2007 Add the Pizzazz to Your Presentation Microsoft Office 2007 TABLE OF CONTENTS ADDING GRAPHICS TO YOUR PRESENTATION... 1 DRAWINGS... 1 CLIP ART... 2 PICTURES... 3 SMARTART... 4 WORDART...
More informationCreating Accessible Word Documents
Creating Accessible Word Documents 1 of 11 Creating Accessible Word Documents Contents 1. General principles... 1 2. Styles/ Headings... 2 3. Table of Contents... 3 Updating a Table of Contents... 5 4.
More informationService Cloud Lightning
Service Cloud Lightning Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) February 2017 This Voluntary Product Accessibility Template, or VPAT, is
More informationSalesforce Lightning Dialer
Salesforce Lightning Dialer Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) October 2017 This Voluntary Product Accessibility Template, or VPAT,
More informationSalesforce Lightning Experience Analytics (Dashboard and Reports)
(Dashboard and Reports) Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) April 2017 This Voluntary Product Accessibility Template, or VPAT, is a tool
More informationADA Compliant Design. Short Guide
ADA Compliant Design Short Guide Suffolk County Community College Center for Innovative Pedagogy 2018 Table of Contents ADA Compliant Design: General Tips Using Heading Styles in Microsoft Word Creating
More informationFAO Web Content Accessibility Guidelines
FO Web Content ccessibility Guidelines FO s ccessibility Guidelines have been derived from the W3C s Web Content ccessibility Guidelines (WCG), version 2.0, which have become an established standard for
More informationBlackboard. Voluntary Product Accessibility Template Blackboard Learn Release 9.1 SP11. (Published January 14, 2013) Contents: Introduction
Blackboard Voluntary Product Accessibility Template Blackboard Learn Release 9.1 SP11 (Published January 14, 2013) Contents: Introduction Key Improvements VPAT Section 1194.21: Software Applications and
More informationSalesforce Service Cloud Snap-Ins for Web
Salesforce Service Cloud Snap-Ins for Web Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) November 2017 This Voluntary Product Accessibility Template,
More informationCreating Accessible Microsoft Word Documents
Creating Accessible Microsoft Word Documents Microsoft Word is one of the most commonly used word processing software packages, making it a ubiquitous tool to create documents that may be viewed online
More informationThe Ultimate Web Accessibility Checklist
The Ultimate Web Accessibility Checklist Introduction Web Accessibility guidelines accepted through most of the world are based on the World Wide Web Consortium s (W3C) Web Content Accessibility Guidelines
More informationGuide for Creating Accessible Content in D2L. Office of Distance Education. J u n e 2 1, P a g e 0 27
Guide for Creating Accessible Content in D2L Learn how to create accessible web content within D2L from scratch. The guidelines listed in this guide will help ensure the content becomes WCAG 2.0 AA compliant.
More informationGetting Started with. PowerPoint 2010
Getting Started with 13 PowerPoint 2010 You can use PowerPoint to create presentations for almost any occasion, such as a business meeting, government forum, school project or lecture, church function,
More informationAdobe Campaign (15.12) Voluntary Product Accessibility Template
Adobe Campaign 6.1.1 (15.12) Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments
More informationAdvanced PowerPoint. Course Description. Objectives: Using Master Slides. Using a Notes Master and a Handout Master. Add a Picture to a master
Course Description Advanced PowerPoint In the PowerPoint Introduction course, you learned how to create a new presentation, work with text objects, insert objects to enhance the presentation, add a background
More informationMATERIALS AND INFORMATION NEEDED: To assess the accessibility of your website you will need:
Page 1 of 6 ADA Best Practices Tool Kit for State and Local Governments Chapter 5 Addendum: Title I I Checklist (Website Accessibility) PURPOSE OF THIS CHECKLIST: This checklist is designed for use in
More informationSeven Steps to Creating an Accessible Microsoft Word document
Seven Steps to Creating an Accessible Microsoft Word document Disability Access Services i About Disability Access Services Centralized Resource and Information on Disability Access Disability Access Services
More informationways to present and organize the content to provide your students with an intuitive and easy-to-navigate experience.
In Blackboard Learn, as you create your course, you can add a variety of content types, including text, file attachments, and tools. You can experiment with ways to present and organize the content to
More informationCREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS
CREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS By Carolyn H. Brown This document is created with PowerPoint 2013/15 which includes a number of differences from earlier versions of PowerPoint. GETTING
More informationIntroduction to Infographics and Accessibility
Introduction to Infographics and Email Accessibility Goals Understand Accessibility best practices Where to get more information Be able to Conduct a four-point accessibility evaluation Communicate Provide
More informationCaptivat-ing Library Instructional Services. Bradley Brazzeal Assistant Professor/Instructional Services Librarian
Captivat-ing Library Instructional Services by Bradley Brazzeal Assistant Professor/Instructional Services Librarian Deborah Lee Associate Professor/Coordinator, Library Instructional Services Mississippi
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationMultimedia for the Web: Creating Digital Excitement. Planning the Multimedia Web Site
: Creating Digital Excitement Planning the Multimedia Web Site Chapter Concepts Understand the Design Strategy Identify Web Site Categories Define the Planning Documents Explore Organizational Structure
More informationSales Cloud Lightning
Sales Cloud Lightning Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) December 2017 This Voluntary Product Accessibility Template, or VPAT, is a
More informationHTML Text Editor and Accessibility
AgLearn has an HTML text editor and accessibility checking tool. While these tools are helpful and will assist with improving your courses accessibility, you still must validate your course through a certified
More informationMicrosoft Office Word 2013
Microsoft Office Word 2013 Accessibility University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2016 KSU Division of University Information Technology
More informationUniversity of Wisconsin - Stout
University of Wisconsin - Stout http://www.uwstout.edu/soe/profdev/pptrubric.html This rubric may be used for self-assessment and peer feedback. project grade will be based upon the following evaluation
More information[Not for Circulation] This document provides a variety of shortcuts for working in PowerPoint 2007.
PowerPoint Shortcuts This document provides a variety of shortcuts for working in PowerPoint 2007. Using Slides from Other Presentations To add a slide from an existing presentation to the current presentation,
More informationAdobe Sign Voluntary Product Accessibility Template
Adobe Sign Voluntary Product Accessibility Template The purpose of the Voluntary Product Accessibility Template is to assist Federal contracting officials in making preliminary assessments regarding the
More informationSample Chapters. To learn more about this book, visit the detail page at: go.microsoft.com/fwlink/?linkid=192147
Sample Chapters Copyright 2010 by Online Training Solutions, Inc. All rights reserved. To learn more about this book, visit the detail page at: go.microsoft.com/fwlink/?linkid=192147 Chapter at a Glance
More informationTable of contents. TOOLKIT for Making Written Material Clear and Effective
TOOLKIT for Making Written Material Clear and Effective Table of contents U.S. Department of Health & Human Services Centers for Medicare & Medicaid Services Table of contents Overview of the Toolkit The
More informationVoluntary Product Accessibility Template PowerBroker for Mac
Voluntary Product Accessibility Template PowerBroker for Mac The VPAT (Voluntary Product Accessibility Template) product is a tool developed by ITIC (Information Technology Industry Council) and government
More informationLong term Planning 2015/2016 ICT - CiDA Year 9
Term Weeks Unit No. & Project Topic Aut1 1&2 (U1) Website Analysis & target audience 3&4 (U1) Website Theme 1 Assessment Objective(s) Knowledge & Skills Literacy, numeracy and SMSC AO4 evaluating the fitness
More informationSOFTWARE SKILLS BUILDERS
CREATING AN ALL Hyperstudio is an easy to use but powerful multimedia authoring tool that lets you and your students create a series of linked cards, called a stack. Each card can contain text, graphics,
More informationFILE FORMAT: Did you save the document/presentation as the most current file format (i.e.,.docx,.pptx, or.xlsx)
GENERAL DOCUMENT REQUIREMENTS FILE FORMAT: Did you save the document/presentation as the most current file format (i.e.,.docx,.pptx, or.xlsx) Yes No FILE NAME: Does the filename identify the document or
More informationDRAFT Section 508 Basic Testing Guide PDF (Portable Document Format) Version 0.1 September 2015
DRAFT Section 508 Basic Testing Guide PDF (Portable Document Format) Version 0.1 September 2015 Contents Introduction... 3 Preconditions... 5 A. PDF Portfolio... 5 B. Adobe LiveCycle... 6 C. Tagged PDF...
More informationINDEX UNIT 4 PPT SLIDES
INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis
More informationWCAG 2.0 Checklist. Perceivable Web content is made available to the senses - sight, hearing, and/or touch. Recommendations
WCAG 2.0 Checklist Perceivable Web content is made available to the senses - sight, hearing, and/or touch Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content Success Criteria
More informationIntroducing Impress. the Presentation Manager from OpenOffice.org. Introducing Impress. Presented by Charlie Mead
the Presentation Manager from OpenOffice.org Presented by Charlie Mead What is Impress? Part of the OpenOffice application suite Backed by Sun Microsystems Use it to build presentations, slide shows and
More informationMega International Commercial bank (Canada)
Mega International Commercial bank (Canada) Policy and Procedures for Clear Language and Presentation Est. Sep. 12, 2013 I. Purposes: The Mega ICB (C) distributes a limited range of retail banking services,
More informationVoluntary Product Accessibility. Retina CS Enterprise Vulnerability Management
Voluntary Product Accessibility Template Retina CS Enterprise Vulnerability Management The VPAT (Voluntary Product Accessibility Template) product is a tool developed by ITIC (Information Technology Industry
More informationNovember 6, 2014 Allison Kidd, ATRC
November 6, 2014 Allison Kidd, ATRC Marla Roll Director Shannon Lavey Service Coordinator and Provider Allison Kidd Assistive Technology IT Coordinator Accessibility Specialist and Trainer Ethnicity, Culture,
More informationGuideline 1.2 Time-based Media: Provide alternatives for time-based media Success Criteria Recommendations Met
Perceivable Web content is made available to the senses - sight, hearing, and/or touch Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content 1.1.1 Nontext Content All images,
More informationWeb Accessibility Checklist
Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule
More informationVPAT. Voluntary Product Accessibility Template. Version 1.3. Summary Table VPAT. Voluntary Product Accessibility Template. Supporting Features
Version 1.3 Date: September 12, 2016 Name of Product: Artemis Primary Sources Contact for more Information: accessibility@cengage.com Summary Table Section 1194.21 Software Applications and Operating Systems
More informationMicrosoft PowerPoint 2016 Basics Unit 1
Directions: Fill in the blanks. Creating Professional Presentations Segment 1. Microsoft PowerPoint Is a which allows users to create polished, professional slide based presentations Presentations can
More informationBeyond Captioning: Tips and Tricks for Accessible Course Design
Minnesota elearning Summit 2017 Aug 2nd, 3:00 PM - 4:00 PM Beyond Captioning: Tips and Tricks for Accessible Course Design Jenessa L. Gerling Hennepin Technical College, JGerling@hennepintech.edu Karen
More informationMICROSOFT POWERPOINT BASIC WORKBOOK. Empower and invest in yourself
MICROSOFT POWERPOINT BASIC WORKBOOK Empower and invest in yourself 2 Workbook Microsoft PowerPoint Basic onlineacademy.co.za MODULE 01 GETTING STARTED WITH POWERPOINT 1. Launch a blank PowerPoint presentation.
More informationzuvo User Guide For zuvo -D Speech-Generating Devices Find more resources online:
zuvo User Guide TM For zuvo -D Speech-Generating Devices Find more resources online: www.talktometechnologies.com/support/ Table of contents Technical Hardware and features... 2 Speech settings... 3 Take
More information