Πώς να σχεδιάσετε τοποθεσίες ειδήσεων
Πρόσφατα, ένας φίλος πρότεινε να γράψω μια ανάλυση ιστοτόπων ειδήσεων: τι κάνουν σωστά και τι κάνουν λάθος. Πρότεινε ότι η εμπειρία των ειδήσεων στο διαδίκτυο ήταν πολύ πίσω και ίσως λίγο βαρετή και πίστευαν ότι θα μπορούσαν να κάνουν καλύτερη χρήση της AJAX και παρόμοιων τεχνολογιών για τον εξορθολογισμό της παράδοσης περιεχομένου και της πλοήγησης στον ιστότοπο.
Ήμουν αρχικά πρόθυμος να συμφωνήσω. Αισθάνομαι ότι, σε πολλές περιπτώσεις, οι εφημερίδες εξακολουθούν να προσπαθούν πάρα πολύ σκληρά για να διατηρήσουν τη φυσική εφημερίδα, αλλά με μια προσέγγιση συρόμενων εικόνων. Με αυτόν τον τρόπο, συχνά περιορίζονται σε μια οικεία αλλά κάπως περιοριστική οπτική μορφή. Αυτή η τάση εμφανίζεται επίσης σε κάποιες πολύ κακές αποφάσεις του UX, όπως το σχεδόν αλλόκοτο μικρό σώμα.
Ξέρω ότι έχει ειπωθεί πριν, αλλά ο ιστός, ως οπτικό μέσο, είναι ρευστός. Είναι περίπλοκο. Είναι όμορφο. Και ίσως το πιο σημαντικό, είναι ικανό πολύ περισσότερο από ό, τι πολλοί άνθρωποι αντιλαμβάνονται.
Επομένως, όταν βλέπουμε πόσα μεγάλα τμήματα ειδήσεων περιορίζουν τον εαυτό τους, είναι απογοητευτικό υπό το πρίσμα του τι θα μπορούσε να γίνει κάνοντας μεγαλύτερη χρήση του AJAX.
Ή μήπως όχι…
Όλα καταλήγουν στην κινητή εμπειρία
Πιο συγκεκριμένα, όλα καταλήγουν στην κινητή εμπειρία της πλειονότητας των χρηστών κινητής τηλεφωνίας. Φαίνεται ότι πολλές πηγές ειδήσεων δεν λαμβάνουν υπόψη αυτούς τους χρήστες ακόμα. Σίγουρα, πολλές πηγές ειδήσεων έχουν βάλει μια εγγενή εφαρμογή για Android και iOS, αλλά πολλοί χρήστες κινητών έχουν την τάση να κατεβάζουν αυτές τις εφαρμογές και, στη συνέχεια, ποτέ να τις αγγίξουν ξανά.
Πολλοί από εμάς δεν πηγαίνουμε να περιηγείστε στους ιστότοπους ειδήσεων για χάρη της σε τακτική βάση. Οι περισσότεροι από εμάς πιθανότατα θα χτυπήσουμε σε έναν σύνδεσμο που μας έδωσε ένας φίλος, συγγενής ή διαδικτυακή προσωπικότητα του οποίου την εμπιστοσύνη εμπιστευόμαστε. Θα πατήσουμε ή θα πατήσουμε σε συνδέσμους που παρέχονται σε εμάς μέσω κοινωνικών δικτύων, ηλεκτρονικού ταχυδρομείου, ροών RSS ή συνδέσμων μέσα σε άλλα άρθρα. Αυτοί οι σύνδεσμοι δεν θα μας οδηγήσουν σε μια συγκεκριμένη εφαρμογή, αλλά σε έναν ιστότοπο. Επομένως, κάθε ιστοχώρος ειδήσεων πρέπει να είναι έτοιμος για κινητά.
Ποιο ειναι το πρόβλημα? Γιατί δεν μπορούσαμε να αναβαθμίσουμε αυτά τα sites ειδήσεων με τόνους δροσερό υλικό; Τα iPads και τα Tablets Galaxy διαθέτουν πλήρως λειτουργικά προγράμματα περιήγησης ιστού και αξιοπρεπή επεξεργαστές.
Παρόλα αυτά, υπάρχουν δύο μεγάλα επιχειρήματα για τη διατήρηση των δικτυακών τόπων ειδήσεων όσο το δυνατόν λιγότερο και τεχνολογικά απλούστατα ...
εύρος ζώνης
Οι ιστότοποι ειδήσεων, κατά γενικό κανόνα, εμφανίζουν πολλές πληροφορίες σε κάθε σελίδα. Η αρχική σελίδα τείνει να είναι ο χειρότερος δράστης, με τα 3-5 πιο πρόσφατα άρθρα από κάθε διαφορετικό θέμα να αγωνίζονται για την προσοχή των χρηστών, με εικόνες και μερικές φορές πολλαπλές καρουσέλ. Προσθέστε επιπλέον JavaScript πάνω από αυτό και έχετε ένα πρόγραμμα περιήγησης για κινητά που μεταφορτώνει ένα συγκριτικά μεγάλο όγκο πληροφοριών.
Πολλοί χρήστες κινητών τηλεφώνων περιηγούνται σε αυτούς τους ιστότοπους σε μέρη όπου δεν υπάρχει δωρεάν wi-fi και πολλά σχέδια δεδομένων κινητής τηλεφωνίας έχουν περιορισμένα όρια εύρους ζώνης. Προσθέστε σε αυτό το γεγονός ότι ακόμη και σε wi-fi, πολλά δισκία και smartphones φαίνονται να περιηγούνται στο διαδίκτυο αρκετά αργά, και έχετε μια ισχυρή υπόθεση για την περικοπή των φανταχτερά πράγματα.
Όλοι δεν έχουν μια γρήγορη κινητή συσκευή
Όταν ο φίλος μου πρότεινε ότι οι ιστοσελίδες ειδήσεων θα μπορούσαν να γίνουν πιο φιλικές προς το UX με περισσότερη αγάπη του AJAX, έπρεπε να υπενθυμίσω στον εαυτό μου ότι έχει ένα iPad. Τα iPads είναι γρήγορα και ομαλά.
Πρόσφατα μου δόθηκε το πρώτο μου δισκίο. Είναι ένα Hipstreet Titan . Θα δώσω στους συναδέλφους τεχνιόφιλους μου μια στιγμή να αφομοιώσουν αυτό το γεγονός, και ίσως το Google αυτό, επειδή το μοντέλο είναι αρκετά ασαφές.
Όντας ένα φθηνότερο δισκίο, είναι πιο αργό από τα δισκία high-end που ο καθένας σάλιαζει αυτές τις μέρες. Αυτό είναι απλώς ένα γεγονός. Ένα άλλο γεγονός είναι ότι οι άνθρωποι που μπορούν να αντέξουν οικονομικά τα φτηνά δισκία και τα smartphones ξεπερνούν κατά πολύ εκείνους που μπορούν να αντέξουν οικονομικά τα δισκία και τα smartphones.
Γενικές μάρκες, knock-offs και αργούς επεξεργαστές: αυτό είναι που η συντριπτική πλειοψηφία από εμάς θα χρησιμοποιήσουμε μέχρι το κινητό υλικό να γίνει φθηνότερο.
Σε συσκευές όπως η δική μου, δεν είναι μόνο το wi-fi που είναι αργή. Η απόδοση σελίδας είναι αργή και οι κινήσεις JavaScript είναι στην καλύτερη περίπτωση άθικτες. Μερικές φορές είναι μια μάχη μόνο για να μετακινηθείτε πάνω και κάτω. Παρεμπιπτόντως, οι ειδησεογραφικοί ιστότοποι που είναι βαριές για τα αποτελέσματα του καρουσέλ και χιλιάδες εικόνες είναι οι χειρότεροι παραβάτες.
Μερικοί από τους πόνο μπορεί να αντισταθμιστεί με την εύρεση του σωστού προγράμματος περιήγησης για τη συσκευή σας. Στο tablet μου, αυτό είναι το Opera Mobile. Παρόλα αυτά, οι ιστότοποι που δεν έχουν βελτιστοποιηθεί με κανένα τρόπο για κινητές συσκευές θα ενοχλούν τους ιδιοκτήτες των φθηνότερων μοντέλων και αυτό δεν σημαίνει να κρατάτε τους αναγνώστες να επιστρέφουν για περισσότερα.
Έτσι υπάρχει κάποιος που το κάνει σωστά;
Φυσικά υπάρχει. Παρόλο που φαίνεται ότι τα περισσότερα από τα μεγαλύτερα δίκτυα ειδήσεων βασίζονται σε μητρικές εφαρμογές, μερικές γενναίες ψυχές έκαναν κατάλληλες ιστοσελίδες που ανταποκρίθηκαν.
Η σφαίρα της Βοστώνης
Αυτό το παράδειγμα είναι ίσως το προφανές λόγω της δημοτικότητάς του. Η αποκάλυψη του Σχέδιο απόκρισης της Globe ήταν πολύ δημοφιλής και επαινεθεί μέσα στην κοινότητα σχεδιασμού, και για καλό λόγο.
Παρά την τεράστια ποσότητα πληροφοριών στη σελίδα, ο σχεδιασμός παραμένει συγκριτικά καθαρός και ξεκάθαρος, με αρκετά μεγάλους δεσμούς για να χτυπήσει. Οι εικόνες διατηρούνται μικρές και χρησιμοποιούνται σχεδόν μερικώς.
Το συνολικό αποτέλεσμα είναι ότι κατάφεραν να το κάνουν να φαίνεται λίγο σαν μια εφημερίδα και να το κάνει να λειτουργεί ως δικτυακός τόπος. Η εστίασή τους στην τυπογραφία και το σχεδιασμό καθαρό από ακαταστασία και εικόνες καθιστά την ιστοσελίδα ένα αεράκι για να περιηγηθείτε στο tablet μου, και ναι, μπορώ να μετακινηθώ πάνω και κάτω όταν χρησιμοποιώ το tablet μου.
Το ΚΡΕΜΜΥΔΙ
Αν και στην πραγματικότητα ένα προσποιημένο site ειδήσεων, το Διάταξη κρεμμυδιού μοιάζει πολύ, πολύ παρόμοια με το Boston Globe, με μερικούς τρόπους: τρεις στήλες που συρρικνώνονται σε δύο, τότε μία, κλπ. Ακόμα, η προσέγγιση λειτουργεί και αυτό είναι που μετράει. Το tablet μου μπορεί να το χειριστεί. Από τώρα, αυτό είναι το μεγάλο σημείο πώλησης για κάθε ιστοσελίδα.
Time Magazine
Το Time Magazine δεν είναι τεχνικά ένα site ειδήσεων, οπότε δεν πρόκειται να του δώσω το δικό του σύνολο screenshots, αλλά αν θέλετε να δείτε άλλη μια εξαιρετική χρήση της κλασικής ειδησεογραφικής διάταξης ειδήσεων τριών κτιρίων, ελέγξτε την εδώ .
Εκτακτες ειδήσεις
Εκτακτες ειδήσεις εγκαταλείπει εντελώς την οπτική εικόνα της εφημερίδας υπέρ μιας προσέγγισης που μοιάζει με εφαρμογή. Είναι ουσιαστικά ένας φανταστικός αναγνώστης ροής RSS και οι τίτλοι των άρθρων συνδέονται με άλλους δικτυακούς τόπους ειδήσεων, αλλά η προσέγγισή τους στον ανταποκρινόμενο σχεδιασμό θα μπορούσε εύκολα να προσαρμοστεί σε κάθε οργάνωση ειδήσεων.
Μου αρέσει ιδιαίτερα το γεγονός ότι, ενώ εξυπηρετούν τις κινητές συσκευές, δεν έχουν αφήσει τους χρήστες της επιφάνειας εργασίας έξω στο κρύο. Στην οθόνη μου 1600 × 900 pixel, ο σχεδιασμός εκτείνεται από άκρη σε άκρη χωρίς να σπάσει.
Πώς λοιπόν κάνουμε καλύτερες περιοχές ειδήσεων;
Αρχίζουμε με την καλύτερη φροντίδα των χρηστών κινητής τηλεφωνίας. Αναλαμβάνει την επανάληψη ότι πολλοί άνθρωποι που διαβάζουν τα νέα έρχονται σε μεμονωμένα άρθρα με εξωτερικούς συνδέσμους. Δεν μπορείτε να βασιστείτε σε εγγενείς εφαρμογές για να προσφέρετε μια κινητή εμπειρία για τον απλό αναγνώστη. Απλά δεν λειτουργεί έτσι.
Αυτό δεν αναφέρεται ακόμη και στο γεγονός ότι ενώ το iOS και το Android είναι σήμερα οι δύο πιο δημοφιλείς κινητές πλατφόρμες, δεν είναι οι μόνοι εκεί έξω. Οι άνθρωποι σε παλαιότερα smartphones, ή εκείνοι που έχουν μόνο πρόσβαση σε πιο σκοτεινές μάρκες, παραμένουν σε μεγάλο βαθμό αφετηρία.
Εάν η υπηρεσία σας αφορά την δημοσιοποίηση πληροφοριών, τότε αυτές οι πληροφορίες πρέπει να είναι όσο πιο δυνατές είναι οι πλατφόρμες. Αρκετά ειπώθηκαν. Μόλις το κάνουμε αυτό, μπορούμε να μιλήσουμε για άλλα είδη καινοτομίας και βελτίωσης.
Τι θεωρείτε ζωτικής σημασίας για τις περιοχές ειδήσεων; Ποιο είναι το αγαπημένο σας site ειδήσεων και γιατί; Ενημερώστε μας στα σχόλια.