Καλές πρακτικές για ιστοσελίδα για κινητά
Για μια νέα ιστοσελίδα για κινητές συσκευές, εφαρμόζουμε την νέα μέθοδο των ανταποκρινόμενων (responsive) σε κινητές συσκευές σελίδων. Παρακάτω περιγράφονται μερικές καλές πρακτικές για σελίδες για κινητές συσκευές:
Κρατήστε το σύντομο
Οι χρήστες κινητών συσκευών είναι συχνά πολύ σύντομοι στις περιηγήσεις τους, ψάχνοντας πράγματα καθώς περνούν την ημέρα τους. Για να τους βοηθήσετε σχεδιάστε την σελίδα έτσι ώστε να φορτώνει γρήγορα.
- Ιεραρχίστε το περιεχόμενο και τα χαρακτηριστικά που οι χρήστες κινητών τηλεφώνων χρειάζονται περισσότερο.
- Χρησιμοποιήστε το βασικό σας site για να δείτε τι χρειάζονται οι χρήστες κινητών
- Μειώστε τα μεγάλα κείμενα και χρησιμοποιήστε σημεία με κουκκίδες για εύκολη ανάγνωση
- Συμπιέστε τις εικόνες σας για κρατήστε τις μικρές για γρήγορη φόρτωση των εικόνων
Απλοποιήστε την περιήγηση
Σε κανέναν δεν αρέσει να μπερδεύεται. Ξεκάθαρη πλοήγηση και αναζήτηση θα βοηθήσουν τους επισκέπτες να βρούνε εύκολα αυτό που χρειάζονται.
- Ελαχιστοποιήστε την κύλιση και κρατήστε την μόνο κατακόρυφη
- Χρησιμοποιήστε ξεκάθαρη ιεραρχία στα μενού
- Βοηθήστε του χρήστες να περιηγηθούν μεταξύ επιπέδων με ξεκάθαρα κουμπάκια «Πίσω» και «Αρχική»
- Χρησιμοποιήστε επτά συνδέσμους ή λιγότερους ανά σελίδα
- Αν η ιστοσελίδα είναι πολύπλοκη, τοποθετήστε ένα κουτί αναζήτησης
Φιλικό προς τον αντίχειρα
Οι χρήστες χρησιμοποιούν τα δάχτυλά τους για να λειτουργήσουν τις κινητές συσκευές, κυρίως τους αντίχειρες. Σχεδιάστε την σελίδα έτσι ώστε ακόμα και οι μεγάλοι αντίχειρες να μπορούν να πατήσουν εύκολα τα κουμπιά.
- Βάλτε μεγάλα κουμπιά, στο κέντρο και δώστε τους χώρο έτσι ώστε να αποφεύγονται τα κατά λάθος κλικ.
- Δώστε τη δυνατότητα και στο κείμενο δίπλα σε κουτάκια για τσεκ, να δέχεται κλικ.
- Μεγαλώστε τα μικρότερα κουμπάκια έτσι ώστε να γίνεται ευκολότερη η επιλογή τους.
Σχεδίαση για ορατότητα
Ένα φιλικό προς κινητά σάιτ, περνάει το μήνυμα του χωρίς να καταπονεί τα μάτια. Κάντε εύκολη την ανάγνωση και να θυμάστε ότι οι πελάτες μπορεί να είναι σε ένα χώρο με χαμηλό φωτισμό.
- Δώστε αντίθεση ανάμεσα στο κείμενο και το φόντο.
- Να είστε σίγουροι ότι το περιεχόμενο θα χωρέσει στην οθόνη και μπορεί να διαβαστεί χωρίς μεγέθυνση.
- Χρησιμοποιήστε χρώμα και μέγεθος για να υποδείξετε την ιεραρχία των συνδέσμων.
Κάντε το προσβάσιμο
Ιδανικά η ιστοσελίδα σας θα πρέπει να δουλεύει σε όλες τις κινητές συσκευές και σε όλους τους προσανατολισμούς αυτών. Βρείτε εναλλακτικές λύσεις για το flash, δεν λειτουργεί σε κάποιες συσκευές.
- Χρησιμοποιήστε HTML5 για διαδραστικότητα και γραφικά.
- Προσαρμόστε την σελίδα σας σε κατακόρυφο και οριζόντιο προσανατολισμό
- Κρατήστε τους χρήστες στο ίδιο σημείο όταν αλλάζει ο προσανατολισμός.
Διευκολύνετε την επικοινωνία
Όποιος και να είναι ο στόχος της ιστοσελίδας σας οι χρήστες θα πρέπει να μπορούν να τον πετύχουν με ένα εικονικό πληκτρολόγιο και χωρίς ποντίκι. Διευκολύνετε την αγορά ή την επικοινωνία μαζί σας.
- Επικεντρωθείτε στις πληροφορίες που θα οδηγήσουν σε αγορά ή επικοινωνία
- Μειώστε τα βήματα που χρειάζονται για να ολοκληρωθεί μια αγορά.
- Κρατήστε μικρές τις φόρμες και βάλτε το δυνατόν λιγότερα πεδία.
- Χρησιμοποιήστε κουτάκια με τσεκ, λίστες και μενού για κύλιση για να κάνετε ευκολότερη την εγγραφή δεδομένων.
- Χρησιμοποιήστε την λειτουργία κλικ για κλήση για τα τηλέφωνα.
Δώστε τοπικό χαρακτήρα
Οι καταναλωτές ψάχνουν για τοπικές πληροφορίες στα τηλέφωνά τους όλη την ώρα, από τον εντοπισμό του πλησιέστερου βενζινάδικου μέχρι το να βρούνε μια ανοιχτή πιτσαρία. Συμπεριλάβετε λειτουργίες που διευκολύνουν τους χρήστες να σας βρούνε.
- Βάλτε την διεύθυνσή σας στη σελίδα υποδοχής.
- Συμπεριλάβετε χάρτες και οδηγίες
Διαρκής βελτίωση
Οι καλές σελίδες για κινητά επικεντρώνονται στο χρήστη, που σημαίνει ότι δημιουργούνται με προτάσεις και σχόλια από το κοινό σας. Ζητήστε από τους χρήστες της ιστοσελίδας σας τι χρειάζονται για μία έκδοση για κινητά και χρησιμοποιήστε δοκιμές και βελτιστοποίηση στην πορεία.
- Χρησιμοποιήστε αναλυτικές επισκέψεων για να καταλάβετε πως χρησιμοποιούν οι χρήστες την σελίδα
- Αν είναι πιθανό, ειδικά για περίπλοκες σελίδες, κάντε δοκιμές πριν την δημοσίευση.
- Συλλέξτε σχόλια από χρήστες και εφαρμόστε προτάσεις τους
Επικοινωνήστε μαζί μας για να αποκτήσετε μία ιστοσελίδα ανταποκρινόμενη σε κινητές συσκευές!
