7 συμβουλές σχεδίασης του UX για καλύτερες επιδόσεις

Posted On Πέμπτη, 25 Ιανουαρίου 2018 15:30 Written by
Rate this item
(0 votes)

Τα πάντα στον ιστότοπο σας - από τα χρώματα που χρησιμοποιείτε μέχρι την τοποθέτηση των κουμπιών σας - συνδέονται με τις επιδόσεις του.

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

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

Ακολουθούν επτά συμβουλές σχεδίασης UX που θα σας βοηθήσουν σε καλύτερες επιδόσεις

1.Βελτιώστε την ταχύτητα της σελίδας σας

Οι επισκέπτες της ιστοσελίδας είναι ανυπόμονοι. Περιμένουν να φορτώσει το site σας μέσα σε λίγα δευτερόλεπτα και πολλοί θα εγκαταλείψουν εάν διαρκέσει η φόρτωση περισσότερο από ό, τι περιμένουν. Σε μια μελέτη, η στιγμιαία καθυστέρηση αύξησε το ποσοστό εγκατάλειψης της στο 87%.

Έχετε ποτέ παρατηρήσει πώς site όπως το Amazon φορτώνει ακαριαία; Η επένδυση σε servers είναι αναγκαία για να το επιτύχετε αυτό, επειδή μελέτες δείχνουν ότι ο αντίκτυπος των αργών αποκρίσεων έχει σημαντικό αντίκτυπο στους αγοραστές.

Ένα από τα βασικότερα πράγματα που μπορείτε να κάνετε για το UX σας είναι να πληρώσετε για τον ταχύτερο και πιο αξιόπιστο διακομιστή που μπορείτε να αντέξετε οικονομικά.

2.Εστιάστε στο στόχο

Ποιος είναι ο στόχος τoυ site σας; Πρέπει να προσελκύσετε  την εστίαση του επισκέπτη στο κουμπί CTA. Ο καλύτερος τρόπος για να το επιτύχετε  είναι να περιορίσετε τα παράπλευρα θέματα γύρω από το στόχο που έχετε.

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

3.Προσφέρετε μια ισχυρή φόρμα επικοινωνίας

Όταν οι χρήστες επισκέπτονται έναν ιστότοπο, συχνά αναζητούν την επιλογή contact us. Ένας σωστά κατασκευασμένος σύνδεσμος με τη φόρμα επικοινωνίας σας δείχνει ότι ο ιστότοπός σας είναι ανοικτός στους πελάτες που επιθυμούν να έρθουν σε επαφή και προσθέτει στο site σας εμπιστοσύνη και αξιοπιστία.

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

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

4.Προσαρμογή του site σας στο mobile Internet

Η χρήση κινητών συσκευών για πρόσβαση στο Internet συνεχίζει να αυξάνεται σταθερά από έτος σε έτος. Ορισμένες εκτιμήσεις αναφέρουν ότι οι χρήστες που περιηγούνται στο Διαδίκτυο μέσω smartphones, θα φτάσουν στα 2,6 δισεκατομμύρια άτομα το 2018.

Εάν αυτοί οι αριθμοί δεν σας εντυπωσιάσουν ώστε να κατανοήσετε τη σημασία της προσαρμογής του site σας στις μικρότερες οθόνες, ίσως οι αλγόριθμοι της Google που εξετάζουν την επισκεψιμότητα του site σας, μεσω κινητής τηλεφωνίας, θα σας βοηθήσουν να το κατανοήσετε.

5.Βέλτιστη Αναγνωσιμότητα περιεχομένου

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

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

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

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

6.Σαφήνεια στις επιλογές για τον χρήστη σας

Θυμηθείτε ότι μια πρόσκληση για δράση, ζητά από τον επισκέπτη του ιστότοπου σας να κάνει συγκεκριμένη κίνηση. Έτσι, εάν ο στόχος σας είναι να μετατρέψετε τους επισκέπτες σε συνδρομητές ενημερωτικών δελτίων, δεν θέλετε απλώς ένα κουμπί που να λέει "Κάντε κλικ εδώ". Πρέπει να εξηγήσετε ακριβώς τι θα πάρουν κάνοντας κλικ. 

Ταυτόχρονα, πρέπει να κρατήσετε το CTA σας σύντομο και ευκρινές. Υπάρχει μια ολόκληρη ψυχολογία πίσω από τα χρώματα που χρησιμοποιείτε στο κουμπί CTA.

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

7.Επιδιόρθωση broken links

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

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

Ευτυχώς, υπάρχουν μερικά πράγματα που μπορείτε να κάνετε για να διορθώσετε σπασμένους συνδέσμους. Πρώτον, εάν λειτουργείτε τον ιστότοπό σας σε μια πλατφόρμα WordPress, εγκαταστήστε ένα plugin ανιχνευτή "σπασμένων" συνδέσεων για να σας ειδοποιήσει για σπασμένες συνδέσεις, ώστε να μπορείτε να τις διορθώσετε.

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

 

Βελτιστοποίηση και δοκιμές

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

Το κλειδί είναι να καταλάβετε τι ανταποκρίνεται στο κοινό σας και να το εφαρμόσετε. Προϋπόθεση όμως η προσπάθεια να δοκιμάσετε διαφορετικά στοιχεία εμπειρίας χρήστη.

Θα πρέπει όμως να συνεχίσετε αυτή τη διαδικασία καθ 'όλη τη διάρκεια ζωής του ιστότοπου σας.

Πηγή: uxplanet.

Read 1014 times Last modified on Πέμπτη, 25 Ιανουαρίου 2018 16:33

Related items

  • Η eCommerce & Digital Marketing Expo 2019 στο Ζάππειο Μέγαρο

    Μετά από την ιδιαίτερα επιτυχημένη διοργάνωση διεθνούς εμβέλειας eCommerce Expo 2018, ανακοινώνεται η διευρυμένη έκθεση eCommerce & Digital Marketing Expo που θα πραγματοποιηθεί στις 23 και 24 Νοεμβρίου στο Ζάππειο Μέγαρο.

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

    Ως αποτέλεσμα, η διοργάνωση μετονομάστηκε σε eCommerce & Digital Marketing ExpoECDM Expo.

    Πρόκειται για μία πολυεπίπεδη διοργάνωση με πολλά παράλληλα event, που σκοπός της είναι η ανάπτυξη των συνεργασιών μεταξύ εταιρειών που ειδικεύονται στις υπηρεσίες παρουσίας και προβολής στο Ιnternet και επιχειρήσεων που είτε πωλούν ηλεκτρονικά (ηλεκτρονικά καταστήματα) είτε διαφημίζουν τα καταστήματα και τις υπηρεσίες τους στο Ιnternet.

    Σαν εκθεσιακή διοργάνωση, η ECDM Expo δίνει την ευκαιρία στους εκθέτες να έρθουν σε επαφή με νέους υποψήφιους πελάτες από όλη την Ελλάδα, αλλά και από την ευρύτερη γεωγραφική περιοχή, οι οποίοι ενδιαφέρονται για να βρουν συνεργάτη, ώστε να βελτιώσουν τη διαδικτυακή παρουσία τους. Επίσης, να συμμετέχουν σε μια διοργάνωση που δίνει υπόσταση στον ίδιο τον κλάδο, ο οποίος τα τελευταία χρόνια έχει δείξει ιδιαίτερη δυναμική, εξυπηρετώντας την αυξημένη ζήτηση των επιχειρήσεων για προβολή στο Internet.

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

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

    Πέρα από το καθαρά εκθεσιακό μέρος, στην ECDM Expo έχει αναπτυχθεί μία σειρά από παράλληλες εκδηλώσεις, οι οποίες λειτουργούν συμπληρωματικά,  προσθέτοντας ουσιαστικό περιεχόμενο στη διοργάνωση και δίνοντας την ευκαιρία για εμβάθυνση των γνώσεων των επισκεπτών και για δικτύωση.

    Στις βασικές παράλληλες εκδηλώσεις περιλαμβάνονται:

    • Το κύριο παράλληλο διήμερο συνέδριο με δεκάδες ομιλητές υψηλού κύρους από το εξωτερικό και την Ελλάδα
    • το Keynote dinner με την παρουσία διακεκριμένου τιμώμενου ομιλητή για υψηλόβαθμα στελέχη του κλάδου
    • το Roundtable για την γνωριμία και συζήτηση των εταιρειών του κλάδου

     

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

    Χώρος διεξαγωγής: Ζάππειο Μέγαρο.

    Χρόνος διεξαγωγής: 23 και 24 Νοεμβρίου 2019.

    Περισσότερες πληροφορίες: www.ecdmexpo.com

  • Πακέτο εκμάθησης UX/UI με 29 δολάρια

    Ποιες είναι οι βασικές αρχές για έναν web developer όταν σχεδιάζει και αναπτύσσει ένα website; Απλός και καθαρός σχεδιασμός, σταθερές και αρμονικές χρωματικές επιλογές και μια οθόνη με σαφή μηνύματα χωρίς να είναι φορτωμένη με στοιχεία. Βέβαια, οι παραπάνω εργασίες εμπίπτουν κατά κύριο λόγο στις αρμοδιότητες ενός προγραμματιστή UI, ενώ τα θέματα της λειτουργικότητας, της δομής και της προσβασιμότητας είναι συνήθως έργο ενός UX designer.

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

    Σε κάθε περίπτωση, μπορείτε να πλουτίσετε τις γνώσεις σας και να γνωρίσετε καλύτερα τις βασικες αρχές τόσο για την ανάπτυξη επιτυχημένων UI, όσο και UX, με το εκπαιδευτικό πακέτο The Ultimate UX / UI Designer που μπορείτε να αποκτήσετε από τα Deals του The Next Web.

    Το εκπαιδευτικό πακέτο περιλαμβάνει 8 ενότητες, είναι στην αγγλική γλώσσα και διατίθεται με έκπτωση πάνω από 90%, με μόλις 29 δολάρια.

    Βιαστείτε όμως, γιατί η προσφορά λήγει σε 3 ημέρες.

     

  • 19 δωρεάν online περιοδικά για designers

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

    Υπάρχουν δεκάδες εκδόσεις που μπορείτε να βρείτε online, πολλές από τις οποίες είναι αξιόλογες και μάλιστα δωρεάν. Πιθανώς να γνωρίζετε κάποιες από αυτές που καταγράφει το σχετικό άρθρο του Ηongkiat, όμως σίγουρα θα ανακαλύψετε κάποιο υλικό που θα βρείτε ενδιαφέρον! 

    Οι 19 εκδόσεις που παρατίθενται, είναι είτε διαθέσιμες για κατέβασμα, είτε για ξεφύλλισμα online. Δείτε τις στο hongkiat.com.

  • Τα 5 βασικά σημεία για επιτυχημένο σχεδιασμό μονοσέλιδων ιστοσελίδων

    Οι περισσότεροι πιθανώς να νομίζουν πως η δημιουργία ενός μονοσέλιδου website είναι ευκολότερη σε σχέση με ενός «κανονικού» πολυσέλιδου, όμως υπάρχουν πολλές προκλήσεις που πρέπει να απαντηθούν εύστοχα.

    Ένα one-page website θα πρέπει να είναι φιλικό, ουσιαστικό και οπτικά ελκυστικό ταυτόχρονα, σε μία μόλις σελίδα! Για το λόγο αυτό, συχνά είναι αρκετά πιο απαιτητικός ο σχεδιασμός του, αφού πρέπει να γίνει πολύ προσεκτικά, για να χωρέσει όλο το επιθυμητό υλικό σε μία και μόνη σελίδα.

    Ας δούμε τα 5 καίρια σημεία τα οποία θα οδηγήσουν στην επιτυχία κάθε ανάλογη προσπάθεια.

     

    1. Ξεκάθαρος στόχος

    Ξεκινήστε τον σχεδιασμό αφού υπάρχει σαφής στόχος που πρέπει να εξυπηρετηθεί, ώστε η δομή της ιστοσελίδας να είναι κατάλληλη. Ποιος θα είναι ο σκοπός; Να πουλήσει κάτι, να παρουσιάσει ένα προϊόν ή μία υπηρεσία, ή να ανακοινώσει μία εκδήλωση;

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

    1. Λίγα και ευανάγνωστα κείμενα

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

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

    1. Σωστή διάταξη

    Η ανάγνωση των κειμένων γίνεται από τους χρήστες σε μοτίβο “F” ενώ το εικαστικό υλικό το βλέπουν σε μοτίβο "Ζ". Φροντίστε να ακολουθήσετε αυτά τα μοτίβα για την τοποθέτηση κειμένων και εικόνων για να βελτιστοποιήσετε την εμπειρία και να κερδίσετε το ενδιαφέρον τους.

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

    1. Ευχάριστη πλοήγηση

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

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

    1. Το βέλτιστο Call To Action

    Ένα ή περισσότερα κουμπιά CTA καλούν και οδηγούν τους επισκέπτες στο επιθυμητό (για τον κάτοχο του website) αποτέλεσμα. Ενθαρρύνετε τους επισκέπτες να κινηθούν προς την κατεύθυνση που επιθυμείτε και τοποθετείστε όσα κουμπιά είναι απαραίτητα, αναλόγως με τις ιδιαιτερότητες και τη δομή τού website.

     Εν κατακλείδι

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

  • Πακέτο εκμάθησης Photoshop μόνο με 29 δολάρια!

    Μία μοναδική ευκαιρία για να βελτιώσετε και να τελειοποιήσετε τις δυνατότητές σας στο Adobe Photoshop προσφέρει η πολύ ελκυστική προσφορά τού The Next Web.

    Πρόκειται για ένα πλήρες "Mastery Bundle" εκμάθησης του Photoshop, που περιλαμβάνει οκτώ διαφορετικές θεματικές ενότητες, οι οποίες προσφέρονται για μόλις 29 δολάρια.

    Οι οκτώ ενότητες περιλαμβάνουν είκοσι ώρες εκπαίδευσης στην αγγλική γλώσσσα, σε όλα τα χρήσιμα χαρακτηριστικά, αλλά και κρυφά κόλπα του Adobe Photoshop.

    Οι θεματικές ενότητες είναι:

    • Master Photoshop Light Effects & Style Your Images
    • Amber & Teal: Cinematic Color Grading in Photoshop
    • Master the Art of Coloring Black and White Photographs
    • Photoshop CC: Digital Art Pro Techniques
    • Portrait Photography Masterclass 
    • Lightroom CC Crash Course
    • Fine Art Compositing with Photoshop CC
    • Design a Unique Bookstore-Quality Photo Book with Blurb

     

    Ξεχωριστά, κάθε ενότητα διατίθεται από 30 έως και 200 δολάρια, μπορείτε όμως να αποκτήσετε όλο το πακέτο μόνο με 29 δολάρια από τη σελίδα των TNW deals.

Leave a comment

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.

Open Source διαχείριση ή άλλη?

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

Newsletter

Subscribe to our newsletter. Don’t miss any news or stories.

We do not spam!