Session 4: Usability testing: / enhancing a sites’ accessibility N C Diploma: Web Design: S4: Tutor: N R Hartland 1.

Slides:

Advertisements

Similar presentations

+ How to apply filters to a photo in Adobe Photoshop CS3 Neeta Balram.

Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

Nested Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.

Web Design: Best Practices The “why’s” of web page creation.

INTRODUCTION TO BIOINFORMATICS Web practical. The login system Monitor access to the site Register courses and monitor test results of individual students.

Creating Tutorials for the Web: A Designer’s Challenge Module 3: Design for Learning.

Introducing Photoshop to level 2 learners 16 – 18 First Diploma in Art & Design Understanding the basics.

F a k u l t a s I l m u K o m p u t e r U n i v e r s i t a s I n d o n e s i a ( F A S I L K O M - U I ) Student-Centered e- Learning Environment (SCELE)

N C Diploma: BIT: S4: Project Management: Network Analysis Tutor: N R Hartland 1 Business Information Technology Session 4: Project Management & Network.

Unit 12 LO3 Be able to design websites

Total Control CMS A Webinar by PaperStreet. Total Control – A Brief Overview What is a CMS? What is Total Control and what are the benefits of using it?

AGEING WELL! DON’T HESITATE, BE ACTIVE ICT MODULES FOR LEARNERS OF SYLLOGOS PYRGION THIRAS “TA EISODIA TIS THEOTOKOU”

Session 3: Practical Creating web pages in Dreamweaver N C Diploma: Web Design: S3: Tutor: N R Hartland 1.

Session 6: Legal issues in web publishing Creating web pages in Dreamweaver /WordPress N C Diploma: Web Design: S6: Tutor: N R Hartland 1.

Module Code: CU0001NI Introduction to Multimedia.

Barbara Jones Golden West College. Web Presence Everywhere.

Session 7: Workshop: Recap on course contents / Creating own pages within Dreamweaver or WordPress N C Diploma: Web Design: S7: Tutor: N R Hartland 1.

N C Diploma: BIT: S7:E-commerce: Tutor: N R Hartland1 Business Information Technology Session 7: E-commerce Tutor: Nigel R Hartland.

Indicator * File types vary based on: * Ability to compress sound * Ability to maintain sound quality * Universal or software dependent * Sound.

N C Diploma: BIT: S8:Legal Frameworks Tutor: N R Hartland1 Business Information Technology Session 8: Legal Frameworks Tutor: Nigel R Hartland.

MA in ICT in Education Tim Brosnan Module Tutor Overview of the module ‘Design and Use of Interactive Multimedia’

What is the Future of Statistical Compendia in the 21 st Century? Marianne W. Zawitz U.S. Bureau of Justice Statistics.

N C Diploma: BIT: S2:Financial Management: Tutor: N R Hartland1 Business Information Technology Session 2: Financial Management & SWOT Analysis Tutor:

Session 2: Good Web Design concepts Using CSS N C Diploma: Web Design: S2: Tutor: N R Hartland 1.

1 Type in the URL to access the WEBSPACE Control Panel HOW TO MAKE CHANGES AND UPDATES TO YOUR WEBSITE.

BISI 4400 Image Maps. What is it? The Image has defined areas on its surface that can be used to trigger HTML events ---ExampleExample.

EDT321EDT321 1 Summer Session Web Page Design Usability.

Session 1: Introduction Web Design Theory HTML Code N C Diploma: Web Design: S1: Tutor: N R Hartland 1.

Digital Design for the Web Digital Design Schedule Semester 1: 6 Wk Grades –Web Products Website Evaluation DreamWeaver 12 Wk Grades.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

N C Diploma: BIT: S1:Course Intro: Tutor: N R Hartland1 Business Information Technology Session 1: Course Intro / Data & Software Financial Management.

Creating interactive web pages using Fireworks Creating a 5 page mock up.

Design and Use of Interactive Multimedia Tim Brosnan Module Tutor Introduction and tasks for session 1.

N C Diploma: BIT: S5:Comp Proj Management: Tutor: N R Hartland1 Business Information Technology Session 5: Computerised Project Management Tutor: Nigel.

Moodle Features Demo 1 Moodle General Features MOODLE Modular Object Oriented Dynamic Learning Environment Moodle is a course management system (CMS) -

Digital Images for the Web Team ASKA. Aaron Krieger Scot Uhl Kathryn Hawk Ahmad Ghashmari Team Members.

01/anthropology.jpg.

Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.

Chapter 4 RAP By: James Laney.  1.Presenting new information 2.Providing practice 3.Evaluating student learning Computer-based Tutorials.

Creating Website Using FrontPage 2003 By Heidi Lee.

Computer Systems App Making Lesson 4– Designing my App.

Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.

Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.

MAKING YOUR ADVERTISEMENT. Starter Session  What is the 4 Ps and what do they do?  Find how may singles live in Edinburg, and ethnicity in Glasgow from.

Presented by, Bafrand,

N C Diploma: BIT: S10:Course review: Assignment support: Tutor: N R Hartland 1 Business Information Technology Session 10: Course review: Assignment support.

WEB SII | Manual Banner SII 1.- Open Photoshop 2.- Open the template document “Banner-Template.psd” 3.- Open the image to use (select) and copy it. 4.-

N C Diploma: BIT: S9:Social Aspects of IT Tutor: N R Hartland1 Business Information Technology Session 9: Social Aspects of IT Tutor: Nigel R Hartland.

Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2A.

Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?

OmniUpdate Basics Training FLEX – August 11, 2016 VOC-113.

Internet developments

DW Tutorial 5 Sessions 5.1 & 5.2 REVIEW

Bill Chown C I O Chapter Websites Bill Chown C I O

Do you need to feature a favicon in WordPress? Favicon or web site Icon is that the tiny image that you'll be able to see next to the website title within.

WEB 236 Education for Service-- snaptutorial.com.

Matea Paškvan Marc Plate Statistics Austria Contact:

OCR Level 02 – Cambridge Technical

Create and edit web pages 2

Starting to develop a website

Step-by-Step Banner Creation Guide

Uppingham Community College

What is it and how can you avoid it?

Making Web pages (3).

Presentation transcript:

Session 4: Usability testing: / enhancing a sites’ accessibility N C Diploma: Web Design: S4: Tutor: N R Hartland 1

The overall aim of the session is to:  To provide learners with the knowledge and understanding of usability testing and how it can be applied to their sites.  To provide learners with the knowledge and understanding of how to make use of digital media within a web site. N C Diploma: Web Design: S4:Tutor: N R Hartland2

By the end of the session learners should be able to: Give reasons as to why it is important to test a web site. Test the Northern College website using qualitative and quantitative questionnaires. How to add and manipulate images within a web page How to edit and format images for different web pages using Photoshop N C Diploma: Web Design: S4:Tutor: N R Hartland3

 Give 2 examples of usability issues that can occur within a site ?  What is the difference between a qualitative and quantitative questionnaire?  Give 2 examples of how an image can be made more suitable to be used on a website?  What is the difference between an jpg and gif image? N C Diploma: Web Design: S4:Tutor: N R Hartland4