Jean-Christophe Carius
8, rue Lucien Leuwen
75020 Paris
06 07 58 82 82
jccarius@newsyntax.com
conseil conception design ré...
Le design Internet:
un design “orienté objet”.
“Most people make the mistake of thinking design is what it looks
like. Tha...
Les trois dimensions d’un objet Web
En terme de design, un objet Internet se définit
selon 3 grands axes interdépendants:
l...
•Le fond:
Le fond d’un objet Internet, c’est l’information et l’organisation de
l’information, qui constitue en elle-même ...
Le rapport de proportion entre les 3 dimensions d’un
objet Internet varie selon les cas de figure.
Quelques exemples:
• un ...
Le design Web nécessite une démarche d’élaboration
pluri-disciplinaire et, par conséquent, des intervenants
aux profils “en...
Designer d'interface
Forme
Fond
FondForme
Fonction
Réalisateur informatique
3 types de profils “en T” correspondant aux
3 t...
Un processus de design pluri-disciplinaire et au-delà
du clivage traditionnel “conception/exécution”
Jonathan Ive, vice-pr...
Le design Internet est donc une démarche
“intégrative” de conception-réalisation, un
processus de design articulant le fon...
Aujourd’hui, de quoi est faite la réalité
informatique d’une page Internet ?
http://www.musee-marine.fr/
http://www.musee-marine.fr/
Le réalité informatique d’une page Web dans ses trois
dimensions, fond, forme, fonction: 3 lan...
XHTML
Le fond existe dans sa réalité informatique comme un
fichier XHTML constitué d’éléments informationnels,
textes, lien...
CSS
Le forme existe dans sa réalité informatique
comme un fichier CSS constitué de règles
indiquant des valeurs aux proprié...
Javascript
La fonction existe dans sa réalité informatique
comme un fichier Javascript contenant le code des
différentes fo...
Au final, une page Web est donc, aujourd’hui, un
ensemble d’éléments informationnels structurés de
façon arborescente en XH...
C’est à partir de cette réalité informatique actuelle que
les designers Internet s’appliquent aujourd’hui à créer
des obje...
La recherche de l’expérience utilisateur optimale d’un objet
Internet pousse les designers à développer une esthétique nou...
Prochain SlideShare
Chargement dans…5
×

Le Design orienté objet - pédagogie - design internet - Jean-Christophe Carius

738 vues

Publié le

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
738
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Le Design orienté objet - pédagogie - design internet - Jean-Christophe Carius

  1. 1. Jean-Christophe Carius 8, rue Lucien Leuwen 75020 Paris 06 07 58 82 82 jccarius@newsyntax.com conseil conception design réalisation Création internet & management web "Le design orienté objet" 2006 INSTITUTION Telecom ParisTech MISSION pédagogie DESCRIPTION conférence pédagogique dans le cadre d'un cursus multimedia
  2. 2. Le design Internet: un design “orienté objet”. “Most people make the mistake of thinking design is what it looks like. Thatʼs not what we think design is. Itʼs not just what it looks like and feels like. Design is how it works.” - Steve Jobs (“the Times”, 2003) “La plupart des gens font lʼerreur de penser que le design cʼest lʼapparence. Ce nʼest pas comme ça que nous concevons le design. Ce nʼest pas simplement lʼapparence et lʼimpression que cela fait. Le design, cʼest comment ça marche.”
  3. 3. Les trois dimensions d’un objet Web En terme de design, un objet Internet se définit selon 3 grands axes interdépendants: le fond, la forme, la fonction. Fond Forme Fonction
  4. 4. •Le fond: Le fond d’un objet Internet, c’est l’information et l’organisation de l’information, qui constitue en elle-même une information sur l’information et la valorise en la structurant. C’est l’architecture de l’information, qui représente souvent l’axe central d’un site Internet et, la plupart du temps, celui qui donne le plus de sens au projet dans son ensemble. •La forme: La forme, c’est la mise en scène visuelle ou audiovisuelle de l’information et de la fonction. La forme doit permettre à l’utilisateur d’appréhender le plus directement possible, le contenu, son organisation et la façon de le manipuler. C’est la design d'interface, souvent une combinaison originale de composition visuelle, de mise en page et de signalétique. •La fonction: La fonction, c’est la fabrication informatique du fond et de la forme, et le mouvement dans l’information. La fonction doit refléter parfaitement l’architecture et exprimer le mieux possible la direction artistique. C’est la réalisation informatique, composée principalement d’analyse structurelle, de maîtrise d’œuvre et d’innovation en ergonomie d’interface (“utilisabilité”).
  5. 5. Le rapport de proportion entre les 3 dimensions d’un objet Internet varie selon les cas de figure. Quelques exemples: • un moteur de recherche: Fond 20% - Forme 10% - Fonction 70% www.google.com • un site de musée: Fond 50% - Forme 40% - Fonction 10% www.louvre.fr • une encyclopédie en ligne coopérative: Fond 40% - Forme 20% - Fonction 40% www.wikipedia.org • Un site de jeu en ligne: Fond 5% - Forme 45% - Fonction 50% http://web.okaygo.co.uk/apps/letters/flashcom/
  6. 6. Le design Web nécessite une démarche d’élaboration pluri-disciplinaire et, par conséquent, des intervenants aux profils “en forme de T” (T-shaped people). T-shaped (TEE-shaypt) adj. Posséder une compétence ou une connaissance qui soit à la fois en profondeur et en largeur. Être “T-shaped” (en forme de T) signifie avoir un noyau de compétences et une connaissance approfondie dans un domaine (la tige du T), mais également un haut niveau de curiosité, de sensibilité et d’aptitudes permettant de se diversifier rapidement et d’atteindre une bonne compréhension générale d’autres domaines (la barre transversale du T).
  7. 7. Designer d'interface Forme Fond FondForme Fonction Réalisateur informatique 3 types de profils “en T” correspondant aux 3 tâches entrant dans l’élaboration du design d’un objet Internet. Architecte d’information Fond Forme Fonction Fonction
  8. 8. Un processus de design pluri-disciplinaire et au-delà du clivage traditionnel “conception/exécution” Jonathan Ive, vice-président du design industriel d’Apple a confié au New-YorkTimes que l’élément clé de l’Ipod n’était pas des éclairs de génie soudains, mais le processus de design. Son groupe de design a collaboré de façon étroite avec des fabricants et des ingénieurs, réglant et raffinant sans cesse le design. “Ce n’est pas sériel,” a t-il dit au Times. “Ce n’est pas une personne passant quelque chose à la personne suivante”. (...) “Les designers d’Apple passent 10 pour cent de leur temps à faire du design industriel traditionnel: arriver avec des idées, dessiner, faire des maquettes, faire du brainstorming,” dit-il.“Ils passent 90 pour cent de leur temps à travailler au niveau de la fabrication pour trouver comment implémenter leurs idées.” Réalisation informatiqueDesign d'interface Architecture d’information
  9. 9. Le design Internet est donc une démarche “intégrative” de conception-réalisation, un processus de design articulant le fond, la forme et la fonction dans un rapport étroit à la réalité informatique finale de l’objet. C’est une approche à triple vue dont chaque axe est développé en profondeur mais également en largeur, dans une connexion avec les deux autres.
  10. 10. Aujourd’hui, de quoi est faite la réalité informatique d’une page Internet ? http://www.musee-marine.fr/
  11. 11. http://www.musee-marine.fr/ Le réalité informatique d’une page Web dans ses trois dimensions, fond, forme, fonction: 3 langages propres XHTML CSS Javascript Fond Forme Fonction CSS Javascript XHTML
  12. 12. XHTML Le fond existe dans sa réalité informatique comme un fichier XHTML constitué d’éléments informationnels, textes, liens, URL d’images, de sons, de vidéos, organisés en arborescence et qualifiés par des balises sémantiques.
  13. 13. CSS Le forme existe dans sa réalité informatique comme un fichier CSS constitué de règles indiquant des valeurs aux propriétés d’affichage et s’appliquant aux différents éléments de la page XHTML.
  14. 14. Javascript La fonction existe dans sa réalité informatique comme un fichier Javascript contenant le code des différentes fonctions que l’on peut activer via les événements de la page (clic, passage de la souris, chargement...) et qui vont, dans la plupart des cas, modifier la forme et le fond des éléments de la page elle-même.
  15. 15. Au final, une page Web est donc, aujourd’hui, un ensemble d’éléments informationnels structurés de façon arborescente en XHTML, dont la présentation est déterminée par des règles CSS, et qui peuvent être modifiés à la volée par le biais de fonctions Javascript.
  16. 16. C’est à partir de cette réalité informatique actuelle que les designers Internet s’appliquent aujourd’hui à créer des objets Web qui proposent le niveau le plus élevé possible d’expérience utilisateur. L’expérience utilisateur est un terme qui décrit l’expérience et la satisfaction générale que connaîtra un utilisateur en utilisant un produit ou un système. Utilité Utilisabilité Beauté • Crédibilité •Accessibilité •Valeur • • •
  17. 17. La recherche de l’expérience utilisateur optimale d’un objet Internet pousse les designers à développer une esthétique nouvelle, une esthétique de l’information, des opérations de pensée, et de l’interaction. Cette esthétique repose sur des points d’appui inédits et crée dans l’esprit de l’utilisateur une image mentale d’un genre nouveau, qu’il va évaluer comme étant, par rapport son propre goût, de bonne, de moyenne ou de mauvaise qualité. C’est une esthétique qui met en lumière la part active du spectateur dans le déploiement d’une œuvre, d’un propos, et l’interaction fondamentale dans l’élaboration du sens, entre la pensée de celui qui émet l’information et la pensée de celui qui la reçoit.

×