Αγκαλιάζοντας την τελευταία τάση στο Web: Σχεδίαση βάσει καρτών
Υπάρχουν πάντα νέες τάσεις webdesign που κερδίζουν δυναμική. Ποιος θα μπορούσε να ξεχάσει την παράλλαξη του parallax πριν από μερικά χρόνια, η οποία είναι ακόμα δημοφιλής σήμερα; Μέχρι αργά, οι σελίδες μεγάλων σελίδων προσελκύουν περισσότερη προσοχή από τους επισκέπτες της τοποθεσίας.
Μια τάση που δεν έχει πάρει τόσο μεγάλη αναγνώριση όσο και πολλοί άλλοι, και είναι εδώ και λίγο καιρό, είναι σχεδιασμός που βασίζεται σε κάρτες.
Ο πιο δημοφιλής ιστότοπος που προβάλλει αυτήν την τάση σχεδιασμού είναι το Pinterest, αλλά υπάρχουν και άλλοι ιστότοποι που χρησιμοποιούν όλο και περισσότερο αυτήν την προσέγγιση σχεδιασμού και με βάσιμους λόγους. Όταν οι επισκέπτες περιηγούνται σε έναν ιστότοπο που χρησιμοποιεί αυτήν την τεχνική σχεδιασμού, παρατηρούν αμέσως την καθαριότητα και τον καλά οργανωμένο σχεδιασμό πίσω από μια τόσο απλή αλλά κομψή προσέγγιση στο σχεδιασμό.
Υπάρχει μια σειρά από οφέλη για τη χρήση του σχεδιασμού με βάση την κάρτα στο δικό σας site.
Μια προσέγγιση πλέγματος στην IA
Όταν εξετάζετε οποιοδήποτε σχέδιο που βασίζεται σε κάρτες, είναι αδύνατο να μην βλέπετε επίσης ένα σχέδιο που βασίζεται σε πλέγματα. Αυτό συμβαίνει επειδή κάθε άκρη μιας κάρτας είναι πραγματικά η άκρη των διαφόρων πλεγμάτων σε ένα μεγαλύτερο, καλά οργανωμένο σύστημα που προάγει μεγάλη συνέπεια και αρμονία στον τρόπο παρουσίασης του site.
Αυτό με τη σειρά του βοηθά σημαντικά την αρχιτεκτονική πληροφοριών του ιστότοπού σας. Η αρχιτεκτονική των πληροφοριών είναι η έξυπνη τάξη και η ροή στην οποία οι επισκέπτες σας απορροφούν πληροφορίες ιστοτόπου, ιδανικά σύμφωνα με το στόχο κάθε σελίδας και του συνολικού ιστότοπου.
Σκεφτείτε το: Ο σχεδιασμός που βασίζεται στην κάρτα καθοδηγεί τα μάτια των επισκεπτών σας λόγω της έμφασης που δίνει στη συνέπεια. Κάθε κάρτα είναι μέρος μιας στήλης ή μιας σειράς που κατευθύνει τα μάτια τους κατά μήκος ομοιόμορφων οριζόντιων και κάθετων γραμμών. Αυτή η ρύθμιση βοηθά τους επισκέπτες σας να κατανοήσουν ποια πληροφορία είναι πιο σημαντική από άλλα.
Πάρτε, για παράδειγμα, Αντίθετα , ένα περιοδικό φωτογραφίας. Μετά τη διάταξη του δικτύου / της κάρτας, μπορείτε να καταλάβετε τι είναι πιο σημαντικό στην ιεραρχία των πληροφοριών. Τα νεώτερα άρθρα τοποθετούνται κατά μήκος της κορυφαίας σειράς ενώ τα παλαιότερα άρθρα εμφανίζονται στην κάτω σειρά. Η αρχαιότητα συνδέεται γενικά με μεγαλύτερη σημασία, συνεπώς ακολουθώντας αυτήν την φθίνουσα σειρά γραμμών στο σύστημα καρτών επιτρέπει στους χρήστες να συνδέουν γρήγορα ποιο περιεχόμενο είναι πιο σημαντικό. Επομένως, μπορούν να δώσουν προτεραιότητα στη σειρά με την οποία διαβάζουν αυτές τις πληροφορίες.
Βαρύς εμπιστοσύνη στις εικόνες
Έχουμε ακούσει το παλιό ρητό ότι οι άνθρωποι είναι οπτικά πλάσματα τόσες πολλές φορές που είναι ένα κλισέ, όμως με το σχεδιασμό με βάση τα χαρτιά, παίρνει νέο νόημα. Ο σχεδιασμός με βάση τις κάρτες βασίζεται σχεδόν αποκλειστικά σε οπτικά στοιχεία. κάθε αντίγραφο στην ίδια σελίδα είναι συνήθως δευτερεύουσα από την οπτική από την άποψη της αρχιτεκτονικής των πληροφοριών.
Η βίαιη εμφάνιση σε εικόνες όπως αυτή είναι μια δύναμη του σχεδιασμού με βάση τις κάρτες, επειδή οι μελέτες επιβεβαιώνουν ήδη ότι οι εικόνες ανυψώνουν το σχεδιασμό ιστοσελίδων. Για παράδειγμα, και οι δύο εικόνες υψηλής ποιότητας και χρησιμοποιώντας περισσότερα ανθρώπινα πρόσωπα στις εικόνες αυξάνουν τα ποσοστά μετατροπής. Στην πραγματικότητα, όλοι είπαν, υπάρχουν διάφορους τρόπους στην οποία η χρήση εικόνων στο σχεδιασμό μπορεί να αυξήσει τις μετατροπές του ιστότοπού σας.
Με άλλα λόγια, η έμφαση στη χρήση εικόνων καθιστά τον σχεδιασμό με βάση το χαρτί πιο ελκυστικό για τους επισκέπτες της τοποθεσίας. Δεν είναι τυχαίο αυτό Pinterest είναι, σύμφωνα με την Alexa, το 15ο δημοφιλέστερο site στις ΗΠΑ
Κοιτάζοντας το Τα αποτελέσματα του Pinterest για τον όρο αναζήτησης "φαγητό", μπορούμε να δούμε ότι οι εικόνες είναι τα πρώτα πράγματα που τραβούν το βλέμμα σας όταν βρίσκεστε στην περιοχή. Δεν ενδιαφέρεστε για τις περιγραφές κάτω από τις εικόνες, τουλάχιστον όχι στην αρχή. Οι υψηλής ποιότητας, εκθαμβωτικές εικόνες είναι αυτό που μαζεύει την προσοχή σας, και στη συνέχεια, αφού αποφασίσετε ότι θέλετε να μάθετε περισσότερα (αλλά ήδη δεσμεύεστε σε αυτή την κάρτα), διαβάζετε τις περιγραφές της κάρτας.
Ενισχυμένο UX
Οποιοσδήποτε σχεδιαστής πρέπει να σας πει ότι η εμπειρία του χρήστη έχει μεγαλύτερη σημασία. Είναι αυτό που υποτίθεται ότι σχεδιάζουμε, πρώτα απ 'όλα. Ένας άλλος λόγος για τον οποίο ο σχεδιασμός με βάση κάρτες έχει ακούσει τόσο καλά και θα συνεχίσει να το κάνει για το άμεσο μέλλον, είναι επειδή βοηθάει την εμπειρία του χρήστη. Και αυτό ενθαρρύνει τους επισκέπτες της ιστοσελίδας να συνεχίσουν να επιστρέφουν στον ιστότοπό σας, γεγονός που με τη σειρά τους οδηγεί στο να ξοδεύουν περισσότερο χρόνο εκεί, ο οποίος τελικά οδηγεί σε περισσότερες μετατροπές!
Μια μεγάλη εμπειρία χρήστη εστιάζει στους ανθρώπους που μπορούν να βρουν το δρόμο τους γύρω από τον ιστότοπό σας χωρίς καμία τριβή. βασικά, θα πρέπει να βρουν αυτό που θέλουν να βρουν αμέσως και χωρίς πονοκεφάλους.
Αποσπάστε είναι ένας ιστότοπος που καταλαβαίνει αυτό καλά καθώς οι σχεδιαστές του έχουν χρησιμοποιήσει κάρτες για να κάνουν την εμπειρία του χρήστη απλούστερη και καλύτερη. Αυτός ο ιστότοπος είναι γνωστός στην κοινότητα του διαδικτυακού δημιουργικού ως μια βιτρίνα για έργα τέχνης που δημιουργούνται από τους χρήστες.
Το σημείο της ιστοσελίδας είναι για τους ανθρώπους να θαυμάσουν εικονογραφήσεις, γραφικά και εικόνες όλων των ειδών, οπότε ο σχεδιασμός με βάση την κάρτα είναι πραγματικά ο καταλληλότερος τρόπος για να το παρουσιάσετε. Δεδομένου ότι οι εικόνες τραβούν το μάτι του επισκέπτη αποτελεσματικά και αμέσως, η εμπειρία του χρήστη βελτιώνεται σημαντικά όταν οι επισκέπτες μπορούν να δουν γρήγορα τις κάρτες στη διάταξη του πλέγματος για να δουν ποιες ενδιαφέρουν. Μόλις βλέπουν κάποιον που τους ενδιαφέρει, μπορούν αμέσως να κάνουν κλικ στην κάρτα για να το δουν πιο προσεκτικά.
Ένας ιστότοπος όπως το Dribbble επιτρέπει στους επισκέπτες να βρουν αμέσως από το ρόπαλο αυτό που ψάχνουν με έναν εξαιρετικά βολικό τρόπο. Αυτή είναι η επιτομή μιας εξαιρετικής εμπειρίας χρήστη!
Ιδανικό για κινητό σχεδιασμό
Μπορεί να έχετε ακούσει ότι το κινητό έχει ήδη ξεπεράσει την επιφάνεια εργασίας στον απλό αριθμό χρηστών. Μόνο στις ΗΠΑ για το 2015, ψηφιακό χρόνο κινητού μέσου έρχεται στο 51% σε σύγκριση με το 42% της επιφάνειας εργασίας. Ο σχεδιασμός με βάση τις κάρτες είναι ιδανικός, δεδομένου ότι λαμβάνει υπόψη αυτή την τάση, καθώς είναι ευκολία συμβατή με τα ευαίσθητα πλαίσια. Επειδή οι κάρτες προσφέρουν περιεχόμενο σε πιο εύπεπτα κομμάτια, καθιστά ευκολότερη την προβολή σε κινητά πλαίσια.
Κοιτάξτε τις κάρτες με αυτό τον τρόπο: το σχήμα και το μέγεθός τους είναι ουσιαστικά ένα μιμητικό σχήμα και μέγεθος ενός smartphone ή tablet. Φυσικά, δεν είναι ακριβώς ένας τέλειος συνδυασμός λόγω της πληθώρας των διαφόρων μοντέλων που διατίθενται, αλλά εξακολουθεί να είναι μια αρκετά κοντινή αντιστοιχία όταν σκέφτεστε από την άποψη της αναλογίας διαστάσεων.
Ως αποτέλεσμα, τα χαρτιά δεν πηγαίνουν ποτέ όσο το κινητό συνεχίζει να αναπτύσσεται και δεν δείχνει κανένα σημάδι επιβράδυνσης σε σύντομο χρονικό διάστημα.
Δεν είναι απλώς μια άλλη μανία σχεδιασμού
Το πρόβλημα με ορισμένες τάσεις σχεδιασμού είναι ότι μετατρέπονται σε μανίες, γεγονός που τις καθιστά βραχύβιες και ξεχασμένες. Ο σχεδιασμός με βάση τις κάρτες, όμως, δεν είναι παρά! Λόγω του αριθμού των πρακτικών χρήσεων και των οφελών που προσφέρει, είναι μόνο πρόκειται να γίνει πιο δημοφιλής καθώς φοράει το χρόνο. Αυτό σημαίνει ότι παραμένει δύναμη.
Παρέχει συνεκτικότητα στην αρχιτεκτονική των πληροφοριών των ιστοτόπων και παγιδεύει την εμμονή των χρηστών με αιχμηρές εικόνες ως τρόπο οδήγησης περισσότερων μετατροπών. Κατά συνέπεια, η όλη εμπειρία του χρήστη επιτυγχάνεται επίσης με μια τεράστια βελτίωση με το σχεδιασμό που βασίζεται στην κάρτα, απλώς και μόνο επειδή καθιστά εύκολο για τους χρήστες να βρουν αυτό που ψάχνουν στον ιστότοπο. Χάρη στην άνοδο της κινητής τηλεφωνίας τα τελευταία δύο χρόνια, αυτή η προσέγγιση σχεδιασμού γίνεται ένας στυλοβάτης που όλο και περισσότεροι άνθρωποι συναντούν και απολαμβάνουν.
Όταν το σκέφτεστε, τα χαρτιά είναι πραγματικά μια παλιά έννοια, αλλά έχουν δοθεί μια βολή στο χέρι και ενημερώνονται για έναν νέο, νέο τρόπο σχεδιασμού ιστοσελίδων. Απλώς σας δείχνει ότι οι καινοτόμοι σχεδιαστές μπορούν να πάρουν κάτι παλιό και κοσμικό και να το μετατρέψουν σε κάτι που είναι εξαιρετικά σημαντικό και ωφέλιμο στον 21ο αιώνα.