Μια σύντομη ιστορία του σχεδίου της Microsoft

Πώς ήρθα να εκτιμήσω τις ρίζες σχεδιασμού της Microsoft

Είναι εύκολο να αναρωτηθείτε όλα όσα έχουν σχεδιαστεί πριν από εσάς, όταν ενταχθείτε σε μια νέα εταιρεία. Θέλω να πω, γιατί το καλό θα ήταν μια κόκκινη μπάρα να είναι κόκκινη στα Windows 2.0 ... τι θα μπορούσε ενδεχομένως να σκεφτόταν ;! Αλλά ενώ μπορεί να είναι διασκεδαστικό και εύκολο να επικρίνουμε το παρελθόν, είναι σημαντικό να θέσουμε την ερώτηση «γιατί;». Να συνειδητοποιήσουμε ότι όσοι ήρθαν στο παρελθόν ήταν αρκετά καταραμένοι και ότι κάθε σχεδιαστική απόφαση μεταφέρει τις αποσκευές των αργά τη νύχτα, τραβηγμένα μαλλιά, ομαδική εργασία, καινοτομία και εμπειρογνωμοσύνη.

Τον Ιανουάριο του 2016, προσχώρησα στη Microsoft όλα τα φωτεινά μάτια και έτοιμος να σχεδιάσω απίστευτες εμπειρίες για τρίτους προγραμματιστές. Όταν μου είπαν ότι το πρώτο μου έργο ήταν να δημιουργήσω το χρονοδιάγραμμα της Microsoft Design για // build2016, θα είμαι ψέματα αν είπα ότι είμαι εκστατικός. Όμως, καθώς ασχολήθηκα με το έργο και έμαθα συνεχώς για την πλούσια ιστορία, συνειδητοποίησα ότι μου δόθηκε μια πολύτιμη, συναρπαστική πρώτη ανάθεση.

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

Προκύπτει μια ανάγκη

Το πρώτο λειτουργικό σύστημα PC της Microsoft, MS-DOS, ήταν μια απλή εγκατάσταση που απαιτούσε μόνο τρία στοιχεία: ένα πληκτρολόγιο εισόδου, μια οθόνη για την έξοδο και έναν υπολογιστή για την εκτέλεση του λειτουργικού συστήματος. Μια απλή στιγμή για ένα απλό μηχάνημα. Ο σχεδιασμός γραφικών δεν ήταν προβληματισμός μέχρι την άφιξη του γραφικού περιβάλλοντος χρήστη (GUI), το οποίο εισήγαγε το ποντίκι ως νέο τρόπο αλληλεπίδρασης με το λειτουργικό σύστημα.

Στα Windows 2.0, οι μηχανικοί έκαναν το σχεδιαστικό έργο. Ο σχεδιασμός δεν ήταν καν πειθαρχία στην ανάπτυξη λογισμικού. Αυτό σήμαινε ότι ήταν μηχανικοί που έκαναν την κλήση να εκθέσουν και τα οκτώ χρώματα στο UI ως χαρακτηριστικό γνώρισμα. Αυτός ήταν ένας πολύ καλός τρόπος για να αποδείξουμε τη διαθέσιμη γκάμα, αλλά δημιούργησε παράξενα εφέ, όπως μια έντονη κόκκινη μπάρα κύλισης και μια οπτική ιεραρχία που δεν αντιστοιχούσε στην αλληλεπίδραση των χρηστών. Ήταν ένα είδος χάλια, πραγματικά. Αλλά ποιος ήταν πρόθυμος να αναγκάσει μια αλλαγή;

(Από αριστερά προς τα δεξιά: οθόνη MS-DOS, Virginia Howlett, γραμματοσειρά Bitmap, Windows 2.0 + κόκκινη γραμμή κύλισης, τα περίφημα 8 χρώματα)

Σχεδιάζεται το Windows Design

Το 1987, ένας σχεδιαστής εκτύπωσης της Microsoft με την επωνυμία Virginia Howlett αναγνώρισε το κενό. Οι μηχανικοί αναζητούσαν ήδη τη συμβουλή της - ήρθε η ώρα για το σχεδιασμό να έχει μια θέση στο τραπέζι. Έγραψε στον Bill Gates τη σημασία του σχεδιασμού στην ανάπτυξη λογισμικού, περιγράφοντας τα ανταγωνιστικά πλεονεκτήματα και τις εκτεταμένες επιπτώσεις μιας πλούσιας διεπαφής.

Λίγο αργότερα, η Βιρτζίνια προσχώρησε στην ομάδα User Interface Architecture Group, την πρώτη ομάδα σχεδιασμού και χρήσης λογισμικού στη Microsoft. Η ομάδα περιελάμβανε την Tandy Trower ως υπεύθυνη προγράμματος, τη Mary Dieli ως ερευνητή ευχρηστίας και τη Virginia Howlett ως γραφίστρια για την αρχιτεκτονική των πληροφοριών. Ξεκίνησαν αμέσως εργασίες για τα Windows 3.0 που ξεκίνησαν το 1990.

Windows 3.0 (ο σχεδιασμός παίρνει μια θέση στο τραπέζι)

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

Εν τω μεταξύ, η τεχνολογία τυπογραφίας βελτιώθηκε και άρχισε να μας απομακρύνει από την εποχή bitmap. Η Microsoft και η Apple εργάστηκαν για να αναπτύξουν το TrueType, ένα πρότυπο γραμματοσειράς περίγραμμα που ελέγχει τον τρόπο εμφάνισης των γραμματοσειρών, που μας οδηγούν στην πρώτη ομάδα γραμματοσειρών που δημιουργήθηκε το 1990. Αυτές οι συνδυασμένες προσπάθειες οδήγησαν σε ένα δραματικά βελτιωμένο προϊόν, που αντανακλάται από τις τεράστιες αυξήσεις των πωλήσεων Windows OS.

Καθώς οι προσπάθειες σχεδιασμού διαμορφώθηκαν στο λογισμικό της Microsoft, άρχισε επίσης να μπαίνει στο υλικό μας. Ο Steve Kaneko, πρώτος βιομηχανικός σχεδιαστής της Microsoft, δημιούργησε το πρώτο εργονομικό ποντίκι της Microsoft το 1993 και μας οδήγησε σε μια νέα διαδρομή που θα προωθούσε τις συσκευές και τις εισόδους μας για τα επόμενα χρόνια. Συνεχίσαμε να καινοτομούμε στο χώρο του λογισμικού και του υλικού, αλλά εξακολουθούσαν να υπολογίζουν πώς να φέρνουν τα πάντα μαζί σε μια συνεκτική εμπειρία.

Ένα σημείο διαφοροποίησης για τη Microsoft

Η εκκίνηση των Windows 95 ήταν η κορυφή μας. Ήταν το πιο δοκιμασμένο προϊόν στο ιστορικό της Microsoft. Εισήγαγε τους χρήστες στο κουμπί υπογραφής της υπογραφής και στο δίσκο εργασιών. Η ανταπόκριση ήταν συντριπτικά θετική και οδήγησε σε ρεκόρ 7 εκατομμύρια αντίτυπα που πωλήθηκαν μέσα στις πρώτες πέντε εβδομάδες. Κατά τη διάρκεια μιας ανασκόπησης κώδικα το 1995, ο Steve Ballmer μίλησε για το σχεδιασμό ως σημείο διαφοροποίησης και κατέστησε σαφές ότι πρέπει να διακρίνουμε τον εαυτό μας από τον ανταγωνισμό μέσω της τυπογραφίας. Ο σχεδιασμός του αντίκτυπου που είχε στο προϊόν ήταν εμφανές και τα στελέχη μας άρχιζαν να λαμβάνουν γνώση.

Εξέλιξη της σχεδιαστικής σκέψης μας

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

(Από τα αριστερά προς τα δεξιά: Κουμπί έναρξης των Windows 95, γραμματοσειρά Tahoma, Windows Vista Business, Bill Flora, Window Media Center, έμπνευση για την ενοποίηση της γλώσσας σχεδιασμού της Microsoft)

Ο Bill Flora, που προσλήφθηκε από τη Βιρτζίνια το 1992, άρχισε να ασχολείται με τα θέματα αυτά ενώ οδηγούσε το Encarta 95, το Windows Media Center και το Zune. Μέσω της ηγεσίας του, οι ομάδες απλοποίησαν τον οπτικό σχεδιασμό και έφεραν σχεδιαστές κινήσεων και ολοκληρωτές σχεδίασης στην πτυχή για να βοηθήσουν στη δημιουργία μιας πιο συνεκτικής εμπειρίας επικεντρωμένης στο περιεχόμενο.

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

Μια μετατόπιση της κουλτούρας για τη Microsoft

Εισάγετε τον Bill Buxton. Ο Bill προσχώρησε στην Microsoft Research το 2005 και ξεκίνησε μια αλλαγή στην κουλτούρα του σχεδιασμού. Ο Bill δεν ανήκε σε μια ομάδα προϊόντων και αναφέρθηκε σε έναν εκτελεστικό αντιπρόεδρο. Εξαιτίας αυτού, θα μπορούσε να είναι ένας άμεσος υποστηρικτής του σχεδιασμού σε στελέχη. Διατύπωσε τις βέλτιστες πρακτικές που επέτρεψαν στους σχεδιαστές να επικεντρωθούν περισσότερο στα σχόλια των χρηστών και παρότρυνε τους σχεδιαστές να μάθουν γρήγορα και συχνά από τους ανθρώπους που χρησιμοποιούν τα προϊόντα μας. Το αποτέλεσμα ήταν μια ενισχυμένη κουλτούρα σχεδιασμού και μια ενοποίηση της γλώσσας σχεδιασμού της Microsoft. Το 2006, τα Windows Vista εισήγαγαν το γραμματοσειρά του Segoe UI, μειώνοντας τη τυπογραφική μας ρύθμιση σε μία. Το Segoe UI γεννήθηκε από γνώμες στην έρευνα των χρηστών και αποδείχθηκε ότι είναι πιο αποτελεσματικό στην απόδοση του συστήματος. Αυτή η νέα εποχή επηρέασε μια κίνηση προς απλοποιημένο και σκόπιμο σχεδιασμό, συχνά αναφερόμενο ως επίπεδο σχεδιασμό, το οποίο έγινε ακόμα πιο εμφανές στην κυκλοφορία των Windows 7 το 2009. Μετακινήσαμε τη βελόνα προς τα εμπρός, με εκθετικές ταχύτητες.

(Αριστερά προς τα δεξιά: Windows 8, έμπνευση για την ενοποίηση της γλώσσας σχεδιασμού της Microsoft, γραμματοσειρά Segoe UI, Windows 10, λογότυπο της Cortana, Albert Shum, Microsoft HoloLens)

Νέα εποχή της Microsoft Design:

Απλότητα και δυνατότητα κλιμάκωσης

Τα Windows 7 εντάχθηκαν σε μια νέα εποχή σχεδίασης στη Microsoft, η οποία χαρακτηρίζεται από την ανάγκη να αγκαλιάσει φυσικές εισροές όπως το άγγιγμα καθώς και την κλιμάκωση σε περισσότερα μεγέθη οθόνης. Τα Windows 8 βασισμένα στην ορμή στα Windows 7, αλλά μερικοί από τους μεγαλύτερους κινδύνους, όπως η μεγάλη έμφαση στην αφή, δεν προσγειώθηκαν ευρέως με τους χρήστες εκείνη τη στιγμή. Μια βασική αρχή σχεδιασμού στη Microsoft είναι να ακούει τους πελάτες νωρίς και συχνά, αλλά κατέστη σαφές ότι δεν είχαμε μηχανισμό για να το κάνουμε αυτό καλά. Για τα Windows 10, προγράμματα όπως το Πρόγραμμα Windows Insider συνέβαλαν στη διατήρηση ενός σαφούς και σταθερού καναλιού ανατροφοδότησης που θα μας επιτρέψει να ανταποκριθούμε πολύ πιο γρήγορα στα σχόλια.

Με τα Windows 10, η ανάγκη κλίμακας σε όλες τις συσκευές είναι συνηθισμένη και βασική εστίαση στη δημιουργία μιας συνεπούς γλώσσας σχεδιασμού. Προσαρμόζουμε στις ζωές των ανθρώπων τον τρόπο με τον οποίο ζουν μέσα από τις εμπειρίες. δεν περιμένουν να προσαρμοστούν σε εμάς. Στο πλαίσιο αυτού του στόχου, η Microsoft είναι αφοσιωμένη στην πρόοδο των στόχων της προσβασιμότητας και του σχεδιασμού χωρίς αποκλεισμούς για να προσεγγίσει το μεγαλύτερο αριθμό ατόμων με την τεχνολογία μας.

Κλείνοντας τις σκέψεις

Αυτή η εξερεύνηση αρχίζει μόνο για να χαράξει την επιφάνεια του πλούσιου σχεδίου στη Microsoft. Υπάρχουν χιλιάδες εξειδικευμένοι, ταλαντούχοι σχεδιαστές που δημιουργούν εδώ το επόμενο μεγάλο πράγμα και εργάζονται ακούραστα για να βελτιώσουν τον τεχνολογικό μας κόσμο όπως είναι σήμερα. Τα Windows 10 είναι το πιο επιτυχημένο λειτουργικό μας σύστημα μέχρι σήμερα και πιστώνω την προσοχή μας στους πελάτες - από τις επιχειρησιακές μας ρίζες ενός Η / Υ σε κάθε γραφείο μέχρι την τρέχουσα αποστολή μας να εξουσιοδοτήσουμε κάθε άνθρωπο και οργάνωση στον πλανήτη να επιτύχει περισσότερα. Όσον αφορά το μέλλον μας, είναι φωτεινό, ογκομετρικό, δημιουργικό και συνεχώς εξελισσόμενο. Και είμαστε πολύ χαρούμενοι ενθουσιασμένοι γι 'αυτό.

Πες μου μια ιστορία. Τι αγαπάς για το ήθος σχεδίασης της ομάδας σου; Τι θα άλλαζες;

- - - - - - - - -
Ακολούθησέ με στο τουίτερ!

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

Amit Bapat
Ντέιβιντ Μπέτς
Bill Buxton
Kristian Davila
Μπιλ Φλόρα
Alex Gough
Γκρεγκ Χίτσκοκ
Βιρτζίνια Howlett
Ντέι Τζόουνς
Steve Kaneko
Eddie Mays
Ντανιέλ Μακλούν
Σάρα Μόρις
Amy Stevenson
Janet Thompson

Για να παραμείνετε ενημερωμένοι με τη Microsoft Design, ακολουθήστε μας στο Dribbble, στο Twitter και στο Facebook ή να συμμετάσχετε στο πρόγραμμα Windows Insider. Και αν σας ενδιαφέρει να συμμετάσχετε στην ομάδα μας, κατευθυνθείτε στο aka.ms/DesignCareers.