Ένας ιστότοπος είναι κάτι περισσότερο από ένα μέρος για να κρατάτε πληροφορίες σχετικά με την εφαρμογή, το χαρτοφυλάκιό σας ή τα προϊόντα σας. Θα πρέπει να πει μια ιστορία για να εμπλέξει και να ευχαριστήσει τους χρήστες. (Αυτό είναι ένα από τα βασικά στοιχεία που θα τους βοηθήσουν να παραμείνουν γύρω τους.)

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

1. Εμπλέξτε με εικόνες

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

Αλλά η έννοια του "show, do not tell" δεν σταματά εκεί.

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

καφές

2. Αναπτύξτε έναν χαρακτήρα

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

Ο χαρακτήρας μπορεί να είναι πραγματικός και να ταξιδεύει σε όλο το σχέδιο, ή μπορεί να γίνει αντιληπτός ως φωνή στο περιεχόμενο.

Ένα εξαιρετικό παράδειγμα ανάπτυξης χαρακτήρα είναι η πλατφόρμα ηλεκτρονικού ταχυδρομείου MailChimp. Ο Freddie, η μασκότ κινούμενων σχεδίων της εταιρίας και το λογότυπο, εμφανίζονται σε όλο το design, στο blog και στις προσφορές. Ο χαρακτήρας κάνει μερικά πράγματα για την εταιρεία:

  • Πρώτον, ο χαρακτήρας βοηθά στην αποσαφήνιση του ονόματος της εταιρείας. Όπως μιμούνται σε μια ευρεία διαφημιστική καμπάνια, υπήρξε κάποια σύγχυση σχετικά με το "MailChimp." Βλέποντας έναν χιμπατζή δίπλα από τις λέξεις μπορεί να γίνει σαφέστερο.
  • Ο χαρακτήρας βοηθά στην εμφάνιση του χαρακτήρα διασκέδασης που απεικονίζει η εταιρεία. Ο τόνος και τα γραφικά είναι ελαφρά και απλά.
  • Ο Freddie παρέχει στην εταιρεία μια ιστορία όταν δεν έχει πολλά άλλα πράγματα για να μιλήσει σε θέματα προώθησης. Πώς έφτασε ο χιμπατζή; από πού προέρχεται το όνομά του; και ούτω καθεξής. Ο χαρακτήρας βοηθά να διατηρηθεί η ιστορία της εταιρείας φρέσκια και να προχωρήσει.
χιμπατζή

3. Προσκαλέστε συμμετοχή

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

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

Μια καλή ιστορία δεν χρειάζεται να είναι πολύπλοκη. Η Humaan προχωράει την ιστορία τους με απλά animations που μοιράζονται με φωτογραφίες της ομάδας για να σας βοηθήσουν να συναντήσετε τους ανθρώπους πίσω από την εταιρεία. Είναι απλό και αποτελεσματικό. (Σημειώστε επίσης τη φωτογραφία του προσωπικού.) Η διασκέδαση δημιουργεί και οι εκφράσεις του προσώπου αφήνουν να περάσει ο χαρακτήρας του κάθε μέλους της ομάδας.)

humaan

4. Σχεδιάστε ένα παιχνίδι

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

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

Δεν χρειάζεται να είναι το παιχνίδι στυλ Pokemon που μάλλον σκεφτόμαστε. Εξετάστε το Dropbox. Η δημιουργία πρόσθετου χώρου στο λογαριασμό σας στο cloud storage είναι ο στόχος για πολλούς χρήστες. Η πρόσκληση άλλων για χρήση του Dropbox, η είσοδος από πολλαπλές συσκευές και η σύνδεση λογαριασμών ηλεκτρονικού ταχυδρομείου συγκαταλέγονται στα εργαλεία τυχερών παιχνιδιών που χρησιμοποιεί η εταιρεία για να προσφέρει στους χρήστες περισσότερη αποθήκευση. Το παιχνίδι είναι απλό, υπάρχουν ανταμοιβές για την επιτυχία και έχει βοηθήσει να δημιουργηθεί ένα πλήρωμα πιστών χρηστών του Dropbox.

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

dropbox

5. Κάντε μικροσυστοιχίες να έχουν νόημα

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

Ως ανανέωση, οι μικροεπεξεργασίες είναι μικρές στιγμές όταν ένας χρήστης ασχολείται με ένα σχέδιο. Κάθε φορά που αλλάζετε μια ρύθμιση, στείλτε ένα μήνυμα, συνδεθείτε ή μοιάζετε με μια κατάσταση στην οποία παρακολουθήσατε μια μικροσύνθεση. Από κάνοντας κλικ στην καρδιά του Instagram (και βλέποντάς το κόκκινο) να χτυπήσει για να retweet, αυτοί οι κύκλοι ανάδρασης είναι αυτό που κρατά τους χρήστες να επιστρέφουν.

Σημαντικές μικροinteractions δημιουργούν μια απαίτηση για το σχεδιασμό. Προσθέτει ένα επίπεδο λειτουργίας για τους χρήστες που κάνει τη συνολική εμπειρία αξίζει τον κόπο.

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

ρομπότ

6. Δημιουργήστε μια αφήγηση

Κάθε ιστορία έχει αρχή, μέση και τέλος.

Εάν ο σχεδιασμός της ιστοσελίδας σας δεν αντιπροσωπεύει αυτή τη ροή ιστορίας, οι χρήστες μπορούν να μπερδευτούν ή να χαθούν. Εδώ είναι οι πιο απλοί τύποι:

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

7. Κρατήστε την ιστορία απλή

Αυτό μπορεί να είναι αντίθετο με τις συμβουλές του αρ. 6, αλλά η ιστορία πρέπει να είναι απλή. Αυτό δεν είναι όγκος 1.500 σελίδων. Μια απλή ιστορία είναι αυτή που θα μπορούσατε να εξηγήσετε σε 5 δευτερόλεπτα ή λιγότερο.

Η ιστορία πρέπει να αρπάξει τους χρήστες αμέσως, να αφήσει μια εντύπωση και να τους κάνει να θέλουν να επιστρέψουν. Ναι, μπορείτε να το κάνετε αυτό με αρχή, μέση και τέλος.

Το upstream κάνει όλα αυτά στην αρχική σελίδα - οι χρήστες μπορούν να μετακινηθούν για περισσότερο από το "μεσαίο" της ιστορίας, αλλά υπάρχει μια αναλαμπή και των τριών τμημάτων στην αρχική σελίδα. Τα εικονίδια και το κείμενο λένε μια ιστορία της ανάγκης και βοηθώντας τους ανθρώπους με Upstream εκεί να βοηθήσουν. Υπάρχει ένα κουμπί "συμμετέχει" στην οθόνη και το οπτικό είναι τόσο εντυπωσιακό που θέλετε να βοηθήσετε.

Η ιστορία είναι απλή και αποτελεσματική. Οι χρήστες είναι πιο πιθανό να το θυμούνται ... και εσείς.

πάνω

συμπέρασμα

Όταν σχεδιάζετε μια ιστορία, το πιο σημαντικό πράγμα που πρέπει να θυμάστε είναι ότι η ιστορία σας πρέπει να είναι δική σας. Μην προσπαθήσετε να είστε κάτι που δεν είστε. Οι χρήστες είναι πιο πιθανό να συνδεθούν με την αυθεντικότητα από μια φτιαγμένη αφήγηση.