Σήμερα, η δημιουργία Ιστοσελίδων που εμφανίζονται σωστά στα Κινητά και τα Tablet είναι το πρώτο μέλημα των σχεδιαστών ιστοσελίδων, γιατί όλες αυτές οι συσκευές έχουν γίνει απαραίτητα εργαλεία στην καθημερινότητά μας. Οι περισσότεροι χρήστες “σερφάρουν” στο διαδίκτυο, ψωνίζουν και επικοινωνούν με τις επιχειρήσεις μέσω κινητών συσκευών.
Γι’ αυτόν τον λόγο, η προσέγγιση “Mobile First” —δηλαδή η κατασκευή ιστοσελίδων που λειτουργούν άψογα σε όλες τις οθόνες— αποτελεί πλέον προτεραιότητα.
Όταν μιλάω για mobile responsive σχεδιασμό, εννοώ πως η ιστοσελίδα σας πρέπει να προσαρμόζεται αυτόματα σε οθόνες διαφορετικής διάστασης, ώστε κάθε επισκέπτης να έχει μια ευχάριστη εμπειρία από αυτήν, ανεξάρτητα από το αν χρησιμοποιεί κινητό, tablet ή υπολογιστή. Αυτό σημαίνει λιγότερα “zoom in” και “zoom out” για να διαβάσει τα κείμενα, καλύτερη εμφάνιση γραφικών και εικόνων, και φυσικά πιο γρήγορη φόρτωση των σελίδων.
Για να το πετύχετε αυτό, δώστε ιδιαίτερη σημασία στα παρακάτω σημεία:
- Ευανάγνωστα κείμενα: Φροντίστε οι τίτλοι και τα κείμενά σας να εμφανίζονται καθαρά, χωρίς να χρειάζεται ο χρήστης να κάνει μεγέθυνση για να διαβάσει. Εχω δεί πάρα πολλά site που τα γράμματα είναι τόσο μικρά που δεν διαβάζονται ακόμη και από υπολογιστή.
- Καθαρή διάταξη: Τοποθετήστε τα πιο σημαντικά στοιχεία (π.χ. κουμπιά, φόρμες επικοινωνίας) σε σημεία όπου είναι εύκολα προσβάσιμα. Δηλαδή να τα βλέπει κάποιος εύκολα. Λάβετε υπόψιν ότι ο επισκέπτης έχει μια πολύ μικρή οθόνη.
- Σωστά μεγέθη εικόνων: Χρησιμοποιήστε εικόνες που να είναι μικρές σε «βάρος» και να φορτώνουν γρήγορα, αλλά να έχουν καλή ποιότητα. Οι καθαρές φωτογραφίες κρατάνε τον επισκέπτη. Οι «βαριές» φωτογραφίες επιβραδύνουν το site και αποθαρρύνουν την περιήγηση του χρήστη. Κατά κανόνα χρησιμοποιείστε jpg εικόνες και 800×800 pixel ανάλυση. Αν είναι δυνατόν επίσης κρατήστε τετράγωνες τις εικόνες για να φαίνονται και πιο σωστά στα socials.
- Γρήγορη ταχύτητα φόρτωσης: Εκτός από τις «βαριές» φωτογραφίες το site μπορεί να καθυστερεί για πολλούς άλλους λόγους,
Ένας λόγος είναι ο αργός server. Συνήθως οι πολύ φτηνές φιλοξενίες των sites έχουν αυτό το πρόβλημα Η γρήγορη ταχύτητα ενός site είναι σοβαρός λόγος για να μένει ο επισκέπτης σε ένα site και τελικά να αγοράσει από αυτό.
Ένα site που «κολλάει» αποθαρρύνει τους επισκέπτες. Χρησιμοποιήστε σύγχρονες τεχνικές βελτιστοποίησης (caching, compression κ.ά.).
Δοκιμάστε ένα site για τη μέτρηση της ταχύτητας είναι το https://sitespeed.gr/
(αν η μέτρηση σας δείξει χρόνο φόρτωσης πάνω από 3 δευτερόλεπτα θα πρέπει να το δείτε με τον τεχνικό σας.)
Ένας άλλος λόγος μπορεί να είναι τα υπερβολικά σκουπίδια στο site Δηλαδή ο υπερβολικός κώδικας ή plugins που χρησιμοποιήθηκαν στην κατασκευή του site. Ο καθαρισμός από τέτοια σκουπίδια είναι αποκλειστική δουλειά ενός τεχνικού ιστοσελίδων διαφορετικά μπορεί να κάνετε ζημιά στο site σας.
5. Φιλική πλοήγηση: Προτιμήστε μενού που ανοίγουν εύκολα σε μικρή οθόνη, ενώ τα κουμπιά πρέπει να είναι αρκετά μεγάλα ώστε να πατιούνται χωρίς δυσκολία.
Τηρώντας αυτές τις βασικές αρχές, θα δημιουργήσετε μια ιστοσελίδα που ξεχωρίζει στα κινητά, κερδίζοντας επιπλέον πελάτες και ενισχύοντας το προφίλ της επιχείρησής σας στον ψηφιακό κόσμο.
Ξεκινήστε λοιπόν τώρα, και χαρίστε στους επισκέπτες σας μια εμπειρία που θα το κάνει να επιστρέφει ξανά και ξανά!
