ΕΠΛ 435: Αλληλεπίδραση Ανθρώπου Υπολογιστή

1. ΕΠΛ 435:Αλληλεπίδραση Ανθρώπου Υπολογιστή Οδηγίες Σχεδιασμού

2. Human Interface Guidelines(Κανόνες Σχεδιασμού) • Γενικοί και ειδικοί κανόνες/εισηγήσεις σχεδίασης συστημάτων • Βελτίωση εμπειρίας/ ικανοποίησης χρήστη με το να γίνονται οι διαφάνειες (interfaces) πιο διαισθητικές (intuitive), συνεπείς (consistent.), ευκολότερες στην μάθηση (Learnable) • Συνήθως οι οδηγίες είναι αποτέλεσμα μελετών στην περιοχή HCI (usability studies), αλλά και σε τυχαίες μετατροπές από συγκεκριμένους δημιουργούς πλατφόρμων. Τμήμα Πληροφορικής

3. Οδηγίες σχεδίασης • Π.χ. Κανόνες Smith & Mosier (944 κανόνες) • εισαγωγή δεδομένων • παρουσίαση δεδομένων • ελέγχου συνέχειας • υποστήριξης χρήστη • μετάδοσης δεδομένων • προστασίας δεδομένων Τμήμα Πληροφορικής

4. Συλλογές κανόνων σχεδιασμού • Από διάφορες εταιρίες και οργανισμούς • Microsoft, IBM, Sun, Apple, NASA, κλπ • Οδηγός της NASA • γενικού σκοπού • ανεξάρτητος περιβάλλοντος αλληλεπίδρασης • σύγχρονος και περιορισμένος σε όγκο • Οργάνωση σε 3 μέρη • Βασικές οδηγίες (ανθρωποκεντρικός) • Σχεδιασμό στοιχείων (χρώμα, εικονίδια, κλπ) • Διάταξη οθονών Τμήμα Πληροφορικής

5. Γενικά χαρακτηριστικά διεπιφάνειας • Να είναι διαφανής • Να παρουσιάζει προσαρμοστικότητα • Να υποβοηθάει την πλοήγηση • Να έχει απλότητα σχεδιασμού • Να παρέχει βοήθεια • Να αφήνει τον έλεγχο στο χρήστη Τμήμα Πληροφορικής

6. Οδηγίες σχεδιασμού [NASA] :1. Διαφάνεια • Η διεπιφάνεια πρέπει να είναι ανύπαρκτη για τον χρήστη: • Ο διάλογος και η πληροφορία που θα παρουσιαστεί, πρέπει να αφορά στην εργασία του χρήστη και να μην περιέχει όρους του λογισμικού • Η διάταξη των αντικειμένων (σε μενού, πίνακες κλπ) πρέπει να αντικατοπτρίζει την λογική ακολουθία της εργασίας του χρήστη • οι δυνατότητες του συστήματος (χρήση πολυμέσων, πολλαπλών χρωμάτων κλπ) πρέπει να γίνεται με μοναδικό κριτήριο τη διευκόλυνση του χρήστη και όχι την παρουσίαση των τεχνικών δυνατοτήτων του συστήματος Τμήμα Πληροφορικής

7. 2. Προφανείς και αναμενόμενες ιδιότητες διεπιφάνειας • Οι κωδικοποιήσεις, ακρωνύμια, εντολές και εικονικές αναπαραστάσεις πρέπει να ανταποκρίνονται στις συνήθειες και την προηγούμενη εμπειρία των χρηστών και των εργασιών τους. • Η σχεδίαση πρέπει να στηρίζεται σε γνωστές ήδη έννοιες και μεθόδους του χρήστη και θα μειωθούν οι δυσκολίες εκμάθησης και συγκράτησης της γνώσης χρήσης του συστήματος. • Η υπάρχουσα γνώση μπορεί να προέρχεται από τον προηγούμενο τρόπο εκτέλεσης της εργασίας ή από το γενικό πολιτισμικό υπόβαθρο του χρήστη, από εμπειρία χρήσης προηγούμενων εκδόσεων του συστήματος ή άλλων συστημάτων. • Η χρησιμοποιούμενη ορολογία, γλώσσα και εικονικές αναπαραστάσεις θα πρέπει να είναι συμβατές με το πλαίσιο αναφοράς και τις προσδοκίες του χρήστη. Τμήμα Πληροφορικής

8. 3. Συνέπεια σε όλη την διεπιφάνεια • Η αναπαράσταση των παρακάτω στοιχείων θα πρέπει να γίνει κατά συνεπή (ομοιόμορφο) τρόπο οπουδήποτε στην διεπιφάνεια: ώστε το σύστημα να έχει προβλέψιμη συμπεριφορά. • εικονίδια, • θέση τίτλων, • μενού, • μηνύματα, • σχήμα δρομέα, • χρωματικοί κώδικες, • ετικέτες, • ακρωνύμια, • συντομεύσεις, • εντολές και πλήκτρα εντολών, • μηνύματα σφάλματος. Τμήμα Πληροφορικής

9. 4. Προσαρμοστικότητα • Το σύστημα θα πρέπει να αποδέχεται παρεκκλίσεις στις εντολές του χρήστη, και να προβλέπει κατά το δυνατόν τις ενέργειες του χρήστη. • Π.Χ. Η δυνατότητα εναλλακτικών εντολών ή συντομεύσεων. Οι εντολές exit, signoff, logoff, bye θα πρέπει όλες να έχουν το ίδιο αποτέλεσμα και να συνεπάγονται εκ μέρους του συστήματος την ίδια απόκριση. Π.χ την απόκριση "Επιβεβαιώστε έξοδο από το σύστημα [ΟΚ] [Άκυρο]". Τμήμα Πληροφορικής

10. 5. Πρόβλεψη ενεργειών του χρήστη • Το σύστημα θα πρέπει να προβλέπει τις ενέργειες του χρήστη ώστε να επιτυγχάνεται λιγότερη επιβάρυνση του. • Π.χ. Σε μία φόρμα ο δρομέας θα πρέπει να τοποθετείται στο πρώτο και πιο πιθανό πεδίο εισόδου. Όταν ένα πεδίο συμπληρωθεί, ο δρομέας θα πρέπει να προχωράει αυτόματα στο επόμενο πεδίο. • Αν σε κάποιο πεδίο υπάρχει μια συνήθης τιμή που ο χρήστης αναμένεται να εισάγει συχνά, αυτή θα πρέπει να τοποθετείται στο πεδίο σαν προκαθορισμένη τιμή Τμήμα Πληροφορικής

11. 6. Υποστήριξη πλοήγησης • Θα πρέπει σε κάθε στιγμή το σύστημα να παρέχει πληροφορίες για το πού βρίσκεται ο χρήστης, τι μπορεί να κάνει και πώς να προχωρήσει από το σημείο αυτό. • ύπαρξη επεξηγηματικού τίτλου της οθόνης σε σταθερή θέση. • χρήση γενικού πλάνου της εφαρμογής (sitemap) με ένδειξη της σχετικής θέσης του χρήστη, • η ύπαρξη γενικών επιλογών σε σταθερή θέση παρέχει αίσθηση σταθερής αναφοράς στον χρήστη. • η παροχή βοήθειας σχετικής με την τρέχουσα δραστηριότητα και η προσφορά βοήθειας μετά από επαναλαμβανόμενα λάθη • η δυνατότητα διακοπής ή αναίρεσης της τρέχουσας ενέργειας πρέπει πάντα να είναι δυνατή. • η έξοδος από το σύστημα ή από μια δραστηριότητα θα πρέπει να είναι εύκολη από οποιοδήποτε σημείο. Τμήμα Πληροφορικής

12. 7. Απλότητα συστήματος • Η απλότητα της διεπιφάνειας επιτρέπει την αποδοτική εκτέλεση εργασιών. • η ιεραρχία ενεργειών ελέγχου δεν θα πρέπει να υπερβαίνει τα 3 επίπεδα. • η χρήση συντομεύσεων και ακρωνυμίων θα πρέπει κατά το δυνατόν να αποφεύγεται • περιττολογίες και μακριές εκφράσεις δυσκολεύουν τον χρήστη. • οι μονάδες μέτρησης που χρησιμοποιούνται πρέπει να είναι γνωστές στον χρήστη και να μην χρειάζονται μετατροπές, • η ομαδοποίηση των εντολών θα πρέπει να γίνεται με βάση κάποιο σαφές χαρακτηριστικό γνώρισμα, όπως η λειτουργικότητα. Τμήμα Πληροφορικής

13. 8. Διάταξη οθονών • Η μορφή και δομή των οθονών θα πρέπει να παραμένει κατά το δυνατόν σταθερή σε ολόκληρη την διεπιφάνεια. • Η χρήση τεχνικών για την εστίαση της προσοχής του χρήστη (αναστροφή χρωματική, υπογράμμιση, κλπ) να χρησιμοποιούνται με μέτρο. • Σε κρίσιμες εργασίες η πυκνότητα πληροφορίας στην οθόνη να είναι χαμηλή. Π.χ. σε οθόνες με μηνύματα για καταστάσεις ανάγκης η πυκνότητα πληροφορίας < 25%. • Πρέπει να αποφεύγεται χρωματική ρύπανση από υπερβολική χρήση χρωμάτων. Πάνω από 4 χρώματα ανά οθόνη, κουράζουν το χρήστη. • Πληροφορίες που αφορούν την ίδια εργασία : στην ίδια οθόνη. • Η διάταξη των πληροφοριών να είναι σύμφωνη με την προβλεπόμενη κίνηση του δρομέα και της ματιάς του χρήστη, Π.χ. εντολές ελέγχου πλοήγησης στο κάτω μέρος της οθόνης.. Τμήμα Πληροφορικής

14. 9. Ανάδραση • Ο χρήστης πρέπει να λαμβάνει συνεχώς πληροφορίες που του γνωστοποιούν την τρέχουσα κατάσταση του συστήματος. • Π.χ. η καθυστέρηση μιας εκτύπωσης ή η αδυναμία εκτέλεσης αιτηθείσας εργασίας θα πρέπει να του γνωστοποιούνται άμεσα. • Αν επιλεγεί κάποιο αντικείμενο, αυτό πρέπει να τονίζεται. • Όταν ολοκληρωθεί μια εργασία και παραχθούν αποτελέσματα, αυτά πρέπει να γίνονται άμεσα γνωστά στον χρήστη. • Εσφαλμένες εντολές ή δεδομένα θα πρέπει να προκαλούν άμεσα κατατοπιστικά μηνύματα. • Μήνυμα προόδου εργασίας συστήματος για εργασίες που διαρκούν πάνω από 10" • χρήση ειδικού συμβόλου δρομέα για εργασίες που διαρκούν μεταξύ 1" και 10". Τμήμα Πληροφορικής

15. 10. Προστασία από επικίνδυνες ενέργειες του χρήστη • Κάθε προσπάθεια πρέπει να γίνεται ώστε να προστατεύονται τα δεδομένα του συστήματος από επικίνδυνες (ηθελημένες ή εσφαλμένες) ενέργειες του χρήστη. • Δυνατότητα αναίρεσης εσφαλμένων ενεργειών (undo) και παροχή επεξηγήσεων και βοήθειας να παρέχονται συνεχώς. • Η προκαθορισμένη επιλογή δεν πρέπει να είναι ποτέ η επικίνδυνη επιλογή. • Αναίρεση ενεργειών: κάθε ενέργεια του χρήστη να είναι αναστρέψιμη μέσω επιλογής αναίρεσης σε σημαντικό αριθμό Τμήμα Πληροφορικής

16. 11. Παροχή βοήθειας • Βοήθεια πρέπει να παρέχεται συνεχώς. • Η βοήθεια πρέπει να είναι πολλαπλών επιπέδων. • Στην αρχή να είναι συνοπτική και να υπεισέρχεται σε λεπτομέρειες μετά από απαίτηση του χρήστη. • Η προσφυγή στην παρεχόμενη βοήθεια από τον χρήστη πρέπει να είναι αποτέλεσμα εύκολης, απλής και τυποποιημένης ενέργειας. • Η παρεχόμενη βοήθεια πρέπει να προσαρμόζεται στις τρέχουσες κάθε φορά συνθήκες. • Υπό συνθήκες επαναλαμβανόμενων εσφαλμένων ενεργειών του χρήστη, να είναι δυνατή η αυτόματη επίκληση αντίστοιχης βοήθειας. • η επιστροφή στο σύνηθες περιβάλλον αλληλεπίδρασης πρέπει να είναι εύκολη και προφανής. Τμήμα Πληροφορικής

17. 12. Έλεγχος από τον χρήστη • Ο χρήστης ενός υπολογιστικού συστήματος επιθυμεί να αισθάνεται ότι η αλληλεπίδραση γίνεται υπό τον έλεγχο του. • Ο ρυθμός πρέπει να καθορίζεται από τον χρήστη • πρέπει να διατίθενται πολλαπλά μέσα για την επίτευξη των στόχων του χρήστη. • Η χρήση εργαλείων αναζήτησης και η δυνατότητα διαχείρισης των πόρων της οθόνης είναι μέσα ελέγχου. • η χρήση συντομεύσεων εντολών καθώς και ισχυρής γλώσσας εντολών παρέχει πρόσθετες δυνατότητες στον χρήστη. • Η χρήση συντομεύσεων (π.χ. functionkeys) πρέπει να καλύπτει συχνά επαναλαμβανόμενες ακολουθίες εντολών. • Δεν πρέπει ο χρήστης να υποχρεώνεται στην επόμενη ενέργεια. Τμήμα Πληροφορικής

18. 13. Εισαγωγή δεδομένων • Πρέπει να παρέχονται οδηγίες στον χρήστη για τον τύπο και τους περιορισμούς που αφορούν τα εισαγόμενα στοιχεία. • Προκαθορισμένες τιμές (defaultvalues) όταν είναι προβλέψιμη η πιο πιθανή τιμή ενός πεδίου • Ποτέ ένα στοιχείο δεν πρέπει να ζητείται από τον χρήστη περισσότερες από μια φορές. • Η εισαγωγή στοιχείων θα πρέπει πάντα να γίνεται με το ρυθμό που απαιτεί ο χρήστης. • Οι μέθοδοι εισαγωγής στοιχείων θα πρέπει να είναι σταθεροί σε όλη την εφαρμογή. Τμήμα Πληροφορικής

19. 14. Μηνύματα σφάλματος • Τα μηνύματα σφάλματος θα πρέπει να έχει πολλαπλά επίπεδα επεξήγησης, ώστε να είναι δυνατές περαιτέρω διευκρινίσεις. • Τα μηνύματα σφάλματος θα πρέπει να είναι σύντομα και διατυπωμένα κατά τρόπο ουδέτερο, χωρίς χρήση προσβλητικής ή σκωπτικής διάθεσης. • Η ορολογία των μηνυμάτων αυτών, πρέπει να είναι σχετική με την εργασία του χρήστη και κατά το δυνατόν να μην χρησιμοποιεί ορολογία του συστήματος. • Τα μηνύματα ακόμη θα πρέπει να είναι εποικοδομητικά, ώστε να παρέχουν οδηγίες για ανάνηψη από την κατάσταση σφάλματος. Τμήμα Πληροφορικής

20. Χρυσοί κανόνες (Shneiderman) Τμήμα Πληροφορικής

21. Χρυσοί κανόνες (Shneiderman) Τμήμα Πληροφορικής

22. Σχεδίαση εικονιδίων • Πλαίσιο φόντο εικόνα ετικέτα • Συνοχή όλων των εικονιδίων • ευκρίνεια • νοηματικό περιεχόμενο • εξάρτηση από συμφραζόμενα • χρώμα • πολιτισμικό υπόβαθρο Τμήμα Πληροφορικής

23. To choose what happens on each page — and how many pages exist on your site — you must balance, helping the users accomplish their current task and at the same time making certain the tools for what they need to do next are also available. To achieve this balance, a page must do two things: Help the user accomplish one discrete task. Make the next step easy to access. Website Design Τμήμα Πληροφορικής

24. User tasks are like links in a chain Linking the Chain And each page on a Web site is like a window that shows only so much of the chain. Τμήμα Πληροφορικής

25. Linking the chain • When you design the page, you are designing a window that shows both a link in the chain, as well as the connected links. • Gmail example • When you first come into Gmail, your primary task is to understand what emails you have and quickly act on them. • When you open an email, you are reading it first, responding (or filing, or deleting) second. • While responding to that email appears to happen on the same “page,” with a trick of modern web technology, the page is sufficiently transformed to be considered a new page. Τμήμα Πληροφορικής

26. There are three types of pages on the Web: Navigation pages help users determine where to find what they want, and give them access to it. Consumption pages allow users to consume content. Interaction pages let users enter and manipulate data. Each type of page is optimized for a different kind of user task. Focus the Page on the User’s Primary Task Τμήμα Πληροφορικής

27. Navigation pages Navigation pages exist to send you somewhere else. Homepages, the business section at the New York Times, a list of search results, the Gmail inbox, a gallery of thumbnails All of the above pages dedicate their lives to making you go away. Examples: Gmail, Yahoo! Homepage, Phileleftheros Other examples??? Τμήμα Πληροφορικής

28. Consumption pages are the “somewhere else” you usually go to. These are places where articles are read, videos watched, photos viewed, and mp3s played. http://www.weather.com/ http://www.guardian.co.uk/ Other examples you know??? Consumption Pages Τμήμα Πληροφορικής

29. Interaction pages are places where people want to type, drag, slide, push, poke, edit, and delete information. This can be something as simple as Google’s homepage with one text input, or something as complex as word processing with Google Docs For these kinds of pages, focus on making them easy to use Interaction Pages Τμήμα Πληροφορικής

30. But, my page is all three?!?!? Maybe. Regardless of how much you think your users want to do on the page, there’s one primary thing, that’s more important than everything else that your visitors want to do, and that task is what the page’s design needs to support first and foremost. Google Maps Mixing Page Types Τμήμα Πληροφορικής

31. When moving from box to page, you should match a user’s tasks with the appropriate page type. For example, if the user’s task is to choose an article to read, then you need a navigation page. Book example Match discrete tasks to discrete pages Τμήμα Πληροφορικής

32. We always have to balance clarity with efficiency in our design. Each page may be devoted to one primary task, but that task may have subtasks or related tasks that make sense to group together closely. Or sometimes, a task may be too small to really deserve an entire page to itself (or may be a subtask disguised as a task!). Group Like Tasks Together Τμήμα Πληροφορικής

33. Group Like Tasks Together • When deciding how many pages to create for a group of tasks, consider these factors: • The audience’s technical sophistication • The audience’s bandwidth • The amount of information on a page • The task the audience is trying to accomplish • How often the audience will complete the task • In interface design, there are three approaches to grouping interaction tasks: Wizards, Control Panels, and Toolbars. Τμήμα Πληροφορικής

34. When users want to accomplish a goal that has many steps. Wizards are good at making sure you don’t miss a step. When the steps must be completed in order. Wizards are linear, so it’s impossible to complete them any other way. When the task is seldom performed. Wizards can seem slow and plodding, so they are best used in tasks you do only once in a while, like setting up a printer. Wizards: Many boxes, many pages Τμήμα Πληροφορικής

35. Wizards are a good choice for Web design under all the conditions previously listed, as well as when the following conditions are present: The audience is not technically savvy and is likely to be confused by a page with a lot of choices on it. A Web site can have novice users, and a wizard makes complex tasks seem easy. Bandwidth is low and downloading a single big page could take forever, or the tasks require several server calls,9 which would also slow the page’s load. The task has several steps in it, performed only once a visit, such as checkout. Wizards: Many boxes, many pages Τμήμα Πληροφορικής

36. A wizard is not the only choice. Just because your task analysis shows several discrete tasks doesn’t mean you don’t have other choices. A complex layout with many steps on one page is called a control panel Control panels are good when wizards are not—when the audience is technically savvy and on a fast download. Control panels: Many boxes, one page Τμήμα Πληροφορικής

37. Control panels: Many boxes, one page • Control panels are also a good choice when the following conditions are met: • The application is easy to understand, and the choices are straight forward. • The elements gain context by being placed next to each other. • The interface is used often enough that the audience will appreciate the convenience of a single page. • Control panels are often used in situations in which occasional tweaking is required, such as configuring a program. If you have several related tasks, you may be able to group them on one page as a control panel. Then the group of tasks becomes one task. Τμήμα Πληροφορικής

38. You have to make similar choices when you design pages for your content organization. Just because you have a category doesn’t mean it should be a page. Some levels of a category only exist to provide an explanation of organizational logic. The important thing to keep in mind when deciding which pages should exist is that each page should have a purpose. Ask yourself, “What is this page doing?” and if you don’t have a good answer, get rid of it. When a box doesn’t need a page Τμήμα Πληροφορικής

39. ΕΠΛ 435:Αλληλεπίδραση Ανθρώπου Υπολογιστή Web Design

40. The site map documents the pages in a Web site. Includes the relationship of the pages to each other the interaction between pages, and a number of other facts that change from project to project, potentially including which pages have templates, which pages are dynamic, and which pages are user created. concentrate on presenting the hierarchy and documenting which pages will exist and where Introduction Τμήμα Πληροφορικής

41. Site map layout Site maps can come in several shapes. The design depends on your project’s needs and your personal inclination as a designer. Shallow or deep ?? Shallow means that you’ll have lots of items at the same level. If everything on your site is only one click from the homepage, you have a shallow organization scheme. Deep means that you’ll have levels and sub-levels and sub-sub-levels. If you have items that are eight clicks from the homepage, you might have a deep organization scheme. Τμήμα Πληροφορικής

42. Site map layout Large or small: Few pages on your site (small) means that you can go with simple, very clear layouts, such as the tree layout. If you have many sections and pages (large), that means you’ll have to think carefully about how to diagram in order to make the relationships clear. The comb map: You’ll find this useful in a long work area (most electronic documents are better at going tall rather than wide), with an organization scheme that is deep rather than shallow. Τμήμα Πληροφορικής

43. Site map layout The star map: This is useful when the hierarchy is not strict and when organization is shallower than deep. But it can be difficult to manage if the organization is deep, and it can get a bit messy. It is important to draw the star map out carefully and for each level of item have a unique look (size is most commonly used) to distinguish hierarchy, because it isn’t as scannable as a tree. The tree map: This map is good when items are not so much hierarchical as grouped by similarities. It allows the architect to indicate groupings without feeling the need to create overview pages. The tree map seems to demand that each level of hierarchy has a dedicated page; the tabs group like items without indicating a page. Τμήμα Πληροφορικής

44. Τμήμα Πληροφορικής

45. In addition to a form for your site map, you’ll need a vocabulary for all the objects in it. It should be easy to determine at a glance what is what in your map. Page and page stack: A page is a page. A page stack is a set of pages that are similar enough in formatting to be the same. Imagine, for example, a set of press releases, articles, and book reviews. File and file stack: As we said, PowerPoint documents are one example of files that you might find online that are not Web pages. Other examples are downloads such as applications, drivers, games, videos and MP3’s, or print-friendly documents such as Word documents or PDF manuals. Site map vocabulary Τμήμα Πληροφορικής

46. Site map vocabulary Decision: This occurs anytime the system has to make a decision.Member or non-member and logged in or not logged in are common decision points for a restricted Web site. Continued: Keep your site map tidy and readable by diagramming subsections and sub-processes on a second page. Area and conditional area: Useful for grouping like items (as seen in the tab layout). Conditional is useful for demarcating restricted areas, such as those where login is required. Τμήμα Πληροφορικής

47. Connectors: What good is a box without an arrow? Arrows indicate one-way movement through pages. This is usually a step-by-step process, such as when a user is registering or checking out. No arrowhead or double arrowheads (this varies among flowchart languages) indicate bi-directional movement, such as between pages. E-mail: We find it useful to remind team members that the home page is not the only way people are arriving at the site. If a site has a newsletter, this icon is well worth using. Site map vocabulary Τμήμα Πληροφορικής

48. Site maps vary from architect to architect and from project to project. As you create your own, ask yourself these questions: Do I know what is a page and what isn’t? Can I understand how a user might move through the Web site? Do I understand the organization or interaction being diagrammed? And always, always ask yourself How would I do this better? Site Maps Τμήμα Πληροφορικής

49. Flickr has created a consumption page for each photo that’s optimized for viewing. Instead of one next step, Flickr makes several next steps available A user can view the next photo in the set. A user can browse photos that have the same tag or add tags. A user can view and edit the photo’s metadata. A user can read comments or add his own. And we haven’t even looked at the toolbar above each photo that lets users perform numerous other next steps! Manage Multiple Next Steps Τμήμα Πληροφορικής

50. Most pages on the Web accommodate multiple next steps. There are many different users with many different goals, so pages attempt to make an appropriate next step available to every user. However, you can’t design a page to please everyone. You must prioritize your next steps based on three criteria: 1. How many users will it help? 2. How often will it happen? 3. How important—to users or the business—is this next step? Manage Multiple Next Steps Τμήμα Πληροφορικής