Εργαλεία Ανάπτυξης Εφαρμογών Internet I

Transcript

1 Εργαλεία Ανάπτυξης Εφαρμογών Internet I 5: Αρχές σχεδιασμού και τρόποι οργάνωσης ιστοσελίδων Σταύρος Καμμάς

2 Περιεχόμενα Χαρακτηριστικά Ιδιαιτερότητες Δυνατότητες Περιορισμοί εισαγωγή στην HTML Μορφή δομή σελίδας η έννοια των ετικετών

3 Μοντέλο Ποιότητας Λογισμικού ISO/IEC 9126 Λειτουργικότητα Αξιοπιστία Χρηστικότητα Απόδοση Συντηρησιμότητα Φορητότητα

4 Λειτουργικότητα Το σύνολο των χαρακτηριστικών που φέρουν για την ύπαρξη μιας σειράς λειτουργιών και προσδιορίζονται οι ιδιότητές τους. Οι λειτουργίες είναι αυτές που ικανοποιούν εκφρασθείσες ή μη ανάγκες. Καταλληλότητα Ακρίβεια Διαλειτουργικότητα Ασφάλεια Συμμόρφωση Λειτουργικότητας

5 Αξιοπιστία Μια σειρά από χαρακτηριστικά που σχετίζονται με την ικανότητα του λογισμικού να διατηρήσει το επίπεδο της απόδοσης κάτω από δεδομένες συνθήκες και για συγκεκριμένη περίοδο του χρόνου. Ωριμότητα Ανοχή σφαλμάτων Ανακτησιμότητα Συμμόρφωση Αξιοπιστίας

6 Ευχρηστία Μια σειρά από χαρακτηριστικά που σχετίζονται την προσπάθεια που απαιτείται για τη χρήση, και για την ατομική αξιολόγηση αυτής της χρήσης, από συγκεκριμένη ομάδα χρηστών. Κατανοησιμότητα Ευκολία Εκμάθησης Λειτουργικότητα Ελκυστικότητα Συμμόρφωση Ευχρηστίας

7 Αποτελεσματικότητα Μια σειρά από χαρακτηριστικά που σχετίζονται με τη σχέση μεταξύ του επιπέδου της απόδοσης του λογισμικού και του ύψους των πόρων που χρησιμοποιούνται, κάτω από δεδομένες συνθήκες. Συμπεριφορά Χρόνου Αξιοποίηση των πόρων Συμμόρφωση αποτελεσματικότητας

8 Συντηρησιμότητα Μια σειρά από χαρακτηριστικά που σχετίζονται την προσπάθεια που απαιτείται για να γίνουν συγκεκριμένες τροποποιήσεις. Αναλυτικότητα Μεταβλητικότητα Σταθερότητα Ελεγξιμότητα Συμμόρφωση Συντηρησιμότητας

9 Φορητότητα Το σύνολο των χαρακτηριστικών που σχετίζονται με την ικανότητα του λογισμικού να μεταφερθεί από το ένα περιβάλλον στο άλλο. Ικανότητα προσαρμογής Εγκαταστασιμότητα Συνύπαρξη Ανταλλαξιμότητα Συμμόρφωση Φορητότητας

10 Αρχές Σχεδιασμού Ιστοσελίδων Ευανάγνωστο web site Σωστή επιλογή χρωμάτων, κειμένου, υποβάθρου, γραμματοσειράς και μεγέθους γραμματοσειράς, στοίχισης Εύκολο στην πλοήγηση web site Ξεκάθαρα links για τους επισκέπτες, κουμπιά και γραφικά πλοήγησης με κατάλληλες ευανάγνωστες ετικέτες, επιλογή χρωμάτων για τα links με τα οποία οι επισκέπτες είναι εξοικειωμένοι Το web site να εντοπίζεται εύκολα όταν αναζητείται Προώθηση σε search engines, directories, άλλα sites, social media Συνέπεια στη διάταξη και το σχεδιασμό όλων των ιστοσελίδων του site Ίδια εμφάνιση σε όλες τις σελίδες του site για γραφικά, μπάρες πλοήγησης, γραμματοσειρά, header & footer Γρήγορο φόρτωμα ιστοσελίδων Το ενδιαφέρον των επισκεπτών για κάποιο site μειώνεται όταν χρειάζεται να περιμένουν περισσότερο από 15sec

11 Πώς σκέφτονται οι χρήστες; Εκτιμούν την ποιότητα και την αξιοπιστία Δεν διαβάζουν, σαρώνουν Είναι ανυπόμονοι και επιμένουν στην άμεση απάντηση σε αυτό που ζητάνε εξ αρχής Δεν κάνουν πάντα τις άριστες επιλογές Ακολουθούν τη διαίσθησή τους Θέλουν να έχουν το έλεγχο

12 10 Βήματα Αποτελεσματικού Σχεδιασμού Ιστοσελίδων (1/2) 1. Μην κάνετε τους χρήστες να σκέφτονται Προφανές και αυτονόητο περιεχόμενο 2. Μην σπαταλάτε την υπομονή τους Επιτρέψτε να παίξουν με τις υπηρεσίες που παρέχετε 3. Εστιάστε την προσοχή τους Nα μπορούν να αναγνωρίζουν τα όρια, τα πρότυπα και τις κινήσεις 4. Προσπαθήστε την έκθεση των χαρακτηριστικών Εξαιρετικά αποτελεσματικές οδηγίες, να αφήνετε το χρήστη να βλέπει ξεκάθαρα ποιες λειτουργίες είναι διαθέσιμες 5. Κάντε χρήση αποτελεσματικής γραφής Μιλήστε επιχειρηματικά

13 10 Βήματα Αποτελεσματικού Σχεδιασμού Ιστοσελίδων (2/2) 6. Προσπαθήστε για την απλότητα 7. Μην φοβάστε το λευκό χώρο Μείωση του γνωστικού φορτίου Ιεραρχικές δομές μείωσης της πολυπλοκότητας 8. Επικοινωνήστε αποτελεσματικά με «ορατή γλώσσα» Οργάνωση Οικονομία Επικοινωνία Το πολύ τρεις γραμματοσειρές σε 3 διαφορετικά μεγέθη το πολύ 9. Οι συμβάσεις είναι φίλοι μας Οι συμβάσεις είναι πολύ χρήσιμες Ακολουθήστε τις προσδοκίες των χρηστών Καινοτομήστε μόνο όταν είστε σίγουροι ότι έχετε πραγματικά μια καλύτερη ιδέα 10. Δοκιμάστε νωρίς και δοκιμάστε συχνά Το να δοκιμάσετε έναν χρήστη είναι 100% καλύτερο από το να μην δοκιμάσετε κανέναν Επαναληπτική διαδικασία Παράγονται πάντα χρήσιμα αποτελέσματα Ένας προγραμματιστής δεν είναι κατάλληλος για να δοκιμάσει τον δικό του κώδικα