Διαδραστικό σχεδιασμό

Μια ματιά στο νέο σχεδιασμό του MSN.Com

Από τις 9 Μαρτίου του τρέχοντος έτους, η Microsoft ξεκίνησε το νέο σχεδιασμό του MSN.com.

Υποστηριζόμενα από αμέτρητες ώρες δοκιμών και περίπου 70.000 ανατροφοδοτήσεις από τους χρήστες τους, ο σχεδιασμός έχει τροποποιηθεί τους τελευταίους τέσσερις μήνες στην τρέχουσα κατάσταση.

Επισκέπτες που δεν μπορούν ακόμα να το δουν http://www.msn.com μπορεί να έχει πρόσβαση σε αυτό http://preview.msn.com .

Σε αυτή τη θέση, εξετάζουμε τον νέο επανασχεδιασμό και εξετάζουμε τις θετικές και αρνητικές πτυχές του.

Μη διστάσετε να μοιραστείτε τη γνώμη σας σχετικά με τον σχεδιασμό στην περιοχή των σχολίων.

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

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

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

Το λευκό φόντο καθιστά την τοποθεσία καθαρή, αλλά το κάνει σε βάρος της απώλειας του μπλε, γεγονός που καθιστά την παλιά τοποθεσία εύκολα αναγνωρίσιμη και μοναδική. Παρά την ανατροφοδότηση που έλαβε το MSN ότι δηλώνει ότι το λευκό φόντο αισθάνεται καθαρότερο, μπορεί να είναι ωφέλιμο μακροπρόθεσμα η Microsoft να αγκαλιάσει το παλιό χρώμα του μπλε φόντου. Πηγαίνοντας με ένα χρώμα φόντου πολλές κατακόρυφες γραμμές αφαιρέθηκαν. Αυτό κάνει την περιοχή να αισθάνεται ευρύτερη, παρά το γεγονός ότι είναι πραγματικά ελαφρώς λεπτότερη με περίπου 20 pixels.

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

Κάθε ενότητα παρέχει μικρά πρωτοσέλιδα και σύντομες προτάσεις που στοχεύουν να προσελκύσουν τον αναγνώστη να κάνει κλικ και να μάθει περισσότερα. Όταν μιλάμε για το νέο σχέδιο, ο Scott Moore (Γενικός Διευθυντής Περιεχομένου και Προγραμματισμού του MSN) εξήγησε ότι ο ιστότοπος χρησιμοποιεί την εκμάθηση μηχανών για να διαιρέσει τους χρήστες σε οκτώ ομάδες.

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

Προσθήκες περιεχομένου

Ένα χαρακτηριστικό που αποφάσισε να επικεντρώσει η ομάδα MSN είναι η κοινωνική δικτύωση. Οι χρήστες μπορούν πλέον να συνδεθούν στο λογαριασμό τους στο Windows Live / Facebook / Twitter για να εμφανιστούν ζωντανές ενημερώσεις στην αρχική σελίδα του MSN.

Αυτό είναι ένα χαρακτηριστικό που κάποιοι θα βρουν ελαφρώς βολικό και άλλοι θα αγνοήσουν εντελώς. Το "Social Media" υπήρξε μια λέξη buzz στο Internet για περισσότερο από ένα χρόνο τώρα και είναι εκπληκτικό το γεγονός ότι το MSN πήρε τόσο πολύ χρόνο για να το ενσωματώσει στην αρχική του σελίδα.

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

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

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

Η τρίτη σημαντική προσθήκη είναι η εστίαση στο τοπικό περιεχόμενο. Στο επάνω δεξιό μέρος της σελίδας υπάρχει ένας σύνδεσμος για την τοπική έκδοση. Το Local Edition είναι σαν μια άλλη έκδοση της αρχικής σελίδας, αλλά είναι πιο σχετική με κάθε άτομο. Ο χρήστης μπορεί να αποθηκεύσει έως τρεις διαφορετικές πόλεις (ή ταχυδρομικούς κώδικες), αλλά δεν είναι πολύ έξυπνος για το πώς να τις προσθέσετε. Ο χρήστης πρέπει να εισαγάγει ένα όνομα πόλης, κάντε κλικ στην επιλογή "Αποθήκευση" και, στη συνέχεια, για να προσθέσετε ένα άλλο όνομα, πρέπει να κάνετε κλικ στην επιλογή "Αλλαγή". Θα ήταν πιο λογικό αντίθετα να έχει συνδεθεί η ένδειξη "Προσθήκη".


Τοπική έκδοση

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

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

sΆλλα χαρακτηριστικά γνωρίσματα είναι όλα καλά και αξίζει να τα δοκιμάσετε. Να γνωρίζετε ότι αυτή τη στιγμή η Local Edition είναι διαθέσιμη μόνο στις Ηνωμένες Πολιτείες.

Η τελευταία προσθήκη που αξίζει να αναφερθεί είναι η λειτουργία TrendWatch η οποία απαριθμεί τις τελευταίες τάσεις Twitter. Αυτή η λειτουργία είναι παράξενα παρόμοια με την ενότητα Trending Now της Yahoo, αλλά έχει βέλη δίπλα σε κάθε ερώτημα αναζήτησης για να δείξει τη δυναμική της δημοτικότητας. Είναι λίγο κολλώδες και η τοποθέτησή του στο κάτω μέρος της σελίδας κάνει να αισθάνεται περισσότερο σαν μια σκέψη μετά από ένα χρήσιμο χαρακτηριστικό.


Τάση της Yahoo τώρα σε σύγκριση με την TrendWatch του MSN


Εκτέλεση

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

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

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

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

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

Σημείωση: http://www.webpagetest.org χρησιμοποιήθηκε για δοκιμές. Τα παρακάτω είναι τα τρία τεστ που εκτελέστηκαν:

Συνολικό σχέδιο

Ο συνολικός επανασχεδιασμός είναι αποτελεσματικός. Αντιμετωπίζει μερικές από τις ανησυχίες του MSN με τον παλιό σχεδιασμό τους και παρέχει μια καθαρότερη εικόνα για τη Microsoft.

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

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

Κανένα τμήμα δεν έχει μεγαλύτερο οπτικό βάρος από οποιοδήποτε άλλο τμήμα.

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

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

συμπέρασμα

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

Η ιστοσελίδα εμπορευόταν την ταυτότητά της και την ακαταστασία της για καθαριότητα και μερικά μέτρια χαρακτηριστικά. Το Local Edition είναι μια εξαιρετική προσθήκη και έχει πολλές πιθανότητες να το πιάσει, ειδικά αν έχει δοθεί μια καλά κυκλοφορήσει κινητή έκδοση.

βιβλιογραφικές αναφορές


    Αυτό το άρθρο γράφτηκε αποκλειστικά για το Web Designer Depot από Eli Penner

    Τι πιστεύετε για τον επανασχεδιασμό του MSN; Τι θα κάνατε διαφορετικά;


    σχέδιο επανασχεδιασμός msn