Οι άνθρωποι που φέρνουν μια εφαρμογή στο Web - ανδρείκελα

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

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

Δημιουργία εφαρμογών με σχεδιαστές

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

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

Ο Jonathan Ive, SVP της Design στο Apple, πιστώνεται για τις επιτυχίες του σχεδιασμού της Apple.

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

• Οι σχεδιαστές της διεπαφής χρήστη (UI) και της εμπειρίας χρήστη (UX) ασχολούνται κυρίως με την εμφάνιση και την αισθητική και τη διάταξη. Όταν περιηγείστε σε έναν ιστότοπο, για παράδειγμα το Amazon, μπορεί να παρατηρήσετε ότι σε όλες τις σελίδες, τα μενού πλοήγησης και το περιεχόμενο βρίσκονται στο ίδιο σημείο και χρησιμοποιούν ίδια ή πολύ παρόμοια γραμματοσειρά, κουμπιά, πλαίσια εισαγωγής και εικόνες. Ο σχεδιαστής του UI / UX σκέφτεται τη σειρά με την οποία εμφανίζονται οι οθόνες στον χρήστη, μαζί με τον τόπο και τον τρόπο με τον οποίο ο χρήστης κάνει κλικ, εισάγει κείμενο και αλληλεπιδρά με τον ιστότοπο.

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

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

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

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

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

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

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

Κωδικοποίηση με προγραμματιστές μπροστά και πίσω

Μετά την ολοκλήρωση του σχεδιασμού, οι προγραμματιστές του front-end και του back-end κάνουν αυτά τα σχέδια πραγματικότητα. Οι προγραμματιστές του μπροστινού τμήματος, όπως ο Mark Otto και ο Jacob Thornton, κωδικοποιούν σε HTML, CSS και JavaScript και μετατρέπουν το σχέδιο σε διεπαφή χρήστη. Αυτοί οι προγραμματιστές γράφουν τον ίδιο κώδικα που έχετε μάθει σε αυτό το βιβλίο και διασφαλίζουμε ότι ο ιστότοπος φαίνεται συνεπής σε όλες τις συσκευές (υπολογιστές γραφείου, φορητούς υπολογιστές και κινητά), προγράμματα περιήγησης (Chrome, Firefox, Safari κ.ο.κ.), Mac, και ούτω καθεξής).

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

Ο Mark Otto και ο Jacob Thornton δημιούργησαν το Bootstrap, το πιο δημοφιλές πλαίσιο front-end.

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

Οι υπεύθυνοι ανάπτυξης όπως το Yukihiro προσθέτουν λειτουργικότητα στο περιβάλλον εργασίας χρήστη που δημιουργήθηκε από τους προγραμματιστές του front-end. Οι back-end προγραμματιστές εξασφαλίζουν ότι όλα όσα δεν είναι ορατά από το χρήστη και πίσω από τις σκηνές υπάρχουν για να λειτουργήσει το προϊόν όπως αναμένεται.Οι προγραμματιστές back-end χρησιμοποιούν γλώσσες που σχετίζονται με το διακομιστή, όπως η Python, η PHP και η Ruby, για να προσθέσουν λογική γύρω από το περιεχόμενο που θα προβληθεί, πότε και σε ποιον. Επιπλέον, χρησιμοποιούν βάσεις δεδομένων για την αποθήκευση δεδομένων χρήστη και δημιουργούν διακομιστές για την εξυπηρέτηση όλων αυτών των κωδικών στους χρήστες.

Ο Yukihiro Matsumoto δημιούργησε το Ruby, μια δημοφιλής γλώσσα που χρησιμοποιείται για τη δημιουργία ιστότοπων.

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

Διαχείριση με διαχειριστές προϊόντων

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

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

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

Ο Sundar Pichai, ο οποίος αρχικά ήταν υπεύθυνος προϊόντων για τη γραμμή εργαλείων της Google, ήταν ένας διευθυντής προϊόντων που διαχειρίζεται μεγάλη ευθύνη και εξουσιοδότηση και πρόσφατα διορίστηκε για να επιβλέπει πολλά από τα προϊόντα της Google, συμπεριλαμβανομένης της αναζήτησης, του Android, του Chrome, των χαρτών, των διαφημίσεων και του Google+.

Η Sundar Pichai επιβλέπει σχεδόν κάθε σημαντικό προϊόν της Google.

Δοκιμή της εφαρμογής σας με διασφάλιση ποιότητας

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

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

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