« Un camion, dont la hauteur était trop importante, est resté encastré pendant plus d’une heure ce matin à l’entrée du souterrain de l’Arc de Triomphe à Paris (VIIIe) » (AFP aout 09) En effet, si vous ne le saviez pas, il y a un souterrain sous les champs-élysées. Mais il est petit et il est donc interdit de le franchir lorsque la hauteur du véhicule dépasse 2 mètres 40 de hauteur…. Si c’est interdit il y a une raison… Le blog nommé www.2m40.com/ donne la réponse !
BNP Paribas propose une application pour vous permettre de trouver rapidement une agence (et ses horaires), un distributeur BNP ou celui d’un de ses partenaires le plus proche de là où vous êtes.
L’application nommée SPOT BNP Paribas est gratuite et disponible sur AppStore pour les iPhones 3Gs. Uniquement sur les 3G’s’ car l’application utilise la réalité augmentée et donc le mode boussole de l’appareil.
Fonctionnement très simple avec 2 modes pour localiser les agences :
- une carte type Google Map. Outre l’usage du GPS,
- la réalité augmentée nommé « Camera » qui se superpose la vision de la réalité via une caméra et des informations supplémentaires sur l’écran.
L’application est très fluide et intuitive à utiliser, d’après nos sources il semblerait que les agences Mobil’factory & Keyneosoft soient à l’origine de l’application
liens itunes : http://itunes.apple.com/fr/app/spot-bnp-paribas/id355860861?mt=8
Parfois la sérendipité ça a du bon. Je vous raconte ma vie tant qu’à faire, petite pause dans ma soirée studieuse (si si ça arrive) durant laquelle j’ai été faire un tour sur www.thefwa.com, et ne me demandez pas comment (c’est ça les petites joies du clic hasardeux) j’ai découvert ça :
Jusque là juste un site de vêtements féminins avec une jolie police de caractères et pleins de gros visuels ?! C’est pas faux. Mais si vous avez lu le titre, vous vous doutez bien qu’il se cache quelque chose de plus …
Et c’est par son système de navigation que le site se différencie, puisqu’il ne sert à rien que vous cherchiez les boutons suivants ou les menus à ralonge, tout ce passe avec la souris. Jetez un oeil à l’aide ci-dessous et allez essayez par vous même, c’est plutôt sympa.
C’est simple, des flèches pour se déplacer, des petits ronds pour zoomer, un M pour le menu …
Pour tester c’est là : www.red-issue.com
Pour info le site a été réalisé par Hello Monday agence de créa. qui envoie tout ce que vous voulez tellement c’est beau ce qu’ils font (ne serait ce que leur portfolio <3)
Dans le même esprit ça m’a rappelé le site www.dontclick.it, qui allait encore plus loin en interdisant totalement le clic.
Infographics make information easy to consume. Mundane Charts vs Info graphics: Although they are essentially driven by the same set of information, our eyes are more attached to the ones that give aesthetic pleasure. Below are 10 that might suit your social media taste buds.
En frenchouillard : de plus en plus d’information, de plus en plus vite : comment gérer tout ça ? Voici quelques représentations graphiques du web tel qu’il est aujourd’hui (même si aujourd’hui est déjà différent). Des dessins pour faire joli et pour se représenter graphiquement le monde numérique dans lequel nous évoluons.
Le lien : http://www.penn-olson.com/2010/01/13/10-gorgeous-social-media-infographics/
(via Penn Olson)
CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That’s a reasonable solution — after all it doesn’t make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet. The point of this article is to give you a glimpse of what will be possible soon and what you will be using soon and provide you with an opportunity to learn about new CSS3 techniques and features.
In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Please notice that most techniques presented below are experimental, and many of them are not pure CSS3-techniques as they use jQuery or other JavaScript-library.
En frenchouillard : les css3 arrivent et vont permettre d’aller plus vite en intégration et en développement. Passer enfin plus de temps sur la réflexion et moins sur l’adaptation des outils existants. Smashing magazine nous sort une belle liste d’outils déjà fonctionnels. A voir et à revoir, a la fois pour l’ergonomie, pour la logique, et pour la beauté liée à la simplicité.
Le lien : http://www.smashingmagazine.com/2010/02/01/50-brilliant-css3-javascript-coding-techniques/
(via Smashing Magazine)
If you’ve ever sent an email campaign, you know that if your CSS is not coded inline, it is likely to get stripped out by email clients, which can make your email design pretty funky looking. Writing CSS inline can be time consuming, and repetitive. MailChimp has a CSS inline conversion tool built right in that will automatically transform all of your local styles into inline styles. Designers have found it so useful, we thought we’d share it with everyone else – even if you don’t have a MailChimp account.
—– En Fr :
Cet outil permet de copier/coller un code HTML de page web d’un emailing que l’on a préparé avec des CSS dans le header, en fichier externe, … et de tout remettre au bon endroit comme dans les années 90 : directement dans les balises. Ainsi on peux pousser le design d’un email et être sûr que le destinataire aura une version graphique identique à celle qui a été créée !
http://www.mailchimp.com/labs/inlinecss.php
Et retrouvez aussi un ensemble d’outils vraiment pratiques développés par la société MailChimp : http://www.mailchimp.com/labs/
Le formulaire est l’un des moyens pour l’utilisateur d’envoyer des données, alors que son comportement classique sur le web consiste plutôt à recevoir des informations. Cette notion entraîne des problématiques d’ergonomie autres que celles liées à la simple consultation de contenus.
Cet article présente les standards d’ergonomie web pour la conception de formulaires et quelques recommandations à adapter à la spécificité de chaque situation. Les thématiques concernant les formulaires couvrent un large champ d’application, dans les domaines du logiciel et du web, pour le grand public ou les applications métiers, pour les novices ou les utilisateurs expérimentés.
Qu’ils servent à envoyer un message, acheter un produit, remplir un questionnaire ou accomplir une tâche professionnelle plus précise, les formulaires doivent respecter certaines règles. On peut distinguer des recommandations génériques et des recommandations spécifiques, qui seront déduites du contexte d’utilisation du formulaire et de ses caractéristiques.
Il existe une grande différence entre un formulaire destiné à un site grand public ou à une application professionnelle. Cette différence est d’ailleurs à étudier quelque soit la thématique (mode d’interaction avec le formulaire, organisation des champs, gestion des erreurs, etc.).
Les formulaires sont quelque chose d’assez bien défini au niveau des règles à appliquer pour les formulaires web classiques (formulaire de contact, de commande d’un document, de gestion d’un processus d’e-commerce…).
C’est beaucoup plus complexe pour les formulaires spécifiques, destinés à être utilisés dans un cadre professionnel, et pour lesquels on ne dispose pas de référent existant. Pour ce type de formulaires, l’analyse de l’activité doit prendre une place beaucoup plus importante, c’est elle qui doit guider les choix d’interfaçage plutôt que l’application de règles standards.
Version PDF : http://www.ergolab.net/ressources/articles/article_id22/article_pdf.pdf
[ suite à lire sur le site : http://www.ergolab.net/articles/ergonomie-formulaire.php ]
(via Ergolab)
Il existe déjà beaucoup d’outils online qui transforment pages Web, Documents, flux RSS, en PDF.
Fivefilters en fait partie, et se démarque des autres en misant sur une licence Open Source AGPL. Vous pouvez donc réutiliser (en respectant la licence) le code source pour l’intégrer à votre site ou votre application Web.
L’utilisation est simplissime : donnez lui l’url du flux RSS que vous voulez, et vous obtiendrez un PDF mis en page (avec ou sans images, selon les options choisies).
http://www.technofeliz.com/2009/07/13/fivefilters-et-votre-blog-se-metarmorphose-en-pdf/
(via Technofeliz)
Tout le monde ou presque connait Google Suggest, qui suggère automatiquement des termes de recherche au fur et à mesure que l’on saisit notre requête, à chaque fois que l’on tape une lettre supplémentaire, la liste est modifiée. Cet outil fournit également, à côté de chaque suggestion, une estimation du nombre de résultats sur google que renvoit chaque mot-clé de la liste.
Les mots-clés proposés correspondent « soit-disant » aux recherches que font fréquemment les internautes (d’où l’intérêt pour les référenceurs).
Le script Google suggest que nous vous proposons, permet à partir d’un mot-clé, de trouver toutes les suggestions faites par Google pour ce mot-clé et les mots-clés trouvés et ainsi de suite selon la profondeur d’analyse choisie.
Par exemple, si je saisis référencement, le script va extraire toutes les propositions de mots-clés en partant de référencement et pour chaque mot-clé trouvé, le script va à nouveau extraire les mots-clés correspondants et ainsi de suite. Ce script va ensuite éliminer les doublons pour vous proposer une liste unique de mots-clés.
En test ici : http://normedia.fr/wordpress/optReferencement.php
Lien : http://www.seoblackout.com/2010/01/20/referencement-google-suggest/
(via SeoBlackOut )
Le smashing-magazine a (encore) pondu un super article sur les évolutions et sur les nouvelles tendances des interfaces de site web. Pas toujours évidentes à mettre en place pour nos sites, cela n’en reste pas moins une superbe collection d’interfaces à l’imagination riche et créative !
Petit coup de coeur pour celle ayant traits aux mobiles, reprenant parfois l’interface iPhonisée ou simplifiant au maximum les interactions avec le système d’information. Bref, des idées à piocher !
Lien => http://www.smashingmagazine.com/2010/01/04/showcase-of-modern-navigation-design-trends/
A lire aussi : 50 menus « user-friendly » pour le web, vraiment rafraichissante cette sélection !
Lien => http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/