Υπάρχουν πολλές εταιρίες και ιδιώτες που έχουν website, όμως το design του είναι ξεπερασμένο και χρειάζεται επανασχεδιασμό. Δυστυχώς, τις περισσότρερες φορές η ανάγκη για επανασχεδιασμό δεν γίνεται αντιληπτή από τους υπεύθυνους. Υπάρχουν διάφορα στοιχεία τα οποία μπορείτε εσείς σαν Web Designers ή Internet Consultants να τους επισημάνετε, ώστε να τους βοηθήσετε να καταλάβουν ότι το website τους χρειάζεται ανανέωση – αναβάθμιση. Παρακάτω ακολουθούν 7 σημεία που ίσως σας φανούν χρήσιμα σαν επιχειρήματα:

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

Η ιστοσελίδα δεν είναι διαδραστική
Σύμφωνα με την εξέλιξη του web, από Web 1.0 σε Web 2.0, ένα από τα σημαντικότερα “όπλα” ενός website είναι ο βαθμός της διαδραστικότητας που παρέχει στους χρήστες του. Όταν ο χρήστης επισκέπτεται ένα website που δεν είναι “ζωντανό”, αλλά απλά παρέχει μια στατική αμετάβλητη πληροφορία, δεν του προκαλεί ιδιαίτερο ενδιαφέρον. Αυτό που κάνει ένα website να μην είναι στατικό είναι η δυνατότητα να παρέχει στους χρήστες του την ευκαιρία να αλληλεπιδράσουν με αυτό. Να νιώσουν ότι είναι μέρος της ιστοσελίδας προσφέροντας σε αυτή και στους χρήστες της την δική τους πινελιά. Ένα μεγάλο μέρος της επιτυχίας των Blogs, οφείλεται στην διαδραστικότητα.

Η ιστοσελίδα έχει πολλή και επαναλαμβανόμενη κίνηση ή και ήχους
Ένα σημείο που υποδηλώνει ότι ένα website χρειάζεται Redesign είναι η παρουσία πολλών κινούμενων στοιχείων σε αυτή. Όταν π.χ. μια ιστοσελίδα έχει 5-6 κινούμενα banner και ένα κεντρικό επαναλαμβανόμενο Flash animation, συν κάποιο blinking text και μαζί με αυτά και έναν συνεχόμενο ήχο, σφύριγμα ή ηχητική λούπα, το μόνο που προκαλείται στο χρήστη είναι πονοκέφαλος από τους πολλούς και συνεχόμενα οπτικά και ηχητικά ερεθίσματα. Το ιδανικό είναι η κίνηση σε ένα website να είναι περιορισμένη, διακριτική και να έχει κάποιο σκοπό ύπαρξης. Όσον αφορά τον ήχο, το καλύτερο είναι να μην υπάρχει καθόλου, αλλιώς αν είναι απόλυτη ανάγκη να είναι διακριτικός και χαμηλόφωνος.

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

Μη συμβατότητα με τους γνωστούς browsers
Κάποτε τα websites σχεδιάζονταν με γνώμονα τον Netscape. Την θέση του Netscape κατέλαβε στην συνέχεια ο Internet Explorer. Τα πράγματα τώρα είναι διαφορετικά καθώς υπάρχουν πολλοί περισσότεροι browsers αλλά και πλατφόρμες απ’ ότι παλιότερα. Η ιστοσελίδα η οποία εξετάζεται θα πρέπει να είναι συμβατή με Firefox, Internet Explorer, Opera και Safari στο PC, με Firefox, Opera και Safari στο Mac και με Firefox, Opera και Konqueror στο Linux. Οτιδήποτε λιγότερο πλέον δεν είναι αρκετό. Οι χρήστες δεν περιορίζονται πλέον στο PC για να σερφάρουν στον διαδίκτυο. Ακόμα και οι κονσόλες και τα κινητά τηλέφωνα παρέχουν πλέον τη δυνατότητα διαδικτυακής εμπειρίας η οποία μπορεί να αποδειχτεί αποτυχία αν δεν τηρούνται οι συμβατότητες.

Flash intro
Αν το website το οποίο μελετάτε έχει Flash Intro, τότε είναι σίγουρα αρκετά παλιό. Το Flash intro είναι μια τακτική εντυπωσιασμού των χρηστών που δεν είναι πια της μόδας, δεν είναι πρακτική και δεν χρησιμοποιείται στις καινούργιες ιστοσελίδες. Χρησιμοποιώντας κάποιος/α Flash intro (ιδιαίτερα χωρίς skip) κινδυνεύει να διώξει τόσο τους χρήστες όσο και τις μηχανές αναζήτησης από τον διαδικτυακό του/της τόπο. Συνεπώς μόνο άσχημα μπορεί να είναι τα αποτελέσματα από την χρήση ενός Flash intro.

Φαίνεται η άκρη του Background image
Πολλά website, έχουν σχεδιαστεί με γνώμονα τα 800×600 ή τα 1024×768 pixels ανάλυση. Τα φόντα σε αυτά τα website μερικές φορές περιορίζονται σε αυτές τις αναλύσεις. Αν κάποιος διαθέτει μεγαλύτερη ανάλυση και επισκεφτεί το website, αυτό θα έχει σαν αποτέλεσμα να βλέπει τις άκρες του φόντου, γεγονός που δημιουργεί άσχημη εμπειρία στους χρήστες.

Σίγουρα θα υπάρχουν πολλοί ακόμα λόγοι που θα μπορούσαν να θεωρηθούν ως αιτία ανακατασκευής ενός διαδικτυακού τόπου. Αν θέλετε να συμπληρώσετε κάτι ακόμα σε όσα αναφερθήκαμε ή να προσθέσετε οτιδήποτε καινούργιο που πιστεύετε ότι παραλείψαμε θα χαρούμε να το μοιραστείτε και με τους υπόλοιπους αναγνώστες του Web Design Blog.

Σίγουρα θα έχετε παρατηρήσει πως κάποια websites έχουν ένα εικονίδιο που τα χαρακτηρίζει και βρίσκεται πριν από το domain name τους, στην address bar. Για παράδειγμα, το εικονίδιο του www.webdesignblog.gr είναι μια μικρογραφία του λογοτύπου. Για να το δείτε πρέπει να χρησιμοποιείτε οποιονδήποτε browser εκτός του internet explorer 6.0.

Πόσο σημαντικό όμως είναι το εικονίδιο αυτό και πώς ονομάζεται; Η πιο γνωστή ονομασία είναι Favicon από το Favorites + Icon. Άλλοι τα ονομάζουν website icon ή ακόμα και page icon αλλά πιο γνωστό και γνώριμο είναι το πρώτο. Το Favicon δεν φαίνεται μόνο στο address bar στο πάνω μέρος του browser σας, αλλά και στον κατάλογο με τα αγαπημένα σας (Bookmarks, Favorites ανάλογα με ποιον browser χρησιμοποιείτε).

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

Μερικές φορές όμως, όταν χρησιμοποιείτε το ίδιο Favicon για περισσότερα από 1 sites, υπάρχει μεγάλη πιθανότητα να μπερδευτεί ο χρήστης σας. Χαρακτηριστικό παράδειγμα αυτού είναι αυτό που φαίνεται στην παρακάτω εικόνα. Ίσως αν χρησιμοποιούσε το Google παρόμοια εικονίδια για κάθε website και όχι ίδια, θα πετύχαινε καλύτερα τον στόχο του.

Εάν θέλετε να εφαρμόσετε ένα Favicon στο website σας δεν έχετε παρά να κάνετε upload στο root του διαδικτυακού σας τόπου ένα εικονίδιο το οποίο να είναι είτε της μορφής .ico, είτε της μορφής .gif ή της μορφής .png στα 16×16 pixels και να προσθέσετε τον εξής κώδικα στο <HEAD></HEAD> της σελίδας σας:

Για σελίδα HTML 4.01

<!DOCTYPE html
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
      type="image/png"
      href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>

Για σελίδα XHTML 1.0

<!DOCTYPE html
      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
      xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="en-US"
      lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
      type="image/png"
      href="/somewhere/myicon.png" />
[…]
</head>
[…]
</html>

Περισσότερα μπορείτε να δείτε στα παρακάτω χρήσιμα links:

• http://www.w3.org/2005/10/howto-favicon
• http://en.wikipedia.org/wiki/Favicon

Σύμφωνα με το www.webdesignerwall.com οι τάσεις (Trends) που έχουν διαμορφωθεί για το 2008 είναι παρόμοιες με τις περσινές με ακόμα πιο έντονα στοιχεία.

Έτσι, και για φέτος είναι IN (πάλι) να χρησιμοποιείτε στοιχεία που κάνουν το εικαστικό σας να φαίνεται φτιαγμένο με το χέρι, φυσικό, όχι τετραγωνισμένο και γυαλιστερό. Στοιχεία όπως, σκίτσα με μολύβι, χειρόγραφες σημειώσεις, κάρτες , υδατογραφίες, κολλάζ, script γραμματοσειρές, grungy στοιχεία και πιτσιλίσματα από μελάνι ή μπογιά κλπ. Σημαντική παρουσία επίσης κάνουν τα sites που έχουν Ρετρό στοιχεία, αυτά δηλ. που έχουν ένα “χαρακτήρα” μιας παλαιότερης εποχής. Το χρησιμοποιημένο (used) και το φθαρμένο, είναι επίσης στοιχεία που δείχνουν την τάση της εποχής στο web design.

Οι παραπάνω τάσεις βέβαια, δεν μπορούν να εφαρμοστούν παντού. Κάθε πελάτης έχει τη δική του ταυτότητα και μερικές φορές αυτή δεν μπορεί να “παντρευτεί” με το νέο ρέυμα. Αυτό, βέβαια, δεν είναι απαραίτητα κακό. Χαρακτηριστικό παράδειγμα είναι το website της Apple το οποίο αν και δεν ακολουθεί τις τάσεις της εποχής, δεν παύει να είναι ένα αντικειμενικά όμορφο website.

Επομένως, μπορείτε να δανειστείτε μικρά στοιχεία και να τα προσαρμόσετε στο σοβαρό, γυαλιστερό και τετραγωνισμένο design σας, δίνοντάς του έτσι μια ξεχωριστή πινελιά, ώστε να βρεθεί ένα βήμα μπροστά από τον ανταγωνισμό.

Το Best Web Gallery έχει δημιουργήσει μια λίστα με 82 websites που ξεχωρίζουν για τη χρήση των τεχνικών που προαναφέραμε. Αυτά είναι χωρισμένα σε κατηγορίες:

Ρετρό

Χειρόγραφες σημειώσεις και συνδετήρες

Grungy

Πιτσιλίσματα από μελάνι ή μπογιά

Υδατογραφίες

Κολάζ

Ζωγραφιές και χειρόγραφες γραμματοσειρές

Μεγάλες γραμματοσειρές

Script γραμματοσειρές

Ξύλινο στοιχείο

Ζιγκ Ζαγκ σχέδια

Σύμφωνα με τον Andy Stratton του blog www.freelanceswitch.com, είναι πολύ σημαντικό όταν σχεδιάζετε το Online Portfolio σας να ακολουθείτε κάποιους συγκεκριμένους κανόνες. Έτσι, θα μπορέσετε να έχετε μια καλύτερη διαδικτυακή παρουσία ενισχύοντας το Image σας. Μην ξεχνάτε, εξάλλου, πως οι υποψήφιοι πελάτες σας θα αποφασίσουν αν θα επικοινωνήσουν μαζί σας κρίνοντας από αυτό που βλέπουν στην ιστοσελίδα σας. Οπότε όσο καλύτερο είναι αυτό που έχετε να παρουσιάσετε, τόσο περισσότερες είναι οι πιθανότητες να έρθουν σε επαφή.

Να είστε προσιτοί.
Πολλοί από τους χρήστες του διαδικτύου δεν έχουν ενεργοποιημένες κάποιες τεχνολογίες όπως Flash ή JavaScript με αποτέλεσμα να μην μπορούν να δουν περιεχόμενο που χρησιμοποιεί τέτοιου είδους εφαρμογές. Ο καλύτερος τρόπος για να είστε σίγουροι ότι όλοι οι χρήστες είναι σε θέση να πλοηγηθούν στον διαδικτυακό σας τόπο είναι να ακολουθήσετε τα παρακάτω βήματα:

1. Να χρησιμοποιείτε CSS για τον σχεδιασμό.
2. Να βεβαιωθείτε ότι ο κώδικάς σας είναι XHTML validated. Ένα validated site “παίζει” σε όλες τις γνωστές πλατφόρμες και σε όλους τους γνωστούς browsers χωρίς προβλήματα.
3. Να δώσετε μεγάλη βάση στο σχεδιασμό της λειτουργικότητας του website σας και αν κρίνετε πως είναι εντελώς απαραίτητη η χρήση JavaScript, τότε φροντίστε να χρησιμοποιήσετε διακριτικές λύσεις όπως αυτή του jQuery, του Prototype ή του Script.aculo.us.

Σχεδιάστε με γνώμονα την ευκολία χρήσης.
Βασικός κανόνας για την επιτυχία του Online Portfolio σας είναι να δημιουργήσετε ένα έυχρηστο περιβάλλον. Μια θετική εμπειρία σε συνδυασμό με ένα καλό σύστημα πλοήγησης, μετατρέπει έναν τυχαίο χρήστη σε πιθανό πελάτη. Για να το πετύχετε αυτό, να έχετε στο μυαλό σας τα εξής:

1. Δώστε προσοχή στις γραμματοσειρές που χρησιμοποιείτε, ώστε να είναι web safe και συμβατές με όλες τις πλατφόρμες. Λεπτομέρειες μπορείτε να διαβάσετε στο άρθρο μας με τίτλο “Ποιές γραμματοσειρές (fonts) μπορούν να χρησιμοποιηθούν στην σχεδιάση ιστοσελίδων.“.
2. Διατηρείτε ομοιογένεια στις σελίδες σας γιατί αν κάνετε δραματικές αλλαγές στη θέση του συστήματος πλοήγησης, ή του βασικού Layout του website σας, τότε οι χρήστες μπερδεύονται και δυσανασχετούν.
3. Μη δυσκολεύετε τους χρήστες, αναγκάζοντάς τους να φτάσουν στην πληροφορία που θέλουν κάνοντας πολλά κλικ. Το μόνο που θα καταφέρετε είναι να τους αποπροσανατολίσετε δημιουργώντας τους εκνευρισμό.

Μην το παρακάνετε με τα δείγματα δουλειάς σας
Είναι προτιμότερο το Online Portfolio να περιέχει μόνο τις καλύτερες δουλειές σας. Αν το γεμίσετε με περισσότερα δείγματα κινδυνεύετε να χάσετε πελάτες. Και αυτό γιατί δεν μπορείτε να ελέγξετε ποιες δουλειές σας θα δει ο χρήστης, με αποτέλεσμα να υπάρχει μεγάλη πιθανότητα να δεί μόνο κάποιες μέτριες, χάνοντας έτσι τις καλύτερες και πιο αντιπροσωπευτικές σας.

Βοηθάτε τους χρήστες σας, να επικοινωνήσουν μαζί σας
Προωθήστε τρόπους επικοινωνίας σε κάθε σελίδα σε εμφανή σημεία. Όσο πιο εύκολος είναι ο τρόπος με τον οποίο μπορεί να επικοινωνήσει κάποιος χρήστης μαζί σας, τόσο μεγαλύτερες είναι οι πιθανότητες επικοινωνίας. Αν ο χρήστης δυσκολεύεται να βρεί την Contact page, δεν θα προσπαθήσει παραπάνω. Απλά θα φύγει και θα βρει κάποιον άλλο.

Συμπερασματικά, το Online Potfolio σας θα πρέπει να είναι προσιτό, εύχρηστο, συνοπτικό και ταυτόχρονα να σας αντιπροσωπεύει όσο το δυνατόν περισσότερο, με εμφανή τα στοιχεία επικοινωνίας. Όλα αυτά, σε συνδυασμό με τη φαντασία, τον όμορφο σχεδιασμό και φυσικά ένα καλό host που να μην σας δημιουργεί προβλήματα, θα κάνουν τη διαφορά και θα ωθήσουν τους χρήστες να κάνουν το επόμενο βήμα.