ΕΠΙΚΟΙΝΩΝΗΣΤΕ ΜΕ ΤΗΝ DIGITAL ARTS

Thursday, 03 October 2013 19:41

13 απλές συμβουλές για σωστό Web Design

Written by 
Rate this item
(2 votes)

13 tips for web designΟ σχεδιασμός της ιστοσελίδας σας, τα χρώματα, οι γραμματοσειρές και εικόνες που χρησιμοποιείτε (ή δεν χρησιμοποιείτε) μπορεί να σημάνει τη διαφορά μεταξύ της επιτυχίας (χαμηλή εγκατάλειψη, υψηλή μετατροπή επισκέπτη σε πελάτη) και της αποτυχίας (υψηλή εγκατάλειψη, χαμηλές πωλήσεις).

Θέλετε να εξασφαλίσετε ότι οι επισκέπτες θα παραμείνουν στην ιστοσελίδα σας; Είστε βέβαιοι ότι θα βρουν αυτό που ψάχνουν; Θέλετε οι επισκέπτες σας να μένουν αρκετή ώρα στη σελίδα σας, να κάνουν περισσότερα κλικ ή να αγοράζουν προϊόντα; Ακολουθήστε αυτές τις 13 συμβουλές για το σωστό Web Design.

 

1. Δημιουργήστε ένα επαγγελματικό λογότυπο και συνδέστε το με την αρχική σελίδα σας.

Το λογότυπό σας είναι ένα σημαντικό μέρος της εταιρίας σας, για αυτό και πρέπει να  βρίσκεται σε περίοπτη θέση στην ιστοσελίδα σας.

Χρησιμοποιείστε μια μεγάλη και καθαρή εικόνα για το λογότυπο και τοποθετήστε το πάνω αριστερά ή στο κέντρο, επίσης συνδέστε το με σύνδεσμο που θα οδηγεί στην κεντρική σελίδα, έτσι οι επισκέπτες σας θα μπορούν εύκολα να περιηγηθούν στη σελίδα σας.

 

2. Χρησιμοποιείστε διαισθητική πλοήγηση.

Συνήθως το κεντρικό μενού (main menu) πλοήγησης βρίσκεται κάτω από το λογότυπο σε οριζόντια διάταξη, για δευτερεύουσες επιλογές χρησιμοποιείστε αναδιπλούμενο μενού κάτω από το κεντρικό ή εναλλακτικά δημιουργήστε στα αριστερά ή δεξιά (sidebar) ένα δεύτερο μενού πλοήγησης.

Γιατί είναι σημαντικό να υπάρχει εύκολη πλοήγηση; Η πλοήγηση αν δεν είναι κατανοητή με την πρώτη ματιά θα οδηγήσει τον χρήστη στην έξοδο του από την σελίδα. Τους λιγότερο σημαντικούς συνδέσμους μπορούμε να τους τοποθετήσουμε στο τέλος της σελίδας (footer menu).

 

3. Αποφύγετε την ακαταστασία.

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

Για να κρατήσετε τους επισκέπτες στο site σας βεβαιωθείτε ότι δεν υπάρχει “οπτική” ακαταστασία όπως: πολλά γραφικά, φωτογραφίες ή animated gifs, που τραβούν την προσοχή του επισκέπτη μακριά από το πιο σημαντικό μέρος της σελίδας.

 

4. Δώστε ανάσες στους επισκέπτες.

Δημιουργήστε αρκετό χώρο μεταξύ των παραγράφων και των εικόνων, έτσι ώστε ο χρήστης να έχει χώρο για να κινηθεί το μάτι, με αυτόν τον τρόπο θα κατανοήσει καλύτερα

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

 

5. Χρησιμοποιήστε το χρώμα στρατηγικά.

Χρησιμοποιώντας μια ουδέτερη παλέτα χρωμάτων μπορεί να βοηθήσει τη σελίδα σας να έχει  μια κομψή, καθαρή και μοντέρνα εμφάνιση.

Χρησιμοποιείστε μικρές πινελιές χρώματος - για τίτλους ή βασικά γραφικά - βοηθά τους επισκέπτες σαν οδηγός για τα πιο σημαντικά κομμάτια στο περιεχόμενό σας.

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

 

6. Επενδύστε σε καλή, επαγγελματική φωτογραφία.

Οι επισκέπτες της ιστοσελίδας μπορούν να δουν τις φωτογραφίες σε ένα δευτερόλεπτο και να δημιουργήσουν μια γενική εικόνα της εταιρείας σας. Η εταιρία σας όμως είναι κάτι πιο συγκεκριμένο γι΄αυτό επενδύστε σε επαγγελματική φωτογραφία για να δείξετε ποια είναι πραγματικά η εταιρία σας και ποια η διαφορά της από τους ανταγωνιστές σας.

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

Κακής ποιότητας φωτογραφίες ή φωτογραφίες που δεν έχουν καμία σχέση με το μήνυμα σας είναι χειρότερο από το να μην υπάρχει καμιά φωτογραφία.

Τip φωτογραφίας: Αν θέλετε να επιστήσετε την προσοχή σε ένα συγκεκριμένο κομμάτι του περιεχομένου ή σε ένα κουμπί εγγραφής χρήστη για παράδειγμα, τοποθετήστε δίπλα  μια φωτογραφία ενός ατόμου που κοιτάζει το περιεχόμενο,

 

7. Επιλέξτε γραμματοσειρές που είναι εύκολο να διαβαστούν σε όλες τις συσκευές και browsers.

Όταν επιλέγετε γραμματοσειρές, να έχετε κατά νου ότι οι επισκέπτες που ψάχνουν στην ιστοσελίδα σας δεν πλοηγούντε μόνο από σταθερό ή φορητό υπολογιστή, αλλά και από tablet και smartphones.

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

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

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

Εάν χρησιμοποιείτε ένα ρευστό σχεδιασμό, χρησιμοποιήστε ένα μέγεθος γραμματοσειράς που επιτρέπει από 15 έως 20 λέξεις ανά γραμμή σε 900 έως το 1000 pixels πλάτος.

 

8. Σχεδιάστε κάθε σελίδα ως σελίδα προορισμού.

Οι περισσότεροι ιστοχώροι έχουν μια κεντρική σελίδα (home page) και από εκεί ο χρήστης πλοηγείτε στις υπόλοιπες ιστοσελίδες, στην πραγματικότητα όμως στις περισσότερες αναζητήσεις δεν καταλήγουμε στην κεντρική σελίδα του ιστοχώρου αλλά στη σελίδα που αναζητήσαμε. Ως εκ τούτου θα πρέπει να είναι σχεδιασμένη η σελίδα με τέτοιο τρόπο ώστε ο επισκέπτης να παίρνει γρήγορα τις βασικές πληροφορίες.

 

9. Εύκολη επικοινωνία

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

 

10. Χρησιμοποιήστε Responsive Design.

Για καλύτερη εμπειρία του χρήστη επιλέξτε Responsive Design όπου η ιστοσελίδα  αυτόματα προσαρμόζεται στην οθόνη της συσκευής που πλοηγήστε (smartphone, tablet, laptop, desktop)

 

11. Ξεχάστε το Flash.

Λόγω της συνεχιζόμενη διαμάχη μεταξύ της Adobe και της Apple, οι μέρες του Flash ως πρότυπο του Internet είναι σιγά-σιγά στο τέλος τους θα έχετε ήδη παρατηρήσει ότι όποια ιστοσελίδα περιέχει flash δεν παίζει σωστά σε iphone και ipad οπότε γιατί να μείνετε έξω από το παιχνίδι όταν υπάρχουν και άλλες επιλογές που είναι πολύ πιο φιλικές στο Web και στο χρήστη όπως η HTML5;

Η HTML5 κερδίζει περισσότερη υποστήριξη στο Web, με τις μηχανές αναζήτησης είναι φιλική όπως και με τα κείμενα, και έχει τη δυνατότητα να λειτουργεί σε πολλά από τα δημοφιλή κινητά λειτουργικά συστήματα χωρίς να απαιτείται plug-in.

 

12. Μην ξεχάσετε τα κουμπιά

Η «Υποβολή» ή «Αποστολή» με ένα κουμπί στο κάτω μέρος μιας φόρμας επικοινωνίας μπορεί να είναι το πιο άσχημο μέρος μιας ιστοσελίδας αλλά και το πιο σημαντικό, θα πρέπει όμως να ενθαρρύνουμε τον χρήστη με κάποιο τρόπο όταν αιωρείται πάνω από το κουμπί υποβολής (mouse over) να το πατήσει, θα πρέπει το κουμπί να αλλάξει κάποιο χρώμα ή να αλλάξουν κλήση τα γράμματα κλπ.

 

13. Δοκιμάστε τη σελίδα σας.

Πριν “βγάλετε στον αέρα” τη νέα σας σελίδα δοκιμάστε την, πατήστε κάθε σύνδεσμό, στείλτε μήνυμα από τη φόρμα επικοινωνίας, κάντε μια παραγγελία και βεβαιωθείτε ότι όλα δουλεύουν άψογα. Δείξτε την σε φίλους και συνεργάτες για να κάνουν σχόλια και παρατηρήσεις, σίγουρα κάτι θα σας έχει ξεφύγει.

 
Read 6011 times Last modified on Thursday, 03 October 2013 19:55
Πλήρες HTML site 5 σελίδων με MONO 199€ από 299€ και ΔΩΡΟ τη φιλοξενία
Δείτε την προσφορά +

Πλήρες HTML site 5 σελίδων με MONO 199€ από 299€ και ΔΩΡΟ τη φιλοξενία

Κερδίστε τώρα από τις προσφορές της Digital Arts και φτιάξτε τo δικό σας website σε προνομιακή τιμή. Δείτε όλα τα πακέτα

DYNAMIC SITE από 349€
Δείτε το πακέτο +

DYNAMIC SITE από 349€

Για πλήρη διαχείριση του website ξεκινήστε ΔΥΝΑΜΙΚΑ με Joomla CMS.

FACEBOOK PAGE
Περισσότερα +

FACEBOOK PAGE

Μπείτε τώρα στον κόσμο της κοινωνικής δικτύωσης και προωθήστε προϊόντα και υπηρεσίες

TOP