Εισαγωγή στην Αλληλεπίδραση Ανθρώπου-Υπολογιστή και...

Νίκος Αβούρης [ Πάτρα 16.02.2012 ]

Εισαγωγή στην ΑλληλεπίδρασηΑνθρώπου-Υπολογιστή και εφαρμογές

IEEE Student Branch Computer Chapter

http://hci.ece.upatras.gr2/44

ΑλληλεπίδρασηΑνθρώπου-ΥπολογιστήΕπιστημονική περιοχή με αντικείμενοτη μελέτη της αλληλεπίδρασης τωνχρηστών με υπολογιστικά συστήματα, με ιδιαίτερη εστίαση στη σχεδίαση, ανάπτυξη και αξιολόγησηδιαδραστικών συστημάτων(interactive computer systems)[ACM SIGCHI 1992].

http://hci.ece.upatras.gr3/44

Αλληλεπίδραση με πολλήτεχνολογία

http://hci.ece.upatras.gr4/44

Multi-touch floors

multi-touch floor video

Αλληλεπίδραση χωρίς τεχνολογία

http://www.designlaunches.com

http://hci.ece.upatras.gr5/44

Λόγοι που αξίζει η μελέτη.. l Σημασία Περιστοιχιζόμαστε όλο καιπερισσότερο από διαδραστικές τεχνολογίες(το διαδίκτυο, κινητά κλπ).

l Κοινωνικοί λόγοι Σχεδιάζοντας πιοεύχρηστους υπολογιστές επιτελούμεκοινωνική προσφορά, σώζουμε ζωές, χρόνο, περιουσίες

l Απαίτηση για δεξιότητες ειδικού ευχρηστίαςκαι προσβασιμότητας από την αγοράεργασίας

http://hci.ece.upatras.gr6/44

Μια περιοχή σε διαρκή εξέλιξη

l Δεκαετία 70: πρώτα διαδραστικά υπολογιστικάσυστήματα (PC)

l … σήμερα: ανάπτυξη υλικού και λογισμικούυπολογιστών οθόνες υψηλής ανάλυσης, επεξεργαστές και ειδικές μνήμες αποθήκευσηςγραφικής πληροφορίας, εξελίξεις στην ανάπτυξηκαι υλοποίηση αλγορίθμων γραφικής απεικόνισης , ανάπτυξη νέων συσκευών αλληλεπίδρασης (VR) διαδίκτυο και πανταχού παρών υπολογιστής(ubiquitous computing)

http://hci.ece.upatras.gr7/44

η προϊστορία των υπολογιστών …

Οι χρήστες ήταν εξειδικευμένοι

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

http://hci.ece.upatras.gr9/44

Μελέτη του ανθρώπου ωςεπεξεργαστή πληροφορίας

Αισθητήρια αντίληψηΓνώσηΜνήμηΜάθησηΑυτοματισμοίΠροσοχήΝοητικά Μαντέλα

http://msdn.microsoft.com/en-us/magazine/ee335698.aspx

http://hci.ece.upatras.gr10/44

Από interface design …σε interaction design… σε user experience design

Σχεδίαση διαδραστικώνσυστημάτων

http://hci.ece.upatras.gr11/44

Ανθρωπο-κεντρικήσχεδίαση

DesignPrototype

Evaluate

Η ανθρώπινηδραστηριότηταστο κέντρομελέτης μας

http://hci.ece.upatras.gr12/44

Παράδειγμα ανάλυσης αλληλεπίδρασηςγια σχεδίαση διαδραστικής τεχνολογίας

http://hci.ece.upatras.gr13/44

Νοητικά μοντέλα/ σχεδίαση

Νοητικό ΜοντέλοΣχεδιαστή

Νοητικό ΜοντέλοΧρήστη

Διεπιφάνεια χρήστη/ Εργαλεία

http://hci.ece.upatras.gr14/44

Νοητικό ΜοντέλοΣυσκευής ΑΤΜ

http://hci.ece.upatras.gr15/44

Usability = Ευχρηστία

H Ευχρηστία { (η) ουσ. τογνώρισμα του εύ-χρηστου, αυτούπου μπορεί εύκολα ναχρησιμοποιηθεί } παράμετροςποιότητας ενός διαδραστικούσυστήματος.

http://hci.ece.upatras.gr16/44

ISO 9241-11 Guidance on Usability

H δυνατότητα ενός προϊόντος πουχρησιμοποιείται από καθορισμένουςχρήστες με καθορισμένους στόχους, υπό καθορισμένες συνθήκες χρήσης ναείναι αποτελεσματικό (effectiveness), αποδοτικό (efficiency) και να παρέχειυποκειμενική ικανοποίηση (satisfaction) στους χρήστες του

http://hci.ece.upatras.gr17/44

Usability model

social and organisationalenvironment

physical environment

product

technical environment

user

personalenvironment

interactiontasks output:

effectivenessefficiency

user satisfaction

goals

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/

http://hci.ece.upatras.gr19/44

Usability body of knowledgehttp://www.usabilitybok.org/

http://hci.ece.upatras.gr20/44

Usability guidelines

http://hci.ece.upatras.gr21/44

Usability planner usabilityplanner.org

http://hci.ece.upatras.gr22/44

HUMAN FACTORS (ο ανθρώπινος παράγων)

π.χ.Guidelines ( Nielsen)1. Αποφυγή περιττών και σύνθετων στοιχείων. 2. Χρήση κατανοητής προς τους χρήστες γλώσσας. 3. Ελαχιστοποίηση μνημονικού φορτίου χρήστη. 4. Συνέπεια σε ολόκληρη την διεπιφάνεια. 5. Παροχή ανάδρασης. 6. Εύκολες και σαφείς έξοδοι διαφυγής. 7. Παροχή συντομεύσεων προς πεπειραμένους

χρήστες. 8. Σχεδιασμός για αποτροπή σφαλμάτων χρήστη9. Επαρκής υποστήριξη - Βοήθεια και Εγχειρίδια

http://hci.ece.upatras.gr23/44

από HUMAN FACTORS to HUMAN ACTORSΧαρακτηριστικά

– Βελτίωση Εμπειρίας Χρήστη

Μικρότεροςχρόνοςαναμονής

Μικρότερος χρόνοςολοκλήρωσηςεργασίας

Βελτίωσηχρήσης εύρουςζώνης

Αμεσότηταχειρισμών

Η εμπειρία χρήσης πρέπει να παρέχει:•Ικανοποίηση•Ευχαρίστηση•Διασκέδαση•Υποστήριξη•Κίνητρα•Αισθητική ικανοποίηση•Υποστήριξη για δημιουργικότητα•Να ανταμείβει την προσπάθεια•Συναισθηματική πληρότητα

http://hci.ece.upatras.gr24/44

& εφαρμογές

Παραδείγματα αποτελεσμάτων του HCI Group

http://hci.ece.upatras.gr25/44

HCI Group Πανεπιστήμιου Πατρών:15 χρόνια ιστορία

http://hci.ece.upatras.gr26/44

Υποδομή του ΕργαστηρίουUsability Lab: Monitoring and logging behavioral patterns

Eyetracker

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)

http://hci.ece.upatras.gr28/44

InfoScent Evaluator (Katsanos et al. 2011)

http://hci.ece.upatras.gr29/44

InfoScent Evaluator –Computing Scent

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

http://hci.ece.upatras.gr31/44

(γ) ActivityLens: Ανάλυση δεδομένωνπεδίου (Fiotakis et al.)

http://hci.ece.upatras.gr32/44

(δ) Web Accessibility tool Web site evaluation against WCAG v1.0 guidelines using IBM Rational Policy Tester

http://hci.ece.upatras.gr33/44

(ε) SolomosMuseumMobile Application: Guide and Games

http://hci.ece.upatras.gr34/44

(ζ) MuseumScrabbleΟμαδικό παιχνίδι σύνδεσης αντικειμένωνμε έννοιες (Sintoris et al. 2011)

http://hci.ece.upatras.gr35/44

MuseumScrabble: σύνδεση μεταξύ εκθεμάτων

http://hci.ece.upatras.gr36/44

(η) Multi-touch surface project

http://hci.ece.upatras.gr37/44

(θ) Synergo on tablets

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

http://hci.ece.upatras.gr39/44

QALIBRA

comode.com

ModellingSpace.net

museumsolomos.gr

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

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)

http://hci.ece.upatras.gr42/44

Τρόποι αλληλεπίδρασηςμε χωροσήμανσηQR codes

A= σάρωσηκωδικού

Β= αναγνώρισηκωδικού (πχ URI)

Γ= πρόσβαση στηνιστοσελίδα με σχετικέςπληροφορίες

http://hci.ece.upatras.gr43/44

Social media and user experiencel intersocial

http://hci.ece.upatras.gr44/44

[περισσότερα]

l hci.ece.upatras.gr– Student projects

lΜαθήματα: – Προγραμματισμός Διαδικτύου (9ο εξ.)– Επικοινωνία Ανθρώπου-Μηχανής & Σχεδίαση Διαδραστικών Συστημάτων(10ο εξ.)