Accueil Finances personnelles Les personnes qui apportent une application Web à la vie - les tuls

Les personnes qui apportent une application Web à la vie - les tuls

Table des matières:

Vidéo: Conception de site web qui apporte des résultats 2025

Vidéo: Conception de site web qui apporte des résultats 2025
Anonim

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.

Jonathan Ive, vice-président du design chez Apple, est crédité pour les succès de conception d'Apple.

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.

Mark Otto et Jacob Thornton ont créé Bootstrap, le framework front-end le plus populaire.

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.

Yukihiro Matsumoto a créé Ruby, un langage populaire utilisé pour créer des sites Web.

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+..

Sundar Pichai supervise presque tous les principaux produits 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.

Les personnes qui apportent une application Web à la vie - les tuls

Le choix des éditeurs

En intégrant le cyclisme dans votre routine - les mannequins

En intégrant le cyclisme dans votre routine - les mannequins

Avec un peu de réflexion, le cyclisme s'adapte facilement à votre emploi du temps. Faites de l'exercice sain et économisez du temps et de l'argent. Voici quelques conseils pour faire du cyclisme une partie de votre routine hebdomadaire: Ce n'est pas tout ou rien: vous n'avez pas besoin de faire la navette tous les jours si cela vous semble trop long. Prévoyez ...

Rassemblement Matériel essentiel pour les promenades à vélo - mannequins

Rassemblement Matériel essentiel pour les promenades à vélo - mannequins

Les choses peuvent parfois mal tourner en vélo pour transporter avec vous quelques pièces simples de sorte que vous puissiez faire face aux problèmes que vous êtes le plus susceptible de rencontrer. Pour les longs trajets, vous aurez besoin de quelques extras pour tirer le meilleur parti de votre voyage. ...

S'entraîner avec des équipements de cyclisme - des mannequins

S'entraîner avec des équipements de cyclisme - des mannequins

Comme toute activité, vous devez rassembler certaines pièces d'équipement pour obtenir le plus du cyclisme et de rester en sécurité pendant que vous le faites. Assurez-vous que les pièces suivantes sont sur votre liste de courses lorsque vous sortez pour acheter votre vélo: Casque: Le port du casque n'est pas obligatoire mais la plupart des gens ...

Le choix des éditeurs

En utilisant le menu Select pour affiner les sélections dans Photoshop Elements 9 - les nuls

En utilisant le menu Select pour affiner les sélections dans Photoshop Elements 9 - les nuls

Vous pouvez utiliser le Sélectionnez le menu dans Photoshop Elements pour modifier et affiner les sélections en agrandissant, en réduisant, en adoucissant, en inversant, en agrandissant et en saisissant des pixels de même couleur. Sélectionner tout ou rien Les commandes Sélectionner tout et Désélectionner sont des commandes simples. Pour sélectionner tout dans votre image, choisissez Sélectionner → Tout ou appuyez sur Ctrl + A (cmd + A sur le Mac). Pour ...

Afficher plusieurs documents dans Photoshop Elements 10 - des mannequins

Afficher plusieurs documents dans Photoshop Elements 10 - des mannequins

Pour travailler sur n'importe quelle image dans l'un des éditeurs. Vous devez vous familiariser avec le déplacement de l'interface Éléments et l'affichage des photos dans la fenêtre principale de l'image. En mode Édition complète, vous remarquerez que lorsque plusieurs images sont ouvertes, leurs noms de fichiers sont répertoriés en haut de la fenêtre d'image. ...

Travaillant avec Adobe Premiere Elements - les mannequins

Travaillant avec Adobe Premiere Elements - les mannequins

Plusieurs options dans les panneaux Partager et Créer nécessitent Adobe Premiere Elements. Les éléments dénommés Graver DVD vidéo / BluRay, Partage vidéo en ligne et Téléphones mobiles et lecteurs requièrent tous Adobe Premiere Elements. Si l'un de ces éléments vous intéresse, vous pouvez télécharger un essai gratuit d'Adobe Premiere Elements et utiliser ...

Le choix des éditeurs

Cisco Networking: Connexion via un câble de survol - Les nuls

Cisco Networking: Connexion via un câble de survol - Les nuls

Vous permettent probablement de configurer votre appareil Cisco une connexion directe par câble série via un câble Cisco de survol - le câble bleu étrange que vous obtenez avec chacun de vos périphériques gérés, comme indiqué dans l'illustration suivante. Pour utiliser ce câble, vous devez avoir un port série à 9 broches sur ...

Cisco Networking: conversion binaire en base 16 (hexadécimal) - nuls

Cisco Networking: conversion binaire en base 16 (hexadécimal) - nuls

La conversion de binaire Base 16 (hexadécimal) est plus facile que la conversion binaire en décimal. La chose la plus étrange à propos de l'hexadécimal est qu'il y a plus de dix nombres (zéro à neuf), donc vous devez utiliser les caractères supplémentaires suivants: A (10), B (11), C (12), D (13), E (14) et F (15) ...

Cisco Networking: Convertir binaire en base 8 (octal) - mannequins

Cisco Networking: Convertir binaire en base 8 (octal) - mannequins

Conversions binaires en octales sont en fait assez facile, plus facile que binaire à base de conversion 10. Cela est dû au fait que les nombres octaux peuvent être gérés en regroupant simplement vos nombres binaires en ensembles de trois. Par exemple, commencez par le nombre binaire 11010011 de la section précédente, résultat de la conversion de ...