Articles

Mr Jourdain, UX Designer

, , , ,

Tout comme Mr Jourdain, qui faisait de la prose sans le savoir, je réalise que je fais de l’#UXDesign au quotidien.

l’ #UXDesign ?

C’est l’expérience utilisateur, ou comment faire en sorte que nos sites internets, applis web et consorts soient agréables, faciles, conviviaux à utiliser. Facile à dire mais moins à faire. Lorsqu’un brief vous tombe dessus, il va falloir bien décortiquer la demande du client, l’enrichir, et proposer des solutions qui prennent en compte les comportements de l’utilisateur du travail de l’agence. Se posent alors beaucoup de questions en fonction du public du site, et de quantité de choses qui sont propres à chaque site. Le travail du Designer UX est de bien comprendre dans quel état d’esprit et de connaissance du monde informatique se trouve son public, pour lui faciliter la tache, et faire du moment qu’il passe avec son ordinateur un moment indolore à minima voir agréable.

Au cours de ces dernières années, j’ai eu à résoudre pas mal de cas concrets d’#UXDesign sans m’en apercevoir. Les modules E-leraning que j’ai conçu devaient proposer des interfaces ludiques mais faciles d’accès, non bloquantes pour l’apprentissage et j’ai du mener mes réflexions dans ce sens. Adobe Flash m’a beaucoup aidé à cette époque de par son apprentissage aisé. L’apprentissage, seul avec un ordinateur demande une grande attention à l’#UXDesign.

Aujourd’hui je poursuis ma route et ma quête de l’interface idéale avec de nouveaux outils, de nouvelles contraintes techniques, mais avec toujours autant de plaisir. HTML/CSS/Javascript a pris la place de Flash, mais c’est surtout javascript qui permet de programmer les comportements de votre site, comme AS3 le faisait du temps de Flash.

A bientôt pour de nouveaux projets.

Développement d’une application ludo-éducative

, , ,

Application Ludo éducative, la transition technique

Une premiere application en cours de #développement en utilisant les technologies #HTML/CSS et surtout javascript pour remplacer #Flash que j’utilisais jusque là pour développer mes #modules de #e-learning. Il s’agit d’un jeu dit ludo-éducatif à destination des scolaires, niveau fin de primaire. J’ai hébergé le résultat de ce travail en cours afin de vous donner un aperçu du résultat. Comme vous pourrez le constater, tout est là : animations, gestion de paramètres élaboré, transitions, scénario pédagogique, … Il vous faudra Chrome dans sa dernière version pour être sur que tout s’affiche correctement. Le projet étant d’utiliser cordova pour compiler pour Android.

L’oiseau magique : Le projet Ludo-éducatif

A cette adresse vous pourrez suivre l’avancée de ce travail. Je vais mettre à jour régulièrement cette page afin que chacun puisse se rendre compte des possibilité de ces technologies. Il rest à terminer ce projet, puis à décliner les possibilités offertes dans d’autres domaines. En effet, ces possibiltés m’ouvre la voie d’animation de présentation de société, d’entreprise, de façon interactive. J’ai bien aussi dans l’idée de profiter de l’occasion pour y intégrer la 3d. À suivre, donc…

logotype association trail

Trail des volcans / le site

Voilà, le nouveau site du Trail des Volcans est en Ligne. Descriptif des courses, dénivelés, ravitaillements, règlement, certificat de santé, infos pratiques et accès, contact, tout y est. Une magnifique course trail à ne louper sous aucun prétexte. Le développement a été fait sans CMS, en #CSS et #HTML

trailvolcans

signalétique exterieure nature

,

Le design des panneaux signalétique pour les circuits de VTT et de cyclotourisme du Carladez étaient prêts depuis un moment déjà. Il était donc temps de passer à la réalisation technique. Usinage du bois, de façon à mettre tout en place pour un montage le plus facile possible une fois sur le terrain.

bois

L’idée est de réaliser un panneau visuellement léger en supprimant les parties basses et hautes qui « entourent » habituellement la zone informative. Bien sur, les poteaux 12×12 qui maintiennent l’ensemble se devaient d’être robustes afin d’assurer la résistance mécanique de l’ensemble mais aussi de donner un aspect confiance.

Au programme donc usinage des 8 poteaux (2 par panneaux) qui vont recevoir le visuel imprimé sur un dibond, vernis haute durabilité. Une rainure d’1m60 viendra recevoir la panneau dibond afin de garantir la géométrie de l’ensemble. Deux barres horizontales vont assurer la cohérence  géométrique de la structure.

Assez parlé, voilà le résultat en images, je vous ferai une photo de l’ensemble une fois posé, installé à Mur-de-Barrez.

Vous pouvez voir sur la photo ci-dessous, les renforts horizontaux en place lors du pré-montage qui ne sont pas encore coupés à la bonne côte. Ils vont disparaitre derrière le visuel et se faire oublier.


panneau1 IMG_2736

Recherche emploi Directeur Artistique ou Designer

,

Tout est dans le titre !

Je recherche toute forme d’emploi comme Directeur artistique ou #Designer. De formation technique, j’ai en plus d’une sensibilité artistique une expérience variée d’encadrement.  Voilà le lien vers mon CV en PDF. Ma motivation ? j’ai envie de bouger.

cv nico 

Site web, fonctions avancées sur mesure

, ,

Site fonctionnel

Je travaille actuellement sur un site internet pour le réseau des missions locales d’Auvergne et mon client, lorsque nous nous sommes vus pour démarrer le projet m’a tenu ce discours :  » Attention, nous voulons un site qui ne soit pas là juste pour être joli, il nous faut quelque chose de pratique et fonctionnel, avec une base de données d’utilisateurs et des fonctions de recherche sur une carte ». Le décors était planté. Je vais donc vous décrire les options que j’ai mis en place et comment j’ai répondu à leurs attentes.

Design de site internet, responsiv, adaptable

De ce côté, il n’y avait pas vraiment d’attentes mais j’ai quand même tenu à fournir un Design Responsiv (qui s’adapte à la taille du terminal sur lequel vous visionnez votre site, smartphone, tablettes, …). Du côté de la charte graphique le travail était assez simple, et consistait essentiellement à reprendre une harmonie colorée. Pour le reste le logo existait et il a suffit de décliner l’ambiance de celui-ci sur les en-têtes.

Fonctions standards et de publication de contenu

Page contact avec carte google map de localisation, page actualités, bandeau actus en page d’accueil, sauvegarde de la base de données auto, protection anti-piratage, logos des partenaires, publication d’actus et modération, liens avec les réseaux sociaux, …

Carte de localisation / espace jeunes

Le site s’adresse à des catégories d’utilisateurs très différents, avec des profiles différents et qui cherchent chacun un type d’info précise. Il y a tout d’abord les utilisateurs qui veulent pouvoir identifier la mission locale dont ils dépendent. Pour cela, une rubrique a été crée qui contient une carte cliquable. Cette rubrique permet deux entrée : une entrée par la carte : on clique sur la carte et la page de la mission locale concernée apparaît.

J’ai réalisé cette carte en javascript car le flash que j’utilisais jusqu’alors ne passe pas sur les devise (comprendre les appareils de la marque à la pomme). sur cette carte interactive, si vous survolez une ville, son nom s’affiche en surveillance dans la liste et si vous survolez la liste, sa localisation s’affiche en surbrillance sur la carte.

Dessous un champ permet de taper votre commune et affiche le nom de la mission locale concernée puis vous envoie directement sur la page dédiée.

Pour les techniciens, ce développement est fait en PHP, couplé avec une base de données.

Voilà pour la partie espace jeunes.

Espace documentaire dans un site internet

La demande était aussi de créer un espace documentaire dans lequel les utilisateurs du site pourrait trouver les documents qui les concernent dans leur travail. Pour cela une architecture en catégories m’a été fournie et j’ai mis en place une arborescence qui permet à chacun, en fonction de son niveau d’accréditation de consulter les documents pour lesquels il a les droits.

Enregistrement des utilisateurs sur le site par modération

Lorsque vous n’avez pas de compte sur le site et que vous vous connectez à l’espace documentaire vous pouvez demander à ce qu’un compte soit créé pour vous, pour cela une fenêtre va prendre vos coordonnées de façon à ce que l’administrateur puisse vérifier votre accréditation et valider votre inscription. De cette façon, il a tout les renseignements pour vous appeler par exemple, mais c’est vous qui avez la main sur votre mot de passe par exemple et l’administrateur n’y a pas accès.

Meilleurs voeux 2014

Bonne Année ! 

C’est reparti pour une année riche en projets et travaux divers. Je vous souhaite donc de belles réussites et beaucoup de satisfaction pour vos nouveaux projets.

Rue d’Auvergne, le site internet.

Si vous souhaitez vous remémorer les travaux que nous avons réalisés ensemble, vous pouvez visiter mon site, n’hésitez pas à y laisser des commentaires. 

Conception de sites internets

En 2013, j’ai effectué un gros travail de remise à niveau de mes compétences en site internet. Les nouvelles réalisations vont arriver à terme et je vous tiendrai au courant de l’avancée de ces projets, ainsi que des fonctionnalités que j’ai pu y attacher. En fait les possibilités sont énormes et sous exploitées. Il y a beaucoup de nouvelles facilités qui s’offrent à vous et je vous en ferai une démonstration avec plaisir.

Programme d’ouverture 

L’année 2014 sera placée sous le signe de l’ouverture et j’ai décidé de sortir un peu plus de mon bureau afin de rencontrer plus de monde. Si vous organisez une manifestation je serai heureux d’y prendre part (et encore plus d’en assurer la réalisation des supports de communication). Bref, nous risquons de nous rencontrer en dehors d’un bureau…


A très bientôt,

Cordialement,
Nicolas Pinaud

Consultations psychologiques et communication

Réalisation du Design des cartes de visites pour le Cabinet Cécile Furnestin, consultations psychologiques. Ce cabinet est spécialisé dans la prise en charge des personnes âgées, de leurs troubles psychologiques mais aussi dans l’amélioration des relations du milieu médical et familial avec la personne âgée, qui parfois peut être compliqué.

Impression sur papier de création, travail typographique et transparences.

Biennale du Design de St-Etienne

Vendredi Dernier j’ai pu profiter du voyage scolaire de ma stagiaire pour faire un tour à la biennale du Design de St-Etienne. J’en remercie vivement le Lycée Vercingétorix de Romagnat et particulièrement les deux professeurs qui ont organisé l’excursion. Merci.Merci.

Biennale du Design

La biennale, c’est une série d’expositions, de colloques et de conférences autour du Design. Nous n’avions malheureusement qu’une petite journée et il aurait été vraiment chouette d’avoir une semaine à y passer tellement c’est riche.

Exposition de Design

Le matin, entrée en matière avec visite guidée sur le thème du Design. Même si je n’y ai pas appris grand-chose (c’est quand même mon métier), c’est toujours intéressant et passionnant de decouvrir certains concept et surtout orientations futures du Design. Depuis mes études, le Design a vraiment fait un bond en avant.

Exposition en visite libre

L’après-midi quartier libre. Visite par nos propres moynes et là c’est plus difficile. Une succession de concept illustrés par des réalisations tous fort intéressants. Seul hic, ma petite tête doit se concentrer pour avaler cette avalanche de concept. dur, dur…

Petit reproche, les textes sont vraiment écrits petits au sol et il faut parfois (à chaque fois) se baisser pour que mes yeux fatigué de graphiste puisse décoder les concepts.

Design et Avenir

Il est interressant de découvrir les orientations du Design futur, mais aussi comment certains courants de pensée s’approprie cet outil, chose qui n’existait pas il y  a encore 20 ans en arrière. Franchement si le design vous parle, si vous voulez découvrir tout cela, allez-y c’est une vraie nourriture pour l’esprit, que dis-je : un festin.