Συνέντευξη: Πώς Κώδικας και Θεωρία Built NY.Gov
Ο επιτυχημένος σχεδιασμός ιστοσελίδων εξαρτάται από την καλή έρευνα, στοχεύοντας στη σωστή δημογραφική ανάλυση, αναγνωρίζοντας βασικά προβλήματα και αναπτύσσοντας τις κατάλληλες λύσεις.
Αλλά πώς ξεκινάτε όταν ο δημογραφικός στόχος σας είναι κυριολεκτικά, ο καθένας; Πώς διαρθρώνετε έναν ιστότοπο όταν εξυπηρετεί μια τεράστια ποικιλία ανόμοιων αναγκών; Πώς σχεδιάζετε να σχεδιάσετε έναν ιστότοπο για ολόκληρη την πολιτεία; Όταν προσεγγίστηκαν για να σχεδιάσουν NY.Gov για την πολιτεία της Νέας Υόρκης, αυτά είναι μόνο μερικές από τις προκλήσεις Κωδικός και Θεωρία αντιμετωπίζουν.
Κάθισαμε με τον Matthieu Mingasson, Διευθυντή Creative Strategy του Κώδικα και της Θεωρίας, για να τον ρωτήσω λίγο για το πώς οι τυπικές ροές εργασιών ανταποκρίνονται στα αιτήματα αυτών των μεγάλων δημόσιων έργων.
Προκλήσεις σχεδιασμού
Webdesigner Depot: Όταν καθίσατε για την πρώτη σας συνάντηση, ποια είναι η πρώτη ερώτηση που ρωτήσατε; Από πού ξεκινάτε με ένα έργο αυτής της κλίμακας;
Matthieu Mingasson: Ο επαναπροσδιορισμός του τρόπου με τον οποίο τα συστατικά αλληλεπιδρούν με τις τοπικές και κρατικές πληροφορίες απαιτεί καλή κατανόηση των ιδιοτήτων των θεατών και των επιχειρηματικών απαιτήσεων. Ξεκινήσαμε με μια σειρά ερωτήσεων που θα μας βοηθούσαν να κατανοήσουμε τις ανάγκες και τις προσδοκίες των πολιτών της Νέας Υόρκης όταν πρόκειται να αλληλεπιδράσουν με την κυβέρνησή τους και ειδικότερα με την ιστοσελίδα της κυβέρνησης. δηλαδή:
- Τι χρειάζονται οι Συνταξιούχοι της Νέας Υόρκης από την κρατική κυβέρνησή τους;
- Πώς αλληλεπιδρούν γενικά με τον ιστότοπο NY.gov;
- Ποιες είναι οι κύριες ανάγκες ανά τομέα;
- Ποια είναι τα κύρια σημεία πόνου που πρέπει να αντιμετωπιστούν;
Η κατανόηση των αναγκών των χρηστών και των επιχειρηματικών στόχων είναι μια κρίσιμη φάση κάθε έργου. Μπορεί να εξαπλωθεί σε αρκετές εβδομάδες, κατά τη διάρκεια των οποίων συναντάμε τους κύριους ενδιαφερόμενους και τους αντιπροσωπευτικούς χρήστες.
WDD: Το κράτος της Νέας Υόρκης έχει περίπου 20 εκατομμύρια κατοίκους, πώς καθορίζετε την προτεραιότητα στις ανάγκες ενός ολόκληρου κράτους;
MM: Ήταν ένα δύσκολο έργο, πράγματι, καθώς έπρεπε να καθορίσουμε μια λύση που να δούλεψε για όλους.
καθορίσαμε ... 24 λόγοι για τους οποίους οι χρήστες επισκέφθηκαν τον ιστότοπο ... η επίλυση αυτών των ερωτημάτων θα μπορούσε να βοηθήσει περισσότερο από το 70% της κυκλοφορίας
Από την αρχή η προσέγγισή μας ήταν να εντοπίσουμε τις ανάγκες των χρηστών βασισμένες κυρίως σε δεδομένα. Αυτό καθιστά την ιεράρχηση πολύ ευκολότερη. Κάναμε μια ανάλυση ερωτήματος αναζήτησης για να μας βοηθήσετε να προσδιορίσουμε τι αναζητούσαν οι χρήστες όταν επισκέπτονταν τον υπάρχοντα ιστότοπο. Από την ανάλυση αυτή ομαδοποιήσαμε λέξεις-κλειδιά με βάση τη συνάφεια και ορίσαμε μια ομάδα 24 λόγων για τους οποίους οι χρήστες επισκέφθηκαν τον ιστότοπο. Συγκεντρώσαμε ότι η επίλυση αυτών των ερωτημάτων θα μπορούσε να βοηθήσει περισσότερο από το 70% της κυκλοφορίας.
Επίσης, συνεργαστήκαμε στενά με την ομάδα του Rachel Haot, πρώην Διευθυντή Ψηφιακών Υπηρεσιών της Πολιτείας της Νέας Υόρκης, για να ορίσουμε τομείς όπου θα μπορούσαμε να καινοτομήσουμε και να προσφέρουμε αξία στους χρήστες μας. Αυτό αποδεικνύεται από τη διανομή ειδήσεων, τις σελίδες έκτακτης ανάγκης και τους τοπικούς πόρους που παρέχονται στον ιστότοπο.
WDD: Ποια ήταν η φάση σχεδιασμού; Συνεχίσατε, για παράδειγμα, εργαστήρια με βασικούς ενδιαφερόμενους;
MM: Είχαμε μια φάση ορισμού 10 εβδομάδων. Κατά τη διάρκεια των πρώτων 5 εβδομάδων διεξήγαμε έρευνα χρηστών, συνεντεύξεις με ενδιαφερόμενους και ανάλυση δεδομένων. Μέχρι τις πρώτες πέντε εβδομάδες είχαμε συγκεντρώσει όλες τις πληροφορίες που χρειαζόμασταν και ξεκίνησε να ορίζουμε τη δημιουργική μας στρατηγική. Είχαμε στρατηγικούς ελέγχους με τον πελάτη. Είχαμε συνεδρίες έρευνας χρηστικότητας όσο το δυνατόν νωρίτερα. δοκιμάζοντας τις παραδοχές μας με οπτικούς σχεδιασμούς.
Διαχείριση των πελατών του δημόσιου τομέα
Webdesigner Depot: Υπήρξε πολλή γραφειοκρατία για να περνάτε;
Matthieu Mingasson: Καθόλου. Εργαζόμασταν με μια εξαιρετικά συνεργατική και διαθέσιμη ομάδα. Ο κυβερνήτης Cuomo έχει μια πολύ ταλαντούχο ομάδα που είναι υπεύθυνη για τις ψηφιακές επιχειρήσεις. Είχαμε πλήρη συνεργασία από τις υπηρεσίες, την τεχνολογία και τη νέα συντακτική ομάδα που ήταν υπεύθυνη για τη διατήρηση ny.gov . Η πρόκλησή μας επικεντρώθηκε κυρίως στο πώς θα μπορούσαμε να κάνουμε τον ιστότοπο πιο προσβάσιμο στους χρήστες μας, κάτι που ήταν πολύ ικανοποιητικό.
WDD: Πώς κατασκευάζει μια εμπειρία για έναν τόσο μεγάλο πελάτη που διαφέρει από τα κανονικά έργα;
MM: Η προσέγγισή μας είναι πολύ παρόμοια όταν δουλεύουμε με μεγάλους και μικρούς πελάτες. Η διαφορά μεταξύ ενός μεγάλου και ενός μικρού έργου ουσιαστικά έρχεται σε χρόνο και βάθος αφιερωμένο στην έρευνα και την επίλυση προβλημάτων για πολύπλοκο σχεδιασμό του συστήματος.
Η διαφορά μεταξύ ενός μεγάλου και ενός μικρού έργου ουσιαστικά έρχεται σε χρόνο και βάθος αφιερωμένο στην έρευνα και την επίλυση προβλημάτων για πολύπλοκο σχεδιασμό του συστήματος
Το μεθοδολογικό πλαίσιο μας επιτρέπει να σχεδιάζουμε οτιδήποτε, μεγάλο ή μικρό. Μια από τις κρίσιμες πτυχές της προσέγγισής μας είναι η ταχύτητα. Πιστεύουμε ακράδαντα ότι διατηρούμε μια μικρή, άπαχη ομάδα που θα μας βοηθήσει να κινηθούμε πιο γρήγορα. Μας αρέσει επίσης να εργαζόμαστε με περιορισμούς. Πάντα διασφαλίζουμε ότι έχουμε μια συγκεκριμένη ημερομηνία έναρξης κατά την οποία μπορούμε να φτιάξουμε το σχέδιο έργου μας.
Για την NY.gov, η διαδικασία ήταν πολύ συνεργατική χάρη στην καταπληκτική συνεργασία της κρατικής ομάδας που είχε δεσμευτεί να δρομολογήσει την περιοχή εγκαίρως.
WDD: Υπήρχαν υπάρχουσες κατευθυντήριες γραμμές σχετικά με τις μάρκες, ή εργάσατε και στην ταυτότητα;
MM: Οι κατευθυντήριες γραμμές της μάρκας επαναπροσδιορίστηκαν παράλληλα με την ανάπτυξη του προϊόντος μας. Το θεωρήσαμε ως μια ευκαιρία να συμβάλουμε σε αυτές τις κατευθυντήριες γραμμές. Είναι δύσκολο να επιστρέψουμε στην αλλαγή του λογότυπου του ιστότοπου. Αλλά αυτό μας έδωσε και πολλά περιθώρια για να εξερευνήσουμε τη μάρκα και να προσδιορίσουμε την ψηφιακή της παρουσία.
Μετά από αυτό το έργο είχαμε την ευκαιρία να προετοιμάσουμε τις ψηφιακές κατευθυντήριες γραμμές όχι μόνο για το NY.Gov αλλά για όλους τους διαφορετικούς οργανισμούς του κράτους. Έπρεπε να ακολουθήσουμε προσεκτικά τις κατευθυντήριες γραμμές προσβασιμότητας για να μπορέσουμε να σχεδιάσουμε για όλους, και αυτό ήταν μια δύσκολη αλλά ικανοποιητική εμπειρία.
WDD: Πώς συντονίσατε την παράδοση περιεχομένου από τόσα πολλά διαφορετικά τμήματα;
MM: Αφού εντοπίσαμε τις βασικές υπηρεσίες, ετοιμάσαμε "μία στάση" για καθένα από τους κορυφαίους ιδιοκτήτες ιστοτόπων. Σε ορισμένες περιπτώσεις, οι υπηρεσίες χρειάστηκαν να συνεργαστούν για τη δημιουργία του περιεχομένου. Δημιουργήσαμε οδηγίες περιεχομένου για να τις ακολουθήσουν και τους παρέχεται μια συλλογική τεκμηρίωση από την οποία μπορούν να εργαστούν. Ζητήσαμε από τους οργανισμούς να εργάζονται απευθείας από μια κοινή τεκμηρίωση, επιτρέποντας στην ομάδα μας και στην ομάδα NYS να παρακολουθεί και να συμβουλεύει τους οργανισμούς. Αργότερα συμπεριλάβαμε όλα τα αποτελέσματα των "λευκών εισηγμένων καρτών" - αυτές είναι εξηγήσεις για το πώς να ολοκληρώσετε κάτι μέσα σε μια κάρτα που συνήθως συνδέει βαθιά έναν χρήστη με έναν ιστότοπο αντιπροσωπείας. Αυτές οι "λευκές κάρτες" είχαν επίσης τις δικές τους οδηγίες περιεχομένου. Οι ιδιοκτήτες περιεχομένου της υπηρεσίας μας βοήθησαν να συλλέξουμε και να κατηγοριοποιήσουμε όλα αυτά τα δεδομένα χρησιμοποιώντας μια φόρμα Google.
Κτίριο NY.Gov
Webdesigner Depot: Ζείτε στη Νέα Υόρκη; Αυτό επηρέασε τη διαδικασία σας;
Matthieu Mingasson : Όλοι ζούμε στη Νέα Υόρκη, αλλά η ομάδα μας ήταν πολύ διεθνής. Είχαμε γερμανο-καναδική, γαλλική, ρωσική, μεξικάνικη, ινδική και επίσης Αμερικανούς από διάφορα κράτη της κεντρικής ομάδας. Πιστεύουμε ότι η απόκτηση μιας αουτσάιντερ μας βοήθησε να εντοπίσουμε τις τάσεις και τις προκλήσεις που ίσως χάσουν οι ντόπιοι. Πρέπει να φροντίσουμε να συνεντεύξουμε πολλούς από τους χρήστες μας από το κράτος για να βοηθήσουμε να διατηρήσουμε επαφή με άλλες νοοτροπίες. Αλλά, γνωρίζαμε ότι ο σχεδιασμός μας πρέπει να είναι καθολικός και να μιλάμε σε όλους.
WDD: Έχετε ένα αναπτυσσόμενο μενού στο κινητό, συμπληρωμένο με μενού χάμπουργκερ σε βασικά σημεία. ήταν ότι μια απόφαση βασίζεται σε δοκιμές των χρηστών;
MM: Στόχος μας ήταν να οικοδομήσουμε ένα σύστημα που θα μπορούσε να υιοθετηθεί από ένα μεγάλο αριθμό οργανισμών από τη Νέα Υόρκη. Για το σκοπό αυτό, έπρεπε να δημιουργήσουμε ένα σύστημα πλοήγησης και στοιχεία συμφραζομένων. Η καθολική πλοήγηση, η γραμμή που επικοινωνεί με σαφήνεια με τον χρήστη που βρίσκεται σε έναν αξιόπιστο ιστό με πληροφορίες σχετικά με πόρους και υπηρεσίες, χρησιμοποιεί το αναπτυσσόμενο μενού. Το χάμπουργκερ έρχεται στο πλαίσιο της πλοήγησης για πρακτορεία. Μπορείτε να δείτε ένα παράδειγμα στην ιστοσελίδα του Γραφείου του Κυβερνήτη Andrew Cuomo ( governor.ny.gov ). Αυτός ο ιστότοπος επεκτείνει το σύστημα για το οποίο δημιουργήσαμε NY.Gov και την εφαρμόζει σε άλλους κρατικούς οργανισμούς της Νέας Υόρκης.
WDD: Κατασκευάσατε τον ιστότοπο στο Drupal, τι έκανε τη σωστή επιλογή για αυτό το έργο;
MM: Το έργο NY.gov ήταν η πρώτη περιοχή ενός αναπτυσσόμενου οικοσυστήματος. Από την αρχή γνωρίζαμε ότι ο κεντρικός οργανισμός παροχής υπηρεσιών τεχνολογίας σχεδιάζει να έχει μια κοινή πλατφόρμα CMS για περισσότερες από 150 ιστοσελίδες. Η εγγενής επέκταση του Drupal είναι το τέλειο ταίρι για αυτή την πρόκληση.
WDD: Υπήρχε κάτι που πραγματικά ήθελε να συμπεριλάβει ότι ο πελάτης βέτο;
MM: Όχι πραγματικά. Αλλά δημιουργήσαμε ένα από τα αγαπημένα μας χαρακτηριστικά που δεν είχαν καλές επιδόσεις στον έλεγχο των χρηστών, οπότε έπρεπε να αφαιρέσουμε από το site. Αυτή ήταν μια επεκτάσιμη καθολική πλοήγηση: Στην αναπτυσσόμενη ομάδα οι χρήστες μπορούσαν να προεπισκόπηση και να εξερευνήσουν τις πιο δημοφιλείς υπηρεσίες, προγράμματα και ειδήσεις. οι χρήστες δεν ήθελαν να προεπισκόπηση του περιεχομένου, ήθελαν να κάνουν κλικ και να πάνε στη σελίδα.
Τα αποτελέσματα
Webdesigner Depot: Αναλύσατε πώς αλληλεπιδρούν οι πραγματικοί άνθρωποι με τον ιστότοπο; Χρησιμοποιούν αυτό όπως αναμένεται; Οποιεσδήποτε εκπλήξεις;
Matthieu Mingasson : Το κάνουμε όλη την ώρα. Βλέπουμε τους φίλους μας να αναζητούν πώς να πάρουν άδεια οδήγησης ή όταν συμβαίνει έκτακτη ανάγκη, όπως η καταιγίδα του χιονιού τον Ιανουάριο, ny.gov αποτελεί την κύρια πηγή πληροφοριών. Η μεγαλύτερη έκπληξή μας ήταν η καθολική πλοήγηση και η συνειδητοποίηση του πόσο πολλοί άνθρωποι αγαπούν να βρίσκουν γεγονότα, λίστες εργασίας και τοπικές πληροφορίες γύρω τους.
όταν συμβαίνει έκτακτης ανάγκης, όπως η καταιγίδα του χειμώνα τον Ιανουάριο, το ny.gov γίνεται η κύρια πηγή πληροφοριών
WDD: Εάν το Νιου Τζέρσεϋ καλεί αύριο και λέει ότι χρειάζεται ένα δικτυακό τόπο, ποιες είναι οι μεγαλύτερες προκλήσεις που θα αντιμετωπίσει;
MM: Η χορηγία και η δέσμευση της εκτελεστικής εξουσίας είναι το κλειδί για να μπορέσει να ξεκινήσει ένα τέτοιο έργο. Για να ξεπεραστούν οι προκλήσεις μιας κυβερνητικής οργάνωσης, το κλειδί είναι να αναθέσει σε μια μικρή αλλά αφοσιωμένη ηγετική ομάδα να συνεργαστεί με έναν οργανισμό. Τα καλύτερα αποτελέσματα έρχονται όταν οι πελάτες μας κατανοήσουν, αποδεχτούν και διευκολύνουν αυτή τη διαδικασία αλλαγής. Η διαφανής συνεργασία και το άνοιγμα είναι το κλειδί για την επιτυχία.
Χάρη στον Matthieu για το χρόνο να απαντήσει στις ερωτήσεις μας.
Προτεινόμενη εικόνα χρησιμοποιεί το Marco Varisco Κρατικό Capitol της Νέας Υόρκης εικόνα.