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

Δημιουργική επιχειρηματική ομάδα σε μια καφετέρια με φορητό υπολογιστή

Πίστωση εικόνας: Jacob Ammentorp Lund/iStock/Getty Images

Οι καλά σχεδιασμένες σελίδες προορισμού αφήνουν θετική εντύπωση και πωλούν αποτελεσματικά το προϊόν ή την υπηρεσία που προσφέρετε στον ιστότοπό σας. Η χρήση ενός μεγέθους παραθύρου ακατάλληλου για τη συσκευή μπορεί να καταστρέψει την ικανότητα μιας σελίδας προορισμού να αφήνει καλή εντύπωση και να οδηγήσει τον επισκέπτη να κάνει κλικ στο "X" για να κλείσει το παράθυρο. Οι σελίδες προορισμού θα πρέπει να σχεδιάζονται γύρω από έννοιες που προσελκύουν χρήστες και εξηγούν με σαφήνεια το προϊόν ή την υπηρεσία. Οι σελίδες προορισμού δεν είναι αρχικές σελίδες: οι επισκέπτες μεταβαίνουν στις σελίδες προορισμού κάνοντας κλικ σε έναν σύνδεσμο ή σε μια διαφήμιση.

Διαστάσεις σελίδας προορισμού επιφάνειας εργασίας

Οι οθόνες επιτραπέζιων υπολογιστών και φορητών υπολογιστών διατίθενται σε μια τεράστια γκάμα μεγεθών και αναλύσεων, γεγονός που καθιστά ευκολότερη την προσέλκυση στον χαμηλότερο κοινό παρονομαστή κατά τον καθορισμό του μεγέθους της σελίδας προορισμού σας. Το μέσο μέγεθος οθόνης αυξάνεται συνεχώς, αλλά οι περισσότερες οθόνες διαθέτουν ανάλυση τουλάχιστον 1024 επί 768. Οι σελίδες προορισμού για επιτραπέζιους υπολογιστές με πλάτος 960 pixel θα λειτουργούν σχεδόν σε οποιαδήποτε οθόνη υπολογιστή. Οποιοδήποτε περιεχόμενο σελίδας προορισμού εντός του ύψους των 720 pixel θα εμφανίζεται με ασφάλεια στην οθόνη κατά τη φόρτωση της σελίδας. Το πλάτος μιας σελίδας προορισμού επιφάνειας εργασίας είναι πολύ πιο σημαντικό από το ύψος, επειδή οι χρήστες επιτραπέζιου υπολογιστή μπορούν να κάνουν κύλιση προς τα κάτω στην οθόνη για να δουν επιπλέον περιεχόμενο. Μπορείτε πάντα να κάνετε μια μικρότερη σελίδα και να θυσιάσετε ακίνητα στην οθόνη.

Το βίντεο της ημέρας

Σχεδιασμός για φορητές συσκευές

Μια μεγάλη σελίδα προορισμού για επιτραπέζιους υπολογιστές δεν θα λειτουργεί σε κινητές συσκευές: το περιεχόμενο θα χυθεί στο πλάι ή θα συρρικνωθεί σε μη αναγνώσιμο μέγεθος. Οι φορητές συσκευές εντάσσονται στην κατηγορία μεγεθών οθόνης "μικρών" και διαθέτουν ασφαλές πλάτος ανάλυσης περίπου 320 pixel. Ενώ ορισμένες κινητές συσκευές έχουν μεγαλύτερες οθόνες, οποιαδήποτε σελίδα προορισμού έχει σχεδιαστεί για πλάτος 320 pixel θα εμφανίζεται καλά στις περισσότερες κινητές συσκευές. Όπως και με τους επιτραπέζιους υπολογιστές, το ύψος είναι δευτερεύουσα ανησυχία για τις σελίδες προορισμού για κινητά. Ωστόσο, μπορείτε να χωρέσετε περίπου 426 κάθετα pixel περιεχομένου στην οθόνη ταυτόχρονα.

Προσαρμογή για συσκευές tablet

Μπορείτε να αναπτύξετε προσαρμοσμένες σελίδες προορισμού για ιστότοπους tablet. Ωστόσο, οι σελίδες προορισμού για επιτραπέζιους υπολογιστές με πλάτος 960 pixel θα ταιριάζουν σε μεγαλύτερες συσκευές tablet. Τα μικρότερα tablet της σειράς 7 ιντσών συνήθως διαθέτουν οθόνες πλάτους 640 pixel: οι σελίδες προορισμού που έχουν σχεδιαστεί για οθόνες πλάτους 960 pixel θα μειωθούν κατά περίπου το ένα τρίτο για να χωρέσουν στη μικρότερη οθόνη. Δεδομένου ότι μπορείτε να εμφανίσετε μικρότερο περιεχόμενο σε μεγαλύτερη οθόνη χωρίς να θυσιάσετε την ποιότητα και αναγνωσιμότητα, ο σχεδιασμός σελίδων προορισμού tablet με πλάτος 640 pixel και ύψος 480 pixel θα λειτουργήσει όλες τις συσκευές. Οι μικρότεροι χρήστες tablet μπορούν να επιλέξουν να κρατούν τη συσκευή σε οριζόντια λειτουργία, ενώ οι μεγαλύτεροι χρήστες tablet θα κρατούν τη συσκευή σε κατακόρυφη λειτουργία, κάνοντας το πλάτος των 640 pixel να προσαρμόζεται και στα δύο μεγέθη οθόνης.

Μετάβαση σε Responsive Design

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