LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
1     HCI and the Web
1.1  HCI – A Quick Reminder
1.2  Web Technology – A Brief Overview
1.3  Web Usability
1.4  Designing Web Sites for Usability
1.5  Web Accessibility
Literature:
• Jakob Nielsen: Designing Web Usability, New Riders 2000
• Steve Krug: Donʼt Make Me Think, New Riders 2006 
(2nd ed.)
• Shneiderman, Plaisant: Designing the User Interface: Strategies 
for Effective Human-Computer Interaction (5th Edition)
1
Pdf edit text size - Compress reduce PDF size in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
C# Code & .NET API to Compress & Decompress PDF Document
change font size fillable pdf; change font size pdf comment box
Pdf edit text size - VB.NET PDF File Compress Library: Compress reduce PDF size in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
VB.NET PDF Document Compression and Decompression Control SDK
change page size pdf acrobat; pdf compress
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Hearing impairment
User cannot hear audio content
This one is easy to test for
–Turn off your speakers!
Solution
–Provide captioning for all audio content
2
C# PDF insert text Library: insert text into PDF content in C#.net
Powerful .NET PDF edit control allows modify existing scanned PDF text. Ability to change text font, color, size and location and output a new PDF document.
pdf file size; reader pdf reduce file size
VB.NET PDF File Split Library: Split, seperate PDF into multiple
Divide PDF file into multiple files by outputting PDF file size. Split Split PDF File by Output File Size Demo Code in VB.NET. This
change font size pdf document; pdf paper size
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Impaired motor skills
Difficulty using mouse and keyboard
–Inaccuracy while clicking
–Slow input
–May use specialized input device
Solutions
–Do not require precise clicking
–Allow alternate input methods
• Keyboard
• Mouse
• Voice
3
C# PDF Convert to Tiff SDK: Convert PDF to tiff images in C#.net
zoomValue, The magnification of the original PDF page size. 0.1f
reduce pdf file size; advanced pdf compressor
C# PDF Convert to Word SDK: Convert PDF to Word library in C#.net
of original PDF file and maintains the original text style (including font, size, color, links you often need to use and edit PDF document content
change file size of pdf document; pdf form change font size
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Cognitive disabilities
Many types
–Learning disabilities
–Attention deficit disorder
–Memory impairments
–Impairments of intelligence 
May have difficulty focusing on or processing information 
Solutions
–Clear, simple design
–Simple navigation
–Avoid distracting elements (video, navigation)
4
C# PDF File Split Library: Split, seperate PDF into multiple files
Divide PDF file into multiple files by outputting PDF file size. Split PDF document by PDF bookmark and outlines. Split PDF file by output file size.
pdf change page size; change font size pdf
C# PDF Annotate Library: Draw, edit PDF annotation, markups in C#.
Provide users with examples for adding text box to PDF and edit font size and color in text box field in C#.NET program. C#.NET: Draw Markups on PDF File.
pdf file compression; pdf optimized format
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Universal design principles
Equitable Use
–The design is useful and marketable to people with diverse abilities
Flexibility in Use
–The design accommodates a wide range of individual preferences and abilities
Simple and Intuitive Use
–Use of the design is easy to understand, regardless of the user's experience, 
knowledge, language skills, or current concentration level.
Perceptible Information
–The design communicates necessary information effectively to the user, 
regardless of ambient conditions or the user's sensory abilities.
5
C# PDF Convert to Jpeg SDK: Convert PDF to JPEG images in C#.net
Using this C#.NET PDF to JPEG conversion library component toolkit, C# developers can easily and quickly convert a large-size multi-page PDF document to a
pdf compression; adjust size of pdf
C# Convert: PDF to Word: How to Convert Adobe PDF to Microsoft
Support fast Word and PDF conversion with original document page size remained. Microsoft Office Word 2003 (.doc) and 2007 (.docx) versions are available.
change font size in pdf file; advanced pdf compressor online
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Universal design principles
Tolerance for Error
–The design minimizes hazards and the adverse consequences of accidental or 
unintended actions
Low Physical Effort
–The design can be used efficiently and comfortably and with a minimum of 
fatigue
Size and Space for Approach and Use
–Appropriate size and space is provided for approach, reach, manipulation, and 
use regardless of user's body size, posture, or mobility
6
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Assistive Technologies - Screenreader 
Software that reads what is on the screen
Provides navigation
Integrates with application software
Example: JAWS
–Includes a software speech synthesizer 
–Can output to Braille display
–Demo: http://www.freedomscientific.com/fs_downloads/jaws.asp 
Firefox Plugin
–“
We created a Firefox extension to help blind people with CAPTCHAs and image translation! It adds a contextual menu 
item, so just right click on any image and "Send to CAPTCHA Killer". A new window will popup and display the result. 
This is very beta - but maybe it will help some of you out there
–http://www.captchakiller.com/firefox-extension-help-blind-captcha-and-image-
translation
7
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Assistive Technologies
Braille Displays 
Used with a JAWS screen reader
Refreshable Braille cells act as a tactile monitor (e.g. 44-, 70- and 84-cells)
Navigation controls are on the display
Quite expensive (> 5000 €)
http://www.sightandsound.co.uk/ 
http://www.accesstech.ch/ 
8
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Assistive Technologies
Braille Printer 
E.g. Basic-S Printer
Speed
–150 PPH (pages per hour) or 39 CPS (characters per second).
Technology
–6 High quality hardened hammers forming against hardened steel anvils  
http://www.sightandsound.co.uk/ 
9
http://www.brailler.com/juli2.htm
LMU München — Medieninformatik — Andreas Butz / Paul Holleis —  Mensch-Maschine-Interaktion II  — WS2009/10                      Slide
Web Accessibility Evaluation
Guidelines available from W3C
http://www.w3.org/TR/2004/WD-WCAG20-20040311/ 
Guidelines are divided into three categories of success criteria:
–Level 1 success criteria: 
• do not specify how information is presented
• are reasonably applicable to all Web sites
• some are machine-testable. Others require human judgment. Success criteria that require human 
testing yield consistent results among multiple testers.
–Level 2 success criteria: 
• may require an author to present content in particular ways
• are reasonably applicable to all Web sites
• some are machine-testable. Others require human judgment. Success criteria that require human 
testing yield consistent results among multiple testers.
–Level 3 success criteria: 
• are additional criteria that go beyond Level 1 and 2 that may be applied to make sites accessible to 
more people with all or particular types of disability
–Conformance
• WCAG 2.0 A, WCAG 2.0 A+, WCAG 2.0 AA, WCAG 2.0 AAA
10
Documents you may be interested
Documents you may be interested