Décrocher un emploi d’Ingénieur UX est difficile, mais ce n’est pas impossible. Cette liste a été créée pour vous aider à affiner votre concentration et à maîtriser les compétences dont vous avez besoin pour devenir ingénieur UX en 2020. Naturellement, cette liste peut être un peu écrasante pour quiconque ne fait que commencer. Pour cette raison, la liste est divisée en deux parties:

  • Compétences en conception UX
  • Compétences en ingénierie frontale

Si vous êtes nouveau dans l’un ou l’autre domaine, je vous recommande de vous concentrer sur une liste à la fois. De cette façon, vous pouvez toujours décrocher un emploi incroyable et gagner un revenu à mesure que vous développez vos compétences à partir de l’autre liste.

UX Engineer jobs

UX/UI et Frontend
Job Finder

TROUVER DES EMPLOIS

div>

UX Design Compétences

Dans le monde du développement web, le design ux est essentiel. Alors que des compétences d’ingénierie frontales sont nécessaires pour créer des produits rapides et évolutifs, ce sont les compétences de conception ux qui garantiront que ces produits ne sont pas une perte d’effort. Sans une certaine connaissance de la conception ux, vous pourriez passer des semaines ou des mois à construire un produit dont personne ne veut. La conception UX aide à lever le doute, de sorte que vous pouvez créer des produits que les gens trouvent réellement utiles.

#1 – Empathy

L’empathie est au cœur du design ux. Vous avez besoin de pouvoir vous mettre à la place de votre utilisateur afin de concevoir des produits qu’il adorera. Heureusement, l’empathie n’est pas une compétence difficile à développer. Si vous comprenez pourquoi certains produits vous rendent heureux et pourquoi certains produits vous frustrent, alors vous êtes à mi-chemin!En relation: Empathie dans le design: Comment ça Marche?Les développeurs peuvent parfois avoir du mal à faire preuve d’empathie car les améliorations de l’UX peuvent sembler mineures par rapport au « coût » de leur mise en œuvre. Si c’est vous, résistez à la tentation de mettre votre propre commodité au-dessus de la satisfaction de votre utilisateur. Ne coupez pas les coins ronds. Ayez de l’empathie. Commencez par l’expérience utilisateur et travaillez en arrière.

#2 – Résolution de problèmes

Les compétences en résolution de problèmes sont importantes pour la conception ux et l’ingénierie frontale. Cependant, je dirais que c’est encore plus important pour l’ux. Pourquoi? Parce que la majorité des problèmes ux sont uniques et spécifiques aux besoins de votre propre utilisateur. Il est souvent beaucoup plus facile de trouver des réponses aux questions de programmation que pour les problèmes d’ux.Dans cet esprit, vous devez être capable de trouver des solutions créatives pour une variété de problèmes. Avec l’empathie et les compétences en résolution de problèmes combinées, vous pouvez commencer à comprendre les points douloureux de votre utilisateur et à concevoir de vraies solutions pour lui.

#3 – Observation

Comme mentionné, la majorité des problèmes ux sont uniques, mais pas tous. Avoir de bonnes compétences d’observation vous évitera de nombreux maux de tête sur la route. Cette compétence est particulièrement utile pour la pièce « design » de « ux design. »Vos utilisateurs sont partout sur le Web. Ils utilisent les médias sociaux, lisent des blogs, regardent des vidéos YouTube. S’ils le font, alors vous devriez le faire aussi.Les compétences d’observation vous aident à repérer les modèles qui émergent et à prendre de l’avance sur les attentes de vos utilisateurs lorsque les tendances deviennent la nouvelle norme.En relation: Bonne UX = Interface utilisateur ennuyeuse. Ne soyez pas créatifsans de grandes compétences d’observation, il est difficile de suivre le rythme rapide de l’industrie du développement Web.

#4– Marketing

Personnellement, je ne pense pas que celui-ci soit assez mentionné. Dans de nombreuses entreprises, les concepteurs UX travaillent en étroite collaboration avec le département marketing. En tant que concepteur ux, vous devez, à tout le moins, avoir une compréhension de base de ce qu’est le marketing et de son fonctionnement. Le concept de marketing, en général, a une longue histoire de suivi des besoins et des points douloureux des clients. Il y a plus de croisement entre le marketing et la conception ux que vous ne le pensez, en particulier dans les technologies actuelles world.At en fin de compte, vous devez satisfaire les utilisateurs ET celui qui signe votre chèque de paie. En investissant du temps pour acquérir des compétences en marketing, vous vous positionnerez mieux pour offrir de la valeur à vos utilisateurs et à votre entreprise.

#5 – Recherche UX&Interview

Dans de nombreuses entreprises, la recherche ux est un rôle complètement distinct de la conception ux. Cela ne veut pas dire que vous êtes hors du coup cependant. Il n’y a pas de conception ux sans recherche ux, donc vous n’irez pas loin sans l’apprendre. Pour bien comprendre la recherche ux, vous avez besoin d’un diplôme en Interaction Homme-Machine ou dans un domaine connexe. Cependant, en tant qu’ingénieur ux, je crois que vous pouvez vous en sortir sans le diplôme.Si vous apprenez à collecter des données qualitatives auprès des utilisateurs sans compromettre le résultat, vous aurez essentiellement la plupart des compétences dont vous avez besoin pour mener des recherches ux. La compétence sous-jacente ici est votre capacité à vous séparer de vos conceptions. Vous devez être conscient de vos propres biais et apprendre à concevoir objectivement. Apprenez ceci et vous serez prêt à partir.

#6 – Statistiques &Analyse de données

Bien que les statistiques et l’analyse de données relèvent de la « Recherche UX », je pense qu’il y a suffisamment de distinction pour les appeler séparément ici. L’exploitation des données quantitatives est un moyen très puissant de comprendre comment vos utilisateurs interagissent avec votre produit. Vous avez des taux de rebond élevés? Vous devrez peut-être reconsidérer votre navigation. Les utilisateurs quittent-ils votre page après quelques secondes ? Peut-être que la page prend trop de temps à se charger. Ce ne sont là que quelques mesures que Google utilise pour déterminer l’expérience utilisateur globale de votre site Web. Si Google fait attention à eux, alors vous devriez être too.As Le PDG de Google, Eric Schmidt, a déclaré:

Le monde sera hérité par les statisticiens

Malheureusement, les logiciels d’analyse de données ne peuvent que vous amener jusqu’à présent. Vous aurez besoin d’une meilleure compréhension des statistiques, au-delà du calcul des moyennes, pour vous aider à prendre des décisions basées sur les données en tant qu’ingénieur ux.

#7 – Outils de conception d’interface utilisateur

Maintenant, nous arrivons enfin au côté « design » des choses. L’un des plus grands aspects de la conception ux est la création de wireframes, de maquettes et de prototypes. Les outils de conception d’interface utilisateur les plus populaires d’aujourd’hui sont Sketch et Figma. En fait, je n’ai jamais utilisé l’un ou l’autre de ces éléments (ai-je mentionné que la technologie évolue rapidement?), mais si je devais choisir entre les deux maintenant, je choisirais Figma.AJ & Smart faites une bonne (et drôle) comparaison dans cette vidéo. Ça vaut la montre.

#8- Principes de conception de l’interface utilisateur

Vous avez peut-être remarqué que « ux » et « ui » sont généralement associés? En effet, ils sont tous deux essentiels à l’expérience utilisateur globale. La recherche UX vous aidera à identifier et à résoudre des problèmes de conception spécifiques, mais cela ne vous aidera pas à créer un beau design. Pour cela, vous devez comprendre les principes de conception de l’interface utilisateur et comment les utiliser efficacement.Il existe certaines « vérités » universelles sur le design que chaque concepteur ux devrait connaître. Si vous avez de grandes compétences en observation (#3 sur cette liste), vous avez probablement repris certains principes de conception d’interface utilisateur sans même vous en rendre compte. Certains de ces principes incluent l’équilibre, l’alignement, le contraste, etc.Votre interface utilisateur est une toile et vous êtes l’artiste. Appliquer les principes de conception de l’interface utilisateur est la différence entre faire un chef-d’œuvre et faire quelque chose à coller sur votre réfrigérateur. Cela fait vraiment une grande différence. Si votre conception d’interface utilisateur manque la marque, les gens remarqueront et manqueront de confiance en votre marque.En relation: Conception UX & Conception de l’interface utilisateur. Pourquoi Avons-Nous Besoin Des Deux?

#9 – Conception d’interaction

Avec la compétence précédente, les principes de conception de l’interface utilisateur, vous gérez l’apparence de pages Web ou de fonctionnalités uniques à la fois. Avec des compétences en conception d’interaction, en revanche, vous devez prendre du recul et comprendre comment cette page ou cette fonctionnalité se lie à la « vue d’ensemble ». »Comme son nom l’indique, interaction design s’occupe de guider l’interaction de votre produit.Sans conception d’interaction, votre produit aura l’impression de manquer quelque chose. Dans la spécification Material Design de Google, par exemple, l’objectif est de traiter les éléments de votre page comme s’ils existaient dans le monde réel. Cela implique que les objets se déplaçant sur la page doivent accélérer ou ralentir comme s’ils suivaient les lois de la physique.

#10 – Rédaction &Communication

Les compétences en écriture et en communication sont importantes pour la plupart des carrières, mais elles sont particulièrement importantes pour les concepteurs ux. Vous concevrez rarement des interfaces qui ne nécessitent pas de texte, d’icônes ou d’images à des fins de communication. Cela signifie que vous devez apprendre à communiquer pleinement un message aussi succinctement que possible.Écrire une copie efficace n’est pas aussi facile qu’il n’y paraît. La lisibilité et la compréhension sont une science. Il est important que vous appreniez à parler la langue de votre public, mais plus important encore, engagez-le avec votre copie. Une erreur facile à commettre est l’utilisation occasionnelle de gros mots qui peuvent être difficiles à comprendre pour le public. Ne fais pas cette erreur. Votre travail consiste à communiquer efficacement, pas à impressionner les lecteurs avec vos connaissances.

Compétences en ingénierie frontale

Il n’y a jamais eu une période aussi excitante pour être un ingénieur frontal. L’industrie du développement Web d’aujourd’hui est en plein essor avec l’innovation. De nouveaux outils et ressources sont créés chaque jour pour faciliter nos tâches. Cependant, ces outils et ressources s’accompagnent également d’une courbe d’apprentissage. Si vous êtes prêt à vous lancer dans l’ingénierie frontale, les 10 compétences suivantes seront essentielles pour y arriver.

#11 – HTML, CSS, &JavaScript

Le paysage web a radicalement changé depuis le début. Les ingénieurs frontaux d’aujourd’hui sont censés connaître des outils, des méthodologies et des meilleures pratiques qui n’existaient même pas il y a quelques années. Les choses bougent aussi vite. En tant qu’ingénieur front-end, vous devrez constamment acquérir de nouvelles compétences pour rester pertinent.Ou tu le fais ?Dans un sens général, oui, vous apprendrez toujours. Cependant, le fondement du développement Web est toujours resté le même. À la base, nous avons toujours eu du HTML, du CSS et du JavaScript. Apprenez ces choses et apprenez-les bien. Tout ce que vous apprendrez de plus sera de toute façon construit sur ces technologies (pour la plupart).Il y aura toujours un nouveau cadre ou une bibliothèque passionnant. Si vous n’avez pas une compréhension du HTML, du CSS et du JS, vous ne devriez pas acheter le dernier framework tant que vous ne l’avez pas fait (à mon avis). En comprenant les tenants et les aboutissants de JavaScript, par exemple, vous irez beaucoup plus loin à long terme, alors si vous avez sauté directement dans l’apprentissage de React aujourd’hui. Dans quelques années, un nouveau cadre arrivera et vous aurez du mal à apprendre celui-là aussi. Épargnez-vous le mal de tête et apprenez d’abord à écrire du HTML, du CSS et du JS simples.En relation: Les concepteurs Doivent Apprendre à Coder (Entre Autres)

#12 – HTML sémantique &Accessibilité

HTML est utilisé pour décrire votre page au navigateur, ainsi qu’aux personnes handicapées. Ce n’est pas un outil de conception. Après avoir appris les bases du HTML, vous voudrez vous plonger dans la sémantique et l’accessibilité. Vous apprendrez que HTML est plus que simplement tout envelopper dans une balise < div >.Le HTML sémantique traite principalement de l’expression du « sens » d’une page Web. En utilisant un élément < nav >, par exemple, vous indiquez essentiellement aux navigateurs où se trouve votre navigation. À mesure que les navigateurs deviennent plus intelligents, le HTML sémantique devient de plus en plus important pour l’avancement du Web.Rendre vos produits accessibles aux personnes handicapées est également très important. Si vous avez choisi la compétence #1 sur cette liste (empathie), alors peut-être connaissez-vous les Directives pour l’accessibilité du contenu Web (WCAG)? Sinon, vous devriez les apprendre. Votre produit n’est pas vraiment convivial tant qu’il n’est pas accessible à tous.

#13 – Frameworks CSS, Architecture, &Préprocesseurs

Après avoir passé du temps à apprendre le CSS, vous commencerez à apprécier le besoin de frameworks, de méthodologies et de préprocesseurs.Selon votre situation, Bootstrap est un excellent framework CSS pour obtenir rapidement des styles sur votre site Web. Cependant, si le projet nécessite quelque chose de moins « Bootstrappy », il est probablement préférable d’écrire votre propre CSS à partir de zéro (retour aux bases). De plus, en tant qu’ingénieur UX, la performance sera un facteur important à prendre en compte pour vos produits. L’utilisation de Bootstrap prête à l’emploi peut avoir des inconvénients en matière de performances.Tirer parti d’un préprocesseur CSS, tel que Sass, est idéal pour diverses raisons. Surtout, ils rendent les CSS beaucoup plus faciles à écrire en vous permettant d’imbriquer les styles les uns dans les autres pour créer une spécificité. Il existe également d’autres fonctionnalités intéressantes, telles que l’utilisation de variables et de mixins. Dans les temps modernes, vous ne trouverez pas beaucoup d’ingénieurs frontaux qui n’utilisent pas de préprocesseur pour simplifier leur processus.Si vous écrivez vos propres styles à partir de zéro, l’adoption d’une architecture CSS est extrêmement utile pour garder votre code organisé. Je n’ai utilisé qu’une architecture évolutive et modulaire pour CSS (SMACCS), ce qui est génial, mais j’ai récemment appris d’autres méthodologies CSS. Il est facile pour votre CSS de devenir incontrôlable si vous n’avez pas une bonne stratégie d’organisation. Cela vaut vraiment la peine d’adopter une architecture CSS pour votre processus de développement.En relation: Spécificité CSS: Comment éviter d’utiliser!important en CSS

#14 – Responsive Design

Le Responsive design n’a plus rien de nouveau. C’est presque synonyme de conception Web à ce stade. Néanmoins, il est toujours important d’apprendre à prendre en compte de nombreux appareils et résolutions d’écran différents avec vos conceptions. Ne pas apprendre le responsive design est un moyen rapide de laisser la moitié de vos utilisateurs hors de l’équation, ce qui conduirait évidemment à une mauvaise expérience utilisateur.Nous sommes dans un monde mobile maintenant. Le mobile ne va nulle part. Apprenez à concevoir pour mobile, tablette et ordinateur de bureau et vous serez prêt à partir.

#15 – Frameworks JavaScript

Les frameworks JavaScript sont importants car la programmation est coûteuse. Des frameworks tels que jQuery, Angular, Vue et React ont été créés pour accélérer le développement et faire une grande partie du travail pour vous. Pour cette raison, les entreprises n’ont aucun scrupule à adopter des frameworks JS car cela leur permet d’économiser de l’argent à long terme.Bien sûr, il y a plus de frameworks JavaScript que vous ne pouvez compter sur deux mains. Ils cherchent tous à résoudre un problème différent. Il serait intéressant de comprendre quels cadres existent. Il serait également intéressant d’apprendre au moins un framework JavaScript pour vous aider dans votre développement Web. React semble être le choix le plus populaire en ce moment, mais cela pourrait facilement changer dans quelques années.

#16 – Développement Backend

Les développeurs frontaux travaillent assez étroitement avec les développeurs backend. Je ne suggère pas que vous deviez devenir un ingénieur à pile complète (bien que ce soit assez impressionnant). Cependant, je suggère qu’il serait intéressant d’en apprendre suffisamment sur le développement back-end pour mieux s’engager avec votre back-end coworkers.At à la fin de la journée, vous déciderez probablement quelles données sont nécessaires pour soutenir vos projets. Avoir une bonne compréhension du développement back-end aidera à favoriser cette communication et à assurer le succès du projet.

#17 –Test &Débogage

Les tests et le débogage sont essentiels pour quiconque travaille sur du code frontal. Il existe de nombreuses façons de « tester » votre produit, mais le type de test que vous ferez le plus souvent sera dans le test du navigateur et JavaScript.Les outils de développement de Chrome (Outils de développement) sont un outil très puissant et pratique. Dev Tools vous permet d’apporter rapidement des modifications à votre HTML / CSS et de voir comment il s’affiche sur la page. La console vous permet de voir quand vous avez des erreurs dans votre JavaScript. L’onglet Réseau vous permet de voir à quelle vitesse les fichiers sont rendus et dans quel ordre. Il y a beaucoup plus qu’il peut faire aussi. Si vous ne faites que commencer le développement frontal, vous réaliserez bientôt à quel point les outils de développement sont vraiment incroyables is.To assurez-vous que votre site Web a l’air bien sur tous les navigateurs et appareils, vous devrez tester vos modifications partout. Browserstack est un outil très pratique pour ce genre de testing.In Développement piloté par les tests (TDD), votre JavaScript devra être testé pour vous assurer de couvrir toutes vos bases. Des outils comme Karma vous aideront à commencer à construire des tests autour de votre code.

#18 – Gestionnaires de paquets (NPM)

Les gestionnaires de paquets, tels que npm, sont devenus une nécessité pour le développement frontal moderne. Ils facilitent la vie. Avec l’explosion des ressources, des frameworks, des bibliothèques, etc. à portée de main, il commence à devenir assez douloureux de les gérer tous …..sauf si vous utilisez un gestionnaire de paquets.L’apprentissage de npm vous obligera à utiliser l’interface de ligne de commande (CLI). Ce n’est pas aussi effrayant que cela puisse paraître. Il existe de nombreux tutoriels en ligne qui peuvent vous aider lorsque vous êtes prêt à intégrer des gestionnaires de paquets dans le cadre de votre processus de développement Web.

#19 – Outils de construction

En plus de npm, vous devez également connaître les outils de construction, tels que les ensembles de modules, les coureurs de tâches et les Linters. Ces outils ont des objectifs différents mais sont essentiels pour le développement web moderne.Les ensembles de modules, tels que WebPack, ont été créés pour vous aider à suivre les dépendances de vos modules entre les fichiers et à les regrouper en une seule ressource. L’un des principaux avantages de l’utilisation d’un outil comme WebPack est le concept de « Tree Shaking », qui empêche les ressources inutilisées d’être chargées inutilement.Les coureurs de tâches, tels que Gulp, vous permettent d’exécuter des outils tels que WebPack et Sass. Ils sont utiles car ils peuvent surveiller les modifications de vos fichiers Sass ou WebPack et reconstruire automatiquement la sortie. Apprendre à utiliser un coureur de tâches aidera certainement à booster votre productivity.As vous travaillez avec une équipe d’autres ingénieurs frontaux, il est important de vous assurer de respecter un guide de style pour votre code JavaScript. C’est là que les linters, tels que ESLint, sont utiles. Les linters vous permettent de spécifier des règles, concernant l’espacement, la syntaxe, le nommage, etc. dans votre code. Lorsque vous enfreignez ces règles, votre linter vous le fera savoir. Essentiellement, les linters sont un moyen utile d’assurer la qualité et la cohérence d’une base de code partagée.

#20 – Contrôle de version

Tout le monde fait des erreurs. Heureusement, il existe un contrôle de version pour cela. En tant qu’ingénieur frontal, il sera essentiel d’apprendre à utiliser le contrôle de version, tel que Git ou Team Foundation Server (TFS). Le contrôle de version vous permet de bifurquer de votre code de production (essentiellement, d’en créer une copie) et d’apporter des modifications sans avoir à vous soucier de gâcher des choses irréparables. Cependant, lorsque les choses tournent mal, comme un mauvais déploiement, le contrôle de version est là pour vous sauver la vie en vous permettant d’annuler vos modifications à la version précédente.

Êtes-vous prêt à devenir ingénieur UX ?

Alors voilà : les 20 Compétences dont vous avez besoin pour devenir Ingénieur UX en 2020. J’espère que vous avez trouvé cette liste utile lorsque vous travaillez à améliorer vos compétences. Si vous êtes prêt à devenir ingénieur UX, consultez le tableau des emplois!

Si vous souhaitez en savoir plus sur la conception UX ou l’ingénierie frontale, pensez à vous abonner à UXE Weekly et recevez un nouvel article sur l’ingénierie UX chaque semaine !

Devenir une Licorne

Obtenir des articles sur l’UX/UI Design + Front-End

C’est GRATUIT – Pas de spam – désabonner à tout moment

Partager via: