IT Applications Theory Slideshows By Mark Kelly Vceit.com Design Elements.

Slides:



Advertisements
Similar presentations
IT Applications Theory Slideshows By Mark Kelly Vceit.com Website Information Architecture.
Advertisements

3.01D Design Multimedia Presentations
Copyright © 2014 The University of Adelaide Effective PowerPoint Design Peter Murdoch Learning and Quality Support.
1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.
Guidelines for Preparing Slides Create A Title Slide To Introduce Your Presentation.
USER DOCUMENTATION (Part of the development phase of the PSM) Mark Kelly
Technical Communication Document Design 1 Guidelines for Document Design Part 1 Paper Documents.
The Power of PowerPoint A guide to expectations for Stage 2 Information Processing and Publishing.
IT Applications Theory Slideshows Data Flow Diagrams (DFD) & Context diagrams By Mark Kelly McKinnon Secondary College Vceit.com IT Applications Theory.
Lecture 6 Desktop Publishing III – Presentation Software Introduction to Information Technology With thanks to Dr. A. Zhang, Dr. Haipeng Guo, and Dr. David.
IT Applications Theory Slideshows By Mark Kelly Vceit.com Yep – another exciting theory lesson coming up!
Everyday Accessibility. Maximise accessibility using Microsoft® Word, PowerPoint, and PDFs. Andrew Costello (Disability Service). Trinity College Dublin.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
IT Applications Theory Slideshows By Mark Kelly Vceit.com WEBSITE DESIGN TOOLS.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
IT Applications Theory Slideshows By Mark Kelly Vceit.com Types and contents of On-screen user documentation.
Unit 4 – Multimedia Element: Text
Document and Web design has five goals:
1/28 Using PowerPoint for Academic Presentations How to… How NOT to…
Unit 1 – Improving Productivity Loren Thomas Instructions ~ 100 words.
Web-designWeb-design. Web design What is it? Web-design features Before…
VCE IT Theory Slideshows By Mark Kelly Vceit.com Characteristics of efficient and effective solutions.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
Technology for Students with Special Needs E.Brown Forward.
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.
IT Applications Theory Slideshows By Mark Kelly Vceit.com Interfaces.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Year 7 Web page project Learn to make web pages using Dreamweaver.
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
Introduction to Word 2007 INSY 102: Application Software INSY 102  Introduction to Word 2007  Slide # 1.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Effective PowerPoint Design. Principles of good presentation design  Develop and use a slide template –provide a consistent look and feel to your presentation.
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Key Applications Module Lesson 20 — Enhancing Presentations with Multimedia Effects Computer Literacy BASICS.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
(c) 2001 by The McGraw-Hill Companies, Inc. All rights reserved. 1 Multimedia Literacy.
TITLE IN CAPS Type sub-title here – this can be the date of the presentation, the presenter’s name or a longer explanation of the presentation subject.
Principles of effective web design NOTES Flo Morris-Duffin.
Unit 11 Interactive Multimedia Products Task A Product Review –
User Documentation Created by VITTA modified by D.Lupone using text book Potts et.al (2007)
Creating an effective presentation What is your topic? Who is your audience? What is the purpose of your presentation? – What do they know? – What do.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
IT Applications Theory Slideshows By Mark Kelly Vceit.com Version 2 – for Interfaces.
Basic PowerPoint Guidelines
Codes and Conventions of contents pages. By Eleanor Raftery.
Creating a Multimedia Presentation Working with a Presentation Adding and Modifying Slide Text Inserting Information Producing a Slide Show
Accessible Information Viki Galt, Disability Information Officer University of Edinburgh.
Writing Accessible Electronic Documents with Microsoft® PowerPoint
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Good design and layout The Ten commandments. 1. Research your subject Find out the key information and make notes Select pictures that tell the story.
Basic PowerPoint Guidelines Tips for Creating Great Presentations.
Before you rush to your computer and start designing your poster, there are a couple of things you need to do first.
Design Elements.
Multimedia Design.
Designing Documents, Slides, and Screens
Sounds.
Web-design.
Designing Information Systems Notes
VCE IT Theory Slideshows by Mark Kelly study design
Basic PowerPoint Guidelines
VCE IT Theory Slideshows
This slide is a holding slide
The Basic Multimedia Presentation Skills & Individual Presentation
Permeability (% of Control)
Use a Large Bold Type for the Main Title (80 pt):
Use a Large Bold Type for the Main Title (70 pt):
Presentation transcript:

IT Applications Theory Slideshows By Mark Kelly Vceit.com Design Elements

Factors that contribute to the appearance and functionality of an information product: proportion (visual hierarchy), orientation (direction/aspect), clarity and consistency, colour and contrast, usability and accessibility, appropriateness relevance.

Proportion (visual hierarchy) To visually show the relative importance of different parts of an information product, make some things bigger than others. Headings are big, bold, coloured or in a different typeface. – Subheadings are less big. Body text is least big.

Orientation (direction/aspect) Objects can be laid out vertically, horizontally, diagonally. Columns have a vertical orientation. H o r i z o n t a l

Clarity Clarity = being clear This text has clarity This text has less clarity This text has hardly any clarity Use a simple serif typeface for body text Maybe a simple sans serif typeface for headings Make text size easy enough to read

What’s a serif? E Serifs make letters more easily distinguishable when reading quickly Times New Roman (a serif typeface) Arial (a sans serif typeface) E ‘Sans’ is French for ‘without. ‘Sans serif’ = ‘without serif’

A Quick Clarity Test What is this word? Ill

A Quick Clarity Test Easier to read with a serif typeface? Ill

Consistency Consistent = not changing frequently Consistent use of icons, colours, typefaces Consistent positioning of navbars, menus etc Being consistent is not ‘unimaginative’ Inconsistency makes life hard for readers Showing off a hundred typefaces/icons won’t impress anybody!

Consistency Imagine what would happen if road signs or traffic lights were different in every state of Australia. What if car makers put brake, clutch and accelerator pedals in any old order?

Consistency What if every computer program had different menu positions, or didn’t stick to conventions like Ctrl+C to copy?

Imagine All of those things used to happen until everyone demanded consistency and standards!

Colour and contrast The difference between a background colour and a foreground (text) colour Poor contrast Maximum contrast Reasonable contrast Good contrast

Which may help explain this familiar universal colour scheme

Be careful with background images They’re bound to obscure some text

Be careful with background images A Tip – duplicate the text, change its colour and set it behind as a shadow Be careful with background images Either the text or the shadow will be visible at any position

Usability Usability = Is the software product easy to use? Are the most commonly-used features more easy to get to than rarely-used features? – E.g. not buried deeply in menus – E.g. shortcut keys are available Is it easy to see what controls will do? Are labels unambiguous? Is help available e.g. F1, tooltips, online help

Usability Do links work as expected? Do multimedia (pictures, sounds, video) appear properly? Do buttons, menus etc all work? Are dangerous actions made hard to do accidentally?

Benefits of good usability Saves money and time for users Fewer people calling help hotline Less training and documentation needed Satisfied customers will come back and recommend services A pleasant experience encourages people to use the product fully Good reputation Fewer complaints

Accessibility Accessibility = ease of use by people with special needs or disabilities. Vision impaired = use good text size Colour blind = avoid red/green mix Poor muscle control = no tiny controls, provide keyboard equivalent

Appropriateness Contents of websites, slideshows, animations, spreadsheets, databases etc must be suitable for the intended audience. Avoid politics, sex, religion – guaranteed to offend someone. No rude words – even ones you consider to be minor. Content should be age-appropriate. E.g. no gory pictures for a toddlers’ road safety page.

Relevance Only discuss matters that people should be reasonably expecting to be discussed in a presentation. Don’t stray off-topic – e.g. a discussion of the causes of World War 2 ends up discussing your great-grandmother. Even some relevant details may need to be left out if time or space is limited. Stick to the most relevant and important information.

This slide is irrelevant

By Mark Kelly vceit.com These slideshows may be freely used, modified or distributed by teachers and students anywhere on the planet (but not elsewhere). They may NOT be sold. They must NOT be redistributed if you modify them. IT APPLICATIONS SLIDESHOWS