“Design, implementation and usability evaluation of an auto news website, following the user centered approach and using machine learning algorithms to predict prices in the used car market” The study’s purpose is double. The first one is to create a website about car reviews and news following the user centered design principles. The second is to use big data analysis and machine learning algorithms to create a mechanism predicting used cars’ prices depending on their characteristics. The second goal complements the first, as such a mechanism would be considered a great asset for a website of this kind, maybe even a differentiation factor. The paper will first present the theoretical background behind the user centered design principles. After that, the website’s description, purpose, its target audience and success criteria are defined. Users’ requirements analysis follows in the next stage. These requirements are used to design the website prototype. After prototyping, we move on to mining a large volume of data about used cars in Greece and editing them to be used by machine learning algorithms, mostly using Python programming language. Through the machine learning algorithms, a mechanism predicting how much a car should cost, based on its characteristics, is created. Moving on, there’s usability testing and the redesign of the website. In the end, conclusions are drawn and suggestions for future conversation are made.

1. Παρουσίαση Διπλωματικής Εργασίας
Θέμα:
«Σχεδίαση, Υλοποίηση και Αξιολόγηση Ευχρηστίας μιας Ενημερωτικής
Ιστοσελίδας με Θέμα το Αυτοκίνητο Ακολουθώντας τη Χρηστοκεντρική
Προσέγγιση και Χρήση των Αλγορίθμων Μηχανικής Μάθησης για την
Πρόβλεψη Τιμών στην Αγορά Μεταχειρισμένων Αυτοκινήτων»
ΣΤΑΥΡΟΣ ΜΑΡΚΟΥΛΑΚΗΣ
ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ: ΚΩΝΣΤΑΝΤΙΝΟΣ ΜΟΥΡΛΑΣ

2. Ερευνητικά Ερωτήματα
1. Πώς πρέπει να σχεδιαστεί μια ενημερωτική ιστοσελίδα με θέμα την
αγορά του αυτοκινήτου, προκειμένου να ανταποκρίνεται στα
πρότυπα της ευχρηστίας και του χρηστοκεντρικού σχεδιασμού;
2. Μπορούν να αξιοποιηθούν τα δεδομένα γύρω από τα
μεταχειρισμένα αυτοκίνητα από τους αλγόριθμους μηχανικής
μάθησης, ώστε να προβλέπεται πόσο θα έπρεπε να κοστίζει ένα
μεταχειρισμένο αυτοκίνητο ανάλογα με τα χαρακτηριστικά του;

3. Ευχρηστία και Χρηστοκεντρικός Σχεδιασμός
• Ευχρηστία (ISO 9241): «Το εύρος μέχρι το οποίο ένα σύστημα, προϊόν ή μία υπηρεσία μπορεί
να χρησιμοποιηθεί από καθορισμένους χρήστες για να επιτύχουν καθορισμένους στόχους με
αποτελεσματικότητα, αποδοτικότητα και ικανοποίηση μέσα σε ένα καθορισμένο πλαίσιο
χρήσης»
• Χρηστοκεντρικός Σχεδιασμός: Βάζει τον χρήστη μέσα σε κάθε φάση του σχεδιασμό
• Συμμετοχικός Σχεδιασμός (Nielsen)
• Ενάρετος κύκλος Χρηστοκεντρικού Σχεδιασμού (Allen & Chudley)

4. Εμπειρία Χρήστη
• Σκοπός Χρηστοκεντρικού Σχεδιασμού: η Ευχρηστία
• Σκοπός Ευχρηστίας: η Βελτιστοποίηση της Εμπειρίας του Χρήστη
Κηρήθρα Εμπειρίας Χρήστη

5. Περιγραφή & Αποστολή Ιστοχώρου
• Θέμα η Αγορά του Αυτοκινήτου – Έμφαση στα
Μεταχειρισμένα
• Αποστολή ιστοχώρου: Να είναι η ιστοσελίδα
που επισκέπτεται ο Έλληνας οδηγός όταν
σκέφτεται την αγορά ενός αυτοκινήτου

6. Κριτήρια Επιτυχίας Έργου
• Πρώτη 10άδα ειδησεογραφικών ιστοσελίδων αυτοκινήτου σε επισκεψιμότητα: 300.000 μηνιαίες
επισκέψεις
• Μέση διάρκεια επισκέψεων: 4 λεπτά
• Το ίδιο το κοινό να συμβάλλει στην ανάπτυξη του περιεχομένου
• Ενδιαφέρον από αντιπροσωπείες, συνεργεία κτλ. να διαφημιστούν
• 40 χιλιάδες likes FB, 10 χιλιάδες Instagram, 15 χιλιάδες YouTube
• Ένας λειτουργικός αλγόριθμος, που να εκτιμά με ακρίβεια το κόστος ενός μοντέλου ανάλογα με τα
χαρακτηριστικά του

7. Πληθυσμός Στόχος
Δημήτρης - 18 Άννα - 22 Ντία - 37
Ηλίας - 52 Αρτέμης - 69

8. Καθορισμός Πλάνου Ευχρηστίας
Φάση Ανάλυσης Απαιτήσεων
• Εργαλεία Συλλογής Απαιτήσεων:
• Ομάδες Εστίασης
• Ερωτηματολόγια
• Μέθοδοι Αναπαράστασης Απαιτήσεων
• Σενάρια Χρήσης
• Λειτουργικότητα Ιστοχώρου
• Περιπτώσεις Χρήσης
• Καταγραφή Θεματολογίας
Περιεχομένου και Λειτουργικότητας
Φάση Σχεδιασμού
• Αρχιτεκτονική της Πληρφορίας
• Card Sorting
• Οπτικός Σχεδιασμός
• Κατασκευή Πρωτοτύπων
• Κατασκευή Προβλεπτικού Μηχανισμού
Αξιολόγηση Ιστοχώρου
● Ευρετική Αξιολόγηση
● Ερωτηματολόγιο WAMMI
● Αξιολόγηση Ομιλούντος Υποκειμένου
Επανασχεδιασμός

9. Ανάλυση Απαιτήσεων Χρηστών - Ερωτηματολόγια

10. Ανάλυση Απαιτήσεων Χρηστών - Ερωτηματολόγια

11. Ανάλυση Απαιτήσεων Χρηστών - Ερωτηματολόγια

12. Ανάλυση Απαιτήσεων Χρηστών - Ερωτηματολόγια

13. Ανάλυση Απαιτήσεων Χρηστών – Ομάδα Εστίασης
Περιεχόμενο +
• Έρευνες Αξιοπιστίας
• Αφιερώματα στα
κορυφαία αυτοκίνητα
• Κριτικές αναγνωστών
Περιεχόμενο -
• Clickbait τίτλοι
• Επιθετικές διαφημίσεις
• «Pop-Up» Παράθυρα
• «Διαφημιστικά» άρθρα
Επικοινωνία +
• Ισχυρή παρουσία στα
Social – αυθεντικό
περιεχόμενο YouTube
• Φόρμα για ανέβασμα
κριτικών
Επικοινωνία -
• Forum
• Chatbot
Εξατομίκευση
• Να βρίσκει κάθε
μοναδικός χρήστης τα
στοιχεία που ψάχνει
Αισθητική
• Μίνιμαλ
• Ευδιάκριτη Δομή
• Αποφυγή μαύρου
χρώματος
• Εικονίδια
• Αποφυγή πλαϊνών
banners
Λειτουργικότητα
• Εμφάνιση προβλεπόμενων τιμών ανταγωνιστικών μοντέλων

14. Σενάρια Χρήσης
Άννα - 22 ετών
• Χρειάζεται μικρό, φθηνό μεταχειρισμένο
• Βρίσκει κριτική μεταχειρισμένου στο CarMarket
• Χρησιμοποιεί το εργαλείο αναζητήσεων
κριτικών
• Διαλέγει κάποια που την ενδιαφέρουν
• Χρησιμοποιεί τον μηχανισμό πρόβλεψης
• Αποφασίζει να ψάξει να αγοράσει ένα
συγκεκριμένο μοντέλο
Ηλίας - 52 ετών
• Πάντα ενδιαφέρεται για καινούργιο
αυτοκίνητο
• Ακολουθεί το CarMarket στο Facebook
• Διαβάζει πως ένα αμάξι που θα ήθελε είναι
σε έκπτωση
• Κάνει χρήση του μηχανισμού πρόβλεψης
• Πουλάει γρήγορα το αυτοκίνητό του σε τιμή
κάτω του μέσου όρου της αγοράς

15. Λειτουργικότητα Ιστοχώρου
Εύρεση μεταχειρισμένου SUV
μέχρι 10.000€.
Είσοδος στο CarMarket
Χρήση Εφαρμογής Αναζητήσεων
Επιλογή SUVs Επιλογή Μεταχειρισμένων
Ανάγνωση σχετικών άρθρων
Χρήση εφαρμογής εκτίμησης τιμής
αυτοκινήτων βάσει των
χαρακτηριστικών τους
Επιλογή μοντέλων για έρευνα
αγοράς

16. Περιπτώση Χρήσης: Μεταφόρτωση Κριτικής

17. Περίπτωση Χρήσης – Αναζήτηση Συγκεκριμένης Κριτικής

18. Θεματολογία και Λειτουργικότητα
Κριτικές
Καινούργιων
Αυτοκινήτων
Κριτικές
Μεταχειρισμένων
Αυτοκινήτων
Ευκαιρίες της
Αγοράς
Συγκριτικές
Δοκιμές
Κριτικές από
αναγνώστες
Τιμές για όλα τα
καινούργια
αυτοκίνητα
Προβλεπτική
Τιμής
Μεταχειρισμένων
After Sales
Το Gadget του
μήνα
Έρευνες
αξιοπιστίας
Τα κορυφαία
αυτοκίνητα
Θεματολογία Λειτουργικότητα
Προβλεπτική
Τιμής
Μεταχειρισμένων
Φίλτρο
Αναζήτησης
Αυτοκινήτων
Σχολιασμός
Άρθρων
Ανέβασμα
Κριτικών
Αναγνωστών
Σύνδεση με τα
Social Media του
CarMarket
Κοινοποίηση
Άρθρων της
Ιστοσελίδας
Σχετικές
Ειδήσεις

19. Αρχιτεκτονική της πληροφορίας
Ταξινόμηση Καρτών Sitemap

20. Κατασκευή Πρωτοτύπων – Προσχέδιο

21. Κατασκευή Πρωτοτύπων – Wordpress
Homepage

22. Συλλογή Δεδομένων
Database: 2.938 αυτοκίνητα, 80 μοντέλα, 22 μάρκες

23. Καθαρισμός Δεδομένων
https://colab.research.google.com/drive/1kXncyp2Bj1YvJcIzWhZjz1L8jtlhQj-J
• Καθαρογραφή μάρκας και μοντέλου σε
ξεχωριστές στήλες
• Google Sheets έβρισκαν διπλοεγγραφές αυτόματα
• Καθαρογραφή κυβικών και «ίππων» σε ξεχωριστές
στήλες

24. Καθαρισμός Δεδομένων
• Ονομαστικές μεταβλητές -> Αριθμητικές • Δεκαδικοί -> Ακέραιοι

25. Καθαρισμός Δεδομένων
Καθαρισμός «αφύσικων» τιμών

26. Κατασκευή Προβλεπτικού Μηχανισμού
https://colab.research.google.com/drive/1-x4jQsCjrVOKRjv7tRXvhMS-cGCMkAqF
• Συμβολοσειρές -> Κατηγορικές Μεταβλητές

27. Κατασκευή Προβλεπτικού Μηχανισμού
ΣΥΣΧΕΤΙΣΗ

28. Κατασκευή Προβλεπτικού Μηχανισμού
Γραμμική Παλινδρόμηση
Απόδοση προβλεπτικής ικανότητας:
• Train = 0.53
• Test= 0.63

29. Κατασκευή Προβλεπτικού Μηχανισμού
Δέντρα Αποφάσεων
Απόδοση προβλεπτικής ικανότητας:
• Train = 0.88
• Test= 0.67

30. Κατασκευή Προβλεπτικού Μηχανισμού
Τυχαίο Δάσος
Απόδοση προβλεπτικής ικανότητας:
• Train = 0.97
• Test= 0.85

31. Πρόβλεψη
Μεταχειρισμένη Porsche Cayman
Πρόβλεψη: 26.739€
Τιμή: 26.800€
Μεταχειρισμένο Ford Fiesta
Πρόβλεψη: 9.300€
Τιμή: 9.950€

32. Πρόβλεψη
Μεταχειρισμένο Seat Leon
Πρόβλεψη: 11.965€
Τιμές στο Car: 10.980€
Πολύ φθηνότερο από Golf ίδιων χαρακτηριστικών

33. Αξιολόγηση Ιστοχώρου
Krug: «Αν θες να φτιάξεις μια σπουδαία ιστοσελίδα,
πρέπει να την περάσεις από τεστ ευχρηστίας»
Τα τεστ ευχρηστίας πρέπει να φανερώνουν:
• Αποτελεσματικότητα
• Αποδοτικότητα
• Ικανοποίηση
Ευρετική Αξιολόγηση
Εμπειρογνώμονες Ευχρηστίας
απαντούν στα
10 κριτήρια του Nielsen
Ερωτηματολόγιο WAMMI
20 ερωτήσεις κλίμακας Likert
Άποψη για ευχρηστία
Αξιολόγηση Ομιλούντος
Υποκειμένου
Ένα υποκείμενο εξωτερικεύει τις σκέψεις
του, καθώς εκτελεί εργασίες μέσα στο
σύστημα

34. Αξιολόγηση Ιστοχώρου
Ευρετική Αξιολόγηση Αξιολόγηση Ομιλούντος
Υποκειμένου
Ερωτηματολόγιο WAMMI
+Δυνατότητα ανεύρεσης αυτοκινήτων
βάσει χαρακτηριστικών
-Θα έπρεπε τα χαρακτηριστικά να
λειτουργούν συνδυαστικά
-Αντιαισθητική & δυσλειτουργική
κεντρική εικόνα
-Πιο ακριβής λεκτικά
-Να εκφράζουν οι εικόνες τι κάνει η
σελίδα
+Κατανοητή γλώσσσα
-Ταχύτητα ανάδρασης συστήματος
-Μη σταθερά κουμπιά πλοήγησης
+Δεν χρειάζονται οδηγίες
+Ευκολία Πλοήγησης & Χρήσης
+Λογική διάρθρωση
-Ταχύτητα Ιστοσελίδας
+Κατανοητή
-Να είναι πιο ξεκάθαρη η κατηγοριοποίηση
των άθρων
+Εύκολη διασύνδεση με social media
+Εύχρηστη λειτουργικότητα για
μεταφόρτωση κριτικών
-Χανόταν από τη σελίδα με τις
μεταφορτώσεις η λειτουργικότητα των
αναζητήσεων
-Θα έπρεπε να συνδυάζονται πολλαπλά
χαρακτηριστικά στις αναζητήσεις
- Σε κοινοποιήσεις στα social δεν
εμφανιζόταν φωτογραφία

35. Επανασχεδιασμός
Αλλαγή Κεντρικής Φωτογραφίας Πιο Κατανοητές Εντολές

36. Επανασχεδιασμός
Διαρκής εμφάνιση Μενού Εμφάνιση Φωτογραφίας σε Κοινοποιήσεις

37. Συμπεράσματα
1. Πώς πρέπει να σχεδιαστεί μια ενημερωτική ιστοσελίδα με θέμα την
αγορά του αυτοκινήτου, προκειμένου να ανταποκρίνεται στα
πρότυπα της ευχρηστίας και του χρηστοκεντρικού σχεδιασμού;

38. Συμπεράσματα
2. Μπορούν να αξιοποιηθούν τα δεδομένα γύρω από τα
μεταχειρισμένα αυτοκίνητα από τους αλγόριθμους μηχανικής
μάθησης, ώστε να προβλέπεται πόσο θα έπρεπε να κοστίζει ένα
μεταχειρισμένο αυτοκίνητο ανάλογα με τα χαρακτηριστικά του;
NAI!

39. Προβληματισμοί και Επιπρόσθετη Έρευνα
• Λόγω περιορισμών δεν φτιάχτηκε μια απόλυτα λειτουργική ιστοσελίδα και δεν έγιναν όλες οι
διορθώσεις που θα έπρεπε.
• Επιπλέον μέθοδοι συλλογής απαιτήσεων (π.χ. συνεντεύξεις) και αξιολόγησης ευχρηστίας
(ανίχνευση ματιού, μελέτη ημερολογίου κ.α.)
• Πολύ μεγάλος αριθμός ίδιων μοντέλων επηρρέασε αρνητικά τη συσχέτιση της μεταβλητής με την
τιμή και άρα τον προβλεπτικό μηχανισμό. Νέα έρευνα με άλλη βάση δεδομένων μπορεί να
αποφέρει καλύτερα αποτελέσματα
• Κυρίως αυτοκίνητα βενζίνης και δευτερευόντως πετραιλέου. Ελάχιστα άλλα καύσιμα, καθόλου
ηλεκτρικά. Αυτό επηρέασε αρνητικά και τη συσχέτιση του καυσίμου με την τιμή.
• Δεν λήφθηκαν υπόψη χαρακτηριστικά που σίγουρα επηρεάζουν την τιμή όπως το κιβώτιο
ταχυτήτων και έξτρα εξοπλισμός (π.χ. Κάμερα οπισθοπορείας, ζάντες αλουμινίου κτλ.).

40. Σας Ευχαριστώ,
Σταύρος Μαρκουλάκης