Ce qu'ils ne vous apprendront pas dans une école de design : l'apprendre du roi Sidharth
Publié: 2021-04-03Les cursus universitaires sont plutôt très structurés. Vous faites l'étape 1, puis l'étape 2 et ainsi de suite, et il y a des gardiens à chaque étape du chemin, a déclaré le roi Sidharth à TMS2021
Il est vraiment difficile de comprendre ce qui fonctionnera commercialement dans le design. Mais décomposer le processus de création de conceptions réalisables en trois questions aide
Donnant au public un aperçu de ce que signifient le front-end et le back-end, Sidharth a expliqué la nécessité de comprendre les différents rôles joués par les parties prenantes lors de la création du produit.
La durée de vie d'une technologie utilisée dans l'industrie dépasse les programmes universitaires plus rapidement que jamais. Ce n'est pas que les universités ne soient pas conscientes du problème, mais elles ne peuvent pas y faire grand-chose. Les programmes d'études mettent un certain temps à être repensés et au moment où ils sont mis en place, ils commencent déjà à perdre leur avantage. Par conséquent, les universités limitent généralement leurs programmes aux fondamentaux de base.
"Une certaine expertise ne vient que de l'industrie lorsque vous y travaillez", déclare King Sidharth, responsable du design, de l'expérience utilisateur et des produits chez Headout. S'exprimant lors du Makers Summit 2021 , Sidharth a abordé les problèmes auxquels les concepteurs sont confrontés dans des environnements de travail réels, exposant le public à 3 aspects critiques du développement et de la conception de produits, à savoir comment mesurer la conception, comment les produits sont construits et comment les systèmes de conception doivent être extensibles.
Simulation de l'environnement de travail réel
La couleur, la typographie, les mises en page, les micro-interactions, les ombres, les animations et la communication visuelle sont des choses faciles à enseigner dans une école de design, a déclaré Sidharth lors d'une session captivante qui a vu l'un des niveaux d'engagement les plus élevés de la part du public. Ces sujets ont fait l'objet de nombreuses recherches et un vaste corpus de travaux est déjà intégré au programme. Mais les problèmes rencontrés dans l'industrie par un designer sont plutôt de nature dynamique. Vous ne pouvez pas vous attendre à de la clarté au moment même où le projet commence dans la vraie vie. Les cursus universitaires sont plutôt très structurés. Vous faites l'étape 1, puis l'étape 2 et ainsi de suite, et il y a des gardiens à chaque étape du chemin et vous ne pouvez avancer que lorsque vous avez terminé ces étapes dans l'ordre, a ajouté Sidharth.
Il est difficile d'imiter des scénarios commerciaux dans le cadre d'une école de design, car le marketing, l'ingénierie, le support client, les ventes ont tous des enjeux dans le processus de conception. La conception a ses implications à partir du moment où le client commence à s'engager avec le produit jusqu'à l'acquisition de l'utilisateur par l'entreprise.
« L'entreprise n'est pas une ressource infinie. Où que vous soyez employé, ils ont peu de temps, peu d'argent et peu d'ingénieurs et vous devez donc prioriser et choisir vos batailles, et encore une fois, ce qui ne peut pas être imité au collège » , a commenté le roi Sidharth. L'optimisation entre les perspectives commerciales et l'expérience utilisateur, les retours, les répercussions des décisions prises par d'autres équipes est difficile à imiter dans le milieu collégial.
Il a en outre déclaré que les problèmes spécifiques auxquels on serait confronté dans le cadre du travail sont difficiles à anticiper lors de l'apprentissage dans une école de design. "Oh, c'est incroyable et excitant et tout, mais cela fera-t-il une différence pour l'entreprise ? Comment savons-nous que l'utilisateur s'en soucie réellement, et est-ce même techniquement faisable ? Va-t-il évoluer ? Que se passe-t-il si la conception est cassée si quelqu'un a fait une solution rapide ou quelqu'un a fait un changement involontaire ? Comment mesure-t-on l'impact ? Avons-nous besoin de le soumettre à des tests manuels ? », a interrogé le roi Sidharth.
Il est vraiment difficile de comprendre ce qui fonctionnera commercialement dans la conception, mais Sidharth a aidé le public en décomposant le processus de création de conceptions réalisables en trois questions :
- Comment mesurez-vous votre conception?
- Comment les conceptions sont-elles construites par les équipes d'ingénierie ?
- Comment mettre à l'échelle vos conceptions?
Nous les approfondissons avec des exemples faciles à relier.
DIFFUSEZ LA SESSION ICI
Conception de mesure
Les concepteurs comprennent bien les méthodes de recherche, mais lorsqu'il s'agit de données, la plupart d'entre eux ont du mal à les comprendre, a fait remarquer le roi Sidharth. Mais à quoi ressemblent les données pour les designers ?
Supposons que nous ayons une page de destination décrivant votre offre et comportant un appel à l'action pour acheter. Il dispose également d'un bouton CTA de secours appelé "en savoir plus", car tout le monde ne cliquera pas sur le bouton "acheter maintenant" au début. Afin d'analyser l'efficacité de la conception dans ce cas, nous utilisons des analyses basées sur les événements. Dans ce cas, le chargement de la page et les clics sur les boutons seraient les événements, et le texte du bouton, la couleur du bouton et les attributs de l'appareil tels que les types d'appareil, le système d'exploitation, le navigateur, l'adresse IP, l'emplacement, etc. sont des propriétés.
Pour nous aider à capturer ces événements et propriétés, des solutions logicielles professionnelles telles que Mixpanel et Amplitude peuvent être utilisées, qui sont également les sponsors du sommet des fabricants 2021. Ceux-ci sont livrés avec certaines propriétés par défaut comme les attributs d'appareil mentionnés ci-dessus, prêts à l'emploi et personnalisables. propriétés qui aident à obtenir la bonne user story pour des cas individuels.
De plus, ces outils nous aident également à comprendre la série d'étapes que les utilisateurs doivent suivre pour atteindre l'appel à l'action souhaité. Et ces événements individuels peuvent également être marqués avec les propriétés souhaitées et analysés pour voir à quel stade les utilisateurs abandonnent. Sidharth a introduit l'idée des entonnoirs. Les entonnoirs cartographient essentiellement les utilisateurs à chaque étape du processus jusqu'à ce qu'ils prennent l'action souhaitée.
Ensuite, nous pouvons utiliser ces données pour optimiser notre page de destination. Différents KPI et optimisations pour le même viendraient également dans l'image ici. Par exemple, le taux d'abandon dans l'exemple ci-dessus nous indiquerait combien d'utilisateurs ciblés par une campagne marketing ont acheté le produit.
Recommandé pour vous:
Comment le cadre d'agrégation de comptes de RBI est sur le point de transformer la Fintech en Inde
Les entrepreneurs ne peuvent pas créer de startups durables et évolutives via "Jugaad": Cit ...
Comment Metaverse va transformer l'industrie automobile indienne
Que signifie la disposition anti-profit pour les startups indiennes ?
Comment les startups Edtech aident la main-d'œuvre indienne à se perfectionner et à se préparer pour l'avenir...
Stocks technologiques de la nouvelle ère cette semaine : les problèmes de Zomato continuent, EaseMyTrip publie des...
Ces mesures nous aident à déterminer si la conception répond aux livrables et nous aident à prendre des décisions susceptibles d'augmenter la valeur ajoutée. Il est préférable que les concepteurs sachent comprendre et interpréter les analyses pour découvrir les problèmes et valider les solutions. Parce que les données sont extrêmement précieuses et très révélatrices du comportement des utilisateurs. Cela nous aide à comprendre la relation entre les différents types de données de performance et les données qualitatives pour capturer l'histoire complète des utilisateurs.
Prise en compte de l'ingénierie pour la conception
"Tant de concepteurs créeront des conceptions étonnantes, ce n'est qu'à la fin que les ingénieurs le rejetteront en disant que ce n'est pas faisable", a observé Sidharth. Par conséquent, il est extrêmement important de comprendre comment les produits sont construits afin que bon nombre des problèmes de faisabilité soient résolus dès les premières étapes.
Donnant au public un aperçu de ce que signifient le front-end et le back-end, Sidharth a expliqué la nécessité de comprendre les différents rôles que jouent les parties prenantes lors de la construction du produit.
Pour le dire simplement, le frontal est la partie de l'application destinée à l'utilisateur et les utilisateurs peuvent interagir avec elle. Le backend (ou « côté serveur ») est la partie du site Web que l'on ne peut pas voir. Il est chargé de stocker et d'organiser les données et de s'assurer que tout fonctionne réellement côté client. Le backend s'occupe de l'authentification des utilisateurs, des paiements et automatise la logique métier. Les sites Web de portefeuille de concepteurs sont en grande partie construits à l'aide de technologies frontales sans avoir grand-chose à voir avec le backend.
Sidharth a donné un exemple de l'application Twitter pour aider le public à mieux visualiser ces idées. Le front-end et le back-end, également synonymes de côté client et de côté serveur, se parlent en permanence via Internet. Comprendre qu'Internet peut ne pas être fiable et que la plupart des régions du monde émergent n'ont pas accès aux vitesses Internet auxquelles nous sommes habitués peut aider énormément lors de la conception d'expériences pour l'utilisateur.
Lorsque l'application Twitter se charge pour la première fois, on peut voir l'état du squelette de l'application. Il rassure l'utilisateur que l'application fonctionne. Mais si l'utilisateur navigue sur l'application pour la deuxième fois, il ne la verra pas car le navigateur ou l'appareil aura déjà mis en cache les fichiers nécessaires pour charger l'application plus rapidement. Cache est un stockage local temporaire qui revient un peu à stocker les articles nécessaires dans une épicerie locale au lieu de les prendre directement auprès d'un agriculteur . « Cela vous fait gagner du temps dans votre cuisine. Les serveurs CDN font exactement la même chose pour vous. Même si vous auriez encore besoin de cuisiner, le temps nécessaire pour obtenir vos ingrédients serait minimisé », a ajouté Sidharth.
Pendant ce temps, l'appareil aurait demandé les détails de votre compte aux serveurs. Ces données incluraient les personnes que vous suivez, leurs tweets et la chronologie que Twitter vous montrerait. Vous n'auriez pas de flottes apparaissant à l'avance car l'application donne la priorité à un certain ensemble d'informations via les API afin de rendre à temps ce qui est de la responsabilité du frontal afin que vous ne soyez pas frustré et que vous quittiez l'application.
Considérez les API comme des personnes qui détiennent des informations nécessaires pour faire leur travail. Certains vous donneraient l'information assez rapidement et d'autres prendraient leur temps. L'application ne peut pas bloquer son chemin en attendant que les données arrivent, puis les afficher à l'écran. Par conséquent, tout cela se produit de manière asynchrone. Les parties de l'application sont rendues au fur et à mesure que les données arrivent. En tant que concepteurs, il est donc important de comprendre ce goulot d'étranglement et de tenir compte de la fonction du temps lors de la conception », a ajouté Sidharth.
Les effets du chargement lent des pages sont très bien documentés. Les utilisateurs sont plus susceptibles de déposer une page de destination si la page n'est pas optimisée pour la vitesse. Les utilisateurs peuvent détecter des retards de l'ordre du 1/10e de seconde selon le groupe NN qui cite les règles de base de la perception humaine du temps. Ainsi, les effets d'un chargement lent des pages sont assez instantanés. Les améliorations progressives de la vitesse sont payantes.
La meilleure façon de comprendre ces idées pourrait être d'utiliser vos super pouvoirs en tant que concepteurs comme l'empathie. Vous pouvez déployer un modèle mental consistant à faire en sorte que le front-end et le back-end soient des personnes et se parlent pour faire le travail.
DIFFUSEZ LA SESSION ICI
Systèmes de conception évolutifs
« Vous devez comprendre le fonctionnement de l'ingénierie pour arriver aux systèmes », a expliqué Sidharth. Selon lui, certains des problèmes de faisabilité de conception pourraient être résolus par des hacks, mais il est plus probable que ces correctifs de conception s'épuisent avec le temps. C'est pourquoi Sidharth met l'accent sur le design system.
« L'interface utilisateur semble simple, car elle ne l'est pas. Les concepteurs passent d'innombrables heures à comprendre l'interface utilisateur. Pour que cela vous paraisse facile avec toutes les complexités cachées », a déclaré Sidharth tout en présentant au public l'importance des systèmes de conception et comment même les concepteurs expérimentés ne comprennent pas que leurs systèmes se dirigent vers l'échec.
Il a donné l'exemple des stories Instagram pour mieux comprendre les systèmes de conception. Habituellement, on dirait que les histoires en haut ne sont qu'une série de cercles sans se rendre compte que ces cercles qui peuvent également défiler à l'infini décrivent différentes actions de l'utilisateur et les choix du système.
« Il est facile de faire des cercles et de les rendre équidistants. Concevoir en gardant à l'esprit les états rend le système extensible », a-t-il ajouté tout en racontant comment lui et son équipe chez Headout avaient réfléchi aux idées d'états et de variations pour les composants de l'interface utilisateur avant même que Figma n'introduise récemment une fonctionnalité pour les gérer et les créer.
Maintenant, vous pouvez faire différents choix concernant les histoires en tant qu'utilisateur. Vous pouvez en créer un nouveau, regarder les histoires d'autres personnes ou sauter sur instagram en direct. Il y a aussi une certaine logique d'interface utilisateur qui a été prise en charge pour vous. Comme les histoires que vous avez regardées pourraient être revues jusqu'à ce qu'elles soient disponibles à la fin du défilement supérieur. Il pourrait y avoir plusieurs vies en cours, qui doivent également être représentées.
Les choix faits par l'utilisateur dans ces cas sont les états de l'élément comme les états vus et invisibles des histoires, et les choix appliqués par le système sont des variations comme si quelqu'un est en direct, si vous avez regardé votre propre histoire ou non.
Il y a aussi des aspects de la conception de mouvement incorporés dans les histoires, lorsque vous appuyez sur l'une des histoires que vous n'avez pas encore regardées, il y a des points rouges qui font le tour du cercle lors du chargement des histoires. Ces interactions sont si fluides que nous les remarquons à peine.
Instagram a également sa philosophie de conception et ses guides de style. La logique de l'interface utilisateur fait également partie du système de conception lui-même. Par exemple, chaque fois que l'utilisateur tape dans un champ de saisie, l'entrée doit être validée dans certains cas. Un flux constant de messages d'erreur pendant que l'utilisateur tape est trop ennuyeux. Dans ce cas, l'équipe d'ingénierie doit être intégrée au flux de la logique d'interaction afin d'obtenir une expérience utilisateur correcte. En dehors de cela, la localisation du contenu pour un nouveau groupe démographique d'utilisateurs doit également être prise en compte dans le système de conception. La prise en compte de toutes les idées mentionnées ci-dessus rend un système de conception vraiment évolutif.
Qu'il s'agisse de poser des questions à partir des données qui déverrouillent les informations qui font passer le produit au niveau supérieur, ou de parler dans le langage des ingénieurs pour optimiser les conceptions en termes de performances, puis de rendre le produit vraiment évolutif, ces compétences sont définitivement indispensables chez un designer. boîte à outils pour propulser leur carrière vers de nouveaux sommets.