Αρχική σελίδα » Web Design » 20 Αύξηση των Τάσεων Σχεδιασμού στο Web για να Παρακολουθήσετε το 2017

    20 Αύξηση των Τάσεων Σχεδιασμού στο Web για να Παρακολουθήσετε το 2017

    Ένας άλλος χρόνος έχει περάσει και οι σχεδιαστές κοιτάζουν μπροστά στο μέλλον. Πολλά υποσχόμενες τάσεις σχεδίασης πρόκειται να εκραγούν το 2017. Πέρυσι κάλυψα τις κορυφαίες τάσεις σχεδιασμού του 2016 και είδαμε πολλές αλλαγές από τότε.

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

    1. “Εμφανίστηκε στο” κονκάρδες

    Ξεκινήματα, blogs, έργα SaaS και ακόμη και μικρές επιχειρήσεις χρησιμοποιούν τώρα το “όπως παρουσιάζεται στο” κονκάρδες στους ιστοτόπους τους. Αυτά τα κονκάρδες συχνά σύνδεσμος με άρθρα σχετικά με τα mainstream blogs όπως το HuffPo, το Forbes, το CNN, το Fox και άλλα καταστήματα ειδήσεων.

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

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

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

    2. Τους έντονους συνδέσμους όλων των caps

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

    • Ολα κεφαλαία
    • Με τόλμη
    • Με ίσες αποστάσεις
    • Ευθυγραμμισμένο στη δεξιά γωνία

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

    Συσχετίζω κυρίως αυτή την τάση με τις επιχειρήσεις και τις νέες τεχνολογίες αλλά μπορεί να είναι διαδεδομένη και στα blogs.

    Σημειώστε την επόμενη φορά που βλέπετε αυτή την τάση γιατί είναι παντού. Και περιμένω να συνεχίσει να αυξάνεται και το 2017.

    3. Ιστολόγια τύπου περιοδικών

    Το Blogging ήταν μια τέτοια ιδέα πίσω στις αρχές της δεκαετίας του 2000. Αν τρέξατε ένα blog το 2003, θεωρήθηκε ένα χαριτωμένο μικρό χόμπι. Σε μόλις μια δεκαετία η τάση αυτή άλλαξε ριζικά. Τώρα τα blogs μπορούν παρέχουν ένα εισόδημα πλήρους απασχόλησης, και αρχίζουν να μοιάζουν πολύ περισσότερο με τα ψηφιακά περιοδικά.

    Κοιτάξτε πίσω στο αρχικό σχέδιο TechCrunch όταν ξεκίνησε για πρώτη φορά το 2006. Μοιάζει με ένα γενικό blog WordPress δεξιά?

    Τώρα δείτε την τρέχουσα αρχική σελίδα του Techcrunch το 2017:

    Δεν είναι μόνο μοιάζει με ένα περιοδικό, Επίσης λειτουργίες όπως μία. Η TechCrunch δημοσιεύει δεκάδες (αν όχι εκατοντάδες) νέων θέσεων κάθε μέρα. Είναι η # 1 πηγή πηγής για νέα εκκίνηση.

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

    Όταν το σκεφτείτε, το TechCrunch δεν έχει αλλάξει πολύ. Είναι ακόμα “απλά ένα blog”. Αλλά έχει σχεδιαστεί και διαχειρίζεται σαν ένα περιοδικό, και αυτό κάνει όλη τη διαφορά.

    4. Ιστορικό βίντεο

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

    Μου αρέσει αυτή η τεχνική όταν εφαρμόζεται σωστά. Όσο το Το βίντεο σχετίζεται με τον ιστότοπο και δεν παρεμποδίζει το περιεχόμενο, Νομίζω ότι είναι ένα δροσερό αποτέλεσμα που πρέπει να χρησιμοποιήσετε στην κεφαλίδα σας.

    5. Κουμπιά φάντασμα

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

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

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

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

    6. Επιλογές παραθύρου Modal

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

    Αυτός είναι ο λόγος για τον οποίο πιστεύω ότι τα modular opt-in παράθυρα θα συνεχίζουν να ανεβαίνουν το 2017.

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

    Νέες προσθήκες μπορούν ακόμη και στοχεύει στην έξοδο στόχο οι οποίες ενεργοποιεί ένα modal κάθε φορά που ο χρήστης επιχειρεί να εγκαταλείψει τον ιστότοπο. Άλλες μορφές εμφανίζονται μετά από x δευτερόλεπτα ή έχουν ρυθμιστεί να ανοίγουν όταν ο χρήστης μετακινηθεί αρκετά μακριά.

    Ανεξάρτητα από το πώς ενεργοποιούνται τα modals, πώς έχουν σχεδιαστεί ή πώς αισθάνεστε γι 'αυτά, νομίζω ότι θα είναι γύρω για το long haul.

    7. Εικονογράφηση & διανυσματική τέχνη

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

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

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

    8. Σταθερές πλευρικές γραμμές κύλισης

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

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

    Σχεδόν κάθε σημαντικό blog χρησιμοποιεί αυτό το είδος κολλητικής πλευράς. Το διατηρεί το περιεχόμενο εν όψει ανά πάσα στιγμή και αυξάνει την πιθανότητα ότι οι χρήστες θα το κάνουν αλληλεπιδρούν με το περιεχόμενο της πλευρικής γραμμής.

    Πλέον με δεκάδες δωρεάν jQuery plugins που μπορούν αντιγράψτε το φαινόμενο της κολλητικής πλευρικής γραμμής. Είναι πιο εύκολο από ποτέ να το ρυθμίσετε σε οποιονδήποτε ιστότοπο.

    9. Πίνακας περιεχομένων εντός σελίδας

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

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

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

    Μπορεί να είναι αλήθεια ότι τα ToC είναι αρκετά σπάνια αυτή τη στιγμή. Αλλά περιμένω αυτή την τάση να ανατινάξει πάνω από το 2017 και πολλά χρόνια μετά.

    10. Φωτεινά πολύχρωμα σχέδια

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

    Η ιστοσελίδα Rentberry είναι ένα εξαιρετικό παράδειγμα που χρησιμοποιεί επίσης τόνοι κλίσεων. Και έχει ακόμη και τα προαναφερθέντα “Εμφανίστηκε στο” κονκάρδες που βρίσκονται κάτω από το! Δύο τάσεις σε έναν ιστότοπο.

    Θα παρατηρήσετε ότι τα χρώματα μην διαπερνάτε ολόκληρη τη σελίδα, και σβήνουν με άλλες αποχρώσεις λευκού & γκρι.

    Έχω δει αρκετά από αυτά ζωντανά σχέδια χρωμάτων να πιστεύουν ότι είναι σε άνοδο.

    11. Μετακινηθείτε σε κινούμενα σχέδια

    Οι σχεδιαστές ιστοσελίδων ξέρουν για το scroll-jacking και πόσο φοβερό είναι. Ωστόσο, αυτό δεν εννοούσα με τον τίτλο “κύλιση κινούμενων εικόνων”. Έχω δει πολλά sites που τώρα ζωντανό περιεχόμενο σε προβολή όταν μετακινηθείτε πέρα ​​από ένα συγκεκριμένο τμήμα της σελίδας.

    Αυτή η τάση είναι κυρίως περιορίζεται στις αρχικές αρχικές σελίδες και τις εταιρείες SaaS που θέλουν κάποια pizzazz στο σχεδιασμό τους.

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

    12. Εφαρμογές μιας σελίδας (SPA)

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

    Τα συνηθισμένα παραδείγματα είναι τοποθεσίες όπως το Gmail και το Facebook. Αλλά με περισσότερη τεχνολογία JS, Παρατηρώ όλο και περισσότερα SPA που αναπτύχθηκαν συνεχώς. Heck, ακόμη και το CodePen μπορεί να θεωρηθεί ως SPA.

    Με ισχυρές βιβλιοθήκες frontend όπως το React & Aurelia, θα είναι ακόμα πιο εύκολο να δημιουργήσετε ένα SPA από το μηδέν το 2017.

    13. Εναλλακτικές γραμμές αναζήτησης

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

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

    14. Μηνύματα Adblock

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

    Μια σοβαρή τάση που βλέπω να αυξάνεται είναι adblock blocks blocks. Αυτή είναι μια τεχνική “αποκλείστε τους αποκλεισμούς διαφημίσεων”. Αυτό το χαρακτηριστικό έχει ήδη εφαρμοστεί σε πολλές μεγάλες τοποθεσίες όπως το Business Insider και το Forbes. Δυστυχώς, αυτό βλάπτει τόσο τον χρήστη όσο και τον εκδότη και όλα προέρχονται από τεχνικές διαφήμισης κακής ποιότητας.

    Τελικά, δεν έχει σημασία ποιος φταίτε ή ποια είναι η θέση σας στη συζήτηση που εμποδίζει τη διαφήμιση. Περισσότεροι άνθρωποι εγκαθιστούν plug-ins adblock, και περιμένω περισσότερους εκδότες να προωθήσουν.

    15. Καθαρά εικονίδια SVG

    SVG γραφικά έχουν ήδη εισέλθει στον ιστό, αλλά αυξάνονται με την ημέρα. Και έχω την αίσθηση ότι το 2017 θα είναι ένα τεράστιο έτος για τα SVG στο δίκτυο.

    Μπορείτε να βρείτε χιλιάδες δωρεάν σύνολα εικονιδίων SVG σε τοποθεσίες όπως το Flaticon αν γνωρίζετε τον τρόπο αναζήτησης. Αλλά μπορείτε επίσης κώδικα SVG σε HTML, για παράδειγμα χρησιμοποιώντας το παράδειγμα αυτό στο CodePen.

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

    16. Adobe XD

    Η Adobe έσβησε μια πλήρη beta του Adobe XD το 2016, και από τότε έχει αυξηθεί ταχύτατα. Αυτή τη στιγμή υποστηρίζει και Mac & Windows, και είναι στη φάση της δοκιμής προτού ολοκληρωθεί πλήρως.

    Μπορείτε να αμφισβητήσετε την ιδέα ενός προγράμματος που ξεπερνά το Sketch, αλλά το Adobe είναι η κύρια εταιρεία λογισμικού της δημιουργικής εργασίας για κάποιο λόγο. Το Plus Sketch είναι ακόμα Mac-μόνο ενώ είναι η Adobe προσπαθώντας να υποστηρίξει όλους.

    Πιστεύω ακράδαντα ότι θα διαβάζουμε πολλά περισσότερα για το Adobe XD κατά το επόμενο έτος. Μπορεί να γίνει το go-to λογισμικό για σχεδιάζοντας mockups του UI-έτσι μπορούμε τελικά να χρησιμοποιήσουμε το Photoshop ως εργαλείο χειρισμού φωτογραφιών (όπως προβλέπεται).

    Με την άνοδο του νέου λογισμικού, έρχονται δεκάδες tutorials και δωρεάν GUI κιτ επισης. Μπορείτε να βρείτε πολλά freebies του Adobe XD στο Dribbble μαζί με δύο νέους ιστότοπους που έχουν επικεντρωθεί στο XD Designmine και XD Guru.

    17. Περισσότερα μενού για χάμπουργκερ

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

    Τα εικονίδια του Hamburger είναι αργά καθιστώντας αναγνωρίσιμα σύμβολα για τα μενού Nav. Ακριβώς όπως υποδηλώνει μια μεγεθυντική εικόνα “Ψάξιμο”, το εικονίδιο χάμπουργκερ τριών μπαρ σύντομα θα είναι συνώνυμο με “μενού”.

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

    18. Εικονίδια χαρακτηριστικών προϊόντος

    Έγραψα για αυτή την τάση στο Treehouse, αλλά δεν το ανέφερα πρόσφατα. Και το 2017 η τάση αυτή είναι θα είναι τεράστια. Είναι ίσως ο πιο συνηθισμένος τρόπος να να μοιράζονται τις λειτουργίες του προϊόντος σε μια αρχική σελίδα.

    Ξεκινάτε από κάνοντας μια λίστα χαρακτηριστικών για το προϊόν σας. Το προϊόν μπορεί να είναι οτιδήποτε από ένα πρόγραμμα SaaS σε ένα θέμα WordPress ή ακόμα και ένα φυσικό αντικείμενο.

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

    Αντ 'αυτού, χαρακτηριστικά λίστας που πραγματικά έχει σημασία. Εάν είναι ένα θέμα WP πριμοδότηση ίσως λίστα που ανταποκρίνεται, πόσα widgets έρχεται με ή πώς λειτουργεί το μενού.

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

    19. Κάτω από το πτυχίο CTAs

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

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

    Δεν μπορώ να σας πω πώς να σχεδιάσετε ένα CTA ή πώς να το βελτιστοποιήσετε για μετατροπές. Αλλά μπορώ να πω ότι η τάση φαίνεται να είναι η τοποθέτηση αυτών των CTAs πάνω από την πτυχή και με καθαρή θέα για όλους τους επισκέπτες να δουν.

    20. Μικρότερες περιοχές περιεχομένου

    Οι οθόνες έχουν αυξηθεί τόσο μεγάλη ώστε οι περισσότεροι ιστότοποι πρέπει να είναι ορίστε ένα μέγιστο πλάτος. Είναι πολύ πιο δύσκολο να διαβάσετε προτάσεις όταν είναι 2000px πλάτος σε σύγκριση με πλάτος μόνο 700px.

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

    Νομίζω ότι περισσότεροι σχεδιαστές το συνειδητοποιούν αυτό και αργά μείωση του μεγέθους των περιοχών περιεχομένου τους. Προτιμώ ένα μέγιστο πλάτος 750px αλλά θα μπορούσατε να πάτε τόσο μικρό όσο 600px ή λιγότερο.

    Περιορίστε τις παραγράφους με λιγότερες προτάσεις και μικρότερες περιοχές περιεχομένου πάντα θα αύξηση της αναγνωσιμότητας. Σημαντικές δημοσιεύσεις όπως οι New York Times μπορεί να αποκλίνουν με τις δικές τους διαρθρωτικές οδηγίες. Αλλά για ένα απλό ιστολόγιο ή επιχειρηματικό site, η τάση κινείται προς την κατεύθυνση μακρύτερο περιεχόμενο με μικρότερες παραγράφους & περιοχές περιεχομένου.

    Τυλίγοντας

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

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