Ένας ανταγωνιστής δείχνει προσεγμένος σε κάθε οθόνη. Ένας άλλος δείχνει στριμωγμένος και παλιομοδίτικος, παρόλο που πουλούν παρόμοιες υπηρεσίες. Η διαφορά συνήθως βγαίνει από τον σχεδιασμό mobile εφαρμογών και τις συνήθειες πίσω από αυτόν. Τη βλέπεις αμέσως, ακόμη κι αν δεν μπορείς ακόμα να πεις κάθε κανόνα.
Ο σχεδιασμός mobile εφαρμογών δίνει έμφαση στις ζώνες του αντίχειρα, στην απλή πλοήγηση και στις καταστάσεις χωρίς σύνδεση. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να τον εφαρμόσεις χωρίς δυσνόητους όρους. Θα δεις επίσης πώς το mobile first design χωράει στην ίδια εικόνα. Πάμε βήμα βήμα.
Οι βασικές ιδέες πίσω από τον σχεδιασμό mobile εφαρμογών
Ο σχεδιασμός mobile εφαρμογών δίνει έμφαση στις ζώνες του αντίχειρα, στην απλή πλοήγηση και στις καταστάσεις χωρίς σύνδεση.
Τα μοτίβα του σχεδιασμού mobile εφαρμογών βοηθούν και τις ιστοσελίδες που λειτουργούν καλά στο κινητό.
Το mobile first design έχει την ίδια προτεραιότητα στις μικρές οθόνες.
Πώς να τον βάλεις σε εφαρμογή
Κράτα τις βασικές ενέργειες εύκολα προσβάσιμες με τον αντίχειρα στις διατάξεις για κινητό.
Δες τη βελτίωση της εμπειρίας χρήστη στην ιστοσελίδα και την ευχρηστία της ιστοσελίδας για να συνδέσεις το θέμα με την υπόλοιπη ενότητα.
Οι μικρές, σταθερές βελτιώσεις κερδίζουν τους σπάνιους πλήρεις ανασχεδιασμούς όταν μαθαίνεις ακόμη.
Πρακτική λίστα που μπορείς να χρησιμοποιήσεις σήμερα
Κράτα τις βασικές ενέργειες εύκολα προσβάσιμες με τον αντίχειρα στις διατάξεις για κινητό.
Όταν ελέγχεις μια σελίδα, ρώτα αν ο σχεδιασμός για κινητό φαίνεται στο πρώτο scroll. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα οθόνης πριν και μετά τις αλλαγές, για να δεις τι έκανε τη διαφορά στη δική σου ιστοσελίδα.
Δώσε αυτή τη λίστα σε όποιον ενημερώνει την ιστοσελίδα σου, ώστε το mobile first design να μένει συνεπές σε όλες τις νέες σελίδες.
Διάλεξε έναν δείκτη για αυτόν τον μήνα, όπως τον χρόνο στη σελίδα ή τις έναρξες φόρμας, ώστε οι αλλαγές στο design να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την υπόλοιπη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν σε μία μόνο σελίδα. Το mobile first design έχει την ίδια προτεραιότητα στις μικρές οθόνες.
Οι αναρτήσεις στα social, τα email και τα έντυπά σου πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς με το web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Δες τη συνέπεια στο design για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Τα μοτίβα του σχεδιασμού mobile εφαρμογών βοηθούν και τις ιστοσελίδες που λειτουργούν καλά στο κινητό.
Ερωτήσεις που συχνά ξεχνάμε
Δευτερεύοντες όροι, όπως mobile first design και τι είναι το UI, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Το mobile first design έχει την ίδια προτεραιότητα στις μικρές οθόνες.
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις αυτή την εβδομάδα σε μια ζωντανή σελίδα. Οι μικρές αλλαγές με μέτρηση κερδίζουν τα αόριστα σχέδια.
Όταν η ομάδα σου μιλά την ίδια γλώσσα για τον σχεδιασμό mobile εφαρμογών, γίνονται λιγότεροι γύροι διορθώσεων με σχεδιαστές και γραφεία.
Εργαλεία που κάνουν τις οπτικές αλλαγές πιο εύκολες
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά θέματα διάταξης και στυλ. Ένας οπτικός editor σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τη βελτίωση της εμπειρίας χρήστη στην ιστοσελίδα και την ευχρηστία της ιστοσελίδας, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τον σχεδιασμό mobile εφαρμογών. Χρησιμοποίησέ τον όταν ελέγχεις την ιστοσελίδα σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με την ευχρηστία της ιστοσελίδας και τη συνέπεια στο design για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Ο σχεδιασμός mobile εφαρμογών είναι δεξιότητα που χτίζεται σταδιακά. Γύρνα σε αυτό το κεφάλαιο αφού κάνεις μία βελτίωση, ώστε οι ιδέες να περάσουν από το διάβασμα στη συνήθεια. Οι μικρές, τακτικές επισκοπήσεις νικούν το να στριμώξεις όλους τους κανόνες μαζί. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη αλλαγή να γίνει πιο γρήγορα.
Συχνές ερωτήσεις
Πόσο χρόνο θέλει για να βελτιώσεις τον σχεδιασμό mobile εφαρμογών;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, αφού εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τον σχεδιασμό mobile εφαρμογών;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από τον σχεδιασμό mobile εφαρμογών γίνονται μόνος σου όταν ξέρεις τι να κοιτάξεις. Χρησιμοποίησε τη βελτίωση της εμπειρίας χρήστη στην ιστοσελίδα μαζί με αυτό το κεφάλαιο για συναφείς οδηγίες.
Μπορεί η WEMASY να σε βοηθήσει να εφαρμόσεις τον σχεδιασμό mobile εφαρμογών στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος στον σχεδιασμό mobile εφαρμογών;
Οι άνθρωποι προσπαθούν να διορθώσουν τα πάντα μαζί αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες την ευχρηστία της ιστοσελίδας για την επόμενη βελτίωση.
Πώς συνδέεται ο σχεδιασμός mobile εφαρμογών με το SEO;
Η καθαρή οπτική ιεραρχία και η αναγνώσιμη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Συνδύασε τις διορθώσεις του design με σωστή δομή περιεχομένου για το καλύτερο αποτέλεσμα.
Τι να μάθεις μετά τον σχεδιασμό mobile εφαρμογών;
Συνέχισε με τη βελτίωση της εμπειρίας χρήστη στην ιστοσελίδα και την ευχρηστία της ιστοσελίδας σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.