Microsoft : technologies de la rentrée 2007

Photosynth

Photosynth récupère une (votre) collection de photos d’un endroit ou d’un objet, les analyse en trouvant les similitudes, puis les associe dans un espace à trois dimensions.

Avec Photosynth vous pouvez :
1. afficher ou survoler une scène pour voir des photos sous n’importe quel angle
2. zoomer ou dézoomer à volonter sur une photographie même s’il s’agit de gigapixels
3. trouver des photos semblables à celle que vous regardez actuellement

Quelques screenshots :

read more

Journée Mondiale de l’Utilisabilité 2007

Encore un évènement incontournable le 8 novembre :

Pour en savoir plus, c’est chez Fred.

Point accessibilité : l’Europe s’y mets.

Un label d’accessibilité européen vient de voir le jour (depuis quelques temps en fait) : Euracert, certifiant la disponibilité d’un site pour les aveugles, les malvoyants et les malentendants.

Morceaux choisis (Via 01Net ):

• Les entreprises ou les établissements publics intéressés par ce type de certification doivent d’abord obtenir le certificat national de leur pays, puis demander Euracert. « En France, le label bronze Accessiweb coûte 1900 euros. Il faut ajouter 600 euros pour obtenir le label Euracert »

• Le surcoût associé dépasse souvent les 20 % du coût total de développement du site Web.
• Seulement 3 % de sites européens accessibles

• En France, seulement une vingtaine de sites ont été certifiés Accessiweb pour l’instant. Il s’agit essentiellement de sites d’établissements publics comme le ministère délégué aux personnes handicapées (label bronze) mais des grandes entreprises comme Gaz de France (label bronze) et la SNCF (label argent pour ses sites TER) viennent d’obtenir un label.

No Clic – No clac

Un site plutôt artistique qui vient de remporter le webby Awards dans la catégorie Animation / Motion Pictures et Esthétique.
On notera la reprise de l’ergonomie « don’t click« .

Si j’osais, aprés le site sans clic, je parlerai de la souris sans clic... et puis du clavier sans clac… mais non.

Remplacement de texte par de l’image

Voici plusieurs techniques pour insérer une typographie riche – i.e. remplacer du texte par une image, tout en respectant l’accessibilité et l’indexation par les moteurs de recherches : bluffant !

» /!\ problèmes d’accessbilité avec ces techniques et là.
» La technique ultime.

» Une technique en php… prometteur mais… je ne suis pas arrivé à faire tourner….

» Surtout pour les titres, en css brut.

» Solution simple et compatible.

» pas mal du tout.

» En javascript.
Il s’agit ici plus d’un detect pour savoir si le navigateur autorise l’affichage d’image.

Ergonomie incitative et accessible

» Support de présentation du WiF.

» Feng-shui et interfaces graphiques.

» Le Design eye.

» Communication visuelle & design Web

» L’accessibilité : « ça coûte cher et ça sert pas à grand chose »…
» L’accessibilité : halte aux mythes & préjugés.

» Design de mailing list.

» L’utilité et l’utilisation de l’effet rollover.

» Etude sur la navigation.

Des effets CSS

» Opacity et transparence.

» Apparition de l’image en fade.

» Un faux loader… par exemple pour le chargement d’une image.

» Rendre les liens ‘visited’ plus sexy.

» Des info-bulles

» Effet sur un logo.

» De l’ombrage, aussi chez sixApart

» un rollover sur une partie d’une image.

» Généré des dégradés php et css.

» Un rating… très en vogue.

Pocket Design

» Mobile Web Design.

» Rendre son site visible par les mobiles.

Tout ce qu’il faut prendre en considération pour la conception et l’intégration sous PDA et autres. L’auteur dévoile un argument pour développer avec Opera auquel je n’aurais pas pensé…