Η Wikipedia βρίσκεται σήμερα σε αναδιαμόρφωση για να βελτιώσει την εμπειρία του χρήστη.

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

Η "πρωτοβουλία χρηστικότητας της Βικιπαίδειας" χωρίστηκε σε δύο φάσεις. Η φάση 1 ήταν η πρωτότυπη φάση και τελείωσε το καλοκαίρι του 2009.

Η ομάδα του έργου βρίσκεται αυτή τη στιγμή στη δεύτερη φάση, η οποία είναι η φάση ανάπτυξης και δοκιμών.

Το έργο έχει επίσης χωριστεί σε τέσσερα κυκλοφορίες . από τη σύνταξη αυτού του άρθρου, η δεύτερη έκδοση (Babaco) βρίσκεται σε εξέλιξη.

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

Η πρωτοβουλία ευχρηστίας της Βικιπαίδειας έχει προγραμματιστεί να είναι έτοιμη την άνοιξη του 2010. Περισσότερες πληροφορίες σχετικά με το έργο μπορούν να βρεθούν εδώ .

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

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

Καθαρισμένο

Η πρώτη μας εντύπωση για τον επανασχεδιασμό των beta είναι ότι φαίνεται αρκετά απότομη και τακτοποιημένη. Η διάταξη εξακολουθεί να είναι ουσιαστικά η ίδια. αυτός ο επανασχεδιασμός πιθανότατα δεν θα προκαλέσει την ίδια αγανάκτηση Facebook αναδεύτηκε με τον επανασχεδιασμό του τον Μάρτιο του 2009.

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

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

Παλιό σχέδιο:


Νέο σχέδιο:

Ελαφριά αλλαγή στα χρώματα

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

Το παλιό χρώμα συνδέσμου (αριστερά) σε σύγκριση με το νέο χρώμα συνδέσμου (δεξιά):


Το παλιό χρώμα συνδέσμου επισκέφθηκε (αριστερά) σε σύγκριση με το νέο (δεξιά):

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

Μετατόπιση γραμμών αναζήτησης

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

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

Η νέα θέση της γραμμής αναζήτησης:

Αναδιοργανωμένες καρτέλες

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

Παλιό σχέδιο:


Νέο σχέδιο:

Επεξεργασία σελίδας

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

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

Παλιά διεπαφή επεξεργασίας:


Νέα διεπαφή επεξεργασίας:


Για να ενεργοποιήσετε τις νέες λειτουργίες, μεταβείτε στις "Προτιμήσεις" και, στη συνέχεια, κάντε κλικ στην καρτέλα "Επεξεργασία". Στο κάτω μέρος, θα βρείτε μερικά κουτάκια με την ένδειξη "Πειραματικό".

Ενεργοποίηση των πειραματικών χαρακτηριστικών:


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

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

Το παράθυρο διαλόγου για την εισαγωγή ενός συνδέσμου:

Το παράθυρο διαλόγου για την εισαγωγή ενός πίνακα:

Τι λείπει?

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

  • AJAX BeautyTip προεπισκόπηση στο link hover
    Θα ήταν τακτοποιημένο αν εμφανίστηκε ένα εργαλείο, μέσω του BeautyTip jQuery plug-in, κάθε φορά που μετακινείτε πάνω από έναν εσωτερικό σύνδεσμο. Η επεξήγηση εργαλείων θα περιέχει την πρώτη παράγραφο του συνδεδεμένου άρθρου. Η αύξηση του εύρους ζώνης από αυτό το χαρακτηριστικό μπορεί να είναι υπερβολικά μεγάλη, αλλά θα ήθελα ακόμα να το δω.
  • Σύνταξη χρωμάτων στην περιοχή επεξεργασίας κειμένου
    Η εργασία με τον κώδικα σε όλο το ίδιο χρώμα είναι πολύ δύσκολη. Το ανθρώπινο μάτι πρέπει να σαρώσει το κείμενο γραμμικά για να το βρει. Οι οπτικές υποδείξεις θα ήταν τεράστια βοήθεια. Ενώ είμαστε σε αυτό, η περιοχή κειμένου θα πρέπει επίσης να έχει μια οριζόντια γραμμή κύλισης, έτσι ώστε τα πράγματα όπως πίνακες φαίνονται καλύτερο στον κώδικα.
  • Δυνατότητα επιλογής κειμένου σώματος σταθερού πλάτους
    Όταν διαβάζω ένα μεγάλο κομμάτι κειμένου, μου αρέσει να μεγιστοποιώ το παράθυρό μου για να ελαχιστοποιήσω τις περισπασμούς. Όπως συμβαίνει, δεν μπορώ να το κάνω αυτό γιατί οι γραμμές του κειμένου γίνονται ευρύτερες από την οθόνη ευρείας οθόνης. Θα ήθελα πολύ να μπορέσω να διορθώσω το πλάτος των παραγράφων σε περίπου 600 εικονοστοιχεία για να διευκολύνω την ανάγνωση.
  • Αυξήστε το οπτικό βάρος του κουμπιού "Go"
    Η μία αλλαγή που είμαι ενάντια κάνει το κουμπί "Go" το ίδιο βάρος με το κουμπί "Αναζήτηση". Ο παλιός σχεδιασμός βάρυνε το κείμενο του κουμπιού "Go" λίγο πιο βαρύ, καθιστώντας προφανές ότι το πλήκτρο "Enter" ήταν το ίδιο με το πάτημα του κουμπιού "Go". Η διαφορά στο βάρος ήταν αρκετά μικρή ώστε οι χρήστες να δουν τη διαφορά μόνο κοιτάζοντας δεξιά. Αυτό θα πρέπει να επιστραφεί.

Δοκίμασέ το!

Ο νέος σχεδιασμός φαίνεται αρκετά καλός, αλλά δεν έχει ακόμη ολοκληρωθεί. Είμαι βέβαιος ότι η ομάδα της Πρωτοβουλίας Ευχρηστίας της Βικιπαίδειας θα εκτιμούσε όλους όσους δοκιμάζουν το beta και στέλνουν ανατροφοδότηση.

Η Wikipedia εξαρτάται από τους χρήστες της να καταλάβουν πώς να βελτιώσουν τον ιστότοπο και είμαι βέβαιος ότι η κοινότητα Depot Webdesigner μπορεί να βρει μερικές εξαιρετικές ιδέες.

Τέλος, σκεφτείτε δωρίζοντας στη Wikipedia . Γιατί μπορείς να το διαβάσεις παλιά παιχνίδια Nintendo χωρίς διαφημίσεις της Evony, η σάρωση της σελίδας είναι πολύ ωραία.


Γράφτηκε αποκλειστικά για WDD από Eli Penner .

Τι πιστεύετε για το επερχόμενο σχέδιο της Wikipedia; Πώς θα βελτίωνε το σχέδιο;