Une entrevue avec Bekah Rice de truematter sur l'utilisation du Kendo UI

Nous sommes tous confrontés à des problèmes d'expérience utilisateur lors de la création d'applications. Bekah Rice de trumatter décrit ses propres expériences en tant que concepteur et développeur, et comment le Kendo UI a aidé.

Chez Progress, nous savons que l'expérience utilisateur est une partie essentielle de la conception de toute application. C'est pourquoi nous travaillons dur pour créer des outils de développement qui vous aident à offrir une expérience incroyable à vos utilisateurs. Mais comment nos outils sont-ils appliqués dans le monde réel?

Nous avons récemment rencontré Bekah Rice, concepteur interactif et développeur frontend à truematter pour parler de l'expérience utilisateur, de l'accessibilité et du Web. conception de l'application. Elle nous a parlé des types de demandes auxquelles elle est confrontée dans son rôle et de la manière dont le Kendo UI a été un multiplicateur de force efficace pour son processus.

Progress: Bonjour Bekah, pouvez-vous nous en dire plus? vous faites à truematter?

Bekah: En général, je suis impliqué dans la conception des interfaces pour les applications Web complexes. Nous faisons tout des sites aux internets, aux wearables, à tout ce qui a un écran. Donc, concevoir et analyser les interactions dans le produit final, en passant par le code frontal.

Progrès: Et quels types de problèmes tentez-vous de résoudre pour vos clients?

Bekah: Nous avons une clientèle très diversifiée. Un problème particulier auquel je peux penser était assez récent: avec tous nos clients, nous effectuons des recherches sur les utilisateurs avant même de démarrer un projet. Nous allons donc à leur emplacement s’il s’agit d’une application interne, dans ce cas là, et nous passons du temps avec les utilisateurs finaux qui les regardent. Alors, littéralement assis avec eux à leur bureau, les regardant faire leurs activités quotidiennes.

Et un utilisateur en particulier nous a simplement dit que je regarde les feuilles de calcul, les chiffres, les graphiques toute la journée, et ça craint. Ça craint, mes yeux me font mal, vous voyez, fixant ces chiffres toute la journée. Et donc travailler sur ce projet est tout ce que je pouvais penser. Comment puis-je faire ça, moins pour lui? Et donc, y retourner périodiquement à travers un projet, c'est une grande chose que nous faisons. Avec ce problème en particulier, ce sur quoi je veux évidemment me concentrer est de savoir comment je peux simplifier cette interaction pour lui. Comment puis-je le rendre sans effort et vraiment beau? Les belles choses ne tendent pas autant à sucer.

Je pense simplement à la façon dont nous pouvons rendre ces rangs et ces rangs de chiffres qu'il doit regarder pour son travail un peu plus agréable pour que ses yeux ne lui fassent pas mal.

Progrès: Et comment le Kendo UI a-t-il aidé avec ce processus?

Bekah : Avant d'utiliser Kendo UI nous concevions tout à partir de zéro. Donc, au début du projet, nous avons un architecte d’informations qui filme l’interface, des concepteurs qui conçoivent ensuite l’aspect final, puis des développeurs évidemment. Mais quand nous sommes arrivés au développement, c'était toujours un peu comme si nous étions à court d'heures, nous sommes à court de budget, faites ce que vous n'avez jamais vu auparavant. Et faites-le faire tout ça.

Cela a mis beaucoup de pression sur notre équipe frontale pour essayer d'exécuter toute cette complexité, tous ces types d'interaction très spécifiques que nous avons passés tout ce temps à concevoir. Donc, quand nous avons trouvé l'interface utilisateur de Kendo, nous nous sommes dit: «Oh mon Dieu, voici ce jeu d'outils, ce multiplicateur de forces au début du projet.»

OK, nous allons avoir un tableau ici, nous allons avoir une grille, etc. L'interface utilisateur de Kendo est déjà prête et nous savons ce que nous pouvons en faire, ce que nous ne pouvons pas, où nous pouvons personnaliser des choses pour répondre à ces besoins très spécifiques que nous avons identifiés très tôt. Et ça a changé la donne. Je veux dire simplement avoir cela et savoir ce que nous avons à notre disposition à l'avance est génial.

Avec nos clients, c'est la même chose. Une des choses qui a vraiment nui au développement de tous ces composants personnalisés avant d’utiliser le Kendo UI était la facilité de maintenance pour nous en interne, un projet en soi. Comme tous ceux qui ont essayé de faire ce genre de chose le savent, ce n'est pas maintenable à long terme, sauf si vous y travaillez activement au quotidien. Nous ne nous attendons pas à ce que nos clients le fassent non plus. Mais avec le Kendo UI, c'est déjà fait pour nous, et nous savons donc qu'il a été testé. Nous savons qu'il est constamment mis à jour. C'est une chose à laquelle nous devons penser.

Même chose avec les interactions déjà intégrées. Nous devons ajuster cela, oui, nous le faisons de temps en temps. Mais, sachant que je peux me concentrer davantage sur l'aspect des choses, la façon dont elles vont fonctionner pour l'utilisateur et non pas les aspects fonctionnels réels de celui-ci est formidable.

Et nos clients l'apprécient aussi parce que c'est un langage commun que nous pouvons partager. Nous travaillons souvent avec leur équipe de développement, alors nous sommes comme une extension de leur équipe. Lorsque nous leur disons que nous utilisons le Kendo UI, ce n'est pas juste: «Bon, voici ce dont vous n'avez jamais entendu parler.» Il possède une bibliothèque complète de documentation que son équipe peut apprendre et que nous connaissons déjà ici. Et cela devient un langage commun que nous partageons, de sorte que lorsque nous parlons de ces parties que nous allons utiliser, elles savent déjà ce qu’elles sont, ce qu’elles peuvent faire, et cela les rend un peu plus transparentes. et beaucoup moins stressant.

Progrès: Comment avez-vous commencé à utiliser l'interface utilisateur Kendo?

Bekah: Nous avons commencé à utiliser l'interface utilisateur Kendo. Nous travaillions sur un projet avec leur équipe de développement et nous avons proposé des idées sur la manière de traiter certains graphiques dont nous avions besoin dans l'application. Leur recommandation immédiate était le Kendo UI. C'était une entreprise qui utilisait déjà Sitefinity, donc ils connaissaient très bien l'interface utilisateur Kendo. Et ils nous l'ont recommandé, nous l'avons essayé, nous nous sommes dit: «Wow, c'est bien plus que ce dont nous avons besoin, génial.»

Et c'était la seule partie que nous ayons utilisée pour ce projet, mais parce que j'avais vu cela, je l'ai personnellement caché pour notre prochain projet à revoir. Voyons ce qu'on peut en faire. Et cela continue en fait, chaque fois que nous nous disons «Oh, je me demande si le Kendo UI peut le faire pour nous», ce qui est généralement le cas. Donc, nous avons commencé et je ne pense pas qu'il y aura un moment où nous ne l'utilisons pas.

Je veux dire qu'il y a trop d'avantages à avoir toute cette flexibilité et tous ces outils.

Progrès: Vous devez rencontrer des moments où vous avez des questions ou des choses que vous ne pouvez pas comprendre. Quelle a été votre interaction avec le support produit pour l'interface utilisateur Kendo?

Bekah: Progress a un excellent support client. Nous les utilisons tout le temps pour Sitefinity car nous rencontrons des problèmes de mise à niveau et de nouvelles fonctionnalités que vous connaissez déjà. Mais avec le Kendo UI, ce que j'utilise le plus, c'est le forum d'aide. Il y a une tonne de gens formidables là-bas qui semblent toujours avoir cette réponse dont j'ai besoin.

Même si il y a une semaine, je voulais faire quelque chose avec la légende du tableau qui n'est pas documentée parce que je ne pense pas que quiconque ait essayé de le faire. Une sorte de one-off. J'ai posté dans le forum, et littéralement quelques heures plus tard, un des administrateurs m'a donné la solution exacte. Même fait un plunker pour moi qui l'a montré. C'était donc quelque chose que je pensais: «Oh, ce n'est pas possible, je devrais juste trouver un travail autour de moi» qui s'est transformé en «oh c'est possible et il m'a montré comment le faire» était super. J'étais vraiment excité.

Progrès: Grâce à votre expérience utilisateur, l'accessibilité doit être un facteur important pour vous. Comment le Kendo UI s'est-il empilé à cet égard?

Bekah: Oui, l'une de nos grandes choses chez truematter est évidemment que nous sommes une entreprise d'expérience utilisateur, et cette expérience inclut des personnes ayant divers handicaps. Donc, l'accessibilité est une chose énorme pour nous. Chaque produit que nous publions, chaque produit numérique est accessible. Au moins selon les normes AA, il s’agit d’un objectif interne et, par conséquent, tous les outils que nous utilisons doivent également être accessibles. Kendo UI fait cela hors de la boîte.

Et ce n'est qu'une chose à laquelle nous devons réfléchir, ce qui est formidable lorsque nous effectuons des tests, car nous allons jusqu'à tester tous nos produits avec le lecteur d'écran. Pouvoir lire l’application ou l’écran est une chose, c’est autre chose que de le lire et de le comprendre. Et donc, il est très utile que lorsque nous utilisons l'interface utilisateur de Kendo, nous ne pensons pas aux problèmes d'accessibilité, car ils sont accessibles. Cela nous permet donc de consacrer plus de temps aux choses qui nous importent vraiment et c'est l'expérience globale.

Progression: Une apparence cohérente pour une application est une partie importante de l'expérience utilisateur globale. Dans quelle mesure l'avez-vous trouvé facile à appliquer des thèmes spécifiques à l'interface utilisateur du Kendo?

Bekah : Le thème du Kendo UI est quelque chose que j'ai beaucoup exploré lorsque nous avons commencé à l'utiliser. Je pense que c'est génial parce que je sais qu'il y a beaucoup d'équipes de développement, et nous avons travaillé avec eux là où ils n'ont pas de concepteur en interne. Et si c'est le cas, ils doivent utiliser un concepteur d'impression pour qu'ils ne soient pas aussi familiarisés avec la conception pour le Web, pour les applications. Et donc, beaucoup de thèmes du Kendo UI sont assez divers et je pourrais les voir utilisés pour à peu près n'importe quoi. Pour un développeur qui n’a pas d’arrière-plan de conception, c’est génial.

Chez truematter, nous avons des concepteurs – je le suis moi-même – et comme nous passons beaucoup de temps avec nos utilisateurs, nous faisons toujours un design très personnalisé. J'ai donc utilisé certains des thèmes en gros, comme je vais prendre les pièces et les parties qui, je le sais, vont fonctionner avec ce que nous avons conçu. Et parce qu'il est si flexible que je peux remplacer les pièces qui ne seront peut-être pas adaptées.

J'utilise SASS pour tous mes projets, donc le fait qu'il y ait une liste de variables facilement accessible que je puisse manipuler avec le thème est génial. C'est très rapide pour moi de prendre l'un des thèmes de base du Kendo UI et de le modifier pour répondre à mes besoins. Et nous le faisons assez souvent, même pour changer les icônes utilisées, des choses comme ça. Avoir cette flexibilité est extrêmement important pour nous, car beaucoup de bibliothèques tierces que nous avons utilisées ne le permettent pas. Ou du moins ils le font, mais vous ne faites que remplacer leurs styles et passer une tonne de temps à gonfler votre code pour faire une chose comme changer une couleur.

Progrès: Travaillez-vous avec l'un des frameworks JavaScript?

Bekah: Lorsque j'ai commencé à utiliser l'interface utilisateur Kendo, C'était vraiment génial pour moi parce que je suis très familier avec jQuery, c'était en quelque sorte là où j'ai commencé, et c'était vraiment facile de m'initier au Kendo UI pour jQuery. Le Kendo UI pour Angular n'était pas autant pour moi, car Angular était assez nouveau pour moi.

En fait, nous avons récemment lancé un projet où une entreprise souhaitait utiliser une application très obsolète et très complexe et la transférer sur le Web. C'était leur première application web et ils voulaient utiliser Angular, alors je suis immédiatement allé sur l'interface utilisateur de Kendo et j'ai regardé l'interface utilisateur de Kendo pour Angular, que nous n'avions jamais utilisée auparavant. Jusqu'à présent, ça a été très bien, ça a été un peu plus une courbe d'apprentissage pour moi personnellement. Mais la documentation a été suffisante pour que nous puissions avancer sans aucun problème. Nous avions également examiné l'interface utilisateur Kendo pour React car nous avions en quelque sorte parlé de Angular versus React au début, mais nous avons finalement atterri sur la version Angular. La possibilité d'utiliser les packages de nœuds a été excellente. Pouvoir simplement installer les paquets dont j'ai besoin à un moment donné a été agréable. C'est beaucoup plus rapide.

Progrès: Quel conseil donneriez-vous à quelqu'un qui commençait à peine à utiliser l'interface utilisateur Kendo?

Bekah: pour se pencher sur la courbe d'apprentissage, il y en a un peu au début. Passez vraiment du temps dans la documentation et dans les forums car il y en a beaucoup plus que vous ne le pensez. Je pense que beaucoup de gens, lorsqu'ils voient un produit comme celui-là, se sentent enfermés dans le fait qu'ils doivent renoncer à ce qu'ils ont vu dans les exemples. Mais il est si flexible et si facile à personnaliser que si vous passez tout votre temps à apprendre ce que vous pouvez et ne pouvez pas faire, vous constaterez que vos options sont infinies.

Progrès: Vous mentionnez la personnalisation et la flexibilité, est-ce quelque chose que vous faites beaucoup?

Bekah: Nous personnalisons toujours l'interface Kendo. Sur chaque projet sur lequel nous l'utilisons, il y a des parties que nous changeons régulièrement et, comme nous savons que nous allons les changer, nous avons en fait créé notre propre thème de base interne avec lequel nous commençons. Un bon exemple d'une chose que nous faisons toujours est le sélecteur de date. Comme nos clients sont très divers et que nos utilisateurs sont si divers, nous devons planifier différents types d’utilisateurs. Ainsi, un utilisateur expérimenté, quelqu'un comme moi qui utilise le Web à tout moment, peut utiliser ce sélecteur de date sans même y penser. Quelqu'un comme ma grand-mère qui est peut-être une utilisatrice novice aurait du mal avec ça parce que ce n'est pas assez intuitif pour elle.

Donc, certaines des choses que nous faisons, vous savez, en vous assurant que les interactions entre les composants, tels que le sélecteur de date et un bouton, sont identiques afin que vous puissiez reconnaître un motif si vous n'êtes quelqu'un de puissant utilisateur. Et vous savez à quoi vous attendre d'une interaction. Donc, quand je clique sur le sélecteur de date si je veux revenir un mois en arrière, cela doit être très évident pour moi.

Nous nous assurons de son style, l'interaction elle-même, est très claire quel que soit le type d'utilisateur rencontré. Des choses comme celles-là sont généralement ce que nous personnalisons. J'aime ça avec le Kendo UI, je ne le combat pas constamment, cela me permet de faire preuve de souplesse et de personnaliser les choses. Il y a des moments où je cherche dans la documentation ou en parcourant les forums comme je demande: "Quelqu'un a-t-il essayé de le faire?" Et "Qu'est-ce que vous avez fait pour que cela fonctionne?" réponse et si je ne le suis pas, il y a tellement de solutions de contournement parce que c'est tellement flexible. Je suis toujours capable de trouver un moyen proche de ce que je voulais faire ou de le personnaliser en fonction de ce que je voulais.

Progrès: Donc, si vous deviez résumer votre expérience avec l'interface utilisateur de Kendo…

Bekah: L'interface utilisateur Kendo me permet de me concentrer sur les choses que je fais le mieux de passer plus de temps à concevoir l'expérience utilisateur et moins de temps à lutter contre la fonctionnalité.

Progress: