Για κάποιο χρονικό διάστημα, όσοι ασχολούνταν με τη βελτιστοποίηση μηχανών αναζήτησης διαβεβαίωσαν ότι μια κινητή έκδοση της ιστοσελίδας τους είναι διαθέσιμη επειδή διαφορετικά διατρέχουν τον κίνδυνο να θυμούνται τον αλγόριθμο Google. Ωστόσο, σε αντίθεση με τόσες άλλες τάσεις στον κόσμο SEO, η έρευνα δείχνει ότι η χρήση του κινητού διαδικτύου δεν επιβραδύνεται, παρόλο που πολλές από τις επονομαζόμενες φιλικές προς το κινητό ιστότοπους είναι ένας πόνος στη χρήση. Όχι μόνο αυξάνονται οι προβολές για κινητά, αλλά φυσούν. Έρευνα από το Statista εκτιμά ότι το ποσό της κυκλοφορίας Ιστού το έτος 2019 θα είναι περίπου 24,3 Exabyte, από 4,2 Exabyte το 2015.
Για να βεβαιωθείτε ότι καταλαβαίνετε τη σοβαρότητα αυτής, ένα Exabyte ισούται με 1 δισεκατομμύριο Gigabytes.
Παρά τα στοιχεία που δείχνουν ότι οι επισκέπτες χρησιμοποιούν τις κινητές συσκευές τους για να περιηγηθείτε στο διαδίκτυο, δεν σχεδιάζουν όλοι μαζί με τον χρήστη του κινητού. Σύμφωνα με τον Όμιλο Nielsen-Norman:
... υπάρχουν περισσότεροι χρήστες smartphone παγκοσμίως από τους χρήστες υπολογιστών και φορητών υπολογιστών [αλλά] η χρηστικότητα των ιστότοπων και των εφαρμογών για κινητά εξακολουθεί να βρίσκεται πολύ πίσω από τη χρηστικότητα των ιστοτόπων για επιτραπέζιους υπολογιστές.
Φυσικά, δεν θέλουν όλοι ένας κινητός ιστότοπος που είναι αρκετά καλός για την Google. Θέλουν τους επισκέπτες τους να έχουν μια θετική εμπειρία όταν προσγειώνονται στην ιστοσελίδα τους, ή που σχεδιάζονται για έναν πελάτη. Έτσι, προσαρμόζουν ανάλογα τα σχέδιά τους.
Οι περισσότεροι άνθρωποι συνδέουν τον ιστό για κινητά με ευέλικτο σχεδιασμό ιστοσελίδων, επειδή εδώ και αρκετό καιρό έχουν βρεθεί τα διάφορα blogs και παρουσιάσεις. Ωστόσο, ο ευέλικτος σχεδιασμός ιστοσελίδων δεν είναι η μόνη στρατηγική και δεν είναι πάντα η καλύτερη προσέγγιση. Η καλύτερη επιλογή βασίζεται στο πώς θέλετε οι επισκέπτες σας να αλληλεπιδρούν με το περιεχόμενο του ιστότοπού σας.
Χρησιμοποιώντας ερωτήματα μέσων για να αλλάξετε την προβολή του ιστότοπου βάσει του μεγέθους της οθόνης, αυτή είναι μια υγρή προσέγγιση στο σχεδιασμό για πολλές συσκευές. Σχεδιάζετε μία φορά και βασίζεστε στο CSS για να κλιμακώνετε την οθόνη με βάση την οθόνη.
Αυτή η προσέγγιση βασίζεται σε στατικές σελίδες σχεδιασμένες για διαφορετικά σημεία διακοπής. Όταν εντοπιστεί το μέγεθος της οθόνης, εμφανίζεται η κατάλληλη διάταξη. Εδώ, θα πρέπει να σχεδιάσετε διαφορετικές διατάξεις για να προσαρμόσετε διάφορα μεγέθη οθόνης. Συνήθως, κατασκευάζονται έξι διατάξεις για τα πιο κοινά πλάτη: 320, 480, 760, 960, 1200, 1600.
Αυτό συμβαίνει όταν δημιουργείτε μια εφαρμογή iOS, Android ή Windows που έχει σχεδιαστεί για να εξυπηρετεί το περιεχόμενο του ιστού σας σε χρήστες κινητών τηλεφώνων.
Θα δυσκολευόσαστε να βρείτε έναν ιστότοπο αυτών των ημερών που δεν προσφέρει κάποιο είδος αλληλεπίδρασης χρηστών. Θα μπορούσε να είναι ένας ιστότοπος επιχείρησης που συλλέγει πληροφορίες από υποψήφιους πελάτες, έναν ιστότοπο ηλεκτρονικού εμπορίου που δημιουργήθηκε για ψώνια ή ένας ιστότοπος που επιτρέπει στους επισκέπτες να κάνουν check-in σε ένα συμβάν ή τοποθεσία. Σε κάθε περίπτωση, ο χρήστης θα πρέπει να παρέχει πληροφορίες, να κάνει επιλογές και κουμπιά πίεσης και πρέπει να μπει στο μυαλό ότι τα πράγματα σε μια κινητή συσκευή είναι διαφορετικά.
Για αρχάριους, εστιάστε σε σημαντικά χαρακτηριστικά. Αυτό μπορεί να απαιτήσει κάποια αναδιάταξη από μέρους σας, ή ίσως χρειαστεί να περιορίσετε κάποια από τα στοιχεία που θέλετε να συμπεριλάβετε. Όχι μόνο αυτό θα βοηθήσει να μειώσει την ακαταστασία, αλλά θα επιτρέψει για τα μεγαλύτερα κουμπιά και άλλα στοιχεία που τα μεγαλύτερα δάχτυλα μπορεί να έχουν έναν σκληρό χρόνο εμπλακεί με. Όταν είναι δυνατόν, μειώστε την ανάγκη εισόδου κειμένου από τους χρήστες. Μπορεί να έχουν ένα πληκτρολόγιο οθόνης για χρήση, αλλά όλοι γνωρίζουμε ότι υπάρχει υψηλό ποσοστό σφάλματος κατά τη χρήση αυτών και τα χαρακτηριστικά όπως η αυτόματη διόρθωση ή η πρόβλεψη κειμένου μπορεί να γίνει αρκετά απογοητευτική. Επίσης, κατανοήστε ότι υπάρχει μια καλή πιθανότητα ότι ένας επισκέπτης του κινητού ενδέχεται να διακοπεί ή να χάσει τη σύνδεσή του. Όσο λιγότερο πρέπει να ξανακάνουν εάν χάσουν χρόνο, τόσο λιγότερη απογοήτευση θα αισθάνονται.
Για σκοπούς SEO, πολλοί σχεδιαστές έχουν εκπαιδευτεί με την πάροδο των ετών να ενσωματώσουν σύνθετα μενού πλοήγησης στη δουλειά τους, έτσι ώστε οι αράχνες μηχανών αναζήτησης να είναι σε θέση να δείξουν τα πάντα. Έχοντας τα πάντα προσβάσιμα από το μενού πλοήγησης διασφαλίζει επίσης ότι οι επισκέπτες σας είναι σε θέση να βρουν αυτό που ψάχνουν. Αλλά για τον επισκέπτη του κινητού, αυτά τα συντριπτικά μενού κάνουν την πλοήγηση πιο δύσκολη και ένας σωστά σχεδιασμένος χάρτης ιστοτόπου θα στείλει τις μηχανές αναζήτησης όπου θα πρέπει να πάνε.
Αντί για μεγάλες λίστες μενού μενού, κρατήστε τις επιλογές σε όχι περισσότερο από έξι, ώστε οι κινητοί επισκέπτες δεν χρειάζεται να προσπαθήσουν να μετακινηθούν προς τα κάτω για να δουν τα πάντα ενώ προσπαθούν να διατηρήσουν ένα μενού ανοιχτό. Επίσης, εξαλείψτε τα υπομενού. Αυτό το μικρό σημάδι + που περιμένετε από τους χρήστες να κάνουν κλικ για να επεκτείνουν τις επιλογές είναι πραγματικά δύσκολο να αγγίξετε αν δεν χρησιμοποιούν μια γραφίδα. Η Apple Βασικά στοιχεία σχεδιασμού UI δηλώνει ότι το μέσο δάχτυλο απαιτεί 44 εικονοστοιχεία από αριστερά προς τα δεξιά και πάνω-κάτω. Σχεδιάστε με αυτό το χώρο στο μυαλό.
Η τάση του ιστότοπου μιας σελίδας είναι κάτι που πρέπει να εξετάσουμε και εδώ. Σχεδιασμένο με γνώμονα τους επισκέπτες μέσω κινητού τηλεφώνου, αυτή η τεχνική επιτρέπει στον επισκέπτη να μετακινηθεί μέσω του ιστότοπού σας και να βρει όλα όσα χρειάζονται σε μια μακρά σελίδα. Αυτός ο τύπος σχεδίου ξεχνάει τα πάντα για την πτυχή, αφού οι χρήστες των κινητών είναι άνετοι να μετακινούνται μέσω περιεχομένου για να βρουν αυτό που χρειάζονται.
Όταν σκεφτόμαστε τους επισκέπτες του κινητού σας, σας ζητείται να το αφήσετε αρκετά. Αλλά αυτό που δεν πρέπει ποτέ να θυσιάζετε είναι ο λόγος που έχετε έναν ιστοχώρο στην πρώτη θέση. Βεβαιωθείτε ότι η επωνυμία σας παραμένει συνεπής, εάν χρειάζεστε το λογότυπό σας για να παραμείνει προεξέχουσα, τότε χρησιμοποιήστε τη σωστή ποσότητα ακίνητης περιουσίας για να την εμφανίσετε. Αν ο ιστότοπός σας είναι βαρύς στο περιεχόμενο, βεβαιωθείτε ότι οι χρήστες των κινητών έχουν πρόσβαση σε όλα. Η απόκρυψη περιεχομένου από κινητά εμφανίζει ουσιαστικά τιμωρεί τους επισκέπτες επειδή δεν είναι σε πλήρη οθόνη.
Ως web designers, είμαστε συνηθισμένοι στις τάσεις της βιομηχανίας μας. Κάθε χρόνο υπάρχουν λίστες που μας εισάγουν στις τελευταίες μανίες και μεθοδολογίες που πρέπει να προσέξουμε. Ο σχεδιασμός για τον χρήστη του κινητού δεν είναι ένας από αυτούς. Είναι η πραγματικότητα όπου ο κλάδος μας πηγαίνει και απλά συνεχίζουν να προσθέτουν περισσότερα μεγέθη οθόνης για να εργαστούμε με έτσι δεν υπάρχει πραγματικά ένα μέγεθος που ταιριάζει σε όλες τις προσεγγίσεις που μπορείτε να πάρετε.
Εσείς, η οργάνωσή σας, οι πελάτες σας και οι άλλοι ενδιαφερόμενοι πρέπει να προσδιορίσετε τι είναι σημαντικό και να δομήσετε τους ιστότοπούς σας γύρω από αυτά τα στοιχεία. Αλλά σκεφτείτε τι είναι σημαντικό για τους επισκέπτες σας, διότι αυτό είναι που μετράει. Η εμπειρία των χρηστών δεν πρέπει ποτέ να αφορά το τι πιστεύουμε ότι είναι καλύτερο ή τι θέλουμε να δούμε. Δεν μπορούμε να αναγκάσουμε τους ανθρώπους να έχουν μεγάλη εμπειρία όταν επισκέπτονται τις σελίδες μας. Αντ 'αυτού, πρέπει να εξετάσουμε το να τους προσφέρουμε αυτό που θέλουν, με έναν τρόπο που είναι εύκολο για αυτούς να έχουν πρόσβαση.
Έτσι πριν ψάξουμε λίστες ελέγχου ή οδηγούς που μας λένε ποια είναι η καλή εμπειρία των χρηστών, αφιερώστε χρόνο για να σκεφτείτε τι πρέπει να πούμε και τι θέλουν οι επισκέπτες μας να ακούσουν.