5 μοτίβα UX για να βοηθήσετε τους χρήστες σας να πλοηγηθούν

Ίσως το πιο σημαντικό πράγμα που πρέπει να έχετε κατά νου όταν σχεδιάζετε μια εφαρμογή για κινητά είναι να βεβαιωθείτε ότι είναι χρήσιμο και διαισθητικό. Εάν η εφαρμογή δεν είναι χρήσιμη, δεν έχει πρόσθετη αξία και κανείς δεν έχει κανένα λόγο να την χρησιμοποιήσει. Εάν είναι χρήσιμο όμως συνεπάγεται μια απότομη καμπύλη μάθησης, οι άνθρωποι δεν θα ασχοληθούν με την εκμάθηση πώς να το χρησιμοποιήσουν. Ο καλός σχεδιασμός UI αντιμετωπίζει και τα δύο αυτά προβλήματα σχεδιασμού, οι επίσημες βέλτιστες πρακτικές για την επίλυση κοινών προβλημάτων σχεδίασης είναι γνωστές ως σχέδια σχεδιασμού. Η κατανόηση και η αναγνώριση των νεώτερων και πιο δημοφιλών μοντέλων σχεδιασμού του σήμερα μπορεί να σας δώσει ένα τεράστιο σκέλος στη βιομηχανία του σχεδιασμού εφαρμογών για κινητά, έτσι ώστε η επόμενη εφαρμογή σας να είναι φρέσκια και ανταγωνιστική.

Αυτή η ανάρτηση επικεντρώνεται στα σχέδια σχεδιασμού που χρησιμοποιούνται για την πλοήγηση σε μια εφαρμογή για κινητά. Ανεξάρτητα από το είδος της εφαρμογής που σχεδιάζετε, θα χρειαστείτε χρήστες να πλοηγηθείτε αποτελεσματικά και αποδοτικά στις διάφορες λειτουργίες της εφαρμογής - πώς οι χρήστες περιηγούνται μέσω της εφαρμογής σας μπορούν να καθορίσουν αν θα τους αρέσουν αρκετά ώστε να συνεχίσουν να το χρησιμοποιούν.

Παραδείγματα για το πώς οι διάφορες εφαρμογές εφαρμόζουν οδηγίες

1. Walkthroughs & Coach Marks

Η χρησιμότητα είναι το κλειδί για μια επιτυχημένη εφαρμογή. Ωστόσο, μερικές φορές αυτό σημαίνει μια πολύ περίπλοκη εφαρμογή με πολλά διαφορετικά είδη εργαλείων και περιεχομένου. Ένας καλός τρόπος για να αντιμετωπίσετε αυτό το πρόβλημα είναι μέσω μιας αρχικής διήγησης ή οδηγού για να δείξετε πώς λειτουργεί κάθε λειτουργία. Το Secret και το Youtube υπογραμμίζουν σημαντικά τμήματα του περιβάλλοντος χρήστη με σήματα λεωφορείων που εξηγούν τι κάνουν, ενώ το Carousel και το Duolingo παρουσιάζουν ένα slideshow περπατώντας τους χρήστες μέσω της τυπικής εμπειρίας του χρήστη. Αυτό το μοτίβο σχεδίασης μπορεί επίσης να χρησιμοποιηθεί για τη συλλογή πρόσθετων πληροφοριών από τον χρήστη, επιτρέποντας μια ευκολότερη αρχική εμπειρία εγγραφής / εγγραφής και πιο διαισθητική ενσωμάτωση στην εφαρμογή.
Εάν τα διαφορετικά χαρακτηριστικά της εφαρμογής σας δεν είναι άμεσα προφανή για το χρήστη, οι οδηγίες και οι επισημάνσεις λεωφορείων είναι εξαιρετικά σχέδια σχεδιασμού για την απλοποίηση της εμπειρίας των χρηστών και της πολυπλοκότητας των εφαρμογών.

2. Πλοήγηση βάσει περιεχομένου

Ανεξάρτητα από το είδος του περιεχομένου που θέλετε να συμπεριλάβετε στο σχεδιασμό της εφαρμογής σας, θέλετε πάντα να κάνετε την εμπειρία του χρήστη και τη ροή του περιεχομένου του όσο το δυνατόν πιο ρευστό. Η πλοήγηση βάσει περιεχομένου είναι ένα μοτίβο σχεδιασμού που χρησιμοποιείται για την ενσωμάτωση ομαλών μεταβάσεων μεταξύ επισκόπησης και λεπτομερών καταστάσεων. Το Tinder παρέχει ένα εξαιρετικό παράδειγμα αυτού του μοτίβου: μπορείτε να αλλάξετε μεταξύ δύο καταστάσεων σε ένα προφίλ χρήστη - η κύρια κατάσταση επισκόπησης που ουσιαστικά είναι μια εικόνα που συμπληρώνει το μεγαλύτερο μέρος της οθόνης και μια λεπτομερή προβολή που κάνει την εικόνα ελαφρώς μικρότερη και περιλαμβάνει κάποιες τεκμηριωμένες πληροφορίες. Μπορείτε να μεταβαίνετε ανάμεσα σε οποιαδήποτε κατάσταση, κάνοντας απλά κλικ στην οθόνη σε οποιαδήποτε προβολή, καθώς και να περάσετε τις εικόνες σε οποιαδήποτε από τις επιλογές που επιλέγετε.

3. Ολισθητήρες

Στο Uber, μπορείτε να δείτε ότι υπάρχουν τέσσερις τύποι υπηρεσιών οδήγησης και αντί να απαιτούνται τέσσερις ξεχωριστές οθόνες για την παροχή των απαραίτητων πληροφοριών, η Uber χρησιμοποιεί το σχέδιο σχεδίασης του ρυθμιστή για να επιτρέπει εύκολη εναλλαγή μεταξύ κάθε υπηρεσίας οδήγησης. Αυτό δημιουργεί μια ομαλή μετάβαση μεταξύ των επιλογών με το δάχτυλο ενός δακτύλου, καθιστώντας την εμφάνιση αυτών των χαρακτηριστικών πολύ διαισθητική για τον χρήστη.

4. Popovers

Ορισμένες φορές κοινοποιήσεις ή πρόσθετες πληροφορίες στη μέση της χρήσης της εφαρμογής ενδέχεται να βοηθήσουν τους χρήστες να αλληλεπιδρούν καλύτερα με την εφαρμογή. Σε αυτή την περίπτωση, οι χρήστες ενδέχεται να θέλουν να δουν τις σχετικές πληροφορίες χωρίς να χάσουν την τρέχουσα θέση τους στο περιβάλλον εργασίας χρήστη. Το μοτίβο σχεδιασμού popover μπορεί να λύσει αυτό το πρόβλημα με διάφορους τρόπους:
 Popupers "pop-up" όταν ο χρήστης εκτελεί κάποια ενέργεια ή φτάνει σε μια συγκεκριμένη θέση στην εφαρμογή, εμφανίζοντας τις σχετικές πληροφορίες / ελέγχους που σχετίζονται με τη συγκεκριμένη ενέργεια / θέση στο περιβάλλον χρήστη.

Το αρχικό περιεχόμενο ή μέρος της εφαρμογής εξακολουθεί να είναι ορατό στο παρασκήνιο, αλλά το popover σάς δίνει τη δυνατότητα να τροποποιήσετε ορισμένα πράγματα ή να μάθετε τι θα ακολουθήσει. Το popover λαμβάνει την προσοχή του χρήστη και παρέχει σημαντικές ειδοποιήσεις όπου χρειάζεται. Ταυτόχρονα, ωστόσο, οι χρήστες μπορούν να απορρίψουν εύκολα το popover και να επιστρέψουν πίσω σε ό, τι είχαν αρχικά κάνοντας απλά αγγίζοντας ή πετώντας την οθόνη

Ένα παράδειγμα popovers μπορεί να δει στην επίσημη εφαρμογή TED, η οποία διαθέτει έλεγχο αναπαραγωγής αναδυόμενου δίσκου που ξεθωριάζει το φόντο, επιτρέποντας στους χρήστες να αλληλεπιδρούν με αυτόν τον έλεγχο χωρίς να χάσουν τη θέση τους στο πρόγραμμα περιήγησης περιεχομένου. Το Secret και το Swarm χρησιμοποιούν τα popovers για να εξηγήσουν τι θα συμβεί στη συνέχεια αν οι χρήστες συνεχίσουν με μια συγκεκριμένη ενέργεια.

5. Διαφάνειες, πλευρικές ράβδους και συρτάρια

Σε σύγκριση με τους υπολογιστές και τις τηλεοράσεις, τα κινητά τηλέφωνα έχουν σχετικά μικρές οθόνες, πράγμα που σημαίνει ότι μία από τις προκλήσεις του σχεδιασμού για κινητά είναι να ταιριάζουν σε πολλές πληροφορίες σε ένα μικρό περιβάλλον χρήστη. Προκειμένου να αποφευχθεί η συσσώρευση μεγάλου αριθμού πληροφοριών σε μια οθόνη ταυτόχρονα, μπορείτε να χρησιμοποιήσετε τα καλύμματα, τις πλευρικές κορνίζες και τα συρτάρια για να πλοηγηθείτε μεταξύ διαφορετικών τμημάτων της εφαρμογής. Αυτά τα μοτίβα είναι δευτερεύοντα τμήματα της εφαρμογής, όπως χάρτες, συνομιλίες, προφίλ χρηστών κ.λπ., τοποθετημένα σε πτυσσόμενα "μενού χάμπουργκερ", τα κουμπιά βέλους που μετακινούνται προς τα έξω ή τα συρτάρια. Με αυτόν τον τρόπο, οι χρήστες μπορούν να αλληλεπιδρούν με τις πιο σημαντικές πληροφορίες σε κάθε οθόνη επιλέγοντας το τμήμα εστίασης από αυτά τα κρυμμένα πλαίσια.

Χρησιμοποιήσατε κάποιο από τα μοτίβα που αναφέραμε παραπάνω και έχουν βοηθήσει στην αύξηση του ημερήσιου ενεργού αριθμού χρηστών; Ενημέρωσέ μας.

Μπορείτε να μας ακολουθήσετε στο Facebook / LinkedIn / Twitter

Αρχικά δημοσιεύθηκε στο monsoonfish.com.

Αυτή η ιστορία δημοσιεύεται στην μεγαλύτερη εκδοχή επιχειρηματικής δημιουργίας The Startup, Medium, ακολουθούμενη από 277.994+ ανθρώπους.

Εγγραφείτε για να λάβετε τις κορυφαίες ιστορίες μας εδώ.