Δεν αποτελεί έκπληξη το γεγονός ότι πρόσφατη έκθεση του οργανισμού του ΟΗΕ, του Διεθνής Ένωση Τηλεπικοινωνιών , προέβλεψε ότι θα υπάρξουν περισσότερες κινητές συνδρομές στον πλανήτη από ό, τι οι άνθρωποι μέσα στους επόμενους 9 μήνες. Η «επανάσταση smartphone» είναι σίγουρα επάνω μας και ως εκ τούτου, το κινητό web design έχει εξερράγη τα τελευταία χρόνια.
Αυτό σήμαινε ότι οι υπεύθυνοι ανάπτυξης ιστοσελίδων έπρεπε να ασχοληθούν με το σχεδιασμό ιστότοπων για κινητά, αν θέλουν να ανταγωνιστούν και να αποδείξουν την επιχείρησή τους στο μέλλον. Έχοντας αυτό κατά νου, έχω καταλήξει σε μερικές κορυφαίες συμβουλές για να δώσω στους προγραμματιστές ένα σημείο εκκίνησης, με κάποια πράγματα που πρέπει να έχουμε κατά νου πριν προχωρήσουμε.
Μια γρήγορη ματιά στο πόσο μακριά έχουν έρθει οι κινητές συσκευές από την εισαγωγή του iPad θα επιβεβαιώσει ότι η κινητή τεχνολογία είναι μια ταχέως μεταβαλλόμενη, συνεχώς μεταβαλλόμενη βιομηχανία και γι 'αυτό είναι λογικό να σκεφτεί κανείς πώς μπορείτε να σχεδιάζετε μέλλον.
Αυτό σημαίνει ότι η τήρηση των τελευταίων τάσεων είναι ζωτικής σημασίας για να διασφαλίσετε ότι η τοποθεσία θα είναι βιώσιμη μέσα σε λίγα χρόνια. Ανταποκρινόμενος σχεδιασμός είναι, φυσικά, όλη η οργή αυτή τη στιγμή και είναι πιθανό ότι αυτό θα είναι μέρος του σχεδίου σας.
Ενώ είναι ασφαλές να υποθέσουμε ότι οι περισσότεροι από τους επισκέπτες σας θα έχουν smartphones, αξίζει να λάβετε υπόψη ότι δεν είναι όλοι οι ίδιοι και ίσως χρειαστεί να το κάνετε αυτό στο σχεδιασμό. Αξίζει να ερευνηθεί το κοινό-στόχος στα στάδια του σχεδιασμού, ώστε να μπορείτε να ασχοληθείτε με τις κοινές συσκευές που χρησιμοποιούνται, καθώς και τη συμπεριφορά των χρηστών.
Οι κινητοί επισκέπτες στο διαδίκτυο δεν έχουν απαραίτητα πρόσβαση σε δικτυακούς τόπους εν κινήσει και αυτό πρέπει να έχουμε κατά νου. Συχνά, η περιήγηση στο κινητό γίνεται κατά την αναμονή. στο τρένο, στο αυτοκίνητο ή ακόμα και στον καναπέ στο σπίτι.
Αυτό σημαίνει ότι η απογύμνωση του σχεδιασμού, ώστε να είναι πολύ απλοϊκή, θα μπορούσε να είναι αντιπαραγωγική. Αν έχετε ένα site με γυμνά κόκαλα χωρίς τίποτα πολύ στον τρόπο του περιεχομένου, αυτό θα μπορούσε να είναι off-putting στο κοινό, όπως το site σας δεν παρέχει τίποτα πολύ πραγματική χρήση και δεν θα μπορούσε να θεωρηθεί τίποτα περισσότερο από μια υπερμεγέθη διαφήμιση banner.
Τα κινητά αυτές τις μέρες χρησιμοποιούνται τόσο πολύ, όσο και η επιφάνεια εργασίας για περιήγηση στο διαδίκτυο, ώστε να το έχετε κατά νου κατά τη διάρκεια της διαδικασίας σχεδιασμού και να διασφαλίσετε ότι ο ιστότοπός σας είναι εύκολος στη χρήση, αλλά πλούσιος σε περιεχόμενο.
Η βελτιστοποίηση των ιστότοπων για κινητά είναι επίσης ζωτικής σημασίας, ειδικά για τις σελίδες προορισμού, καθώς αυτές αποτελούν το σημείο εισόδου στον ιστότοπο. Αυτό σημαίνει ότι ένας ιστότοπος για κινητά θα πρέπει να βελτιστοποιηθεί με γνώμονα τον χρήστη, καθώς και τη μηχανή αναζήτησης, ώστε να προσφέρει μια απλή εμπειρία πλοήγησης, καθαρό κείμενο, εύκολες φόρμες με ένα κλικ και σχετικές πληροφορίες μεταφορών και άλλες ετικέτες.
Τα μεγέθη των αρχείων πρέπει να λαμβάνονται υπόψη με βάση το βάρος και μια ισχυρή πρόσκληση για δράση πρέπει να περιλαμβάνεται στις σελίδες προορισμού. Εάν πρέπει να χρησιμοποιήσετε φόρμες, κρατήστε τους όσο το δυνατόν απλούστερες, με όσο το δυνατόν λιγότερα πεδία εισόδου, έτσι ώστε ο χρήστης να μην απογοητευτεί και να φύγει.
Το ίδιο ισχύει και για τις ενέργειες. να τα κρατά απλά και να το χρησιμοποιείτε μόνο όταν είναι απαραίτητο. Ενώ μπορεί να είναι ωραίο να έχουμε ένα φανταχτερό σύστημα πλοήγησης, εάν είναι άχρηστο αναμένεται υψηλό ποσοστό εγκατάλειψης.
Όπου πρέπει να χρησιμοποιηθούν τα κουμπιά, βεβαιωθείτε ότι περάσουν τη δοκιμή 'αντίχειρα', πράγμα που σημαίνει ότι μπορείτε άνετα να πατήσετε ένα κουμπί χρησιμοποιώντας τον αντίχειρά σας, χωρίς να χτυπήσετε άλλο περιεχόμενο που μπορεί να σας οδηγήσει σε ανεπιθύμητη σελίδα.
Η βελτιστοποίηση είναι κάτι που πρέπει να ληφθεί υπόψη κατά την οικοδόμηση ενός ανταποκριτικού ιστότοπου. Πολύ συζήτηση έχει μαστίζει πρόσφατα σχετικά με το πώς ανταποκρίνεται σχεδιασμός επιβραδύνει τον ιστό και αν θα σημαίνει ουσιαστικά την κατάρρευση των ανταποκρίσεων τοποθεσίες. Ωστόσο, υπάρχουν τεχνικές υπό όρους φόρτωσης, οι οποίες μπορούν να συμβάλουν στην επιτάχυνση ενός ιστότοπου, προκειμένου να διασφαλιστεί ότι οι συσκευές δεν θα κατεβάζουν αυτόματα ολόκληρη την έκδοση του ιστότοπου κάθε φορά.
Οι πόροι CSS και JavaScript θα πρέπει να συμπιεστούν και υπάρχει αρκετό λογισμικό ανοιχτού κώδικα διαθέσιμο για να βοηθήσει με αυτό. Για παράδειγμα, UglifyJS μπορεί να χρησιμοποιηθεί με JavaScript για τη συμπίεση κώδικα και Πυξίδα μπορούν να χρησιμοποιηθούν για τη δημιουργία καθαρότερου σήματος, καθώς και για sprites και επεκτάσεις, χωρίς πάρα πολύ φασαρία και σκληρή δουλειά.
Όταν χρησιμοποιείτε το αποκρίσιμο σχέδιο, ένα από τα βασικά πράγματα που πρέπει να ορίσετε στην αρχή είναι το πλέγμα και τα σημεία διακοπής σας. Και πάλι, υπάρχουν πολλά εργαλεία online που μπορεί να σας βοηθήσει να καθορίσετε τις στήλες και το πλάτος τους και τα υδρορροές.
Ορισμένοι προγραμματιστές θέλουν να ορίσουν σημεία διακοπής βάσει της απόφασης, αλλά αυτό δεν είναι πραγματικά η καλύτερη λύση καθώς υπάρχουν τόσες πολλές συσκευές κινητής τηλεφωνίας στην αγορά και οι αποφάσεις αλλάζουν με την πάροδο του χρόνου.
Αυτό σημαίνει ότι τα σημεία διακοπής πρέπει να βασίζονται στο σχεδιασμό και το περιεχόμενο, και όχι στο ψήφισμα. Για να δοκιμάσετε σημεία διακοπής και πλέγματα, το παράθυρο του προγράμματος περιήγησης μπορεί να χρησιμοποιηθεί κατά τη διάρκεια του σχεδίου σχεδιασμού για να δείτε πώς συμπεριφέρεται το περιεχόμενο όταν αλλάζει το μέγεθος.
Στην ιδανική περίπτωση θα πρέπει να ρέει φυσικά και μπορείτε να χρησιμοποιήσετε όσα σημεία διακοπής χρειάζεστε για να το πετύχετε.
Όχι όλα τα κινητά λειτουργικά συστήματα δημιουργούνται με τον ίδιο τρόπο, όπως θα γνωρίζετε, γι 'αυτό αξίζει να δούμε τις οδηγίες όταν πρόκειται για την κατασκευή για Android και iOS, για παράδειγμα, και τα προγράμματα περιήγησης που μπορούν να χρησιμοποιηθούν σε αυτά.
Λάβετε υπόψη ότι οι χρήστες θα κάνουν περιήγηση σε μια ποικιλία λειτουργικών συστημάτων και ορισμένα θα είναι παλαιότερες εκδόσεις, οπότε είναι χρήσιμο να διασφαλιστεί ότι ο ιστότοπος για κινητά είναι συμβατός προς τα πίσω. Εδώ είναι χρήσιμο να δούμε τα αναλυτικά στοιχεία για τον κύριο ιστότοπο, αν υπάρχει, καθώς θα μπορείτε να δείτε ποιες συσκευές το κοινό σας έχει πρόσβαση στον ιστότοπο.
Φυσικά, η εξέταση των αναλυτικών στοιχείων μετά την ολοκλήρωση του ιστότοπου θα σας βοηθήσει επίσης να κάνετε τις απαραίτητες αλλαγές και να μάθετε για το μέλλον.
Όπως όλοι γνωρίζουμε από τώρα, το περιεχόμενο είναι και πάλι βασιλιάς του ιστού και έτσι είναι σημαντικό να σχεδιάσουμε ενότητες περιεχομένου. Η συμπεριφορά των ενοτήτων περιεχομένου θα πρέπει να οριστεί προκειμένου να διασφαλιστεί ότι εμφανίζονται όπως πρέπει, καθώς ο χρήστης περιηγείται και αναλαμβάνει δράση.
Αυτό σημαίνει ότι πρέπει να εξετάσετε και να ορίσετε πώς προβάλλεται το περιεχόμενο κατά την εναλλαγή μεταξύ μιας επιφάνειας εργασίας και της οθόνης για κινητά, προκειμένου να προσδιορίσετε τον τρόπο με τον οποίο οι ενότητες πρόκειται να στοιβάζονται και να αναδιατάσσονται.
Από αυτή την άποψη, είναι συχνά πιο εύκολο να επιτευχθεί αυτό το γεγονός στο στάδιο του προγραμματισμού. Κάντε ένα σκίτσο σχετικά με τον τρόπο με τον οποίο σκοπεύετε να προβάλετε το περιεχόμενο και στη συνέχεια να εργαστείτε για το πώς μπορεί να επιτευχθεί αυτό.
Ωστόσο, προσπαθήστε να μην ξεκουραστείτε να ορίσετε τα πάντα. Ενώ οι κύριες σελίδες σας θα χρειαστούν wireframes, αυτό δεν σημαίνει απαραίτητα ότι κάθε σελίδα θα είναι. Η δημιουργία ενός βασικού συνόλου για μεγέθη οθόνης και προσανατολισμό θα πρέπει να είναι αρκετό.
Δημιουργήστε πρώτα ένα πρωτότυπο και δοκιμάστε προσεκτικά, διασφαλίζοντας ότι όλες οι πτυχές λειτουργούν καθώς προχωράτε. Είναι επίσης συνετό να κρατάτε σταθερά στο μυαλό τον χρήστη κατά τη δοκιμή, διασφαλίζοντας ότι η πλοήγηση είναι απλή και κατά προτίμηση μέγιστη τρία στρώματα. Προσπαθήστε να βρείτε κάποιον που δεν έχει τεχνολογικό ενδιαφέρον, αλλά χρησιμοποιεί διαφορετικές συσκευές, για να ελέγξει τον ιστότοπο.
Ο σχεδιασμός του κινητού διαδικτύου αποτελεί απαραίτητη πρόκληση για να αντιμετωπιστεί ως σχεδιαστής, προκειμένου να προσφέρει μια ολοκληρωμένη υπηρεσία στον πελάτη. Όπως πολλά πράγματα στη ζωή, μια από τις πιο σημαντικές πτυχές είναι ο προγραμματισμός, έτσι ώστε να έχετε μια σαφή ιδέα για το πώς να προχωρήσετε.
Ο αποτελεσματικός προγραμματισμός και ο συνυπολογισμός του χρήστη θα σας βοηθήσει να ξεπεράσετε τα περισσότερα εμπόδια που πιθανόν να συναντήσετε και οι προσεκτικοί έλεγχοι θα πάρουν τα υπόλοιπα. Σκεφτείτε ευαίσθητα, γρήγορα και απλά, με εξαιρετικό χρήσιμο περιεχόμενο και δεν μπορείτε να πάτε πάρα πολύ λάθος.
Προτεινόμενη εικόνα / μικρογραφία, κινητή εικόνα ιστού μέσω Shutterstock.