Table des matières:
- Création d'applications avec des concepteurs
- Codage avec les développeurs frontaux et dorsaux
- Gestion avec les chefs de produits
- Test de votre application avec assurance qualité
Vidéo: Conception de site web qui apporte des résultats 2025
Vous serez en mesure de coder et de compléter quelques petites applications par vous-même, mais les applications que vous construire au travail ou utiliser tous les jours, comme Google Maps ou Instagram, sont créés par des équipes de personnes. Les équipes pour un seul produit peuvent varier en taille, atteignant jusqu'à 50 personnes, et chaque personne joue un rôle spécifique dans des domaines tels que la conception, le développement, la gestion des produits et les tests.
Dans les petites entreprises, une même personne peut jouer plusieurs rôles, alors que dans les grandes entreprises, les rôles deviennent plus spécialisés et les individus jouent chacun un rôle.
Création d'applications avec des concepteurs
Avant que tout code ne soit écrit, les concepteurs travaillent à créer l'aspect et la convivialité du site grâce à la mise en page, aux éléments visuels et aux interactions. Les concepteurs répondent à des questions simples comme «Le menu de navigation doit-il être en haut de la page ou en bas? »À des questions plus complexes comme« Comment pouvons-nous transmettre un sentiment de simplicité, de créativité et d'enjouement? "
En général, les concepteurs répondent à ces types de questions en interrogeant les utilisateurs, en créant de nombreux designs de la même idée de produit, puis en prenant une décision finale en choisissant un design. Un bon design peut considérablement augmenter l'adoption d'un produit ou l'utilisation d'un site, et des produits comme l'iPhone d'Apple et Airbnb. com.
Lors de la création d'un site Web ou d'une application, vous pouvez décider que vous avez besoin d'un concepteur, mais gardez à l'esprit que dans la conception, les concepteurs jouent plusieurs rôles. Les rôles suivants sont complémentaires, et peuvent tous être effectués par une personne ou par des personnes distinctes:
- Les concepteurs de l'interface utilisateur (UI) et de l'expérience utilisateur (UX) traitent principalement du «look and feel» et de la mise en page. Lorsque vous parcourez un site Web, par exemple Amazon, vous pouvez remarquer que sur toutes les pages, les menus de navigation et le contenu sont au même endroit et utilisent une police, des boutons, des zones de saisie et des images identiques ou très similaires. Le concepteur UI / UX réfléchit à l'ordre dans lequel les écrans sont affichés pour l'utilisateur, ainsi qu'à l'endroit et à la manière dont l'utilisateur clique, entre le texte et interagit avec le site Web.
Si vous deviez écouter les concepteurs de l'interface utilisateur / UX, vous pourriez entendre une conversation comme: «Sa page est trop occupée par trop d'appels à l'action. Nos utilisateurs ne prennent pas autant de décisions ailleurs sur le site. Simplifions la mise en page en n'ayant qu'un seul bouton Acheter, de sorte que n'importe qui peut commander en un seul clic. "
- Les concepteurs visuels traitent principalement de la création des graphiques finaux utilisés sur un site Web, et ce rôle est étroitement associé au concepteur."Le concepteur visuel crée des versions finales d'icônes, de logos, de boutons, de typographie et d'images. Par exemple, regardez votre navigateur Internet - l'icône du navigateur, les boutons Précédent, Recharger et Signet sont créés par un concepteur visuel, et quiconque utilise le navigateur pour la première fois saura ce que les icônes signifient sans explication.
Si vous deviez écouter les concepteurs visuels, vous pourriez entendre une conversation comme "Le contraste des couleurs sur ces icônes est trop clair pour être lisible, et si vous incluez du texte avec l'icône, centrons le texte sous l'icône d'au-dessus. "
- Les concepteurs d'interactions traitent principalement des interactions et des animations basées sur l'entrée de l'utilisateur et la situation. Initialement, les conceptions d'interaction étaient limitées aux interactions clavier et souris, mais aujourd'hui, les capteurs tactiles sur les appareils mobiles ont créé beaucoup plus d'interactions potentielles avec l'utilisateur. Le concepteur d'interaction réfléchit à la manière d'utiliser la meilleure interaction pour que l'utilisateur puisse effectuer une tâche aussi facilement que possible.
Par exemple, réfléchissez à la façon dont vous vérifiez votre courriel sur votre téléphone mobile. Pendant de nombreuses années, l'interaction traditionnelle consistait à afficher une liste de messages, à cliquer sur un message, puis à cliquer sur un bouton pour répondre, marquer, enregistrer dans un dossier ou supprimer le message. En 2013, les concepteurs d'interaction ont repensé l'interaction de l'application de messagerie et créé une interaction pour que les utilisateurs puissent glisser leur doigt vers la gauche ou la droite pour supprimer ou répondre aux e-mails au lieu de devoir cliquer sur plusieurs menus.
Si vous deviez écouter les concepteurs d'interactions, vous pourriez entendre des conversations comme: «Pendant que les utilisateurs naviguent avec notre application de cartes, au lieu de nous dire qu'ils sont perdus en cliquant ou en balayant, ils pourraient peut-être secouer le téléphone. demandez immédiatement à un spécialiste de l'emplacement de les appeler. "
Si la création d'une application ressemblait à un film, les concepteurs seraient des scénaristes.
Codage avec les développeurs frontaux et dorsaux
Une fois la conception terminée, les concepteurs frontaux et dorsaux font de ces conceptions une réalité. Les développeurs frontaux, tels que Mark Otto et Jacob Thornton, codent en HTML, CSS et JavaScript, et convertissent le design en une interface utilisateur. Ces développeurs écrivent le même code que vous avez appris tout au long de ce livre et veillent à ce que le site soit cohérent sur tous les appareils (ordinateurs de bureau, portables et mobiles), les navigateurs (Chrome, Firefox, Safari, etc.) et les systèmes d'exploitation (Windows, Mac, et ainsi de suite).
Tous ces facteurs, en particulier l'adoption accrue de l'appareil mobile, entraînent des milliers de combinaisons qui doivent être codées et testées car chaque appareil, navigateur et système d'exploitation affiche différemment le HTML et le CSS.
Si la création d'une application ressemblait à un film, les développeurs frontaux seraient les acteurs principaux.
Les développeurs back-end tels que Yukihiro ajoutent des fonctionnalités à l'interface utilisateur créée par les développeurs frontaux. Les développeurs back-end veillent à ce que tout ce qui n'est pas visible pour l'utilisateur et dans les coulisses soit en place pour que le produit fonctionne comme prévu.Les développeurs back-end utilisent des langages côté serveur tels que Python, PHP et Ruby pour ajouter une logique autour du contenu à afficher, du moment et du destinataire. En outre, ils utilisent des bases de données pour stocker les données utilisateur et créer des serveurs pour servir tout ce code aux utilisateurs.
Si la création d'une application ressemblait à un film, les développeurs back-end seraient les directeurs de la photographie, les coordinateurs de cascades, les maquilleurs et les scénographes.
Gestion avec les chefs de produits
Les chefs de produit aident à définir le produit à construire et à gérer le processus de développement du produit. Lorsque les équipes d'ingénierie sont de petite taille (par exemple, 14 personnes ou moins), la communication, les rôles et la responsabilisation sont facilement gérés en interne sans trop de supervision formelle.
Au fur et à mesure que les équipes d'ingénieurs se développent, les frais généraux de communication augmentent, et sans processus, les interactions peuvent devenir ingérables, ce qui entraîne une mauvaise communication et des délais non respectés. Les chefs de produit contribuent à réduire les frais de communication et, lorsque des problèmes surgissent à mesure que les produits sont en cours de développement, ces responsables décident d'étendre les délais, de réduire la portée ou d'ajouter davantage de ressources à l'équipe.
Les chefs de produits sont souvent d'anciens ingénieurs, qui ont un avantage naturel à résoudre les problèmes techniques qui se présentent, mais les personnes non techniques assument également ces rôles avec succès. Habituellement, aucun ingénieur ne fait rapport au chef de produit, ce qui amène certains à commenter que les chefs de produit ont «toute la responsabilité, et aucune autorité. "
Sundar Pichai, chef de produit pour la barre d'outils Google, a été nommé pour superviser de nombreux produits Google, y compris la recherche, Android, Google Chrome, les cartes, les annonces et Google+..
Test de votre application avec assurance qualité
Le test est la dernière étape du parcours après la création d'une application ou d'un site Web. En raison des nombreuses mains qui ont aidé à la production, le produit nouvellement créé aura inévitablement des bugs. Les listes sont constituées de toutes les tâches et flux principaux des utilisateurs d'applications, et les testeurs humains ainsi que les programmes automatisés parcourent la liste encore et encore sur différents navigateurs, appareils et systèmes d'exploitation pour détecter les erreurs.
Les testeurs compilent les bogues récemment découverts et les renvoient aux développeurs, qui classent par ordre de priorité les bogues à écraser en premier. Des compromis sont toujours faits entre le nombre d'utilisateurs affectés par un bogue, le temps nécessaire pour corriger le bogue et le temps restant avant que le produit ne soit libéré.
Les bogues les plus importants sont corrigés immédiatement et les bogues mineurs sont planifiés pour être corrigés avec des mises à jour ou des versions ultérieures. Aujourd'hui, les entreprises s'appuient également sur des systèmes de retour d'informations et collectent des rapports d'erreurs auprès des utilisateurs, avec des formulaires de retour d'informations et, dans certains cas, des rapports automatisés.
