HOME PAGE

Voici une annonce qui va réjouir les passionnés de nouvelles technologies et interfaces riches.

User Interface Ressource Center

Définition officielle du site :

“The User Interface Resource Center is a community resource dedicated to providing information, education and resources around the technologies and techniques that make up the world of user interface design, development and rich Internet applications.

Adobe and Microsoft are both UIRC content partners. We are also inviting other agencies and thought leaders to contribute content and share their industry insights. Enterprise companies such as eBay, NASDAQ, and Discovery Channel have also agreed to share their case studies or be interviewed for the site.

The target audience will be business technology professionals specifically seeking to understand and learn how UI design and technologies can benefit and improve their business and customer experience.”

A noter qu’ Adobe et Microsoft sont partenaires.

Plus d’informations : http://www.uiresourcecenter.com/

Je suis tombé sur ce moteur de recherche par une connaissance qui voulait la même chose pour un autre projet.

Première question qu’il m’a posée : C’est du Flex ?

oui, oui, oui c’est du Flex !
Rien de nouveau, les effets cover flow Flex à la itunes sont connus, mais appliqués à de la recherche c’est plutôt sympa. En effet on peut voir le site sans avoir à cliquer dessus, pas besoin de repérer l’url pour savoir si nous avons déjà visité le lien.

On remarquera aussi le surlignage sur l’image des termes recherchés. Ce qui n’est pas évident puisque c’est une capture du site transformé en image. Nous aurions pu penser à une fonction OCR pour repérer les termes, mais non, puisque certains caractères en image ne sont pas repérés. Il y a donc une analyse du code source puis un repositionnement des marqueurs d’indication.

Alors pour affiner la recherche il y a des catégories avec des icônes bien utiles. On peut aussi avoir ses préférences : fond noir, fond blanc , filtre adulte, ouverture dans autre fenêtre….etc

On regrettera juste de ne pas avoir la pertinence des résultats de google

Pour un petit test, rendez-vous sur http://beta.searchme.com

Dans une application Flex, il y a souvent plusieurs composants, certains doivent actualiser les données selon les demandes de l’utilisateur.

L’avantage des interfaces riches :  la page ne se recharge pas, seul le composant recharge les données.

L’inconvénient : les données se chargent trop vite et l’internaute n’a pas vu le changement.

Solutions :

• Soit on utilise un effet de mouvement sur le composant, encore faut-il que l’interface le permette.

• Soit on place une petite animation (loader) sur le composant qui actualise les données.

Voici un exemple simple, d’un composant datagrid qui charge des données :

http://www.rphelan.com/2008/04/08/creating-an-all-purpose-loading-indicator/

Volkswagen vous permet de trouver facilement le véhicule qui correspond à vos critères, merci Adobe Flex !

Un peu à l’image du Flexstore de chez Adobe, l’application est simple et efficace.

L’application Flex reçoit sur la partie gauche un filtre pour la recherche avec les résultats en temps réel sur la droite.

Les composants slider (curseur glissant) et checkbox (case à cocher) pour le filtre suffisent, simplifiant ainsi la compréhension.

Vos pourrez remarquer, la différence de vignette (utilisation des itemrenderer sous Flex) selon le nombre de résultat. En effet celle-ci a plusieurs états (States sous Flex) qui permettent d’afficher plus ou moins d’informations avec une image plus ou moins grande.

Ce type d’application Flex est encore bien rare, ne coûte pas une fortune en développement Flex et est très intuitif pour l’utilisateur.

Quelques jours suffisent à des experts Flex pour la mise en place d’une telle application.

Voici le lien : http://www.volkswagen.co.uk/#/new