Μια ματιά στα κτίρια ιστοσελίδες για τους χρήστες Tablet

Η δισκογραφική σκηνή, που κάποτε κυριαρχούσε αποκλειστικά από το iPad της Apple, τώρα αναδύεται με έναν νεοεισερχόμενο κάθε μέρα. Το Google Nexus 7, το Amazon Kindle, η Microsoft Surface και μια σειρά άλλων συσκευών tablet που έχουν εισέλθει στην αγορά πιέζουν τους εμπόρους να σκέφτονται πέρα ​​από τον ιστότοπο του υπολογιστή και να αναπτύξουν μια αυτοδύναμη στρατηγική για ταμπλέτες - ή τουλάχιστον, έναν ιστότοπο φιλικό προς τα tablet.

Τα δισκία αντικαθιστούν τα smartphones; Η σύντομη απάντηση είναι όχι. Στην πραγματικότητα, μια πρόσφατη έκθεση comScore αποκαλύπτει σαφώς ότι ένας στους τέσσερις ιδιοκτήτες smartphone χρησιμοποίησε επίσης ένα tablet. Επιπλέον, υπάρχουν κάποιες σαφείς διαφορές στον τρόπο με τον οποίο οι χρήστες χρησιμοποιούν αυτές τις δύο συσκευές. Παρόλο που ορισμένες από τις στρατηγικές ιστού για κινητά ενδέχεται να λειτουργούν για χρήστες tablet, οι συσκευές ανάγνωσης tablet έχουν ιδιαίτερες ανάγκες που απαιτούν ιδιαίτερη προσοχή.

Κτίριο για το Tablet

Η πρόσβαση στο περιεχόμενο και τις πληροφορίες φαίνεται να είναι η κορυφαία δραστηριότητα των κατόχων tablet σε όλο τον κόσμο, σύμφωνα με μελέτη της Ένωσης Online Εκδοτών. Περιλαμβάνεται η κατανάλωση περιεχομένου βλέποντας βίντεο, ακολουθούμενη από ειδήσεις ανάγνωσης. Έτσι, τι πρέπει να κάνετε, ως έμπορος περιεχομένου ή εκδότης, για να μάθετε τους αναγνώστες tablet σας?

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

Η κύλιση είναι παθητική. είναι πατημένο το

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

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

Ιστοσελίδες φιλικές προς το χρήστη

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

Είναι στα δάχτυλα

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

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

Σας συνιστούμε να συμμορφώνεστε με τις Οδηγίες Ανθρώπινης Διεπαφής iOS της Apple όταν δημιουργείτε έναν ιστότοπο φιλικό προς τα tablet.

Αποφύγετε τα φανταχτερά στοιχεία

Με το iPad να είναι ο ηγέτης του πακέτου στην αγορά tablet, εξακολουθεί να είναι ασφαλές να μην δημιουργηθεί για το Flash. Ωστόσο, μπορείτε να δημιουργήσετε μια εμπειρία που μοιάζει με betterapp για τους αναγνώστες σας στα προγράμματα περιήγησης tablet χρησιμοποιώντας HTML5. Χρησιμοποιήστε λιγότερα κινούμενα σχέδια που βασίζονται στο JavaScript για να διατηρήσετε τον ιστότοπο του tablet σας γρήγορο και προσβάσιμο σε όλες τις συσκευές tablet.

Ο προσανατολισμός έχει σημασία

Ο επισκέπτης του tablet σας μπορεί να προβάλλει τον ιστότοπό σας σε οριζόντιο ή κατακόρυφο προσανατολισμό οπότε βεβαιωθείτε ότι το περιεχόμενο του ιστότοπου του tablet σας αναδιατάσσεται αυτόματα για να ταιριάζει και στους δύο αυτούς προσανατολισμούς. Δείτε 30 Ευέλικτα Χαρτοφυλάκια για την Έμπνευση σας για μια ιδέα για τον τρόπο με τον οποίο το περιεχόμενό σας χρειάζεται να αναδιαρθρωθεί ώστε να ταιριάζει σε διαφορετικά μεγέθη οθόνης και προσανατολισμούς.

Και για περαιτέρω ανάγνωση, ρίξτε μια ματιά στα εξής:

• Mobile Web Design: 10 συμβουλές για την καλύτερη χρηστικότητα
• 30 Χρήσιμα Απαντητικά Tutorials Σχεδίασης Ιστού
• 50 χρήσιμα εργαλεία σχεδίασης ιστοσελίδων για σχεδιαστές

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

Τύλιξε

Κατά την οικοδόμηση ενός φιλικού προς τα δισκία ιστότοπου, σκεφτείτε πέρα ​​από τους ιστοτόπους των Η / Υ και προχωρήστε με μια προσωπική αλληλεπίδραση. Ξανασκεφτείτε και ανοικοδομήστε τους ιστοτόπους σας για έναν κόσμο όπου τα δισκία είναι τα πρώτα.

Σημείωση του συντάκτη: Αυτή η ανάρτηση είναι γραμμένη από Lakshmi Harikumar για το Hongkiat.com.