percept-labo
Un blog de percept-studio

Le responsive design suffit-il toujours
à optimiser votre communication sur mobile ?

responsive design

 

Avantages du responsive design

Le responsive design a l’avantage de présenter une image cohérente de votre entreprise sur tous les appareils. La version mobile ne diffère de la version pour ordinateur que très légèrement, il s’agit surtout de veiller à une bonne lisibilité du contenu.
Le menu peut apparaître en bas de page ou de tout autre façon qui préserve son accessibilité sans envahir la totalité de la page dont le contenu ne varie que par la mise en forme. Ainsi les expériences sur mobiles et sur ordinateur sont harmonisées.
La structure du site doit demeurer simple et identique sur tous les appareils.
Le responsive design présente en outre l’avantage qu’il facilite le travail de référencement du site qui n’a qu’une seule version, sans risque de doublons, qui se présente différemment suivant les appareils ou les tailles d’écran.

Limites du responsive design

Le responsive design est une excellente solution qui convient pour la plupart des sites. Néanmoins, ce n’est la meilleure solution qu’à la condition de ne pas être toujours la seule envisagée car elle présente l’inconvénient de ne pas toujours permettre de présenter un contenu adapté aux mobiles ni de tirer le meilleur parti des possibilités techniques des différents appareils.

Spécificités de la navigation sur mobiles

Et comme la navigation sur un mobile n’est pas la même que sur un ordinateur où l’on a tendance à davantage approfondir une information, et comme 100% des visites de sites à partir d’un Smartphone se font autrement qu’à partir d’un ordinateur, il peut arriver que l’expérience web sur mobile diffère tant de celle sur ordinateur, qu’il est compréhensible qu’une autre solution que le responsive design puisse être choisie.

Il s’agit alors de concevoir un autre contenu, une autre structure, une autre interactivité, bref un tout autre site spécialement pour les mobiles, un site qui tire le meilleur parti des capacités techniques du mobile comme la géolocalisation, un site où l’on profite de la richesse des possibilités d’interactivité des mobiles comme le passage du mode portrait au mode paysage, un site qui aille directement à l’essentiel et permette de prendre tout de suite contact, de téléphoner immédiatement, ce que l’on ne saurait faire directement à partir d’un ordinateur.

iphone blanc

Multiplicité des technologies html5

Avec le développement de l’html5, les possibilités techniques varient en fonction des navigateurs et des appareils. Il arrive que les possibilités techniques des navigateurs pour ordinateur soient supérieures à celles des navigateurs pour mobiles.

C’est le cas de la technologie WebGL qui a révolutionné les applications 3D sur le web et auxquels il faudrait consacrer au moins un article entier. Chrome (cf. Chrome Experiments), Firefox Mozilla (cf. Demo Studio) et Safari (en option) supportent WebGL. Par contre, les mobiles n’ont pas encore intégré la technologie WebGL. Pour une présentation interactive en 3d conçue avec cette technologie sur ordinateur, il faut concevoir une solution alternative pour les mobiles.

La version mobile ne peut alors être aussi riche que celle pour ordinateur, il faut faire d’autres choix techniques pour la version mobile et non pas seulement adapter le design comme l’on se contente de le faire avec le responsive design.


Tags: , , , , ,

panoramique pour visite virtuelle Un panorama 3D, c’est-à-dire une vue panoramique complète et interactive en 3D, ne se réalise pas en un jour. Il est d’abord conseillé de pratiquer quelques exercices d’assouplissement de la nuque afin de maintenir bien verticalement un appareil photographique mutant dont l’objectif prolongé par une étrange antenne semble capter des présences extraterrestres. Cet appendice qui d’un simple appareil reflex a fait un mutant technologique n’est en fait qu’un miroir infundibuliforme où se reflète la quasi-totalité de ce qui entoure le photographe à la nuque nécessairement souple. Rares ont été les badauds qui nous ayant surpris avec un tel engin en ont deviné l’usage.
La photographie prise ne saurait être directement utilisée, il faut, grâce à un logiciel prévu à cet effet, la transformer en une vue équirectangulaire qui, une fois projetée sur la surface interne d’une sphère de dimension suffisante pour ne pas produire d’excessives déformations. Votre monde panoramique est alors prêt, il ne reste plus qu’à pouvoir en faire la visite.
Celle-ci se fera au gré des mouvements de la souris tels qu’ils auront été soigneusement paramétrés. Il ne reste plus qu’à bien programmer, qu’à bien coder, qu’à bien user de tous ces savants mystères d’action script 3, pour qu’enfin soit réalisé notre panorama 3D tel que vous pouvez en contempler dans notre site portfolio. Et il suffit de quelques un de ces panoramas 3D pour constituer une visite virtuelle de n’importe quel lieu ou bâtiment qui s’approchera d’autant mieux d’une véritable visite que les points de vue panoramiques auront été habilement choisis. En naviguant d’un point de vue à l’autre on découvre alors l’endroit visité sous tous ses angles. vue panoramique


Tags: , , ,

La perspective 3d tend à rapetisser le lointain et à grossir le proche. Les proportions d’un tableau risquent de ce fait d’être perturbées. Une représentation en trois dimensions n’est pas toujours la plus fidèle, surtout s’il s’agit de représenter un objet en deux dimensions tel qu’un tableau. De même que nous avons pu disposer des tableaux dans l’espace d’une galerie, nous pouvons partir d’une photo d’un tableau prise sur son lieu d’exposition et rétablir sa perspective et ses proportions. Si le tableau est sous verre, qu’il y a des reflets, une lumière jaunâtre ou trop vive qui tend à changer la couleur de l’image, il est également possible d’effectuer certaines corrections qui permettront de produire une image relativement fidèle à l’original.
Voici une photo du manifeste des nouveaux réalistes qui a l’avantage de présenter tous ces défauts ainsi que sa version corrigée afin de montrer jusqu’où l’on peut corriger une mauvaise photo. Bien sûre, il est préférable de partir d’une meilleure photo pour obtenir un résultat plus fidèle à l’original.
Percept-studio a toujours été profondément niçois, avant même de s’implanter à Nice. Le terme percept n’est pas seulement deleuzien et le slogan « une nouvelle approche perceptive du réel » présent sur le site officiel de percept-studio vient justement de ce manifeste des nouveaux réalistes. Viva, viva, Nissa la Bella
Manifeste


Tags: , , , ,

Vous trouverez ici une application qui sera très appréciée des architectes ainsi que des professionnels de l’immobilier et du bâtiment. Cette application permet de visualiser de manière interactive différentes textures et coloris pour les murs ainsi que le revêtement choisi pour le sol.
Pour réaliser cette application, il a fallu, à partir d’une ou de plusieurs photos, tracer les plans qui composent la pièce selon une perspective à point(s) de fuite (vanishing point(s)). Chaque plan est alors susceptible de recevoir des modifications respectant les proportions d’une représentation en perspective. Ainsi, plan par plan, la pièce est reconstruite à partir de couleurs, de textures ou de motifs choisis.

showroomGrilles


Tags: , , ,

Visitons à présent cette petite planète vertigineuse. Au mouvement perpétuel que nous avions imposé, substituons un mouvement plus libre. Vous pouvez à présent vous déplacer virtuellement dans cet univers sphérique. Il ne s’agit pas d’agrandir simplement l’arrière-plan d’une image. Une visite virtuelle ne consiste pas à pouvoir effectuer de simples zooms sur une image.  Il s’agit ici de reproduire l’impression d’une visite réelle ou rêvée, comme si vous voliez réellement dans cet espace entièrement reconstruit par informatique.
Après avoir cliqué sur l’image ci-dessous, vous pourrez vous mouvoir de façon interactive avec la souris, parcourir ce monde courbe comme si votre regard flottait à l’intérieur d’une sphère.

lakeMouse


Tags: , ,

Powered by Wordpress
Theme © 2005 - 2009
modification of the blueblog_DE Theme by Oliver Wunder