Πώς να σχεδιάσετε την τέλεια ιστοσελίδα ενιαίας σελίδας
Τα σχέδια μιας σελίδας μπορεί να είναι μια εξαιρετική τεχνική για την αντιμετώπιση μικρότερων ιστότοπων, ακόμη και εκείνων που ίσως να μην νομίζετε ότι θα μπορούσαν ποτέ να γίνουν χωρίς πολλές σελίδες. Υπάρχουν τόνοι μεγάλων λόγων για τη χρήση ενός ιστότοπου μιας σελίδας, από την ευκολία συντήρησης έως τις μειωμένες ανάγκες εύρους ζώνης.
Αν αντιμετωπίζετε έναν μικρότερο ιστότοπο, τον οποίο συνήθως θα έχετε μερικές σελίδες, σκεφτείτε να χρησιμοποιήσετε μια μόνο σελίδα και να δούμε αν θα καταστήσει το έργο ευκολότερο και πιο φιλικό προς το χρήστη. Διαβάστε για περισσότερες πληροφορίες σχετικά με τα οφέλη, πότε (και πότε όχι) για να τα χρησιμοποιήσετε και μερικές βέλτιστες πρακτικές που πρέπει να ακολουθήσετε.
Τα οφέλη του σχεδιασμού μιας σελίδας
Προφανώς, τα σχέδια μιας σελίδας δεν είναι ιδανικά για κάθε έργο. Υπάρχουν όμως αρκετοί λόγοι για να τα χρησιμοποιήσετε, αν είναι δυνατό.
Είναι διαισθητικό για χρήση
Από προεπιλογή, όλος ο χρήστης πρέπει να γνωρίζει για να πλοηγηθεί σε μια σελίδα μιας σελίδας είναι πώς να μετακινηθεί. Μπορείτε να συμπεριλάβετε τα βέλη ή άλλες ενδείξεις πλοήγησης, αλλά με σπάνια εξαίρεση, η απλή κύλιση θα φέρει τους επισκέπτες σας από το ένα τμήμα στο άλλο.
Δεν θα πρέπει ποτέ να ανησυχείτε για τους επισκέπτες σας να κολλήσουν σε πολλαπλά στρώματα πλοήγησης, αναζητώντας ατελείωτα αυτό που χρειάζονται. Η χρήση κεφαλίδας ή άλλων συνδέσμων πλοήγησης είναι συχνά χρήσιμη αν υπάρχουν πολλαπλά τμήματα στη σελίδα, αλλά ακόμη και χωρίς αυτά, ο ιστότοπος είναι χρησιμοποιήσιμος.
Μπορεί να είναι ταχύτερη και ευκολότερη η συντήρηση
Παρόλο που αυτό δεν είναι δεδομένο, ένας καλά κωδικοποιημένος ιστότοπος μίας σελίδας πιθανότατα θα είναι πιο γρήγορος στον κώδικα από έναν ιστότοπο πολλαπλών σελίδων. Η διαδικασία σχεδιασμού μπορεί μερικές φορές να πάρει λιγότερο χρόνο, αν και εξαρτάται από το πόσο σύνθετη θα είναι η μοναδική σελίδα.
Ένας ιστότοπος μίας σελίδας μπορεί επίσης να επιβάλει ορισμένους περιορισμούς σχεδιασμού που επιταχύνουν τη διαδικασία μόλις έχετε στη διάθεσή σας μια βασική διάταξη. Moreso από έναν ιστότοπο πολλών σελίδων, ένας ιστότοπος μιας σελίδας πρέπει να έχει τμήματα που λειτουργούν άψογα μαζί. Αυτός ο περιορισμός μπορεί πραγματικά να επιταχύνει την ανάπτυξη σελίδας μόλις καθορίσετε σαφώς τι μπορείτε και δεν μπορείτε να κάνετε.
Η συντήρηση μπορεί να είναι ευκολότερη επίσης. Όταν έχετε μόνο μία σελίδα για να αντιμετωπίσετε, η συντήρηση είναι πιο εξορθολογισμένη, εφόσον ο κώδικας σας είναι γραμμένος καλά για να ξεκινήσετε.
Είστε αναγκασμένοι να απλοποιήσετε
Αυτό δημιουργεί το προηγούμενο σημείο. Όταν έχετε μόνο μία σελίδα για να συνεργαστείτε, πρέπει να απλοποιήσετε τα πράγματα στα πιο βασικά συστατικά τους. Δεν υπάρχουν άλλες σελίδες και σελίδες άχρηστης προπαγάνδας μάρκετινγκ. Πρέπει να φτάσετε στο σημείο αμέσως.
Καλύτερη δυνατότητα SEO
Οι ποιοτικοί εισερχόμενοι σύνδεσμοι αποτελούν ένα μεγάλο μέρος του πόσο καλά εκτελείται ένας ιστότοπος στις μηχανές αναζήτησης. Ενώ οι μηχανές αναζήτησης δεν είναι απαραιτήτως η μεγαλύτερη πηγή επισκεψιμότητας για πολλούς ιστότοπους, εξακολουθούν να είναι γενικά σημαντικοί.
Έχοντας μόνο μία σελίδα, έχετε μόνο μία σελίδα που συνδέεται με. Αυτό μπορεί να αυξήσει τη σημασία του χώρου όσον αφορά τις μηχανές αναζήτησης.
Η ιστορία μπορεί να αυξήσει τη δράση
Οι ιστότοποι μιας σελίδας χρησιμοποιούν συχνά μια γωνία αφήγησης που οι σελίδες πολλαπλών σελίδων δεν είναι τόσο καλοί. Αυτό μπορεί να αυξήσει τις μετατροπές και να εμπνεύσει τους επισκέπτες να αναλάβουν δράση.
Οι άνθρωποι συνηθίζουν να παρακολουθούν ιστορίες, τόσο σε απευθείας σύνδεση όσο και εκτός λειτουργίας, οπότε αυτό έχει προφανή οφέλη για τους χρήστες. Έχουμε διαβάζοντας και ακούγοντας ιστορίες από τότε που ήμασταν παιδιά, έτσι είναι κάτι που μας έρχεται φυσικά.
Ευκολότερη οργάνωση
Δεν υπάρχουν πλέον ατελείωτες λίστες σελίδων και υποσελίδων για οργάνωση. Δεν αναρωτιέμαι πια αν αυτή η σελίδα ή η σελίδα πρέπει να είναι γονέας ή παιδί. Δεν υπάρχουν άλλα τεράστια μενού πλοήγησης και υπομενού. Είναι όλα σε μια σελίδα. Και αν αποφασίζετε να συμπεριλάβετε συνδέσμους πλοήγησης ή απλά αφήστε τους χρήστες να μετακινηθούν, εξαρτάται από εσάς και αν νομίζετε ότι θα προσθέσει στην εμπειρία του χρήστη ή όχι. Αυτό δεν είναι μια επιλογή όταν ένας ιστότοπος έχει πολλές σελίδες.
Μειωμένο εύρος ζώνης
Παρόλο που αυτό δεν είναι πια ένα ζήτημα στο τέλος της φιλοξενίας, εξετάστε πόσοι χρήστες έχουν πρόσβαση στον ιστότοπό σας χρησιμοποιώντας κινητές συσκευές αυτές τις μέρες. Η μείωση του εύρους ζώνης που λαμβάνει ο ιστότοπός σας εκτιμάται από χρήστες με περιορισμένα σχέδια δεδομένων.
Εξαλείψτε τους ιστότοπους για κινητά
Ο υπεύθυνος σχεδιασμός, φυσικά, δεν περιορίζεται σε ιστότοπους μίας σελίδας. Όμως, όσο πιο σύνθετη είναι μια περιοχή, τόσο πιο δύσκολο είναι να λειτουργήσει καλά σε μικρότερη οθόνη, ακόμη και με ένα σχέδιο που ανταποκρίνεται. Ο ιστότοπος μιας σελίδας δεν είναι, αναγκαστικά, πολύπλοκος. Κάνοντας το σχέδιο ανταπόκρισης είναι γενικά ευκολότερο. Απλοποιημένη πλοήγηση και παρόμοιες αλλαγές κάνουν επίσης ένα σχέδιο που λειτουργεί καλά σε μικρές οθόνες ευκολότερη.
Για την παραλλαξία ή όχι για την παραλλαξία;
Ανάλογα με την άποψή σας, η κύλιση parallax είναι είτε το καλύτερο πράγμα που μπορεί να συμβεί ποτέ στο διαδίκτυο, είτε μια υπερβολικά χρησιμοποιημένη μάστιγα των browsers μας. Αλλά ανεξάρτητα από το πού βρίσκεστε, δεν φαίνεται να εξαφανίζεται σύντομα.
Προσωπικά, αισθάνομαι ότι υπάρχει ένας χρόνος και ένας χώρος για την κύλιση παράλλαξης. Ορισμένοι ιστότοποι μιας σελίδας μπορούν πραγματικά να επωφεληθούν από την επίδραση, ενώ άλλοι συναντώνται ως εντυπωσιακοί ή χειρότεροι: δύσκολοι στη χρήση. Το κλειδί είναι να αποφασίσετε εάν το φαινόμενο κύλισης παράλλαξης που θέλετε να χρησιμοποιήσετε είναι κάτι που θα βελτιώσει την χρηστικότητα του site ή αν θέλετε να το χρησιμοποιήσετε μόνο επειδή θα φανεί δροσερό.
Ένα άλλο πράγμα που πρέπει να εξετάσετε εάν αποφασίσετε ότι θέλετε να χρησιμοποιήσετε την παράλλαξη scrolling είναι αν θα χρησιμοποιήσετε JavaScript ή μια απλή τεχνική CSS για να το κάνετε αυτό. Ανατρέξτε στην ενότητα πόρων για περισσότερες πληροφορίες σχετικά με τις δύο επιλογές.
Πότε πρέπει να χρησιμοποιήσετε έναν ιστότοπο μιας σελίδας και πότε δεν θα το χρησιμοποιήσετε
Παρόλο που υπάρχουν πολλά πλεονεκτήματα σε ιστότοπους μίας σελίδας, δεν είναι μια τέλεια λύση για όλους. Υπάρχουν αρκετοί χρόνοι, όταν δεν πρέπει να χρησιμοποιήσετε ένα σχέδιο μιας σελίδας, ενώ υπάρχουν αρκετές άλλες στιγμές όπου ένας ιστότοπος μιας σελίδας έχει πολύ μεγαλύτερη αίσθηση από μια σελίδα πολλαπλών σελίδων.
Εάν ρυθμίζετε έναν ιστότοπο που θα έχει μόνο μια χούφτα σελίδες ούτως ή άλλως, τότε ένας ιστότοπος μίας σελίδας μπορεί να είναι τέλειος. Η συμπύκνωση όλων σε μια σελίδα μπορεί να δώσει στο συνολικό site μια πιο μοντέρνα εμφάνιση και αν είναι ελαφρύ για το περιεχόμενο ούτως ή άλλως, τότε ένας ιστότοπος μιας σελίδας μπορεί να φανεί ότι έχει περισσότερη ουσία.
Ένα άλλο κοινό παράδειγμα του ιστότοπου μιας σελίδας είναι ο ιστότοπος πριν την εκτόξευση. Αυτές είναι, πολλές φορές, μία μόνο σελίδα, συχνά με έντυπο για εγγραφή σε ενημερωτικό δελτίο. Στις περισσότερες περιπτώσεις, οι πληροφορίες που παρέχονται στο κοινό κατά τη διάρκεια της εκκίνησης μπορούν εύκολα να οργανωθούν σε μία σελίδα, οπότε είναι λογικό να εξετάζεται πρώτα αυτό το στυλ κατά το σχεδιασμό αυτών των σελίδων.
Οι ιστότοποι ηλεκτρονικού εμπορίου ενός προϊόντος είναι ένας άλλος χώρος όπου οι ιστότοποι μιας σελίδας μπορούν να είναι εξαιρετικοί. Αν πωλείτε μόνο ένα προϊόν, είτε πρόκειται για ένα φυσικό προϊόν είτε για ένα ψηφιακό προϊόν, τότε γιατί να ασχοληθείτε με πολλές σελίδες; Ένας απλός ιστότοπος μιας σελίδας μπορεί να είναι ένα πολύ καλύτερο εργαλείο πωλήσεων.
Ίσως να πιστεύετε ότι ένας πιο σύνθετος ιστότοπος ηλεκτρονικού εμπορίου δεν είναι κατάλληλος για έναν ιστότοπο μίας σελίδας, αλλά εξακολουθεί να μπορεί να είναι. Χάρη σε αυτό, θα το αποφύγω για ιστότοπους που έχουν περισσότερες από δώδεκα προϊόντα, αλλά ένα απλό ηλεκτρονικό κατάστημα μπορεί εύκολα να πραγματοποιηθεί σε μία σελίδα, με παράθυρα τρόπων για τη φόρτωση των στοιχείων του προϊόντος και της διαδικασίας πληρωμής.
Όταν δεν χρησιμοποιείται ένας ιστότοπος μιας σελίδας είναι αρκετά απλός: οι ιστότοποι που είναι μεγάλοι, σύνθετοι ή από προεπιλογή πρέπει να έχουν μεγάλα ποσά πληροφοριών δεν είναι κατάλληλα για έναν ιστότοπο μίας σελίδας. Σε αυτές τις περιπτώσεις, είστε πολύ καλύτερα με μια πιο παραδοσιακή δομή ιστοτόπων.
Υβριδικές τοποθεσίες
Ενώ υπάρχουν τόνοι μεγάλων τοποθεσιών μίας σελίδας εκεί έξω, υπάρχουν επίσης πολλές τοποθεσίες υβριδικού τύπου. Δίνουν την εντύπωση μιας ενιαίας σελίδας, αλλά χρησιμοποιώντας τα ajax, τα παράθυρα modal και τα παρόμοια, περιέχουν πραγματικά πολλές σελίδες περιεχομένου.
Η τοποθεσία Dang & Blast είναι ένα εξαιρετικό παράδειγμα αυτού.
Αυτά μπορεί να είναι μια εξαιρετική λύση, αν απλά δεν μπορείτε να πάρετε τα πάντα για να χωρέσετε σε μία σελίδα.
Ορισμένοι ιστότοποι είναι "εξαπατώντας" όταν πρόκειται για τη μόνη σελίδα. Έχουν μια ενιαία σελίδα για τον κύριο ιστότοπό τους, αλλά στη συνέχεια έχουν ένα blog σε άλλο τομέα (μερικές φορές ένα Tumblr ή WordPress.com φιλοξενούνται site). Δεν υπάρχει τίποτα κακό με αυτό, και μπορεί να είναι ένας τρόπος για να κρατήσετε το μήνυμά σας στον κύριο ιστότοπό σας επικεντρωμένο, χωρίς να παραιτηθείτε από τα οφέλη από τη δημιουργία ενός ιστολογίου.
Βέλτιστες πρακτικές για ιστότοπους μίας σελίδας
Οι περισσότερες από τις αρχές του καλού σχεδιασμού εξακολουθούν να ισχύουν σε ιστότοπους μίας σελίδας, όπως συμβαίνει με κάθε καλό σχεδιασμό ιστοσελίδας. Υπάρχουν όμως και ορισμένα επιπλέον πράγματα που πρέπει να έχετε κατά νου, ορισμένα από τα οποία έχουν ήδη αναφερθεί παραπάνω.
Κρατήστε το απλό
Προσπαθώντας να δημιουργήσετε ένα σχέδιο που είναι πολύ περίπλοκο για το περιεχόμενο που προσπαθείτε να παρουσιάσετε δεν σας κάνει ούτε τους χρήστες σας ευνοεί. Αντ 'αυτού, απλοποιήστε τόσο το σχέδιό σας όσο και το περιεχόμενό σας όσο το δυνατόν περισσότερο, ενώ ακόμα παρουσιάζετε αυτό που χρειάζεστε.
Οι σύνδεσμοι πλοήγησης εξακολουθούν να είναι χρήσιμοι
Ακριβώς επειδή οι χρήστες μπορούν να μετακινηθούν για πλοήγηση στον ιστότοπό σας, δεν σημαίνει ότι είναι ο πιο φιλικός προς το χρήστη τρόπος για να το κάνετε αυτό. Αυτό ισχύει ιδιαίτερα αν έχετε μεγάλη σελίδα με πολλές ενότητες. Εκτός αν υπάρχει ένας πολύ καλός λόγος να μην συμπεριληφθούν, η προσθήκη συνδέσμων πλοήγησης σε συγκεκριμένες ενότητες καθιστά τον ιστότοπό σας πιο φιλικό προς το χρήστη.
Διαχωρίστε το περιεχόμενό σας
Μια ενιαία σελίδα δεν σημαίνει ότι όλα πρέπει να είναι ένα μεγάλο τμήμα. Στην πραγματικότητα, δεν πρέπει να είναι. Διαχωρίστε το περιεχόμενό σας σε λογικά κομμάτια και τμήματα, έτσι ώστε οι χρήστες να μπορούν να βρουν καλύτερα αυτό που ψάχνουν.
Κάνε κάτι με όλο αυτό το υπόβαθρο
Οι ιστότοποι μιας σελίδας τείνουν να έχουν μεγάλο υπόβαθρο. Χορηγημένος, μερικές φορές τα υπόβαθρα παραμένουν απλά ή με επαναλαμβανόμενο μοτίβο. αλλά άλλοι ιστότοποι μιας σελίδας εκμεταλλεύονται όλο αυτό το χώρο για να κάνουν κάτι δημιουργικό. Αυτό μπορεί επίσης να σας βοηθήσει να διαιρέσετε το περιεχόμενό σας, όπως ήδη αναφέρθηκε. Το φόντο σας δεν χρειάζεται να είναι μία εικόνα. Μπορεί να είναι μια σειρά εικόνων, αν αυτό ταιριάζει καλύτερα στο περιεχόμενό σας.
Πόροι για τους ιστοτόπους μίας σελίδας
Υπάρχουν εκατοντάδες πηγές, συμπεριλαμβανομένων των προτύπων, για τοποθεσίες μιας σελίδας εκεί έξω. αλλά εδώ θα επικεντρωθούμε σε εκείνες που ξεχωρίζουν.
Pure CSS Parallax Κύλιση : Αυτό το άρθρο από τον Keith Clark εξηγεί πώς να δημιουργήσετε μια τεχνική scrolling paralax χρησιμοποιώντας μόνο CSS. Αυτή είναι μια εξαιρετική επιλογή αν δεν θέλετε να χρησιμοποιήσετε το JavaScript (ή δεν γνωρίζετε πραγματικά).
Skrollr : "Parallax κύλιση για τον υπόλοιπο μας". Είναι μια αυτόνομη βιβλιοθήκη που λειτουργεί με κινητά και επιτραπέζιους υπολογιστές. Δεν υπάρχει jQuery που απαιτείται, απλά παλιό JavaScript.
Stellar.js : Stellar.js είναι μια άλλη εύκολη στη χρήση βιβλιοθήκη παράλλαξης scrolling. Προσφέρει πολλές επιλογές διαμόρφωσης και υποστήριξη iOS.
Ιστοσελίδες μιας ιστοσελίδας : Αυτό το σύνολο κορνιζών για σχέδια μονού σελίδου μπορεί να αποτελέσει ένα καλό σημείο εκκίνησης αν δεν είστε σίγουροι για το πώς θα δομήσετε τον ιστότοπό σας. Είναι ελεύθεροι να κατεβάσουν. Υπάρχει ένα δεύτερο σετ που μπορείτε να κατεβάσετε εδώ .
One Page Love : Η One Page Love είναι η κορυφαία γκαλερί ιστότοπων μιας σελίδας, με περισσότερους από 5000 ιστότοπους παραδείγματος και προσθέτοντας περισσότερες συνεχώς. Διαθέτουν επίσης τόπους προτύπων και άλλων πόρων.
Ξεκινήστε το Bootstrap : Η εκκίνηση του Bootstrap έχει μια μεγάλη επιλογή από δωρεάν θέματα μιας σελίδας Bootstrap. Υπάρχουν θέματα για οργανισμούς, ελεύθερους επαγγελματίες, χαρτοφυλάκια, σελίδες προορισμού και πολλά άλλα.
Ένα πρότυπο ερωτικής σελίδας : Εκτός από την εκτεταμένη γκαλερί τους, η One Page Love προσφέρει επίσης δωρεάν και premium πρότυπα.
Μία Μανία Σελίδα : Μια σελίδα Mania προσφέρει μια συλλογή από μοναδικούς ιστότοπους και πρότυπα που μπορείτε να κατεβάσετε ή να αγοράσετε.
συμπέρασμα
Μονο σχέδια σελίδων μπορεί να είναι μια εξαιρετική επιλογή για πολλά διαφορετικά είδη ιστοσελίδων. Αν και δεν είναι το all-and-end-all μικρού σχεδιασμού ιστοσελίδων, αξίζει να εξεταστούν σε πολλά έργα. Εξετάστε τους λόγους για τη χρήση μιας μόνο σελίδας και, στη συνέχεια, εξετάστε τους λόγους για να μην το κάνετε και αποφασίστε από εκεί.