Intervention Webdesign Festival 08

projet Galaxyconception d’une interface 3D pour le web communautaire

tKaap ?

• Un couple de geeks

• Un futur service web

• tkaap.com/blog

Galaxy ?

• Le lecteur multimédia du web communautaire

• Recherche, consultation et selection de contenus sur la “longue traine”

• Un outil majeur pour tKaap

Les objectifs

• Rapide, utile et simple d’usage

• Qualification instantanée du contenu

• Interface 3D esthétique et minimaliste qui sublime le contenu

Les concepts clés

• Zapping : Navigation ultra-rapide adaptée à une consomation de masse

• Méta-player : Recherche multi-source

• Live : Consulter et rechercher du contenu en même temps (multi-tâches)

• Univers : Naviguer à l’infini (grand nombre de médias)

Les outils

• AS3 / FLEX

• Librairie Papervision3D 2.0 (Great White)

• Classe Tweener / BulkLoader

• E4X (source RSS)

• Photoshop CS3 / Flex Style Explorer

Papervision, c’est quoi ?

• Un moteur 3D adapté au web

• Un framework open-source en AS3

• “We will ride the race cars, even if we have to build them ourselves” - Carlos Ulloa

Prototype “Stargate”

Prototype “Wall 1”

Prototype “Wall 2”

Prototype “Stack”

Prototype “Pyramide”

S’inspirer de la réalité

Trois modes

“Map”

“Space”

“Ring”

C’est parti !tkaap.com/galaxy

L’intérêt de la 3D

Prototype interface

Terre ou soleil ?

Chargement infini

Transitions Ring2Map

Remarques générales

• “Trop d’effets tuent l’effet”

• Limitez les interactions 3D

• Navigation clavier réservé aux utilisateurs avertis

Remarques techniques

• Réduisez le nombre d’objet 3D

• Rendu de la scène :uniquement quand c’est nécessaire

• Optimisez vos chargements

Prototype d’habillage

Mercides questions ?