Τα βασικότερα λάθη ενός web designer

VN:F [1.9.22_1171]
Rating: 3.0/5 (2 votes cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
10/02/2010 από
root

Κάθε μέρα χιλιάδες websites δημοσιεύονται στο internet ποια είναι όμως τα χαρακτηριστικά που κάνουν ένα site πετυχημένο?

Το να αναπτύξεις μια ιστοσελίδα είναι μια πρόκληση….
Tο πρόβλημα είναι ότι οι designers που την δημιουργούν ξεχνούν πολλές φορές ότι δεν πρέπει να φτιάχνουν ένα site βάση του προσωπικού τους γούστου αλλά για να εξυπηρετήσουν τις ανάγκες των πελατών τους. Δεν είναι λίγες οι φορές που προτεραιότητα είναι το εικαστικό κομμάτι σε βάρος της λειτουργικότητας & της χρηστικότητας.
Σε αυτό το άρθρο θα σας παραθέσω ορισμένα από τα βασικά λάθη ενός designer ….
1) Δυσανάγνωστο περιεχόμενο

Βασικός κανόνας είναι ο χρήστης να βρίσκει την πληροφορία που ζητάει εύκολα και όχι να “χάνεται” μέσα σε αυτήν…
Δεν είναι λίγοι αυτοί που χρησιμοποιούν πολλές γραμματοσειρές και σε διάφορα μεγέθη ώστε να τραβήξουν την προσοχή του κοινού τους
Μην το κάνετε !!! , το μόνο που μπορεί να προκαλέσει κάτι τέτοιο είναι πονοκέφαλο ……
Χρησιμοποιείστε 1-2 γραμματοσειρές ( θα συμβούλευα verdana ή Sans serif γιατί είναι ευανάγνωστες ιδίως στα ελληνικά και υπάρχουν σε όλους τους υπολογιστές) και να έχουν το ίδιο μέγεθος σε όλα τα κείμενα πχ 8pt και στους τίτλους 10pt )

Χρησιμοποιείστε Bold και emphasis μόνο εκεί που θέλετε να δώσετε έμφαση και σε τίτλους

Αν θέλετε να δώσετε χρώμα στο κείμενο διαλέξτε κάποιο που να υπάρχει ήδη μέσα στην σελίδα

Προσέξτε το allingment σας, γενικά μια στοιχισμένη σελίδα στα αριστερά είναι πιο ευανάγνωστη από αυτή στα δεξια.

Μην γράφετε με ΚΕΦΑΛΑΙΑ γιατί και μειώνεται το contrast των γραμμάτων μεταξύ τους αλλά και γιατί είναι σαν να φωνάζετε .

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

2) Εικαστικό

Φυσικά και ένα ωραίο εικαστικό θα τραβήξει την προσοχή του επισκέπτη αλλά μερικοί το παρακάνουν.

Μην χρησιμοποιείτε ότι χρώματα να΄ναι. Τα περισσότερα χρώματα που βλέπω σε ιστοσελίδες είναι λάθος και δεν ταιριάζουν μεταξύ τους
Χρησιμοποιείστε ένα εργαλείο σαν το http://kuler.adobe.com/ θα σας βοηθήσει να δείτε και να καταλάβετε την διάφορα.

Σταματήστε να παίρνετε μια εικόνα από μια gallery και απλά επειδή σας αρέσει να την “πετάτε” πάνω
Βρείτε φωτογραφίες στις αποχρώσεις του template σας και σχετικές με το αντικείμενο της σελίδας. Αν δεν βρίσκετε, ΔΗΜΙΟΥΡΓΗΣΤΕ  μόνοι σας.
Χρησιμοποιήστε animation σα μέσο αντί για φωτογραφίες. Είναι πολύ πιο δυνατό και με την σωστή χρήση μπορεί να ανεβάσει πολύ το επίπεδο της σελίδας μας.

Προσθέστε alt στις φωτογραφίες σας ( βοηθάνε και τον χρήστη αλλά και στο seo )

Διαχωρίστε για ποιον προορίζετε το site που θα παραδώσετε.
Ένα εταιρικό site πρέπει να είναι “καθαρό” και να δίνει τις πληροφορίες αμέσως σε αντίθεση με ένα προσωπικό site που μπορούμε να αναπτύξουμε περισσότερο το εικαστικό κομμάτι

Μην αλλάζετε χρώματα σε κάθε σελίδα, αντιθέτως κρατήστε ένα βασικό ύφος και “παίξτε” γύρω από αυτό. Ο χρήστης πρέπει να έχει μια ομαλή ροή μέσα στην σελίδα σας και όχι κάθε σελίδα που βλέπει να νομίζει πως αλλάζει site (Έχω δει ιστοσελίδες που κάθε σελίδα ήταν και άλλο template ).

Κάτι άλλο που έχω παρατηρήσει είναι πως πολλοί χρησιμοποιουνε έτοιμα template και δεν μπαίνουν στον κόπο να αλλάξουν το logo του. Επίσης χρησιμοποιούν πολλά scripts μαζί με διαφορετικό template το καθένα. Φτιάξτε ένα εικαστικό που να έχει μια ομοιογένεια με το βασικό σας template.

3) Οργάνωση / δομή σελίδας

ένα σωστά δομημένο layout είναι πάντα το κλειδί της επιτυχίας.
Προσωπικά πάντα πριν ξεκινήσω να στήνω μια σελίδα φτιάχνω πρώτα την δομή (σκελετό) της σε χαρτί…

Οργανώστε σωστά το περιεχόμενο και δίνετε τον κατάλληλο τίτλο σε κάθε άρθρο / μενού ώστε ο χρήστης να ξέρει ανά πάσα στιγμή που βρίσκεται.
Μην ξεχνάτε ότι αν ο χρήστης δεν βρίσκει αυτό που θέλει μέσα σε 3 click φεύγει.

Υπάρχουν σελίδες που δεν υπάρχει ο τίτλος και το favicon

Αν δεν έχετε περιεχόμενο να βάλετε μέσα σε άρθρο ή μενού, τότε πολύ απλά μην βάλετε το μενού.
Το να υπάρχει μια σελιδα υπο κατασκευη είναι ουσιαστικά σαν μια σελίδα που δεν υπάρχει οπότε, ποίος ο λόγος ύπαρξης της εκεί από την αρχή ;
Αφήστε σελίδες υπο-κατασκευη μόνο αν είναι απαραίτητο και φυσικά όχι για περισσότερο από 2-3 βδομάδες.

Φροντίστε να φαίνονται ξεκάθαρα τα link μέσα στην σελίδα ,αν πχ έχετε τα link υπογραμμισμένα τότε τίποτα άλλο δεν πρέπει να είναι.
Πάντα τα link να έχουν διαφορετικό χρώμα.
Φροντίστε να μην έχετε dead links και χρησιμοποιείστε sitemaps generators σαν το http://www.xml-sitemaps.com/ για να βρείτε και να καθαρίσετε τις 404 σελίδες

4) Λειτουργικότητα

Μην “Τυραννάτε” τους καλεσμένους σας.
δεν είναι λίγες οι σελίδες που προσπάθησα να κάνω εγγραφή και τελικά έφυγα γιατί δεν μπορούσα.
Μην βάζετε registration forms περίπλοκα και με πολλές πληροφορίες να συμπληρώσει ο χρήστης (name/user/pass/email είναι αρκετά) και ιδίως μη χρησιμοποιείτε τα Captcha τα οποία δεν μπορούν να διαβαστούν. Προτιμήστε μια επιβεβαίωση εγγραφής με μια ερώτηση που θα φτιάξετε εσείς.

5) Γενικά λάθη

Έχετε πάντα υπόψιν σας την ανάλυση της οθόνης που χρησιμοποιεί ο περισσότερος κόσμος (την συγκεκριμένη στιγμή είναι(1024×768) Φτιάξτε το περιεχόμενο σας έτσι ώστε να μην χρειαζεται ο χρήστης να κάνει scroll για να δει τα βασικά.

Δοκιμάστε την σελίδα σας σε όλους τους browsers και βεβαιωθείτε πως φαίνεται σωστή σε όλους. Αν δείτε πως έχετε προβλήματα με κάποιον βρείτε το fix του και διορθώστε το.
Βεβαιωθείτε πως τουλάχιστον στους : internet explorer, firefox , chrome παίζουν άψογα !

μην βάζετε μουσική στο background. Αν το κάνετε προσθέστε τουλάχιστον ένα κουμπί που να κάνει Mute σε εμφανή σημείο
οι περισσότεροι χρήστες που σερφαρουν στον υπολογιστή τους, ακούνε μουσική και το μόνο που θα κάνουν είναι να κλείσουν την σελίδα

Αυτά είναι τα βασικά… υπαρχουν πολλα ακόμα που θα προσπαθησω να καλύψω σε επόμενα Βοηθήματα…

Link στο forum

 








Hide ↑

extend your possibilities!! xtnd.it

Follow Web Design Forum on Twitter ,

Οδηγός επιβίωσης WordPress για αρχάριους

25 October 2012

                    Ξεκινήσετε το wordpress blog σας μέσα σε λίγα λεπτά!

Read more...

Διαγωνισμός: 5 πακέτα Web Hosting από την StigmaHost

16 October 2012

Με ενθουσιασμό σας ανακοινώνουμε ότι η StigmaHost σας προσφέρει την ευκαιρία[…]

Read more...

Ελληνική Σειρά Εκμάθησης JavaScript (Video Tutorials)

21 September 2012

Η Σειρά περιλαμβάνει τα εξής Μαθήματα:

JavaScript – 1 : Λίγα[…]

Read more...






Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Αφήστε ένα σχόλιο

 






RSS για τα σχόλια σε αυτό το άρθρο.  |  TrackBack URL



 
 
 

Eταιρείες παροχής υπηρεσιών διαδικτύου




 

Το Όραμά Μας

3d2 3d2

Η νέα εποχή ξεκινάει…

Είστε έτοιμοι;

Παρά τις όποιες δυσκολίες συναντήσαμε, τελικά μετά από 1 χρόνο περίπου, καταφέραμε να συγκεντρώσουμε τις δυνάμεις μας και να βάλουμε τις σκέψεις μας στο σωστό μονοπάτι.

Ξεκινάμε μια νέα εποχή για τα Ελληνικά δεδομένα. Κοιτάμε μπροστά και οραματίζομαστε το μέλλον με αισιοδοξία σε μία πολύ δύσκολη εποχή!

Αν είστε digital artist (web designer. web developer, programmer, 3d animator, graphic designer κτλ)  δώστε λίγα λεπτά από τον χρόνο σας να διαβάσετε το παρακάτω άρθρο. Σίγουρα σας ενδιαφέρει

 
web design forum

  • Προσεγγίστε νέους αναγνώστες και φίλους
  • Αποκτήστε το δικαίωμα να προωθήστε την σελίδα σας μέσω διαφημιστικών banner στο web design forum
  • Αποκτήστε συνδέσμους και backlinks δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.