Σπίτι Προσωπικά Οικονομικά Η οργάνωση περιεχομένου στη σελίδα με HTML - ανδρείκελα

Η οργάνωση περιεχομένου στη σελίδα με HTML - ανδρείκελα

Βίντεο: Κατασκεύασε Επαγγελματική Ιστοσελίδα Επιχείρησης | Βήμα-Βήμα! 2024

Βίντεο: Κατασκεύασε Επαγγελματική Ιστοσελίδα Επιχείρησης | Βήμα-Βήμα! 2024
Anonim

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

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

Τα στοιχεία δείχνουν δύο παραδείγματα αναγνωσιμότητας του ιστότοπου. Σε αυτό το σχήμα, Craigslist. org αναζητήθηκε ένα διαμέρισμα στη Νέα Υόρκη.

Πηγή: craigslist. org

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

Το παρακάτω σχήμα δείχνει τα αποτελέσματα μιας αναζήτησης που πραγματοποιήθηκε στο Hipmunk. com για πτήσεις από Νέα Υόρκη προς Λονδίνο.

Πηγή: hipmunk. com

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

Μην υποτιμάτε τη δύναμη της απλότητας κατά την προβολή περιεχομένου. Παρόλο που η διάταξη περιεχομένου του Craigslist μπορεί να φαίνεται σχεδόν απλή, ο ιστότοπος είναι ένας από τους 50 κορυφαίους ιστοτόπους στον κόσμο. Reddit. com είναι ένα άλλο παράδειγμα ενός κορυφαίου ιστότοπου 50 με απλή διάταξη.

Προτού προβάλλετε το περιεχόμενό σας, ρωτήστε πρώτα τον εαυτό σας μερικές ερωτήσεις:

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

  • Το περιεχόμενό σας έχει πολλαπλά χαρακτηριστικά κατάλληλα για σύγκριση; Αν ναι, εξετάστε τη χρήση πινάκων.

  • Πρέπει να συλλέγετε πληροφορίες από τον επισκέπτη; Εάν ναι, εξετάστε τη χρήση εντύπων.

Μην αφήνετε αυτές τις επιλογές να σας συντρίψουν.Επιλέξτε ένα, δείτε πώς αντιδρούν οι επισκέπτες σας και, εάν χρειάζεται, αλλάξτε τον τρόπο προβολής του περιεχομένου. Η διαδικασία αξιολόγησης μιας έκδοσης έναντι άλλης έκδοσης της ίδιας ιστοσελίδας ονομάζεται δοκιμή A / B.

Η οργάνωση περιεχομένου στη σελίδα με HTML - ανδρείκελα

Η επιλογή των συντακτών

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Για να βελτιώσετε τις ταινίες Adobe Flash Creative Suite 5 μπορούν να χρησιμοποιήσουν τα κουμπιά Flash CS5 για να δώσουν στους χρήστες τον έλεγχο της δράσης με έλεγχο χρόνου και πλοήγηση. Στο Flash, τα κουμπιά είναι ειδικοί τύποι συμβόλων που έχουν σχεδιαστεί για να ανταποκρίνονται σε αλληλεπίδραση με το ποντίκι ή το πληκτρολόγιο, όπως κλικ, ανατροπές και συγκεκριμένα πλήκτρα. Όταν συνδυάζεται με το ActionScript, ...

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

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

Η επιλογή των συντακτών

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Το OneNote, όπως οι εκδόσεις iOS και web app, η έκδοση Android του OneNote σάς επιτρέπει να αποκτάτε πρόσβαση και να επεξεργάζεστε σημειώσεις με ένα ελάχιστο σύνολο χαρακτηριστικών σε σύγκριση με τις εκδόσεις desktop του OneNote, όπως το OneNote 2013. Πώς να δημιουργήσετε μια νέα σημείωση στο Android Μπορείτε να δημιουργήσετε ...

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

Μετά τη διαμόρφωση του λογαριασμού ηλεκτρονικού ταχυδρομείου (S) στο Outlook 2013, η λήψη μηνυμάτων είναι μια αυτόματη διαδικασία. Το Outlook αποστέλλει αυτόματα και λαμβάνει μηνύματα όταν ξεκινάτε και επίσης σε διαστήματα 30 λεπτών (από προεπιλογή) όποτε εκτελείται το Outlook. Η εισερχόμενη αλληλογραφία σας μπαίνει αυτόματα στο φάκελο Εισερχόμενα. Μπορείτε επίσης να ξεκινήσετε μια χειροκίνητη διαδικασία αποστολής / λήψης σε ...

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Για συσκευές IOS. Υπάρχουν πολλές λειτουργίες, παρόλο που η έκδοση του App της OneNote και η πλήρης εφαρμογή OneNote 2013 έχουν περισσότερη λειτουργικότητα. Πώς να δημιουργήσετε μια νέα σημείωση σε συσκευές iOS Μπορείτε να δημιουργήσετε μια νέα σημείωση, ανεξάρτητα από το πού βρίσκεστε στο OneNote, αν βλέπετε ...

Η επιλογή των συντακτών

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

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

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεων όταν πρόκειται για την τοποθέτηση και το μέγεθος. Οι ρυθμίσεις "Παγκόσμια" και "Εφαρμοσμένες" δεν τροποποιούν τις ρυθμίσεις, αλλά παρέχουν ένα μέσο για την εμφάνιση της σχετικής τοποθέτησης μεταξύ των ενσωματωμένων στοιχείων. Μπορεί να αναρωτιέστε ότι η διαφορά είναι μεταξύ των ρυθμίσεων Global και Applied. Εδώ είναι η ουσία: Παγκόσμιες ρυθμίσεις ...

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

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