Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Σχεδιάζοντας για Ευχρηστία και Προσβασιμότητα Παναγιώτης Ζαφείρης [email_address] Αναπληρωτής Καθηγητής Τμήμα Πολυμέσων κα...
Career path <ul><ul><li>HND (Electrical Engineering) Higher Technical Institute, Cyprus </li></ul></ul><ul><ul><li>BSc in ...
Έρευνα <ul><li>Η έρευνα μου εστιάζετε σε τομείς που έχουν να κάνουν με τον σχεδιασμό διαδραστικών συστημάτων για άτομα με ...
<ul><li>Social Aspects of Computing </li></ul><ul><ul><li>The social dimension of Computer games and 3D virtual worlds (e....
Human Computer Interaction <ul><li>«Η Αλληλεπίδραση Ανθρώπου-Υπολογιστή (ΑΑΥ) είναι η επιστημονική περιοχή που μελετά το σ...
Ευχρηστία και προσβασιμότητα του παγκόσμιου ιστού ( Web Accessibility/Usability ) <ul><li>Past: </li></ul><ul><ul><li>&quo...
Σχεδιασμό διαδραστικών συστημάτων για άτομα με ειδικές ανάγκες και τους ηλικιωμένους
Σχεδιασμό διαδραστικών συστημάτων για άτομα με ειδικές ανάγκες και τους ηλικιωμένους <ul><li>Current: </li></ul><ul><ul><l...
Συμμετοχικός σχεδιασμός ( Participatory Design ) διαδραστικών συστημάτων μάθησης <ul><ul><li>Kypros-Net Inc. [7.5 million ...
Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών
Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών <ul><ul><li>Μοντελοποίηση των κοινωνικών διαστάσεων των ηλεκτρονικών παιχ...
Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών <ul><ul><li>Post-doc fellow looking at social interaction in 3D virtual w...
Διαδικτυακές ομάδες υποστήριξης ( Empathic Online Support Communities )
Διαδικτυακές ομάδες υποστήριξης ( Empathic Online Support Communities ) <ul><li>Μελέτη διαδικτυακών ομάδων για άτομα τρίτη...
Other Activities <ul><ul><li>  The City Interaction Lab </li></ul></ul>
Other Activities
Royal Opera House
Σχεδιάζοντας για ευχρηστία και προσβασιμότητα
<ul><li>Σχεδιάζοντας διαδραστικά συστήματα  με  τους χρήστες σαν συνεργάτες ( συμμετοχικός σχεδιασμός ) </li></ul><ul><li>...
Σχεδιάζοντας διαδραστικά συστήματα  με  τους χρήστες σαν συνεργάτες ( συμμετοχικός σχεδιασμός ) Δημιουργική συμμετοχή ( Cr...
Design of  the mock-up  model Pilot study - A mock-up model  as a stimulator in  a UCD process  with older people  Observa...
<ul><li>Pilot   study </li></ul><ul><li>-  Το πρωτότυπο σαν βοήθεια στην διαδικασία ανθρωποκεντρικού σχεδιασμού  με  άτομα...
Αποτελέσματα Creative part A mock-up model as: - a Visual stimulator - a Interactive tool  - a Stimulator of past experien...
<ul><li>Παρακολούθηση Χρηστών ( Observations ) </li></ul><ul><li>3  διαφορετικές ομάδες: Ηλικιωμένοι μη-χρήστες, ηλικιωμέν...
Ανάλυση και μοντελοποίηση της χρήσης ( Analysing and modelling User Behaviour when interacting with such systems ) Ηλικιακ...
Στόχοι  Να ερευνήσουμε τις ηλικιακές διαφορές όσο αφορά το πώς οι ηλικιωμένοι και οι νεαρότερες ηλικίες χρησιμοποιούν τον ...
Older people are using the web <ul><ul><li>49 million older people across Europe have used computers at least once in thei...
Ηλικιακές διαφορές στην πλοήγηση του παγκόσμιου ιστού  Προηγούμενες έρευνες έδειξαν ότι υπάρχουν ηλικιακές διαφορές στον τ...
Συσκευή παρακολούθησης ματιού ( Eye tracking ) <ul><ul><li>Σε περίπλοκες εργασίες  επεξεργασία ς  πληροφοριών  υπάρχει δυν...
Συμμετέχωντες <ul><ul><li>44  (22  από κάθε ηλικιακή ομάδα) </li></ul></ul><ul><ul><li>Ηλικιωμένοι:  8  άνδρες, 14 γυναίκε...
<ul><ul><li>Ερωτηματολόγιο για καταγραφή των δυνατοτήτων και της εμπιστοσύνης στον εαυτό τους στην χρήση υπολογιστών. </li...
Απλές ιστοσελίδες  –  διαφορετική δομή της πληροφορίας
Συνολικά  18  εργασίες  - 6  σε κάθε ιστοσελίδα <ul><ul><li>Examples of tasks: To find: </li></ul></ul><ul><ul><ul><li>An ...
Μερικά αποτελέσματα  – Pre-study questionnaire <ul><ul><li>Οι νεαροί δήλωσαν περισσότερη αυτοπεποίθηση στην χρήση υπολογισ...
Μερικά αποτελέσματα – difference between the age groups Οι ηλικιωμένοι χρειάστηκαν στατιστικά περισσότερο χρόνο από τους ν...
Μερικά αποτελέσματα από τον  eye tracking <ul><li>Οι νεαροί δεν </li></ul><ul><ul><li>Δίνουν προσοχή σε όλες τις επιλογές ...
Task: A website of an organisation which helps people making decisions about the long term care of their relatives (QN) Yo...
Task: A website of an organisation which helps people making decisions about the long term care of their relatives (QN) Yo...
Camden council website Task: to find information about blue badge parking permits for disabled people Older person Younger...
Camden council website Task: to find information about blue badge parking permits for disabled people Older person Younger...
Δημιουργία οδηγιών σχεδίασης <ul><li>Research Based Web Design Guidelines </li></ul><ul><li>Based on 100+ research papers ...
Empathic Online Communities Έμφαση στην κοινωνική διάσταση
Data Source <ul><li>Source: SeniorNet </li></ul><ul><ul><li>Μελέτη της διαδικτυακής κοινότητας για ηλικιωμένα άτομα με  κα...
Qualitative Content Analysis Read all messages Define the unit of analysis Read Extract/refine keywords and themes Order/g...
Code scheme
Social Network Analysis
<ul><li>Ευχαριστώ </li></ul>
Upcoming SlideShare
Loading in …5
×

Σχεδιάζοντας για Ευχρηστία και Προσβασιμότητα

1,414 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Σχεδιάζοντας για Ευχρηστία και Προσβασιμότητα

  1. 1. Σχεδιάζοντας για Ευχρηστία και Προσβασιμότητα Παναγιώτης Ζαφείρης [email_address] Αναπληρωτής Καθηγητής Τμήμα Πολυμέσων και Γραφικών Τεχνών
  2. 2. Career path <ul><ul><li>HND (Electrical Engineering) Higher Technical Institute, Cyprus </li></ul></ul><ul><ul><li>BSc in Electrical Engineering from University of Maryland </li></ul></ul><ul><ul><li>MSc in Systems Engineering/Design from University of Maryland, College Park.  Supervisor: Prof. Ben Shneiderman. </li></ul></ul><ul><ul><li>PhD in Human Computer Interaction from Wayne State University (Industrial Engineering/Design Department). Minor in Multimedia and Instructional Technology. </li></ul></ul><ul><ul><li>Researcher at Institute of Gerontology, Wayne State University (focusing on technology use by older people) </li></ul></ul><ul><ul><li>Lecturer - Senior Lecturer - Reader at Centre for HCI Design, City University London </li></ul></ul><ul><ul><li>Associate Dean for Research for School of Informatics </li></ul></ul>
  3. 3. Έρευνα <ul><li>Η έρευνα μου εστιάζετε σε τομείς που έχουν να κάνουν με τον σχεδιασμό διαδραστικών συστημάτων για άτομα με ειδικές ανάγκες και τους ηλικιωμένους. </li></ul><ul><li>Δεύτερος τομέας έρευνας μου είναι η κοινωνική πτυχή της πληροφορικής/διαδικτύου </li></ul><ul><li>“ Inclusive Design and Social Aspects of Computing” </li></ul><ul><li>Inclusive Design: </li></ul><ul><ul><li>Web/Multimedia accessibility </li></ul></ul><ul><ul><li>Design and evaluation of interactive systems for the elderly and the disabled </li></ul></ul><ul><ul><li>Participatory Design (especially for e-learning multimedia systems) </li></ul></ul><ul><ul><li>Computer Aided (foreign) Language Learning </li></ul></ul>
  4. 4. <ul><li>Social Aspects of Computing </li></ul><ul><ul><li>The social dimension of Computer games and 3D virtual worlds (e.g. World of Warcraft, Second Life etc) </li></ul></ul><ul><ul><li>Computer Mediated Communication (CMC) </li></ul></ul><ul><ul><li>Empathic online communities (discussion boards, myspace, facebook etc) </li></ul></ul>Research Focus
  5. 5. Human Computer Interaction <ul><li>«Η Αλληλεπίδραση Ανθρώπου-Υπολογιστή (ΑΑΥ) είναι η επιστημονική περιοχή που μελετά το σχεδιασμό, την ανάπτυξη και την αξιολόγηση διαδραστικών υπολογιστικών συστημάτων , και την μελέτη των φαινομένων που τα περιβάλλουν» </li></ul><ul><li>“ Human-Computer Interaction is a discipline concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them” (ACM SIGCHI 1992) </li></ul>
  6. 6. Ευχρηστία και προσβασιμότητα του παγκόσμιου ιστού ( Web Accessibility/Usability ) <ul><li>Past: </li></ul><ul><ul><li>&quot;An in-depth study of the current state of web accessibility&quot;. Funded by the Disability Rights Commission (DRC). </li></ul></ul><ul><ul><li>&quot;Usability Studies for JISC Services and Information Environment&quot; . Funded by JISC. </li></ul></ul><ul><ul><li>&quot;Information Visualisation Foundation Study&quot;. Funded by JISC. </li></ul></ul><ul><li>Current:  </li></ul><ul><ul><li>Web navigation studies for people with special needs (currently looking at Dyslexia and Dementia/Ageing). </li></ul></ul><ul><ul><li>Use of eye-tracking to measure learner engagement with e-learning applications </li></ul></ul>
  7. 7. Σχεδιασμό διαδραστικών συστημάτων για άτομα με ειδικές ανάγκες και τους ηλικιωμένους
  8. 8. Σχεδιασμό διαδραστικών συστημάτων για άτομα με ειδικές ανάγκες και τους ηλικιωμένους <ul><li>Current: </li></ul><ul><ul><li>“ Mathematical Modelling of Age Related Differences in Web Browsing”. Funded by EPSRC/SPARC program. </li></ul></ul><ul><ul><li>“ Creativity in senior-centred design” City University PhD studentship </li></ul></ul>
  9. 9. Συμμετοχικός σχεδιασμός ( Participatory Design ) διαδραστικών συστημάτων μάθησης <ul><ul><li>Kypros-Net Inc. [7.5 million hits per month] </li></ul></ul><ul><ul><li>Learn Greek Online. Currently has 160,000 register Users. </li></ul></ul><ul><ul><li>Content and design of the course developed through the active participatory of users (user-generated content) </li></ul></ul><ul><ul><li>Funding: from Cyprus Government </li></ul></ul>http://www.kypros.org/ http://www.ellinika.org/
  10. 10. Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών
  11. 11. Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών <ul><ul><li>Μοντελοποίηση των κοινωνικών διαστάσεων των ηλεκτρονικών παιχνιδιών, χρησιμοποιώντας την θεωρία δραστηριοτήτων ( Activity Theory) </li></ul></ul><ul><ul><li>Μοντελοποίηση γνωστικών θεμάτων ( Cognitive Issues) που αφορούν τα ηλεκτρονικά παιχνίδια </li></ul></ul><ul><ul><ul><li>A model of cognitive loads in massively multiplayer online role playing games  Interacting with Computers, Volume 19, Issue 2, 1 March 2007, Pages 167-179.  Ang, C.S.; Zaphiris, P.; Mahmood, S. (2 nd most downloaded paper from June-Sept 2007) </li></ul></ul></ul>
  12. 12. Η κοινωνική διάσταση των ηλεκτρονικών παιχνιδιών <ul><ul><li>Post-doc fellow looking at social interaction in 3D virtual worlds (e.g. SecondLife) </li></ul></ul><ul><ul><li>ESRC funding (part of festival of social science) hosted a 2 day seminar (spring 2008) to look at e-learning in Virtual Worlds. </li></ul></ul><ul><ul><li>Social Interaction in 3D virtual worlds and/or support communities in 3D virtual worlds. (funded in part from EPSRC Digital Economy small grant) </li></ul></ul>
  13. 13. Διαδικτυακές ομάδες υποστήριξης ( Empathic Online Support Communities )
  14. 14. Διαδικτυακές ομάδες υποστήριξης ( Empathic Online Support Communities ) <ul><li>Μελέτη διαδικτυακών ομάδων για άτομα τρίτης ηλικίας </li></ul><ul><ul><li>Zaphiris, P., Sarwar, R. (2006) Trends, Similarities and Differences in the Usage of Teen and Senior Public Online Newsgroups. ACM Transactions on Computer-Human Interaction (TOCHI), ACM Press. </li></ul></ul><ul><ul><li>Pfeil, U., Zaphiris, P. (2007) Patterns of empathy in online communication. Full paper CHI 2007 Conference on Human Factors in Computing Systems. </li></ul></ul>
  15. 15. Other Activities <ul><ul><li>  The City Interaction Lab </li></ul></ul>
  16. 16. Other Activities
  17. 17. Royal Opera House
  18. 18. Σχεδιάζοντας για ευχρηστία και προσβασιμότητα
  19. 19. <ul><li>Σχεδιάζοντας διαδραστικά συστήματα με τους χρήστες σαν συνεργάτες ( συμμετοχικός σχεδιασμός ) </li></ul><ul><li>Ανάλυση και μοντελοποίηση της χρήσης </li></ul><ul><li>Δημιουργία οδηγιών σχεδίασης </li></ul><ul><li>Έμφαση στην κοινωνική διάσταση του διαδικτύου </li></ul>
  20. 20. Σχεδιάζοντας διαδραστικά συστήματα με τους χρήστες σαν συνεργάτες ( συμμετοχικός σχεδιασμός ) Δημιουργική συμμετοχή ( Creative Involvement ) ηλικιωμένων στην διαδικασία σχεδιασμού
  21. 21. Design of the mock-up model Pilot study - A mock-up model as a stimulator in a UCD process with older people Observation: older non IT users, older IT users, HCI students Explore the use of innovative creative methods Literature review of current HCI methods Develop hypotheses 1 2 3 4
  22. 22. <ul><li>Pilot study </li></ul><ul><li>- Το πρωτότυπο σαν βοήθεια στην διαδικασία ανθρωποκεντρικού σχεδιασμού με άτομα της τρίτης ηλικίας. </li></ul><ul><li>- 10 συνεντεύξεις </li></ul><ul><li>4 διαφορετικές ομάδες πληθυσμού (φοιτητές , νεαρές οικογένειες, ηλικιωμένοι χρήστες της τεχνολογίας, ηλικιωμένοι μη-χρήστες της τεχνολογίας) </li></ul><ul><li>Μεθοδολογίες </li></ul><ul><li>1. Αξιολόγηση (familiarization) </li></ul><ul><li>- Αποδοχή του πρωτότυπου από τους συμμετέχοντες. </li></ul><ul><li>Καταγραφή της γνώμης τους </li></ul><ul><li>Αναγνώριση του πρωτότυπου σαν μελλοντική διαδραστική συσκευή. </li></ul><ul><li>2. Δημιουργικό κομμάτι ( Creative part ) </li></ul><ul><li>Η δυνατότητα τους να φανταστούν το πρωτότυπο σαν πραγματική συσκευή </li></ul><ul><li>Πιθανές χρήσεις </li></ul>
  23. 23. Αποτελέσματα Creative part A mock-up model as: - a Visual stimulator - a Interactive tool - a Stimulator of past experiences - a Reminder of existing and trigger for future technological designs
  24. 24. <ul><li>Παρακολούθηση Χρηστών ( Observations ) </li></ul><ul><li>3 διαφορετικές ομάδες: Ηλικιωμένοι μη-χρήστες, ηλικιωμένοι χρήστες, φοιτητές HCI </li></ul><ul><li>Στοιχεία παρακολούθησης: </li></ul><ul><li>- Κίνητρο χρήσης </li></ul><ul><li>Στρατηγικές χρήσης </li></ul><ul><li>Τεχνολογίες χρήσης </li></ul><ul><li>Δυναμική της ομάδας </li></ul><ul><li>Findings </li></ul><ul><li>- Οδηγίες οργάνωσης εργαστηρίων δημιουργικότητας ( creative workshops ) με την συμμετοχή ηλικιωμένων </li></ul>
  25. 25. Ανάλυση και μοντελοποίηση της χρήσης ( Analysing and modelling User Behaviour when interacting with such systems ) Ηλικιακές διαφορές στην πλοήγηση του παγκόσμιου ιστού ( Age-related differences in navigating the Web )
  26. 26. Στόχοι Να ερευνήσουμε τις ηλικιακές διαφορές όσο αφορά το πώς οι ηλικιωμένοι και οι νεαρότερες ηλικίες χρησιμοποιούν τον παγκόσμιο ιστό Με στόχο να δημιουργηθούν οδηγίες για καλύτερο σχεδιασμό πληροφορίας ( information architecture ) για τους ηλικιωμένους
  27. 27. Older people are using the web <ul><ul><li>49 million older people across Europe have used computers at least once in their life </li></ul></ul><ul><ul><li>27 million older people live in a household with internet access. </li></ul></ul><ul><ul><li>So-called silver surfers now represent 12% of internet users in the UK with 37% of 60 to 64-year-olds now online at home. </li></ul></ul><ul><ul><li>A higher level of computer ownership (50%) among the 60-64 age group than among the 18 to 30 year olds (46%) </li></ul></ul><ul><li>Sources: SeniorWatch (2003), (Guardian, 2003). </li></ul>
  28. 28. Ηλικιακές διαφορές στην πλοήγηση του παγκόσμιου ιστού Προηγούμενες έρευνες έδειξαν ότι υπάρχουν ηλικιακές διαφορές στον τρόπο χρήσης/πλοήγησης του παγκόσμιου ιστού.
  29. 29. Συσκευή παρακολούθησης ματιού ( Eye tracking ) <ul><ul><li>Σε περίπλοκες εργασίες επεξεργασία ς πληροφοριών υπάρχει δυνατή σχέση μεταξύ προσοχής του χρήστη και εστίασης του ματιού ( attention and eye fixations ) </li></ul></ul><ul><ul><li>Χρησιμοποιήθηκε για την μελέτης της ανθρώπινης συμπεριφοράς στην επίλυση προβλημάτων ( human problem-solving behaviour ) </li></ul></ul><ul><ul><li>Χρησιμοποιήθηκε για την μελέτη οπτικ ών μορφ ών αναζήτησης </li></ul></ul>
  30. 30. Συμμετέχωντες <ul><ul><li>44 (22 από κάθε ηλικιακή ομάδα) </li></ul></ul><ul><ul><li>Ηλικιωμένοι: 8 άνδρες, 14 γυναίκες . 58 – 87 ετών . Μέσος όρος ηλικίας: 66.8 </li></ul></ul><ul><ul><li>Νεαροί: 8 άνδρες, 14 γυναίκες . 19 - 27 ετών. Μέσος όρος ηλικίας 23.5 . </li></ul></ul>
  31. 31. <ul><ul><li>Ερωτηματολόγιο για καταγραφή των δυνατοτήτων και της εμπιστοσύνης στον εαυτό τους στην χρήση υπολογιστών. </li></ul></ul><ul><ul><li>Mouse movement test </li></ul></ul><ul><ul><li>Online reading test </li></ul></ul><ul><ul><li>Εργασίες σε απλές ιστοσελίδες </li></ul></ul><ul><ul><li>Εργασίες σε κρατικές ιστοσελίδες </li></ul></ul>
  32. 32. Απλές ιστοσελίδες – διαφορετική δομή της πληροφορίας
  33. 33. Συνολικά 18 εργασίες - 6 σε κάθε ιστοσελίδα <ul><ul><li>Examples of tasks: To find: </li></ul></ul><ul><ul><ul><li>An overview of optic neuritis </li></ul></ul></ul><ul><ul><ul><li>Advice about fraud and insurance for long term care </li></ul></ul></ul><ul><ul><ul><li>A website describing why older people can be at risk when taking medicines </li></ul></ul></ul><ul><ul><ul><li>Information for people with an eye disorder called cataracts </li></ul></ul></ul>
  34. 34. Μερικά αποτελέσματα – Pre-study questionnaire <ul><ul><li>Οι νεαροί δήλωσαν περισσότερη αυτοπεποίθηση στην χρήση υπολογιστή. </li></ul></ul><ul><ul><li>Οι νεαροί δήλωσαν περισσότερα χρόνια σπουδών. </li></ul></ul><ul><ul><li>Οι ηλικιωμένοι δήλωσαν προβλήματα: Στην ανεύρεση πληροφοριών, να επιστρέψουν σε μια ιστοσελίδα που επισκεφτήκαν παλιά, να βρουν που μπορούν να παν στην ιστοσελίδα, να έχουν νοητική απεικόνιση (congitive visualization) οσο αφορά το που βρίσκονται στον παγκόσμιο ιστό. </li></ul></ul>
  35. 35. Μερικά αποτελέσματα – difference between the age groups Οι ηλικιωμένοι χρειάστηκαν στατιστικά περισσότερο χρόνο από τους νεαρούς στο για να συμπληρώσουν τις εργασίες που τους δόθηκαν ( 28.7sec vs 23.0sec) . Οι ηλικιωμένοι έκαναν λιγότερα clicks σε σύγκριση με τους νεαρούς (ie viewed less pages) (6.18 clicks vs 7.12 clicks).
  36. 36. Μερικά αποτελέσματα από τον eye tracking <ul><li>Οι νεαροί δεν </li></ul><ul><ul><li>Δίνουν προσοχή σε όλες τις επιλογές </li></ul></ul><ul><ul><li>Δεν ‘σπαταλούν’ χρόνο μελετώντας την κάθε επιλογή. </li></ul></ul>
  37. 37. Task: A website of an organisation which helps people making decisions about the long term care of their relatives (QN) Younger participants Older participants
  38. 38. Task: A website of an organisation which helps people making decisions about the long term care of their relatives (QN) Younger participants Older participants
  39. 39. Camden council website Task: to find information about blue badge parking permits for disabled people Older person Younger person
  40. 40. Camden council website Task: to find information about blue badge parking permits for disabled people Older person Younger person
  41. 41. Δημιουργία οδηγιών σχεδίασης <ul><li>Research Based Web Design Guidelines </li></ul><ul><li>Based on 100+ research papers </li></ul><ul><li>Organized and categorized using techniques like card sorting, affinity diagramming, focus groups with designers </li></ul><ul><li>Evaluated with older people and web designeres </li></ul>
  42. 42. Empathic Online Communities Έμφαση στην κοινωνική διάσταση
  43. 43. Data Source <ul><li>Source: SeniorNet </li></ul><ul><ul><li>Μελέτη της διαδικτυακής κοινότητας για ηλικιωμένα άτομα με κατάθλιψη </li></ul></ul><ul><li>400 μηνύματα (6th August 2000 - 14th February 2002) </li></ul><ul><li>από 47 μέλη της κοινότητας </li></ul>
  44. 44. Qualitative Content Analysis Read all messages Define the unit of analysis Read Extract/refine keywords and themes Order/group the themes Saturation Final code scheme Draft of code scheme ‘ Meaning’
  45. 45. Code scheme
  46. 46. Social Network Analysis
  47. 47. <ul><li>Ευχαριστώ </li></ul>

×