Superlink me

Sarah Connor ?

10 avril 2009 | par Christian Porri

Certains d’entre-vous ont émis le souhait de personnaliser l’apparence de leur blog. J’ai été déjà assez exhaustif sur le sujet au lancement du projet : L’interface d’un blog, en l’occurrence ici de type WordPress, est plus une question d’habillage que de design. Il est possible de lui faire dépasser ce cadre de façade mais cela sous-entend une solide culture technique en PHP / CSS. Sans aller jusque là, j’avais prévu une introduction à certaines modifications de base sur les styles CSS (couleurs, polices, etc.) mais nous n’aurons pas le temps nécessaire dans le planning de fin d’année. De plus je considère cette phase d’habillage comme secondaire dans le concept d’un blog.

badgesuperlinkme
Comme je l’ai déjà dit, un blog est avant tout un projet éditorial, Sa raison d’être est surtout sa thématique et l’approche qu’il propose à son lectorat. Tout comme un magazine, penser son apparence, ses styles, etc. avant d’avoir trouvé son contenu et son nom est mettre la charrue avant les bœufs.

> Lire la suite…


Alors, ça blogue dur ?

31 mars 2009 | par Christian Porri

Alors du côté des blogs mis en place par les étudiants, qu’avons-nous ? D’une manière générale, Ça commence à peine à prendre forme alors que sur le papier (ou à l’écran) nous devrions avoir depuis un mois un dossier des billets d’actus rédigés, d’un plan général, etc. (dans un logiciel de traitement de texte, comme pour un mémoire, si, si) ; Ces éléments permettant de cerner l’éditorial de ces magazine en ligne que son vos blogs.

Ces éléments font partie d’une phase de design éditorial, pensez à leur mise en forme. Certains aiment écrire manuellement, et faire des schémas. C’est bien, mais pensez à rédiger (présentations synthétiques, plans, etc.).C’est ce design éditorial sur lequel vous serez essentiellement jugé lors de la notation de ce projet.

Je sais que la mise en place technique des blogs de chacun a été laborieuse mais cela ne vous empêchait pas d’avancer conceptuellement. Je compte donc sur vous pour continuer à affiner tout cela ; Allez ! c’est pas sorcier.

NB : Pensez à m’envoyer les liens vers vos blogs (je ne retiens pas tout). Il y a apparemment des pannes de serveurs sur l’hébergeur Olympe-Network chez qui sont certains d’entre-vous. Signalez-le, il y a un formulaire de contact sur leur site.

Résumons :

> Lire la suite…


Hôte + login + password = ?

16 février 2009 | par Christian Porri

Concernant les pré-requis techniques pour la mise en place de votre outil WordPress, il vous faut avant tout un hébergeur avec un espace de stockage (10 Mo peuvent suffire, tant mieux si c’est plus). Cet hébergeur doit pouvoir vous offrir sur son serveur l’usage du langage PHP et la gestion d’une base de donnée MySQL (qu’importe les versions). Je n’ai pas de référence particulière, ce la dépends de si vous préférez un hébergeur français (avec interface en français) ou étranger (avec interface en anglais). Les étrangers sont souvent plus intéressants niveau prix. En france on pensera à l’un des plus gros qui est OVH ; aux États-Unis, Site5 mais il y a une foule de petits hébergeurs gratuits un peu partout. À vous de faire votre recherche rapidement car ensuite, pour que nous puissions avancer efficacement, il vous faut :

> Lire la suite…


CMS ? HTML PHP CSS BD ! WYSIWYG ?

12 février 2009 | par Christian Porri

Comme nous en avons parlé précédemment, vous aurez un projet, presque plus un exercice technique, visant à vous familiariser avec le concept de site web. Nous avons vu qu’il y avait aujourd’hui communément deux type de sites web que vous pouvez être appelé à définir et/ou à réaliser.

Christian Porri - Dessin de cours

Tout d’abords, il faut savoir que tout site est matériellement constitué de code ou de fichier au format HTML. Le HTML est un langage de base pour le navigateur qui affiche les pages. Bien que le concept de « page » qu’on assimilerait à la page de papier soit totalement dépassé et ne corresponde plus à une désignation correcte, nous continuerons de l’employer, faute de mieux. Parfois on utilisera le terme « écran » afin de définir une étape de navigation. À vous de démêler ces termes, l’important étant que vos scénario de navigation soit clairs.

> Lire la suite…


Planning de fin de semestre (fini)

12 janvier 2009 | par Christian Porri

Il reste peu de séances concernant ce premier semestre. Le sujet sur lequel nous travaillons en 3ème année (avec une thématique commune aux groupes de 1ère année) est clos.

Comme annoncé au départ, nous voulons organiser une restitution particulière pour ce sujet. Compte tenu des séances restantes,

> Lire la suite…


RTFM !

4 janvier 2009 | par Christian Porri

Vous n’êtes peut-être pas spécialement familiarisé avec les acronymes d’argots utilisés sur le net mais vous risquez de rencontrer celui-ci si vous vous précipitez sur un forum d’utilisateurs après avoir déballé et tenté d’utiliser un appareil sans succès… avant d’avoir lu le mode d’emploi.

RTFM est l’acronyme de Read That F*cking Manual (presque littéralement en français « lis ce foutu manuel ») ; très souvent suivi d’un « ! ».

compagnon Microsoft Office

Les objets dont l’usage est implicite ou véritablement intuitif sont en réalité très rares. Notre apparente facilité de prise en main n’est souvent que le fruit d’une culture de la manipulation, déjà acquise. D’autres fois, un marketing malin se charge de nous amadouer pour faciliter la perception de cette prise en main, pourtant pas plus naturelle. Nous concevons ainsi des objets dont nous pensons impétueusement la prise en main évidente. Et pourtant, non.

> Lire la suite…


Superlinks 2e éd.

20 octobre 2008 | par Christian Porri

Concernant votre sujet « Échangez, synchronisez, partagez », vous avez (presque) tous arrêté une idée générale autour d’un thème. À partir de là il y a des tâches simples à effectuer pour passer du stade d’idée à celle de projet : 
 
La première étant de se demander qui va échanger, partager ou synchroniser quoi? Avec qui ? Quand ? Où ?

Pour développer, documentez vous, rien de tel que de définir des mots clés qui s’y rapportent et lancer une recherche. Il peut-être parfois intéressant de chercher ailleurs que dans un moteur de recherche généraliste (la page .Recherche ci-dessus est là pour ça), les résultats parfois annexes peuvent aider à condition de ne pas s’éparpiller.
Dans tous les cas évoqués il existe soit des projets annexes de ce type, soit des références dans des films ou livres de SF. À vous de chercher ces sources d’inspiration ou d’appuis des bases de votre concept.

Pensez à scénariser, pourquoi pas en dessinant, c’est le meilleur moyen de cadrer et définir votre concept, savoir ce qu’il est et ce qu’il n’est pas :

– On utilise votre concept dans un endroit, à un moment précis ? Faîtes un plan, racontez dessus
– On utilise un objet qu’on manipule ? à quoi ressemble t-il ? -> Téléphone/tablette ? Rubick’s cube ? meuble modulaire ? etc.  
– On utilise une surface tactile ? pan de mur ? table ?tee-shirt ? -> À quoi ressemble son interface ?
– Il s’agit d’un concept d’échange ? Langage de mains ? signaux de fumée ?
– Votre concept est un service ? comment s’appelle t-il, quelle est son identité visuelle ?
– Etc.

Sinon, pour les quelques références dont j’ai parlé avec certains en cours, voilà :

Vu avec Adrian ; cette page repertorie plus de 100 services concernant la gestion de playlists, le partage etc. de musique en ligne, que ce soit des services liés à un outil (type iTunes+iPod) ou non. Vous verrez que certains proposent des interfaces moins communes.

Vu avec Caroll ; ce site, PowerCursor propose une gestion visuelle de la texture. En jouant sur le comportement du pointeur de la souris, l’utilisateur peut concevoir mentalement et pourrait donc « ressentir » une matière.

Pour Violaine ; le film dont je parlais est A Scanner Darkly, tiré du roman éponyme de Philip K. Dick (substance mort, en français).
Les jouets Brio Network, mettant en scène des entités de données (virus, courrier-facteur, recherche-chercheur, graveur de CD, etc.) sont un concept qui entre dans le cadre des réponses au sujet : il s’agit d’une interface (jouet, volume, modulable) permettant aux enfants d’échanger et organiser réellement des élements et de conceptualiser un réseau d’échange (ici informatique).

Si j’ai oublié quelque chose dont j’ai parlé à quelqu’un, n’hésitez pas à m’en faire part par courriel.

Bon travail.


Et vous en pensez quoi, vous ?

14 avril 2008 | par Christian Porri

Concernant le travail de recherches que j’ai demandé aux 3e années, voici un récapitulatif.

> Lire la suite…


ESAD, DVD SF/CW Édition 2007 processing…

13 avril 2008 | par Christian Porri

dvd-esad-sfcw2007-storyboard2 Les élèves de 3e année Nina Bahsoun, Agathe Bouvachon, Clara Busson, Vanessa Jouillerot, Rémy Louvard, Sarah Poletti, Julia Robert et ceux de 4e année Dora Borst-Jouan, Guillaume Bulete, Tyan Yong Tao et Cao Jing ont effectué le travail de conception et réalisation du DVD de la Semaine folle/Crazy week édition 2007.
Ce travail touche à sa fin, vous pourrez en avoir un aperçu sur l’image ci-contre (Cliquez pour agrandir) sur laquelle figurent presque tout les éléments. Les étudiants ont fait preuve d’initative pour proposer une interprétation vidéo-graphique sur des ateliers de type installations ou performances dont la restitution n’était matériellement ou conceptuellement pas évidente.

L’identité visuelle de cette édition 2007 repose sur des prises de vues réelles. Pliage, dépliage, assemblage, superposition, tout est mis en scène à partir de feuille de format A4 aux couleurs bureautique. Chaque écran d’introduction interprète de cette manière le sujet de l’atelier qui suit.
Le travail sur les ateliers est également conséquent : Les films produits mettent en scène les déroulements des ateliers durant la semaine folle ou s’inspirent de leurs thématiques pour proposer un montage original permettant d’en saisir la teneur :

Pour Votre intérieur idéal mangeable (atelier de Kiki Van Eijk), Les étudiants ont choisi de rester dans la référence « bureautique » associé à la cuisine en utilisant les codes d’un classeur de fiche qu’on feuillete. Pour L’important, c’est d’essayer (atelier de Fabrice Lambert), l’accent a été mis sur le film du spectacle lui même, remonté pour se focaliser sur des éléments particuliers.
No way (atelier de Christophe Le Gac),  propose un montage énigmatique, à la manière du film qui a servi de trame à l’atelier  : Lost Highway, de David Lynch. Odoramax (atelier de Boris Raux) propose une vision simultanée des préparatifs et de la performance de l’atelier. Abstract hacktivism (atelier de Otto Von Bush) reprends le caractère subversif de l’atelier pour présenter certaines des réalisations ou concept qui y ont été étudiés.
Son titre (atelier de Pascal Battus) appose des animations graphiques pour valoriser la bande son des images tournées lors de la performance de l’atelier. Carto(o)ns (atelier de Ilka Heming) propose de parcourir une planche de BD type Comics dans la lignée des installations vues lors de la semaine folle. Designing the forbidden (atelier de HeHe) propose un montage de scènes tournées lors des multiples installations ayant pris place dans la ville durant l’évenement.
Pour Entrée double slash (atelier de Vincent Delpeux), les étudiants ont choisi un montage d’images alternées de type caméra de surveillance pour évoquer la lecture discontinue de l’action et l’effet de surprise. Enfin, sur Peinture, design, abstraction décorative (atelier de Damien de Roubaix), on parcourt en détail les dessins et peintures réalisées lors de l’atelier à la façon de Palettes.

Les étudiants de 4e année travaillent actuellement à la masterisation du DVD : le packaging est également en voie de finalisation (et sera bientôt présenté ici).
À suivre…


L’importance de la recherche

13 janvier 2008 | par Christian Porri

Les applications du design interactif sont innombrables, les objets qui nous entourent ayant tendance à intégrer de plus en plus d’informations ne va faire qu’accroître cet état. L’interface graphique, son graphisme, ses principes de manipulation deviennent une composante de la conception de ces objets.

Si ces objets relèvent d’un processus de production industriel très coûteux, souvent impossible à assumer pour l’école, celle-ci est cependant un endroit privilégié à leur gestation. C’est là que vous apprenez à manier la notion de concept, à formuler un propos et l’illustrer. Vous apprenez à utiliser des outils d’expression visuelle vous permettant de créer des images et des vidéos comme vous apprenez également à maîtriser le langage qui entoure ces métiers (vocabulaire, etc.) et plus généralement à formuler clairement vos idées. Certains de ces concepts sont des postulats, d’autres des utopies mais dans la mesure où ils reposent sur une recherche et un scénario plausible, ils pourront toujours servir de base à d’autres projets plus concrets.

C’est pour cela que pour le rendu du sujet, j’ai insisté sur la présentation de vos projets, composée de morceaux d’animation, de démos d’interactivité, de maquettes graphiques, de story-boards, de documents de recherche, etc. qui donnent corps à votre projet.

Si vous consultez les projets de Yahoo! Design Innovation Team, vous vous rendrez compte que la plupart de leur projets n’existent que sous la forme de vidéos ou animations. Ces projets explorent, en analysant le réseau, l’usage que nous en faisons : Ils en tirent des statistiques qui deviennent un matériau. Le caractère en apparence purement artistique de certains de ces projets cachent de véritables outils d’observation social.

Toutes ces nouvelles pratiques que nous avons des technologies de communication, les messageries, le partage ou la synchronisation de ressources, les projets reposant sur la participation, etc. ouvrent de nouvelles perspectives de pratiques du design.


Propulsé par WordPress | Sur un thème de Tamanta Famiglia | Creative Commons License