Παρόλο που ο αριθμός των ιστότοπων χωρίς βελτιστοποίηση για κινητά συρρικνώνεται, παραμένουν ορισμένοι που έχουν σχεδιαστεί μόνο για επιτραπέζιους υπολογιστές. Δυστυχώς, η προηγούμενη υπηρεσία ιστού «κινητοποίησης» της Google έχει διακοπεί. Ο πνευματικός διάδοχος της υπηρεσίας είναι το Google Weblight, σχεδιασμένο γύρω από βελτιστοποίηση για αργές συνδέσεις και όχι αναθεώρηση ιστότοπων για προβολή από κινητά. Πέρα από την υπηρεσία της Google, υπάρχουν μια σειρά πρακτικών και εργαλείων που πρέπει να ληφθούν υπόψη κατά την ανάπτυξη ενός ιστότοπου με γνώμονα το κινητό.
Βήματα
Μέρος 1 από 2: Πειραματισμός με το Google Weblight
Βήμα 1. Αναλύστε πώς λειτουργεί το Weblight
Το Weblight είναι ένας αλγόριθμος που δημιουργήθηκε από την Google για να παρέχει στους χρήστες ταχύτερη και ελαφρύτερη φόρτωση σελίδων όταν βρίσκονται σε κακές συνθήκες δικτύου. Αυτό σημαίνει ότι το Weblight δεν έχει διεπαφή χρήστη και λειτουργεί στο backend. Οι σελίδες αφαιρούνται από τα πιο πολύπλοκα στοιχεία τους, παρέχοντας μια απογυμνωμένη, ελαφριά εμπειρία και όχι μια ρητά βελτιστοποιημένη για την πλατφόρμα για κινητά.
Βήμα 2. Δοκιμάστε τις αλλαγές τοποθεσίας με το Weblight
Στην κινητή συσκευή σας, απλώς προσθέστε το πλήρες URL του ιστότοπού σας στο τέλος της διεύθυνσης weblight (π.χ. εάν ο ιστότοπός σας είναι "mywebsite.com", τότε εισάγετε https://googleweblight.com/?lite_url=https://mywebsite.com). Η σελίδα θα φορτώσει μια απλοποιημένη αλλά λειτουργική έκδοση της ίδιας. Με τα στοιχεία που έχουν αφαιρεθεί, ορισμένοι ιστότοποι ενδέχεται να εμφανίζονται πολύ καλύτερα στις οθόνες κινητών συσκευών.
Βήμα 3. Αναγνωρίστε τους περιορισμούς
Λάβετε υπόψη ότι αυτό δεν είναι ένα ρητό εργαλείο μετατροπής που έχει σχεδιαστεί για αλληλεπίδραση χρηστών. Ενώ η μη αυτόματη είσοδος στον ιστότοπο μπορεί να χρησιμοποιηθεί με ένα τσίμπημα, το Weblight έχει σχεδιαστεί για ταχύτητα και όχι για χρήση.
Μέρος 2 από 2: Σχεδιασμός για συμβατότητα με κινητά
Βήμα 1. Λάβετε υπόψη τους περιορισμούς της κινητής συσκευής
Οι φορητές συσκευές μοιράζονται μερικές πτυχές που τις κάνουν να ξεχωρίζουν από τις αντίστοιχες επιφάνειες εργασίας τους. Αυτά τα βασικά χαρακτηριστικά πρέπει να είναι τα κύρια ζητήματα κατά τη δημιουργία ενός ιστότοπου για κατανάλωση από κινητά.
- Μικρές οθόνες και κάθετα: Παρόλο που οι αναλύσεις οθόνης σε φορητές συσκευές βελτιώνονται συνεχώς, το μέγεθος και ο παράγοντας μορφής παραμένουν ανησυχίες για το σχεδιασμό του ιστότοπου. Ο σχεδιασμός ενός ιστότοπου σε μια διάταξη μίας στήλης είναι ο καλύτερος για τηλέφωνα (τα tablet μπορούν συχνά να χρησιμοποιούν ιστότοπους επιφάνειας εργασίας χωρίς υπερβολικό πρόβλημα).
- Διεπαφές αφής: Τα στοιχεία της σελίδας πρέπει να τοποθετούνται έχοντας υπόψη το μέγεθος ενός δακτύλου. Τα στοιχεία που χρησιμοποιούν το ποντίκι πρέπει να ελαχιστοποιηθούν ή να επανασχεδιαστούν για αφή (π.χ. αναπτυσσόμενα μενού).
- Ταχύτητες δεδομένων: Ένα από τα μεγάλα πλεονεκτήματα των κινητών συσκευών είναι η χρήση εκτός εύρους wifi, αλλά οι συνδέσεις δεδομένων είναι συνήθως πιο αργές και λιγότερο αξιόπιστες. Οι διεπαφές χρήστη (UI) πρέπει να παραμένουν απλές και το περιεχόμενο να είναι ορατό και προσβάσιμο. Η υπερβολική ακαταστασία θα μειώσει τους χρόνους φόρτωσης και θα δυσκολέψει την πλοήγηση.
Βήμα 2. Χρησιμοποιήστε μια υπηρεσία συστήματος διαχείρισης περιεχομένου (CMS)
Για όσους αναπτύσσονται με λιγότερους πόρους, η χρήση μιας υπηρεσίας CMS όπως το Wordpress ή το Squarespace είναι μια εξαιρετική επιλογή για χαμηλού κόστους, φιλικό προς το χρήστη σχεδιασμό κινητών. Τα θέματα που χρησιμοποιούν αποκριτικό σχεδιασμό ιστοσελίδων θα παρέχουν το ευκολότερο πρότυπο για έναν ιστότοπο για κινητά.
Ο αποκριτικός σχεδιασμός ιστοσελίδων είναι μια θεωρία σχεδιασμού ιστοσελίδων που προωθεί τη χρήση ρευστών στοιχείων σχεδιασμού για να επιτρέψει την ομαλή μετάβαση του σχεδιασμού και της χρηστικότητας σε πλατφόρμες
Βήμα 3. Δοκιμάστε τις οθόνες κινητής συσκευής χρησιμοποιώντας λογισμικό επιτραπέζιου υπολογιστή
Υπάρχει μια σειρά δωρεάν εφαρμογών ιστού που σας επιτρέπουν να μιμηθείτε τις φορητές συσκευές για να δοκιμάσετε την αισθητική και τη λειτουργικότητα του ιστότοπου. Η χρήση αυτών των εργαλείων είναι τόσο εύκολη όσο η επιλογή της επιθυμητής δοκιμαστικής συσκευής και, στη συνέχεια, η εισαγωγή στον ιστότοπο προορισμού για προεπισκόπηση. Τα περισσότερα θα περιλαμβάνουν εργαλεία για μεταβλητές όπως ο προσανατολισμός της οθόνης, η πυκνότητα των pixel ή ακόμα και η επιλογή προγράμματος περιήγησης. Μερικά δημοφιλή παραδείγματα είναι:
- Εξομοιωτής λειτουργίας συσκευής Chrome
- mobilephoneemulator.com
- screenfly (υποσύνολο quirktools)
- mobiletest.me (συνδρομή επί πληρωμή)
