The Presentation cover: The concept of human and computer interaction HCI. The most misconceptions about the HCI. The most conspicuous errors common in user interfaces. Nielsen's 10 general principles for interaction design. The main points that you should pay attention to them when designing questionnaires. The principles of ease of use for games.

1.  
‫المالكي‬ ‫شهوان‬ ‫بن‬ ‫عبدهللا‬
asalmalki@kau.edu.sa
3/24/2015 1

2. 3/24/2015
‫عن‬
‫المالكي‬ ‫شهوان‬ ‫بن‬ ‫عبدهللا‬
@Aalmalki_89
2

3. 1-‫والحاسب‬ ‫االنسان‬ ‫بين‬ ‫التفاعل‬ ‫علم‬ ‫الى‬ ‫مدخل‬HCI
2-‫ابرز‬‫االخطاء‬‫الشائعة‬‫المواقع‬ ‫تصميم‬ ‫في‬
3-‫المبادئ‬‫االستخدام‬ ‫لسهولة‬ ‫التوجيهية‬–‫للويب‬
Nielsen's heuristics
4-‫توجيهات‬‫االستبانات‬ ‫لبناء‬
5-‫لأللعاب‬ ‫االستخدام‬ ‫لسهولة‬ ‫توجيهية‬ ‫مبادئ‬
3/24/2015
‫المحتويات‬
3

4. 
3/24/2015 4

5. 3/24/2015
‫مدخل‬
‫يعمل؟‬!
5

6. ‫السهولة‬
‫والسرعة‬ ‫األداء‬
‫المبذول‬ ‫الجهد‬
‫المستخدم‬ ‫رضا‬
3/24/2015
‫مدخل‬
‫األخطاء‬ ‫نسبة‬
‫يعمل‬
6

7. 3/24/2015
‫مدخل‬
The goal of HCI “is to develop or improve the
safety, utility, effectiveness, efficiency and
usability of system that include computers.”
(Interacting with computers, 1989, p3)
Fact
- Fletcher Buckley “: 85% of Software projects are
either late or delivered without satisfying the
specification.”
But WHY?
7

8. 3/24/2015
‫مدخل‬
http://www.uxmatters.com/mt/archives/2007/11/the-five-competencies-of-user-experience-
design.php
8

9. 3/24/2015
lots of feedback!
Requirements
specification
Analysis
Design
Implementation
Testing
Operation and
maintenance
user needs
9

10. HCI‫باأللوان‬ ‫باالهتمام‬ ‫محصور‬‫والواجهات‬
3/24/2015
‫مدخل‬
10

11. 3/24/2015
‫توجيه‬
‫ويستخدمها؟‬ ‫سيستفيد‬ ‫من‬
11

12. 3/24/2015
‫توجيه‬
‫تقدم؟‬ ‫ان‬ ‫يمكن‬ ‫ماذا‬
12

13. 
3/24/2015 13

14. 3/24/2015
‫محمول‬
‫نوع‬ ‫محمول‬...
‫نوع‬ ‫محمول‬....
‫نوع‬ ‫محمول‬...
‫نوع‬ ‫محمول‬...
‫مكتبي‬
‫عدد‬ ‫يكون‬ ‫ان‬
‫الفرعية‬ ‫القوائم‬
7 2
‫االفضل‬ ‫هو‬ ‫ما‬..
‫؟‬ ‫اكثر‬ ‫رئيسية‬ ‫قوائم‬
‫اكثر؟‬ ‫فرعية‬ ‫قوائم‬ ‫او‬
‫االخطاء‬ ‫ابرز‬
‫قاعدة‬ ‫هناك‬
‫الفرعية‬ ‫للقوائم‬
14

15. 3/24/2015
(‫العين‬ ‫حركة‬ ‫تتبع‬ ‫اختبار‬ ‫من‬ ‫ثبت‬ )
‫الحرف‬ ‫شكل‬ ‫العين‬ ‫تأخذ‬F‫الموقع‬ ‫محتوى‬ ‫قراءة‬ ‫اثناء‬
http://www.useit.com/alertbox/reading_pattern.html
‫االخطاء‬ ‫ابرز‬
15

16. 3/24/2015
‫االخطاء‬ ‫ابرز‬
16

17. 
3/24/2015
10‫مبادئ‬
17

18. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
Warning
18

19. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
19

20. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
20

21. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
21

22. 3/24/2015
‫مثال‬:‫المستخدم‬ ‫اسم‬ ‫في‬ ‫فقط‬ ‫احرف‬ ‫اال‬ ‫يقبل‬ ‫ال‬ ‫تسجيل‬ ‫نموذج‬.
‫توجيهية‬ ‫مبادئ‬
‫الحالة‬ ‫هذه‬ ‫في‬ ‫الوقاية‬:
1-‫توضح‬ ‫المستخدم‬ ‫اسم‬ ‫تسجيل‬ ‫خانة‬ ‫لدى‬ ‫تنبيه‬ ‫كتابة‬
‫االحرف‬ ‫يقبل‬ ‫فقط‬ ‫االسم‬ ‫ان‬.
2-‫من‬ ‫الرموز‬ ‫او‬ ‫االرقام‬ ‫ادخال‬ ‫على‬ ‫القدرة‬ ‫تعطيل‬
‫المستخدم‬ ‫اسم‬ ‫لفقرة‬ ‫المستخدم‬ ‫اختيار‬ ‫عند‬ ‫المفاتيح‬ ‫لوحة‬.
22

23. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
visited hyper text links
23

24. 3/24/2015
Ctrl+S
Ctrl+N
Ctrl+P
‫توجيهية‬ ‫مبادئ‬
24

25. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
25

26. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
26

27. 3/24/2015
‫توجيهية‬ ‫مبادئ‬
27

28. 
3/24/2015 28

29. 3/24/2015 29
 ‫للتحليل‬ ‫سهلة‬
 ‫نحتاج‬ ‫هل‬‫ألصدارات‬‫متعددة‬
 ‫التعليمات‬ ‫وضع‬
 ‫واإلجابات‬ ‫االسئلة‬ ‫صيغة‬
 ‫االلكترونية‬ ‫االستبانات‬ ‫وسلبيات‬ ‫فوائد‬
‫االستبانات‬

30. 
3/24/2015 30

31.  1. Provide consistent responses to the user’s actions.
 2. Allow users to customize video and audio settings, difficulty
and game speed.
 3. Provide predictable and reasonable behavior for computer
controlled units.

 4. Provide unobstructed views that are appropriate for the user’s
current actions
 5. Allow users to skip non-playable and frequently repeated
content.
3/24/2015 31
‫االلعاب‬ ‫في‬ ‫السهولة‬

32.  6. Provide intuitive and customizable input mappings.
 7. Provide controls that are easy to manage, and that have an
appropriate level of sensitivity and responsiveness.
 8. Provide users with information on game status.
 9. Provide instructions, training, and help.
 10. Provide visual representations that are easy to interpret and
that minimize the need for micromanagement.
3/24/2015 32
‫االلعاب‬ ‫في‬ ‫السهولة‬
http://hci.usask.ca/publications/2008/p1453-pinelle.pdf

33. ‫الـ‬ ‫مفهوم‬ ‫توضيح‬HCI
‫توضيح‬‫الـ‬ ‫مفهوم‬UX
‫بالـ‬ ‫المتعلقة‬ ‫االمور‬ ‫بعض‬ ‫توضيح‬HCI
‫المواقع‬ ‫تصميم‬ ‫الشائعة‬ ‫األخطاء‬ ‫بعض‬ ‫توضيح‬
‫التفاعلية‬ ‫الواجهات‬ ‫لتصميم‬ ‫التوجيهية‬ ‫نيلسون‬ ‫مبادئ‬ ‫توضيح‬
‫االستبانات‬ ‫لبناء‬ ‫توجيهات‬.
‫االلعاب‬ ‫في‬ ‫االستخدام‬ ‫لسهولة‬ ‫توجيهية‬ ‫مبادئ‬
3/24/2015
‫المخرجات‬
33

34. 3/24/2015
If you have any
question
34

35. 3/24/2015 35
•‫وبحمدك‬ ‫اللهم‬ ‫سبحانك‬,‫اليك‬ ‫ونتوب‬ ‫نستغفرك‬ ‫انت‬ ‫اال‬ ‫اله‬ ‫ال‬ ‫ان‬ ‫اشهد‬