6 συμβουλές για τη δημιουργία καλύτερων ιστοτόπων μιας σελίδας
Οι ιστότοποι μιας σελίδας είναι ζεστοί και δημοφιλείς - δεν υπάρχει αμφιβολία γι 'αυτό. Αλλά δεν είναι για όλους ή για κάθε επιχείρηση. Είναι εύκολο να το θέλετε επειδή είναι δημοφιλές. και αν γίνει σωστά, η δική σας μπορεί να είναι ένα χτύπημα. Αλλά βεβαιωθείτε ότι είστε το έργο που πληροί τις προϋποθέσεις.
Ένας καλός υποψήφιος για έναν ιστότοπο μιας σελίδας δεν είναι υπερβολικά βαρύ για το περιεχόμενο. Έχετε μόνο μια σελίδα για να πάρετε το σημείο σε όλη, και υπάρχουν μόνο τόσες πολλές κινούμενες εικόνες και κόλπα που μπορείτε να ρίξετε μέσα πριν να πάρει παγίδα.
Επιπλέον, οι περισσότεροι ιστότοποι μιας σελίδας είναι ασυνήθιστοι στη διάταξη τους. Προσπαθώντας να χωρέσει ένα μεγάλο μέρος του περιεχομένου σε μια σελίδα, χωρίς να ψάχνετε γεμάτα, είναι αρκετά δύσκολο.
Οι πιθανές χρήσεις ποικίλλουν, αλλά μερικοί από τους πιο δημοφιλείς υποψήφιους για ιστότοπους μιας σελίδας είναι προσωπικά χαρτοφυλάκια και ιστότοποι για επιχειρήσεις που πωλούν μόνο μερικά προϊόντα ή υπηρεσίες.
Εάν πληροίτε τις προϋποθέσεις, βεβαιωθείτε ότι ο ιστότοπός σας εμφανίζει το σήμα. Υπάρχουν πάντα ορισμένα πράγματα που πρέπει να ακολουθήσετε κατά την πραγματοποίηση οποιασδήποτε ιστοσελίδας, αλλά τα παρακάτω σημεία είναι ιδιαίτερα κρίσιμα για ιστότοπους μιας σελίδας.
1. Μείνετε συγκεντρωμένοι
Κάνετε τα πάντα όσο το δυνατόν πιο απλά για το κοινό. Οι πιθανότητες είναι, αν σκέφτεστε έναν ιστότοπο μιας σελίδας, πιθανότατα δεν έχετε τόνο περιεχομένου. Είναι εντάξει. Μερικές φορές μπαίνουμε στον πειρασμό να προσθέσουμε πολλά χνούδι στους ιστοτόπους μας. Οι ιστότοποι μιας σελίδας δεν απαιτούν καθυστέρηση, επειδή ο μόνος σκοπός τους είναι να φτάσουν στο σημείο. Εάν είστε σχεδιαστής που βάζει μαζί ένα χαρτοφυλάκιο, παρουσιάστε την καλύτερη δουλειά σας. μην αποστασιοποιηθείτε από τα μέτρια έργα ή από την πλευρά της επιχείρησής σας με μπλουζάκια.
Απογυμνώστε την ιστοσελίδα σας από οποιοδήποτε χνούδι και κατεβάστε τα πράγματα που έχουν σημασία. Αν και αυτή είναι μια καλή στρατηγική για κάθε ιστότοπο, οι περισσότερες ιστοσελίδες πολλαπλών σελίδων μπορούν να ξεφύγουν με λίγο χνούδι, επειδή οι χρήστες θα ξέρουν συνήθως πού θα βρουν τις πληροφορίες που θέλουν. Με ένα-pagers, μπορείτε να πάρετε μια βολή, και αν οι πληροφορίες που κάποιος ψάχνει δεν είναι εκεί, θα τους χάσετε.
Δεν υπάρχει αμφιβολία για το τι πωλεί αυτός ο ιστότοπος ηλεκτρονικού εμπορίου.
Αυτό το χαρτοφυλάκιο έχει δίκιο. Ένα όμορφο μινιμαλιστικό σχέδιο, επίσης.
2. Δώστε τη διάταξη σε μια ιεραρχία
Μαζί με τη διατήρηση της εστίασης του επισκέπτη, ένας ιστότοπος μιας σελίδας υποτίθεται ότι παρουσιάζει το προϊόν ή την υπηρεσία σας. Εάν σκέφτεστε για ιστότοπους μιας σελίδας που συναντήσατε, πιθανόν να έχουν έναν μοναδικό σκοπό, είτε να παρουσιάσουν το σχεδιαστικό έργο ενός οργανισμού είτε να αναδείξουν ενδιαφέρον για μια επερχόμενη εκδήλωση.
Ένα εξαιρετικό σχέδιο και εστιασμένη διάταξη μπορεί να σας βοηθήσει να ορίσετε τον σκοπό του ιστοτόπου σας. Εσύ, ως σχεδιαστής, έχετε τη δύναμη να κατευθύνετε τα μάτια του επισκέπτη εκεί που θέλετε να πάνε. Οι άνθρωποι φυσικά παρατηρούν τα μεγάλα πράγματα πρώτα και τα μικρά πράγματα διαρκούν, γι 'αυτό χρησιμοποιήστε αυτό προς όφελός σας. Σημαντικά πράγματα δεν πρέπει να είναι τα μικρότερα ή τα τελευταία πράγματα στη σελίδα.
Αυτές οι εισαγωγικές παραγράφους μεγάλης γραμματοσειράς έχουν γίνει τόσο δημοφιλείς στα χαρτοφυλάκια των σχεδιαστών επειδή φτάνουν στο σημείο γρήγορα και ακούγονται ελκυστικά για τους ανθρώπους που αναζητούν σχεδιαστή. Το τελευταίο πράγμα που πιθανώς θέλετε να δείτε είναι το σχολείο από το οποίο αποφοίτησε. Αλλά θέλετε να ξέρετε τι ειδικεύονται και τι είδους δουλειά κάνουν.
Και πάλι, έχετε πολύ λίγες ευκαιρίες για να πάρετε το μήνυμά σας απέναντι, έτσι ώστε να το κάνετε σωστό. Εάν διαπιστώσετε ότι έχετε πολύ περιεχόμενο για να μπορέσετε να το κάνετε αυτό, τότε εξετάστε το ενδεχόμενο να πάτε με έναν ιστότοπο πολλαπλών σελίδων.
Ενώ αυτός ο ιστότοπος κάνει αρκετά διαφορετικά σημεία, ακόμα και μέσα σε αυτό το στιγμιότυπο οθόνης, μπορούμε να πούμε πολύ τι είναι το πιο σημαντικό.
Μπορούμε να πούμε τι κάνει αυτή η εταιρεία, αλλά η οπτική ιεραρχία μπορεί να είναι καλύτερη.
3. Εκκαθάριση πλοήγησης
Ορισμένοι ιστότοποι μιας σελίδας είναι στατικές σελίδες των οποίων η πλοήγηση οδηγεί τον επισκέπτη σε εξωτερικούς ιστότοπους. Για παράδειγμα, ένας μουσικός μπορεί να έχει μια επιλογή πλοήγησης στον ιστότοπό του με την ένδειξη "Βίντεο" που θα σας μεταφέρει στον λογαριασμό τους στο YouTube. Απολύτως τίποτα δεν είναι λάθος με αυτό, και κάνει ακόμη και τα πράγματα εύκολα (ειδικά για μη κωδικοποιητές). Το μόνο πράγμα είναι ότι οι επισκέπτες πρέπει να γνωρίζουν πότε κατευθύνονται σε μια εξωτερική σελίδα.
Εάν ο ιστότοπος μιας σελίδας σας παρουσιάζει ένα προϊόν και ο σύνδεσμος αγοράς σας στέλνει πελάτες σε μια εξωτερική πλατφόρμα πληρωμών, χωρίς να το λέτε έτσι, θα μπορούσατε να χάσετε κάποιες πωλήσεις.
Ο στόχος σας είναι να κρατάτε τα πάντα απλά. Η ανακατεύθυνση των χρηστών σε εξωτερικούς ιστότοπους χωρίς προειδοποίηση μπορεί να προκαλέσει σύγχυση. Μπορεί να υποθέσουν ότι ο σύνδεσμος είναι σπασμένος ή λανθασμένος. Εξετάστε τη χρήση εικονιδίων (πολλά ελεύθερα είναι εκεί έξω) ή επικεφαλίδες για να αφήσετε τους επισκέπτες να γνωρίζουν πού κατευθύνονται.
Εδώ είναι τι να μην κάνετε. Οι σύνδεσμοι στην κορυφή σας μεταφέρουν εκτός της ιστοσελίδας χωρίς προειδοποίηση. Αυτό πραγματικά με έριξε μακριά.
Ο σχεδιασμός και η κωδικοποίηση αυτού του ιστότοπου είναι πολύ ασυνήθιστο. Ωστόσο, οι σύνδεσμοι σε εξωτερικές σελίδες διακρίνονται από τους πράσινους κύκλους και είναι ετικετοποιημένοι ως τέτοιοι.
4. Πηγαίνετε σχεδιασμός τρελός
Τώρα φτάνουμε στο διασκεδαστικό μέρος: χρησιμοποιώντας έναν ιστότοπο μιας σελίδας για να αναδείξουμε. Δεν θέλετε ο δικτυακός τόπος να είναι βαρετός ή επαναλαμβανόμενος, οπότε πηγαίνετε πας. Πάρτε το σχέδιο στο επόμενο επίπεδο, και σκεφτείτε έξω από το κουτί. Ένας ανορθόδοξος σχεδιασμός είναι καλό για να επιστήσω την προσοχή στο προϊόν σας και να το καταστήσω αξέχαστο.
Οι μονοφωνικοί σταθμοί γίνονται συνώνυμοι με το υπέροχο σχέδιο, επειδή μπορείτε να κάνετε περισσότερα με τον μεγαλύτερο καμβά. Δεν είστε υποχρεωμένοι να χρησιμοποιείτε το ίδιο φόντο παντού. αλλάζετε τις ενότητες. Η κύλιση σε ιστότοπους μιας σελίδας συχνά μοιάζει με παραμόρφωση μέσω ενός περιοδικού ή μιας καλά συναρμολογημένης παρουσίασης διαφανειών. Αξιοποιήστε τις δυνατότητες.
Κάντε το σχέδιο τέλειο, είτε με τη χρήση μεγάλων εικόνων που καλύπτουν ολόκληρο το παράθυρο του προγράμματος περιήγησης είτε δημιουργούν ένα υπέροχο εικονογραφημένο υπόβαθρο. Θα λάβετε πόντους μπόνους και μπορεί να καταλήξετε να εμφανίζονται σε βιτρίνες σχεδιασμού ιστοσελίδων.
Αυτό το σχέδιο είναι εκπληκτικό, κάτι σαν μια αφίσα. Και το υπόλοιπο της ιστοσελίδας δεν απογοητεύει.
Η καθαρότητα αυτού του σχεδιασμού (και του κώδικα) είναι καταπληκτική. Σας κάνει να σταματήσετε και να κοιτάξετε.
5. Πηγαίνετε κωδικοποίηση τρελό
Όπως και με το σχέδιο, θέλετε να αναδείξετε τις ικανότητές σας για κωδικοποίηση. Οι ιστότοποι μιας σελίδας υποτίθεται ότι αλληλεπιδρούν με. Η εμπειρία του χρήστη είναι κρίσιμη, οπότε δώστε προσοχή στις λεπτομέρειες. Ο κώδικας μπορεί να μεταφέρει τον ιστότοπό σας στο επόμενο επίπεδο.
Μερικά πράγματα που πρέπει να προσέξουμε είναι τα χρώματα και η συμπεριφορά των συνδέσμων (ειδικά ο επιλογέας του hover). η εμφάνιση και η συμπεριφορά των εντύπων (για παράδειγμα, καθιστώντας την φόρμα κατάλληλη για το σχεδιασμό και χρησιμοποιώντας τους επικυρωτές AJAX και JavaScript). μηνύματα υποβολής και σφάλματος (χρησιμοποιούνται με τις φόρμες και μερικά AJAX). και το πλέγμα και τοποθέτηση του περιεχομένου (καθώς και η συμπεριφορά του περιεχομένου στο παράθυρο του προγράμματος περιήγησης). Όλα αυτά πρέπει να ευθυγραμμιστούν με το σχέδιο.
Ένας ωραίος απλός τρόπος για να θέσει τον κώδικα να λειτουργεί σε έναν ιστότοπο μιας σελίδας.
Μπορεί να είμαι προκατειλημμένος επειδή μου αρέσει το τέχνασμα όπου τα φορτία περιεχομένου στο κύλισης, αλλά η προσοχή στη λεπτομέρεια στον κώδικα εδώ είναι απίστευτη παντού.
6. Τον κινηθείτε
Εκτός από τη φροντίδα των λεπτομερειών κωδικοποίησης, μπορείτε να χρησιμοποιήσετε τον κώδικα για να δημιουργήσετε κάποια κίνηση και ενθουσιασμό στη σελίδα. Και πάλι, αποφύγετε να βαρεθείτε. Δώστε στη σελίδα σας μια αίσθηση ζωής και κίνησης. να φανεί ότι κινείται με τους επισκέπτες. Προσθέστε μερικά διασκεδαστικά κινούμενα σχέδια ή μεταβάσεις για να ξεχωρίσετε τη σελίδα.
Γλώσσες όπως το jQuery και το AJAX έχουν γίνει το πρότυπο για τη δημιουργία κίνησης σε έναν ιστότοπο. Είτε κάνετε το περιεχόμενο να ξεθωριάζει από διαφορετικές πλευρές είτε να κάνει το φόντο μια παρουσίαση διαφανειών, κρατήστε το κοινό ενωμένο.
Αυτό το φόντο είναι μια κινούμενη εικόνα. Δεν έχω ιδέα για το τι είναι ο ιστότοπος, αλλά φαίνεται καθαρό.
Οι μεταβάσεις σε αυτόν τον ιστότοπο είναι εξαιρετικές. Αγαπάτε αυτό!
Ποια άλλα πράγματα χρειάζονται για να γίνει ένας ειδικός ιστότοπος μιας σελίδας;