Extraordinary HCI for Extraordinary Disabled Peoples' Access to Technology

1. EE212/CE653Extraordinary HCIHCI for the ExtraordinaryDisabled Peoples Access to Technologyهسي غير عادية ؟؟هسي ل غير عادية ؟؟ الناس المعوقين الوصول إلى التكنولوجيا Lecturer: Dave Lyons

2. One text • Edwards, A, “Extraordinary Human-Computer Interaction: Interfaces for Users with Disabilities”, Cambridge Series on Human-Computer Interaction, 1995 • Sounds a bit old, but the principles are still valid. • The hardware has got better, and therefore some of the software too (see voice recognition). إدواردز، A، "التفاعل غير العادي بين الإنسان والحاسوب: واجهات للمستخدمين ذوي الإعاقة"، سلسلة كامبريدج حول التفاعل بين الإنسان والحاسوب، 1995يبدو قليلا من العمر، ولكن المبادئ لا تزال صالحة.وقد حصلت على الأجهزة أفضل، وبالتالي بعض من البرمجيات أيضا (انظر التعرف على الصوت).

3. Let us start with “WHO” • There are two groups of people involved here • Those who require extraordinary HCI • Those who develop systems, devices and applications which have an HCI. Which of those groups do you think are the experts? هناك مجموعتان من الأشخاص المعنيين هناأولئك الذين يحتاجون هسي غير عاديةأولئك الذين يطورون النظم والأجهزة والتطبيقات التي لديها هسي.أي من هذه المجموعات تعتقد أنها الخبراء؟

4. Commercial motivation • Disabled people make up over 10% (14.7% in Essex two years ago) of the population. • Think of that in terms of purchasing power – a market. يشكل المعوقون أكثر من 10٪ (14.7٪ في إسكس قبل عامين) من السكان.فكر في ذلك من حيث القوة الشرائية - السوق.

5. Who needs EHCI? • You will see that, as a general rule, that HCI that is good for disabled people is good for people. • What is a disability? • One definition: something in society or environment which gets in the way of an impairment. • OED says an impairment is some function that is weakened or damaged. سترى، كقاعدة عامة، أن هسي التي هي جيدة لذوي الاحتياجات الخاصة هو جيد للناس.ما هي الإعاقة؟تعريف واحد: شيء في المجتمع أو البيئة التي تحصل في طريق الضعف.ويقول مكتب التقييم إن انخفاض القيمة هو بعض الوظائف التي تضعف أو تتلف.

6. Impairments • Sensory • Full or partial loss of: sight, hearing, touch, smell, taste • Mobility and co-ordination • Weakened or nonexistant: limbs, back, neck, breathing, dexterity • Cognitive • Memory (short or long term), dyslexia/dyspraxia, behaviouralالحسيةخسارة كاملة أو جزئية من: البصر، والسمع، واللمس، ورائحة، والذوقالتنقل والتنسيقضعيفة أو غير مضادة: أطرافه، الظهر، الرقبة، التنفس، البراعةالإدراكيالذاكرة (قصيرة أو طويلة الأجل)، عسر القراءة / ديسبراكسيا والسلوكية

7. Social Model of Disability • We said it before: “the placement of a disability in the path of a person’s impairment” • There are many Ph.D. thesis on this, but here is a good popular reference, http://www.leeds.ac.uk/disability-studies/archiveuk/Oliver/in%20soc%20dis.pdf from the guy who invented the idea of the social model.

8. لقد قلنا ذلك من قبل: "وضع إعاقة في مسار ضعف الشخص"هناك العديد من الدكتوراه. أطروحة على هذا، ولكن هنا هو مرجع شعبية جيدة، http://www.leeds.ac.uk/disability-studies/archiveuk/Oliver/in٪20soc٪20dis.pdf من الرجل الذي اخترع فكرة النموذج الاجتماعي .

9. even simpler… • If you have a disability, and • I am the greatest expert on adaptive technology, • and we are working together to some aim stated by you, • Which one of us is the expert? • A no-brainer. إذا كان لديك إعاقة، وأنا أعظم خبير في التكنولوجيا التكيف،ونحن نعمل معا على بعض الهدف الذي ذكره لك،أي واحد منا هو الخبير؟عدم التفكير.

10. Scenario 1 • Female old age pensioner with • bad eyesight, but not tunnel or peripheral vision • some short term memory problems • some but not disabling arthritis • extremely polite, and unwilling to question. • One to one teaching situation with you • learning keyboard skills, leading to learning email • keeps making mistakes • you discover on observation that it is mostly due to missing the return key about 15% of the time. • We need a solution.

11. أنثى، الشيخوخة، المتقاعد، بسيئة البصر، ولكن لا نفق أو الرؤية الطرفيةبعض مشاكل الذاكرة على المدى القصيربعض ولكن لا تعطيل التهاب المفاصلمهذبا للغاية، وغير راغبة في التساؤل.واحد إلى واحد وضع التدريس معكتعلم مهارات لوحة المفاتيح، مما يؤدي إلى تعلم البريد الإلكترونييحافظ على ارتكاب الأخطاءتكتشف على الملاحظة أنه في الغالب بسبب المفقودين مفتاح العودة حوالي 15٪ من الوقت.نحن بحاجة إلى حل.

12. Solutions • Build a specialist keyboard for her. • Consider voice input. • … grid input, switch input, helper • Remap keyboard – (almost) all operating systems have a key to character table. • the cost is zero plus some time. • it is intrinsically generalizable. إنشاء لوحة مفاتيح متخصصة لها.فكر في إدخال الصوت.... إدخال الشبكة، والتبديل المدخلات، المساعدلوحة مفاتيح ريماب - (تقريبا) جميع أنظمة التشغيل لها مفتاح جدول الأحرف.وتكلفة صفر زائد بعض الوقت.فإنه يمكن تعميمها جوهريا.

13. Scenario 2 • Young man whose only stable movement is with his eyes. No speech • may be some cognitive damage • Requirement – browsing and environmental control. • You have tried head movement, switches on various body parts, joystick, all failed. • What do we mean by failed?

14. الشاب الذي حركة مستقرة فقط مع عينيه. لا الكلامقد يكون بعض الضرر المعرفيمتطلبات - التصفح والتحكم البيئي.لقد حاولت حركة الرأس، وتبديل على أجزاء الجسم المختلفة، عصا التحكم، وفشلت كل شيء.ماذا نعني بالفشل؟

15. A Solution • Mytobii eye following kit, http://www.smartboxat.com/mytobii.html • at £12k, moves curser, and blink is click. • No good for text input. • Add The Grid software, http://www.inclusive.co.uk/catalogue/acatalog/The_Grid_2.html • at ~£300, uses multiple mappable grids, so generalizable. • can be grid of characters, words, links, environmental commands…. • browser links are handled directly (not through The Grid).

16. ميتوبي العين التالية عدة، http://www.smartboxat.com/mytobii.htmlفي £ 12K، يتحرك المؤشر، ومضة هو النقر.ليست جيدة لإدخال النص.أضف برنامج الشبكة، http://www.inclusive.co.uk/catalogue/acatalog/The_Grid_2.html  في ~ 300 £، يستخدم شبكات قابلة للتخطيط متعددة، بحيث يمكن تعميمها.يمكن أن تكون شبكة من الشخصيات، والكلمات، وصلات، الأوامر البيئية ....يتم التعامل مع روابط المتصفح مباشرة (وليس من خلال

17. A cheaper solution for some • Visual Mouse – free software for PC, plus a webcam • http://download.cnet.com/VisualMouse/3000-2072_4-10070958.html • Head movement controls cursor, head gestures act as buttons. الفأرة البصرية - البرمجيات الحرة للكمبيوتر، بالإضافة إلى كاميرا ويبhttp://download.cnet.com/VisualMouse/3000-2072_4-10070958.htmlرئيس حركة التحكم في المؤشر، فتات الرأس بمثابة أزرار.

18. Scenario 3 • A skilled machinist loses strength and some dexterity, wishes to continue in his job. • Numerical control (NC) machines are available. • Solution • mapping of NC code to the appropriate HCI. • a The Grid-like interface; later, voice control • training the machinist in the macro system so that she can write her own.

19. الماهين المهرة يفقد القوة وبعض البراعة، يرغب في الاستمرار في وظيفته.آلات التحكم العددي (نك) متوفرة.حلرسم الخرائط من رمز نك إلى هسي المناسبة.واجهة الشبكة تشبه؛ في وقت لاحق، التحكم الصوتيوتدريب الماكينات في النظام الكلي بحيث يمكن أن يكتب لها.

20. Scenario 4 • A personal assistant acquires a heavily wasting disease. After trying many interface mechanisms, a tracker ball under the chin is chosen. • Two clamps, some wood and velcro solve the problem, along with a The Grid-like on-screen keyboard. Cost: £8.50 • She retains her job.

21. ويكتسب مساعد شخصي مرض هزال شديد. بعد محاولة العديد من آليات واجهة، يتم اختيار الكرة تعقب تحت الذقن.اثنين المشابك، بعض الخشب و الفيلكرو حل المشكلة، جنبا إلى جنب مع الشبكة مثل لوحة المفاتيح على الشاشة. التكلفة: 8.50 جنيها إسترلينياوهي تحتفظ بعملها.

22. Scenario 4 failures • Voice input: voice too weak and variable. • multiple buttons: hand or foot fatigue. • Quadjoyhttp://www.quadjoy.com/ mouth operated joystick, suck is left click, blow is right click: • intrinsic hygiene problems • very important: personal perception of own disability • tools that appear technically to liberate may badly effect ones perception of oneself.

23. إدخال الصوت: صوت ضعيف جدا ومتغير.أزرار متعددة: اليد أو القدم التعب.كوادجوي http://www.quadjoy.com/ الفم عصا التحكم، يتم ترك مص انقر، ضربة هو الحق انقر:مشاكل النظافة الذاتيةمهم جدا: الإدراك الشخصي للإعاقة الخاصةالأدوات التي تظهر من الناحية الفنية لتحرير قد تؤثر تأثيرا سيئا تلك التصورات

24. Scenario 5 and 6 • Student with only peripheral vision • puts nose on the screen, and scans with eyes • can work for 10 minutes, then exhausted • Solution. put screen on arm, move screen to nose. Cost, £40. • Wheelchair user in laboratory • had very expensive ramp built to get chair safely to lab bench height. • Solution. put lab kit on ordinary desk.

25. الطالب مع رؤية الطرفية فقطيضع الأنف على الشاشة، ويمسح بالعيونيمكن أن تعمل لمدة 10 دقيقة، ثم استنفدتحل. وضع الشاشة على الذراع، نقل الشاشة إلى الأنف. التكلفة 40 جنيها إسترلينيا.مستخدم متحرك، إلى داخل، لابوراتوريكان منحدر مكلفة جدا بنيت للحصول على كرسي بأمان إلى مختبر ارتفاع مقعد.حل. وضع عدة مختبر على مكتب عادي

26. Scenario 7 • Blind person • no mobility problems • no keyboard skills • wishes full use of a computer • Solution – specialist software • Use specialist audio feedback teaching software to learn keyboard • Jaws or others as screenreader at £700 شخص أعمىأي مشاكل التنقللا مهارات لوحة المفاتيحيرغب في الاستفادة الكاملة من جهاز كمبيوترالحل - برنامج متخصصاستخدام برنامج تعليمي ردود الفعل السمعية المتخصصة لتعلم لوحة المفاتيحالفك أو الآخرين كما سكرينريدر في 700 £

27. Voice Failures • Modern voice recognition software requires training in a voice. • Voices can change over the course of a day’s work through fatigue, for example. • Multiple scenaria solves this. • If you get angry with it, or have timing problems, it can fail. برنامج التعرف على الصوت الحديث يتطلب التدريب في صوت.يمكن أن تتغير الأصوات على مدار يوم من العمل من خلال التعب، على سبيل المثال.سيناريا متعددة يحل هذا.إذا كنت تغضب معها، أو لديك مشاكل توقيت، فإنه يمكن أن تفشل.

28. The major tension:Individualization v.s. Generalization • It is clear (from the social model, if not from common sense), that every solution depends upon the individual. • It is commercially clear that no single device or software product suits all. • How do you square that circle? ومن الواضح (من النموذج الاجتماعي، إن لم يكن من الحس السليم)، أن كل حل يعتمد على الفرد.فمن الواضح تجاريا أنه لا يوجد جهاز واحد أو منتج البرمجيات يناسب الجميع.كيف يمكنك مربع تلك الدائرة

29. Releasing the Tension • Firstly, provide any physical product with lots of variability, and accept it will not suit everybody. • Provide any software product with similar quantities of variability, and accept it will not suit everybody. • in particular, note the power of the map that we have seen with Scenario 1. Use a lot of maps.

30. أولا، تقديم أي منتج البدني مع الكثير من التباين، وقبول لن تناسب الجميع.تقديم أي منتج البرمجيات مع كميات مماثلة من التباين، وقبول أنها لن تناسب الجميع.على وجه الخصوص، لاحظ قوة الخريطة التي شهدناها مع السيناريو 1. استخدام الكثير من الخرائط.

31. Tension raisers • Product managers want simplification, which is fine if it doesn’t restrict flexibility. • Administrators love total solutions • in a university not far from here, an administrator was told that TextHelp Read and Write (with its 14 ways of feeding back to the user) was helpful to 65% of dyslexics. • it was therefore made compulsory for all dyslexics.

32. مديري المنتج يريدون تبسيط، وهو ما يرام إذا كان لا يقيد المرونة.المشرفين يحبون الحلول الإجماليةفي جامعة ليست بعيدة عن هنا، وقال مسؤول أن تكستيلب القراءة والكتابة (مع 14 طرق التغذية مرة أخرى للمستخدم) كان مفيدا ل 65٪ من عسر القراءة.ولذلك أصبح إلزاميا لجميع عسر القراءة.

33. Web Site design • The law states that websites have to be accessible • What does that mean • do people do it? • look again at the 10% - 15% market. • More on this later. وينص القانون على أنه يجب الوصول إلى مواقع الويبماذا يعني ذالكهل يفعل الناس ذلك؟ننظر مرة أخرى في السوق 10٪ - 15٪.المزيد عن هذا لاحقا.

34. Principles (not orthogonal) • Keep it simple • Use mapping and other mechanisms for flexibility • Separate content from appearance • Design in individualizationأبقيها بسيطةاستخدام الخرائط وغيرها من الآليات للمرونةافصل المحتوى عن المظهرتصميم في الفردية

35. Making Web Pages Accessible جعل صفحات الويب يمكن الوصول إليها Cute, but not much good for blind people

36. WHO WHAT WHEN WHERE WHY HOW Assumptions • You know why you want a web site • You know who your audience is • You know what you want to say • You have prioritised the information you are trying to convey • You have thought out how you wish the viewers to traverse that information

37. أنت تعرف لماذا تريد موقع على شبكة الإنترنتأنت تعرف من هو جمهوركأنت تعرف ما تريد قولهلقد أعطيت الأولوية للمعلومات التي تحاول نقلهالقد فكرت كيف تريد للمشاهدين اجتاز تلك المعلومات

38. Navigating • Tension between • little or no scrolling • shallow hierarchy • In-band and out-of-band navigation • navigation in the main body - maintenance problems • navigation in side or top bar - frame problems • E-commerce sites need to control some navigational aims.

39. التوتر بينقليلا أو لا التمريرتسلسل هرميفي النطاق والملاحة خارج النطاقالملاحة في الجسم الرئيسي - مشاكل الصيانةالملاحة في الجانب أو أعلى شريط - مشاكل الإطارتحتاج مواقع التجارة الإلكترونية للسيطرة على بعض الأهداف الملاحية.

40. Who needs access? • People with visual disabilities • People with aural disabilities • People with cognitive disabilities such as dyslexia • Peopleالأشخاص ذوي الإعاقات البصريةالأشخاص ذوي الإعاقة السمعيةالأشخاص الذين يعانون من إعاقات إدراكية مثل عسر القراءةاشخاص

41. Vision problems • Need the fonts and colours adjustable • Keep it simple • no frames, or simple use of frames • tables only for tabular information • simple (and often) navigation • ensure that there is an ALT text or alternative textual description for purely visual elements. --use simple backgrounds, fonts and sizes.

42. تحتاج الخطوط والألوان قابل للتعديلأبقيها بسيطةلا إطارات، أو استخدام بسيط من الإطاراتالجداول فقط للمعلومات الجدوليةبسيطة (وغالبا) الملاحةتأكد من وجود نص ألت أو وصف نصي بديل للعناصر المرئية البحتة

43. Aural Problems • What can I say? • Don’t rely on sound.

44. Cognitive problems • Use language correctly and simply • It is not a bad idea not to use double negatives • Get your navigation right. • Problem • for most people, fonts with serifs are best, for long texts. • For dyslexics, sans serif fonts are best. استخدام اللغة بشكل صحيح وببساطةانها ليست فكرة سيئة عدم استخدام السلبيات المزدوجةالحصول على التنقل الخاص بك الحق.مشكلةبالنسبة لمعظم الناس، والخطوط مع ذنابة هي الأفضل، لنصوص طويلة.ل ديسليكسيكس، الخطوط بدون ذنابة هي

45. The Big Tension HTTP was designed to allow the user (the browser) control over the appearance, as opposed to the content, of a web page. Can be good for disability access. Corporate users want total control over what and how the user sees and hears the material. Can bebad for disability access. Note that this slide is bad for colour blind people.

46. تم تصميم هتب للسماح للمستخدم (المتصفح) بالتحكم في مظهر صفحة الويب، بدلا من المحتوى. يمكن أن تكون جيدة للوصول إلى الإعاقة.المستخدمين من الشركات تريد السيطرة الكاملة على ما وكيف يرى المستخدم ويسمع المواد. يمكن أن يكون سيئا للوصول إلى الإعاقة.لاحظ أن هذه الشريحة سيئة بالنسبة للأشخاص أعمى اللون.

47. Political Correctness • Think that - if someone is offended by your work, then you have been offensive. Not always true, but… • Where are the limits? • Saying nasty things about my religion • selling exotic things like truffles. Who knows, some day they may be sold to a soldier. Soldiers are bad, therefore truffles are bad.

48. أعتقد أن - إذا كان شخص ما أساء من عملك، ثم كنت قد تعرضت للهجوم. ليس صحيحا دائما، ولكن ...أين هي الحدود؟قول أشياء سيئة عن دينيبيع أشياء غريبة مثل الكمأة. من يدري، في بعض الأيام أنها قد تباع لجندي. الجنود سيئة، وبالتالي الكمأة

49. To learn more.. There is a very good tool that will lead to further information. It is “Cynthia says athttp://www.contentquality.com/ It will not only actually check your site for you for accessibility, cross-browser compatibility, and speed of access, “The source” is http://www.w3.org/WAI/GL/

50. A Simple Test • Unplug the mouse. • If the site works well from the keyboard you are successful in making an accessible sight.