![Page 1: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/1.jpg)
Νίκος Αβούρης [ Πάτρα 16.02.2012 ]
Εισαγωγή στην ΑλληλεπίδρασηΑνθρώπου-Υπολογιστή και εφαρμογές
IEEE Student Branch Computer Chapter
![Page 2: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/2.jpg)
http://hci.ece.upatras.gr2/44
ΑλληλεπίδρασηΑνθρώπου-ΥπολογιστήΕπιστημονική περιοχή με αντικείμενοτη μελέτη της αλληλεπίδρασης τωνχρηστών με υπολογιστικά συστήματα, με ιδιαίτερη εστίαση στη σχεδίαση, ανάπτυξη και αξιολόγησηδιαδραστικών συστημάτων(interactive computer systems)[ACM SIGCHI 1992].
![Page 4: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/4.jpg)
http://hci.ece.upatras.gr4/44
Multi-touch floors
multi-touch floor video
Αλληλεπίδραση χωρίς τεχνολογία
http://www.designlaunches.com
![Page 5: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/5.jpg)
http://hci.ece.upatras.gr5/44
Λόγοι που αξίζει η μελέτη.. l Σημασία Περιστοιχιζόμαστε όλο καιπερισσότερο από διαδραστικές τεχνολογίες(το διαδίκτυο, κινητά κλπ).
l Κοινωνικοί λόγοι Σχεδιάζοντας πιοεύχρηστους υπολογιστές επιτελούμεκοινωνική προσφορά, σώζουμε ζωές, χρόνο, περιουσίες
l Απαίτηση για δεξιότητες ειδικού ευχρηστίαςκαι προσβασιμότητας από την αγοράεργασίας
![Page 6: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/6.jpg)
http://hci.ece.upatras.gr6/44
Μια περιοχή σε διαρκή εξέλιξη
l Δεκαετία 70: πρώτα διαδραστικά υπολογιστικάσυστήματα (PC)
l … σήμερα: ανάπτυξη υλικού και λογισμικούυπολογιστών οθόνες υψηλής ανάλυσης, επεξεργαστές και ειδικές μνήμες αποθήκευσηςγραφικής πληροφορίας, εξελίξεις στην ανάπτυξηκαι υλοποίηση αλγορίθμων γραφικής απεικόνισης , ανάπτυξη νέων συσκευών αλληλεπίδρασης (VR) διαδίκτυο και πανταχού παρών υπολογιστής(ubiquitous computing)
![Page 7: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/7.jpg)
http://hci.ece.upatras.gr7/44
η προϊστορία των υπολογιστών …
Οι χρήστες ήταν εξειδικευμένοι
![Page 8: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/8.jpg)
http://hci.ece.upatras.gr8/44
Σήμερα: χρήστες: όλοισχεδόν οιπολίτες
Adam Greenfield, “Everyware: The Dawning Age of Ubiquitous Computing”http://www.darkgovernment.com/news/tag/privacy/page/3/#ixzz1Ep1gAH41
![Page 9: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/9.jpg)
http://hci.ece.upatras.gr9/44
Μελέτη του ανθρώπου ωςεπεξεργαστή πληροφορίας
Αισθητήρια αντίληψηΓνώσηΜνήμηΜάθησηΑυτοματισμοίΠροσοχήΝοητικά Μαντέλα
http://msdn.microsoft.com/en-us/magazine/ee335698.aspx
![Page 10: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/10.jpg)
http://hci.ece.upatras.gr10/44
Από interface design …σε interaction design… σε user experience design
Σχεδίαση διαδραστικώνσυστημάτων
![Page 11: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/11.jpg)
http://hci.ece.upatras.gr11/44
Ανθρωπο-κεντρικήσχεδίαση
DesignPrototype
Evaluate
Η ανθρώπινηδραστηριότηταστο κέντρομελέτης μας
![Page 12: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/12.jpg)
http://hci.ece.upatras.gr12/44
Παράδειγμα ανάλυσης αλληλεπίδρασηςγια σχεδίαση διαδραστικής τεχνολογίας
![Page 13: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/13.jpg)
http://hci.ece.upatras.gr13/44
Νοητικά μοντέλα/ σχεδίαση
Νοητικό ΜοντέλοΣχεδιαστή
Νοητικό ΜοντέλοΧρήστη
Διεπιφάνεια χρήστη/ Εργαλεία
![Page 15: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/15.jpg)
http://hci.ece.upatras.gr15/44
Usability = Ευχρηστία
H Ευχρηστία { (η) ουσ. τογνώρισμα του εύ-χρηστου, αυτούπου μπορεί εύκολα ναχρησιμοποιηθεί } παράμετροςποιότητας ενός διαδραστικούσυστήματος.
![Page 16: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/16.jpg)
http://hci.ece.upatras.gr16/44
ISO 9241-11 Guidance on Usability
H δυνατότητα ενός προϊόντος πουχρησιμοποιείται από καθορισμένουςχρήστες με καθορισμένους στόχους, υπό καθορισμένες συνθήκες χρήσης ναείναι αποτελεσματικό (effectiveness), αποδοτικό (efficiency) και να παρέχειυποκειμενική ικανοποίηση (satisfaction) στους χρήστες του
![Page 17: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/17.jpg)
http://hci.ece.upatras.gr17/44
Usability model
social and organisationalenvironment
physical environment
product
technical environment
user
personalenvironment
interactiontasks output:
effectivenessefficiency
user satisfaction
goals
![Page 18: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/18.jpg)
http://hci.ece.upatras.gr18/44
Τεχνολογία Ευχρηστίας: Πρότυπα
l ISO 13407 Human-Centered Design Process for Interactive Systems
l ISO TR 18529 Human-centred lifecycle processes descriptions
l ANSI/NCITS 354 / ISO 25062 Common Industry Format usability tests
http://www.upassoc.org/
![Page 19: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/19.jpg)
http://hci.ece.upatras.gr19/44
Usability body of knowledgehttp://www.usabilitybok.org/
![Page 22: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/22.jpg)
http://hci.ece.upatras.gr22/44
HUMAN FACTORS (ο ανθρώπινος παράγων)
π.χ.Guidelines ( Nielsen)1. Αποφυγή περιττών και σύνθετων στοιχείων. 2. Χρήση κατανοητής προς τους χρήστες γλώσσας. 3. Ελαχιστοποίηση μνημονικού φορτίου χρήστη. 4. Συνέπεια σε ολόκληρη την διεπιφάνεια. 5. Παροχή ανάδρασης. 6. Εύκολες και σαφείς έξοδοι διαφυγής. 7. Παροχή συντομεύσεων προς πεπειραμένους
χρήστες. 8. Σχεδιασμός για αποτροπή σφαλμάτων χρήστη9. Επαρκής υποστήριξη - Βοήθεια και Εγχειρίδια
![Page 23: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/23.jpg)
http://hci.ece.upatras.gr23/44
από HUMAN FACTORS to HUMAN ACTORSΧαρακτηριστικά
– Βελτίωση Εμπειρίας Χρήστη
Μικρότεροςχρόνοςαναμονής
Μικρότερος χρόνοςολοκλήρωσηςεργασίας
Βελτίωσηχρήσης εύρουςζώνης
Αμεσότηταχειρισμών
Η εμπειρία χρήσης πρέπει να παρέχει:•Ικανοποίηση•Ευχαρίστηση•Διασκέδαση•Υποστήριξη•Κίνητρα•Αισθητική ικανοποίηση•Υποστήριξη για δημιουργικότητα•Να ανταμείβει την προσπάθεια•Συναισθηματική πληρότητα
![Page 24: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/24.jpg)
http://hci.ece.upatras.gr24/44
& εφαρμογές
Παραδείγματα αποτελεσμάτων του HCI Group
![Page 25: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/25.jpg)
http://hci.ece.upatras.gr25/44
HCI Group Πανεπιστήμιου Πατρών:15 χρόνια ιστορία
![Page 26: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/26.jpg)
http://hci.ece.upatras.gr26/44
Υποδομή του ΕργαστηρίουUsability Lab: Monitoring and logging behavioral patterns
Eyetracker
![Page 27: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/27.jpg)
http://hci.ece.upatras.gr27/44 27
Παραδείγματα αποτελεσμάτων(α) InfoScent: Hyperlinks Evaluator
For a given user goal and user profile the semantic appropriateness of hyperlinks is evaluated and the most probable user trail predicted in order to identify navigability/findability flaws
Based on Information Foraging Theory (Pirolli & Card, 1997) Latent Semantic Analysis (Landauer & Dumais, 1997)
![Page 30: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/30.jpg)
http://hci.ece.upatras.gr30/44
(β) AutoCardSorterInformation Architecture Support
Given a description of the pages of a web site
The AutoCardSorter runs an automated analysis: calculates the semantic similarity among all the pages,
Clustering algorithms applied to group together semantically similar pages
![Page 31: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/31.jpg)
http://hci.ece.upatras.gr31/44
(γ) ActivityLens: Ανάλυση δεδομένωνπεδίου (Fiotakis et al.)
![Page 32: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/32.jpg)
http://hci.ece.upatras.gr32/44
(δ) Web Accessibility tool Web site evaluation against WCAG v1.0 guidelines using IBM Rational Policy Tester
![Page 33: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/33.jpg)
http://hci.ece.upatras.gr33/44
(ε) SolomosMuseumMobile Application: Guide and Games
![Page 34: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/34.jpg)
http://hci.ece.upatras.gr34/44
(ζ) MuseumScrabbleΟμαδικό παιχνίδι σύνδεσης αντικειμένωνμε έννοιες (Sintoris et al. 2011)
![Page 38: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/38.jpg)
http://hci.ece.upatras.gr38/44
(ι) Design and Usability Evaluation of web portals
SERIES Seismic Engineering Research Infrastructure
ORCHESTRA: research oncomputer-based insilico methods forevaluating the toxicity ofchemicals
![Page 39: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/39.jpg)
http://hci.ece.upatras.gr39/44
QALIBRA
comode.com
ModellingSpace.net
museumsolomos.gr
![Page 40: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/40.jpg)
http://hci.ece.upatras.gr40/44
[Sintoris et al. 2011 ]
(κ) Invisible City παιχνίδι πόληςμε διαμόρφωση περιέχομένου από τουςπαίχτες:
The game is a succession of phases where l players debate, argue and vote
l Carry out individual missions
![Page 41: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/41.jpg)
http://hci.ece.upatras.gr41/44
Invisible city - Rebels vs Spies:
Content for missions is contributed through a web site (e.g. a school teacher can design a specific version of the game for a school party)
![Page 42: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/42.jpg)
http://hci.ece.upatras.gr42/44
Τρόποι αλληλεπίδρασηςμε χωροσήμανσηQR codes
A= σάρωσηκωδικού
Β= αναγνώρισηκωδικού (πχ URI)
Γ= πρόσβαση στηνιστοσελίδα με σχετικέςπληροφορίες
![Page 43: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/43.jpg)
http://hci.ece.upatras.gr43/44
Social media and user experiencel intersocial
![Page 44: Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και Εφαρμογές](https://reader031.vdocuments.net/reader031/viewer/2022020207/554a2396b4c90542548b47f8/html5/thumbnails/44.jpg)
http://hci.ece.upatras.gr44/44
[περισσότερα]
l hci.ece.upatras.gr– Student projects
lΜαθήματα: – Προγραμματισμός Διαδικτύου (9ο εξ.)– Επικοινωνία Ανθρώπου-Μηχανής & Σχεδίαση Διαδραστικών Συστημάτων(10ο εξ.)