Αλληλεπίδραση Ανθρώπου Μηχανής Σχεδιασμός διεπαφής χρήστη

Transcript

1 Αλληλεπίδραση Ανθρώπου Μηχανής Σχεδιασμός διεπαφής χρήστη Σελ. 1 Χ. Σκουρλάς, Μελέτη περίπτωσης - Ιστότοπος ηλεκτρονικού περιοδικού

2 Μελέτη περίπτωσης - Ιστότοπος ηλεκτρονικού περιοδικού Ζητείται ο σχεδιασμός ενός ιστότοπου για την ηλεκτρονική έκδοση ειδικών επιστημονικών αφιερωμάτων (special issues). Τα επιστημονικά αφιερώματα αποτελούνται από ένα συγκεκριμένο αριθμό επιστημονικών δημοσιεύσεων (papers) σε μία ερευνητική περιοχή. Στο πλαίσιο της ιστοσελίδας που θα συντηρείται από κάποιον εκδοτικό οίκο (publisher), κάποιοι προκαθορισμένοι εκδότες (editors) για τις αντίστοιχες επιστημονικές περιοχές «προκηρύσουν» μέσω ανακοίνωσης (call) τη συγκεκριμένη έκδοση ζητώντας πιθανές συνεισφορές άρθρα (papers). Στη συνέχεια ερευνητές (researchers/authors) που εργάζονται στην περιοχή αυτή μπορούν να προτείνουν συγκεκριμένες εργασίες (papers) που παρουσιάζουν τα ερευνητικά τους αποτελεσματα και να τις ανεβάσουν στην ιστοσελίδα. Οι εργασίες αυτές υπόκεινται στην κρίση όλων με επιστημονικό σχολιασμό (comments), τον οποίο όλοι οι χρήστες θα μπορούν να διαβάσουν. Τα σχόλια θα φιλτράρονται από τους εκδότες του αφιερώματος και θα μπορούν να απαντώνται από τους συγγραφείς των άρθρων. Επιπλέον, όλοι θα έχουν τη δυνατότητα να βαθμολογούν τις εργασίες των άλλων, με βάση συγκεκριμένα κριτήρια όπως η πρωτοτυπία, η σχετικότητα (συνάφεια) με το θέμα, η σημαντικότητα, η συνεισφορά στον τομέα, η τεχνική ορθότητα, η παρουσίαση κλπ. Στη συνέχεια, οι εκδότες (editors) με βάση τα σχόλια των χρηστών και τη δική τους προσωπική άποψη την οποία και θα τεκμηριώνουν, θα επιλέγουν ένα σύνολο από άρθρα, τα οποία θα απαρτίζουν το συγκεκριμένο αφιέρωμα (special issues). Στο πλαίσιο αυτό ζητείται η σχεδίαση της διεπαφής και να καταγραφούν οι ομάδες χρηστών, οι λειτουργικές απαιτήσεις και προδιαγραφές για κάθε ομάδα, οι προδιαγραφές ευχρηστίας του συστήματος και συγκεκριμένοι δείκτες με τους οποίους θα μπορούσε να μετρηθεί η ευχρηστία του συστήματος. Σελ. 2

3 Ομάδες χρηστών: Administrator-Διαχειριστής Ο Διαχειριστής (administrator) είναι ο χρήστης που είναι υπεύθυνος για τη συντήρηση και την ομαλή λειτουργία της ιστοσελίδας. Έχει πρόσβαση και δυνατότητα επέμβασης σε όλες τις περιοχές της ιστοσελίδας. Σελ. 3 Editors -Εκδότες Οι εκδότες (editors) είναι οι χρήστες που «προκηρύσσουν» εκδόσεις (call) για επιστημονικές περιοχές (special issues) ζητώντας άρθρα (papers). Έχουν δυνατότητα ανάγνωσης και φιλτραρίσματος των σχολίων που υποβάλονται από τους χρήστες. Επίσης μπορούν να επιλέξουν τα άρθρα που επιθυμούν συντάσσοντας μια σύντομη τεκμηρίωση της επιλογής τους. Διαθέτουν λογαριασμό στον ιστότοπο. Authors/Researchers συγγραφείς/ερευνητές Οι ερευνητές-συγγραφείς άρθρων μπορούν να ανεβάσουν άρθρα, να σχολιάσουν άλλα άρθρα, να απαντήσουν στα σχόλια που αναφέρονται σε δικό τους άρθρο. Επίσης μπορούν να αναζητήσουν και να διαβάσουν άρθρα και προκηρύξεις. Διαθέτουν λογαριασμό στον ιστότοπο. Members/Refereres-Μέλη/Κριτές Τα μέλη.κριτές του ιστότοπου έχουν δικαίωμα ανάγνωσης προκηρύξεων, αναζήτησης, ανάγνωσης και σχολιασμού άρθρων. Διαθέτουν λογαριασμό στον ιστότοπο. Visitors/Readers-Επισκέπτες/Αναγνώστες Οι Επισκέπτες/Αναγνώστες είναι οι χρήστες που δε διαθέτουν λογαριασμό στον ιστότοπο. Μπορούν να πλοηγηθούν στον ιστότοπο δηλαδή να αναζητήσουν και να διαβάσουν άρθρα και προκηρύξεις.

4 Λειτουργικές απαιτήσεις Λειτουργικότητα Ομάδες χρηστών Προδιαγραφές Ευχρηστίας Δείκτες ευχρηστίας Login Administrator-Διαχειριστής Editors-Εκδότες Authors-Researchers - Ερευνητές Members-Μέλη Αναζήτηση άρθρου Εύρεση προκήρυξης Υποβολή προκήρυξης Administrator-Διαχειριστής Editors-Εκδότες Authors-Researchers - Ερευνητές Members-Μέλη Visitors Επισκέπτες Administrator-Διαχειριστής Editors-Εκδότες Authors-Researchers - Ερευνητές Members-Μέλη Administrator-Διαχειριστής Editors-Εκδότες Ύπαρξη πεδίων εισαγωγής username και password. Ευανάγνωστα πεδία με σαφείς ετικέτες που να κατευθύνουν το χρήστη. Σε περίπτωση σφάλματος εμφανίζεται μήνυμα λάθους που κατευθύνει το χρήστη. Αφού πραγματοποιηθεί το login εμφανίζονται τα στοιχεία του χρήστη πάνω δεξιά σε όλες τις σελίδες καθώς και κουμπί επιλογής αποσύνδεσης. Φόρμα αναζήτησης με λέξεις-κλειδιά ή μετάβαση στον κατάλογο άρθρων. Η φόρμα αναζήτησης βρίσκεται πάνω δεξιά σε κάθε σελίδα (οικειότητα). Προσθήκη κουμπιού μετάβασης στον κατάλογο κάτω από τη φόρμα αναζήτησης (παρατηρησιμότητα) και σε καρτέλα στη μπάρα του μενού για εύκολη εύρεση από το χρήστη. Σελίδα καταλόγου προκηρύξεων. Προσθήκη καρτέλας στη μπάρα του μενού για εύκολη εύρεση από το χρήστη. Σελίδα υποβολής προκήρυξης. Η φόρμα συγγραφής προκήρυξης διαθέτει τις συνήθεις επιλογές επεξεργασίας κειμένου ενός text editor (οικειότητα). Εμφανίζονται επεξηγηματικά μηνύματα λάθους κάθε φορά που υπάρχει σφάλμα. Αριθμός επιτυχημένων/αποτυχημένων προσπαθειών, χρόνος που δαπανάται για διόρθωση σφάλματος. Χρόνος συμπλήρωσης συγκεκριμένης εργασίας. Πόσες φορές (συχνότητα) πατιέται το κουμπί. Πόσες φορές κλικάρεται η καρτέλα. Χρόνος ολοκλήρωσης εργασίας, ποσοστό μηνυμάτων λάθους, χρόνος που δαπανάται για διόρθωση σφάλματος. Σελ. 4

5 Υποβολή άρθρου Εισαγωγή σχολίου Βαθμολόγηση άρθρου Administrator Ερευνητές (σχολιάστε αν χρειάζεται να έχουν και άλλοι χρήστες πρόσβαση κ.λπ.) Administrator Ερευνητές Μέλη (σχολιάστε) Administrator Ερευνητές Μέλη (σχολιάστε) Επιλογή edit και delete για την προκήρυξη (δυνατότητα ανάκαμψης). Φόρμα για ανέβασμα και υποβολή άρθρου. Επεξηγηματική και συνηθισμένη ονομασία κουμπιών για την εκτέλεση της εργασίας. Επιλογή delete της υποβολής (δυνατόττα ανάκαμψης). Εμφάνιση επεξηγηματικών μηνυμάτων λάθους. Πεδίο υποβολής σχολίου. Κουμπί «Αφήστε σχόλιο» κάτω από κάθε άρθρο. Σε όλα τα άρθρα βρίσκεται στο ίδιο σημείο (συνέπεια, ευκολία εκμάθησης) Η φόρμα συγγραφής άρθρου διαθέτει τις συνήθεις επιλογές επεξεργασίας κειμένου ενός text editor (οικειότητα). Εμφανίζονται επεξηγηματικά μηνύματα λάθους κάθε φορά που υπάρχει σφάλμα. Επιλογή edit και delete για το σχόλιο (δυνατότητα ανάκαμψης). Δυνατότητα προεπισκόπισης σχολίου. Κουμπί «Βαθμολογήστε» κάτω από το άρθρο. Σε όλα τα άρθρα βρίσκεται στο ίδιο σημείο (συνέπεια, ευκολία εκμάθησης). Βαθμολόγηση με αστεράκια κλίμακας 1-5. Ο χρήστης «κλικάρει» το αστεράκι που αντιστοιχεί στη βαθμολογία. Κατηγορίες βαθμολογίας. Μήνυμα λάθους όταν δεν έχουν βαθμολογηθεί όλες οι κατηγορίες. Ύπαρξη βοήθειας σχετικά με τον τρόπο βαθμολόγησης. Προεπισκόπηση. Χρόνος ολοκλήρωσης εργασίας, ποσοστό μηνυμάτων λάθους, χρόνος που δαπανάται για διόρθωση σφάλματος. Πλήθος σχολίων. Χρόνος ολοκλήρωσης εργασίας, ποσοστό μηνυμάτων λάθους, χρόνος που δαπανάται για διόρθωση σφάλματος. Συχνότητα εμφάνισης μηνύματος λάθους. Συχνότητα αναζήτησης βοήθειας. Σελ. 5

6 Φιλτράρισμα σχολίων Συγγραφή απάντησης σε σχόλιο Επιλογή άρθρων Δυνατότητα ανάγνωσης της έως τώρα βαθμολογικής κατάταξης. Administrator Εκδότες Administrator Ερευνητές (σχολιάστε) Administrator Εκδότες Administrator Εκδότες Κουμπιά delete-approve-edit κάτω από κάθε σχόλιο. Επιβεβαίωση για edit-delete. Εισαγωγή αναδιπλούμενου μενού pending comments με link στα άρθρα, πάνω δεξιά κάτω από τα στοιχεία του χρήστη. Κουμπί «Απάντηση» κάτω από κάθε σχόλιο. Σε όλα τα άρθρα βρίσκεται στο ίδιο σημείο. Η φόρμα συγγραφής απάντησης διαθέτει τις συνήθεις επιλογές επεξεργασίας κειμένου ενός text editor (οικειότητα). Εμφανίζονται επεξηγηματικά μηνύματα λάθους κάθε φορά που υπάρχει σφάλμα. Επιλογή edit και delete για το σχόλιο (δυνατότητα ανάκαμψης). Δυνατότητα προεπισκόπισης Σελίδα με λίστα άρθρων με links σε αυτά και κουμπί «Επιλογή» δίπλα από το καθένα. Αφού πατηθεί «Επιλογή» εμφάνιση πεδίου συγγραφής τεκμηρίωσης. Δυνατότητα προεπισκόπισης, edit-delete. Εμφανίζονται επεξηγηματικά μηνύματα λάθους κάθε φορά που υπάρχει σφάλμα. Σελίδα με λίστα άρθρων με links σε αυτά και κουμπί «Βαθμολογία» δίπλα από το καθένα. Ποσοστό άκυρων επιβεβαιώσεων. Χρόνος που μεσολαβεί από τη στιγμή που εισέρχεται στο site μέχρι να μεταβεί στα νέα σχόλια. Πλήθος απαντήσεων σε σχόλια. Χρόνος ολοκλήρωσης εργασίας, ποσοστό μηνυμάτων λάθους, χρόνος που δαπανάται για διόρθωση σφάλματος. Χρόνος ολοκλήρωσης εργασίας, ποσοστό μηνυμάτων λάθους, χρόνος που δαπανάται για διόρθωση σφάλματος. Σελ. 6

7 Σχολιάστε διορθώστε τη διεπαφή που ακολουθεί. Κεντρική σελίδα: Σελ. 7 Παρατηρήστε ότι υπάρχουν ορθογραφικά λάθη και οι επιλογές του μενού είναι λίγο «παράξενες». Τι θα πει για παράδειγμα Εκκρεμή Σχόλια;

8 Ακολουθεί ένα νέο Μενού: αρχική άρθρα αφιερώματα σχόλια σύνδεση (log in) Σελ. 8 Επιπλέον, αλλάζουμε το κείμενο της αρχικής οθόνης ως εξής: «Στον ιστότοπο αναρτώνται ειδικά αφιερώματα και ζητούνται (call) άρθρα για τα αφιερώματα αυτά. Οι συγγραφείς μπορούν να «ανεβάζουν» (upload) τα άρθρα τους. Στη συνέχεια, τα άρθρα σχολιάζονται και βαθμολογούνται από τους εγγεγραμμένους χρήστες. Τελικά, οι εκδότες αποφασίζουν ποιά άρθρα θα περιλαμβάνει το αφιέρωμα. Αυτά τα άρθρα μπορεί να τα βλέπει και το κοινό.»

9 Προσθέστε δικές σας λύσεις για τα μενού και το κείμενο της αρχικής οθόνης. Σελ. 9

10 Κύριο μενού και υπομενού Παραδείγματα Σελ. 10 Παρατηρήστε το υπομενού: Κατάλογος άρθρων Υποβολή άρθρου Επιλογή άρθρου Σχεδιάστε δικό σας!

11 Σελ. 11 Υπομενού επιλογής Call άρθρο και σχόλια Σχεδιάστε δική σας λύση!

12 Login Σελ. 12

13 Σελ. 13

14 Κατάλογος άρθρων Σελ. 14 Τα άρθρα παρουσιάζονται ανά συλλογή.

15 Κατάλογος προσκλήσεων προκηρύξεων για ειδικά αφιερώματα Σελ. 15

16 Υποβολή προκήρυξης Σελ. 16

17 Εισαγωγή άρθρου Σελ. 17

18 Άρθρο Σελ. 18

19 Σχολιασμός άρθρου Σελ. 19

20 Βαθμολόγηση Άρθρου Σελ. 20

21 Απάντηση σε σχόλιο Σελ. 21

22 Συγγραφή απάντησης σε σχόλιο Σελ. 22

23 Φιλτράρισμα σχολίων Σελ. 23

24 Επιλογή άρθρου για αφιέρωμα (acceptance) Σελ. 24

25 Τεκμηρίωση επιλογής άρθρου για δημοσίευση σε αφιέρωμα Σελ. 25

26 Συνολική βαθμολογία άρθρου Σελ. 26