Wroclaw
Software House Website
Nouvelle perspective innovante sur la conception d'IU
2020
Mon projet de thèse de maîtrise a émergé d'une question fascinante : Pourrions-nous rendre le code visuellement beau ? J'ai entrepris de réinventer la façon dont nous présentons la programmation, en transformant le monde abstrait du codage en expériences visuelles captivantes. Le défi consistait à redessiner imakeable.com, le transformant en une toile où le code prend vie à travers des animations dynamiques.
SERVICES
Conception d'animation, Conception UX, Conception UI, Conception de marque, Recherche utilisateur, Programmation créative, Conception interactive
Aperçu du projet
Le code est magnifique - mais tout le monde ne le voit pas ainsi. Ma mission était de changer cette perception en créant un langage visuel qui parle à la fois aux développeurs et aux designers. En utilisant TouchDesigner, j'ai développé une série d'animations abstraites qui transforment les activités de codage en temps réel en motifs visuels fascinants, rendant ainsi le monde invisible de la programmation visible et captivant.
J'ai développé des animations abstraites en utilisant TouchDesigner et les ai intégrées dans le site web pour représenter visuellement le code.
Approche
Plutôt que de traiter le code et le design comme des entités séparées, je les ai envisagés comme deux côtés d'une même pièce. Chaque animation a été soigneusement conçue pour refléter les véritables processus de développement, créant ainsi un pont dynamique entre fonction et forme. Le résultat a été une expérience interactive où les visiteuses pouvaient littéralement voir le code prendre vie à travers le mouvement et l'interaction.
Processus
Le parcours de donner vie à ce projet a été à la fois stimulant et passionnant. J'ai commencé par m'immerger dans les techniques d'animation et les modèles de codage, passant d'innombrables heures à explorer comment rendre le code visuellement attrayant. TouchDesigner est devenu mon terrain de jeu pour l'expérimentation, où j'ai développé et affiné différentes approches pour visualiser le code. La percée est survenue lorsque j'ai créé un système d'animation en cube unique capable de suivre les mouvements des spectateurs et de transformer l'activité de codage réelle en motifs visuels dynamiques. Grâce à de nombreux tests avec des développeuses et des passionnées de design, j'ai continuellement affiné les animations, équilibrant l'attrait visuel avec la performance technique. Le résultat final était un système interactif capable de traduire notre production quotidienne de code en visuels fluides et réactifs tout en maintenant des performances fluides sur tous les appareils - quelque chose dont je suis particulièrement fière.
Le projet a non seulement atteint ses objectifs académiques, mais a également ouvert de nouvelles possibilités quant à la façon dont nous envisageons la présentation des concepts techniques à travers le design. Il reste un témoignage du potentiel à combler le fossé entre le code et le design visuel, montrant que la technologie peut être à la fois fonctionnelle et belle.
Conception Finale
Le design final a réuni le meilleur de l'innovation technique et de l'expérience utilisateur.
Au cœur de ce projet se trouvait un système de visualisation interactif qui transformait des statistiques de code arides en éléments visuels magnifiques et significatifs, réagissant aux interactions des utilisateurs. J'ai accordé une attention particulière à l'optimisation des performances, trouvant le juste équilibre entre complexité visuelle et fluidité - après tout, même les plus belles animations ne valent pas grand-chose si elles ne fonctionnent pas en douceur sur différents appareils. Ce dont je suis la plus fière, c'est de voir comment le produit final a su rendre des concepts techniques complexes accessibles et captivants, créant une expérience intuitive qui a touché à la fois les développeuses et les passionnées de design.
Images de produit
Réalisations
Ce projet est devenu bien plus qu'une simple thèse - c'était une véritable percée dans la manière dont nous pouvons présenter le code visuellement. En fusionnant la fonctionnalité technique avec l'expression artistique, j'ai réussi à créer quelque chose qui a résonné avec à la fois les développeurs et les passionnées de design, ce qui a été incroyablement gratifiant. En cours de route, je me suis profondément plongée dans TouchDesigner et Python, poussant mes compétences vers de nouveaux horizons. Ce qui a commencé comme un exercice académique s'est transformé en une approche innovante de la visualisation des processus de développement, prouvant que le code n'a pas à être intimidant ou ennuyeux - il peut être à la fois beau et captivant. En regardant en arrière, je suis fière que ce travail ait contribué à remettre en question la séparation traditionnelle entre code et design, montrant que la technologie peut être à la fois fonctionnelle et visuellement époustouflante lorsque nous réfléchissons de manière créative à sa présentation.
