Si vous êtes comme moi, dans les anciennes versions de Window (XP), vous utilisiez l’horloge comme d’un calendrier. Il était facile de double-cliquer sur l’horloge pour y accéder. Le danger était de faire "ok" au lieu de "cancel" et donc de conserver, comme date système,  la date que l’on venait de regarder.

Lorsque l’on clique sur l’horloge, nous avons l’interface suivante :

À ma grande sur prise, plusieurs éléments de cette interface sont cliquables! Si l’on clique sur le mois "mai, 2008" nous arrivons à une interface de tout les mois de l’année en cours.

Si nous cliquons sur l’année "2008" nous arrivons à l’interface des années.

Si nous cliquons sur le groupe (décade) d’année, nous arrivons sur l’interface suivante.

À tout moment on peut cliquer sur la date du jour pour nous permettre de revenir à la date du jour.

@+

Je voulais partager avec vous une fonctionnalité d’Outlook que je recherche tout le temps.

Lorsque j’installe, Outlook l’une des premières configurations que je fais, après avoir rajouté ma signature de courriel, est de définir le temps des rendez-vous à 15 minutes.

Ceci permet une meilleure définition des rendez-vous que je prends.

Have fun !

La philosophie

Les popup bloqueurs sont là pour nous éviter les fenêtres que nous ne désirons pas et principalement celle que nous ne pouvons pas annulées. Ainsi, si on appel un popup sur l’événement “onload” du body ou sur le “mouse out” d’une image le popup bloqueur sera alerté. En général, les événements qui ne peuvent être annulés par l’utilisateur ou qui ne sont pas activés par lui de façon explicite sont bloqués.

Les événements proscrits sont :

• body onload
• image on mouse over, mouse out
• onunload
• …

Aussi le popup bloqueur empêche les événements suivants :

• setHomePage() s’il n’est pas généré par l’utilisateur
• Les script qui désirent automatisé les recherches du “search pane”
• …

Un bonne pratique !

Sachant cela une bonne pratique est de récupérer la valeur de retour de la fonction window.open pour validée si elle est NULL

function popUp()
{
var nouvelleFenetre;
nouvelleFenetre = window.open(...,...,...);
if( nouvelleFenetre == NULL )
{
alert("Vous avez un bloqueur de fenêtre. S'il vous plaît déactivé le pour ce site");
}
}

Certes les “popup bloqueurs ” sont une fonctionnalité intéressant, mais il semble que les constructeurs de publicité innovent avec du flash qui vol et qui parfois même rendent le site inutilisable par des zones transparentes par-dessus les contrôles.

À suivre…

Référence:

• About popup blocker (MSDN)
  
• Détails du Service Pack 2 de Windows XP

Avez-vous déjà imaginé ou désiré “browser” un blogue en ligne de commande ? Et bien M. Rob McFarland a exhaussé vos voeux, s’ils étaient !

Je suis très inpressionné par ce thème pour WordPress fait par Rod McFarland. Vous pouvez voir le thème en action sur le site de thème de Word Presse ou sur ce site Morticious Mind Thrind.

Voici, le Web 2.0 en mode commande line et/ou en mode “souris” ! Il faut aussi voir ce projet sous l’oeuil de l‘utilisabilité et de la programmation !

Pour la programmation “Wouaw”

Une grande partie du site, si ce n’est pas la totalité, est fait en javascript. D’ailleurs, si nous ne permettons pas le javascript, comme le ferait Steve Gibson, nous avons seulement droit à un thème standard de WordPress.

Il utilise de façon intéressantes les CSS, Body.OnLoad, OnKeyDown, OnKeyUp et OnClick pour rendre les fonctionnalités du blogue en ligne de commande.

Et pour l’utilisabilité…

Dans une vague ou nous sommes à la recherche de l’expérience et la rapidité du “desktop” dans les applications web, avec la vague “Ajax”, M. McFarland nous apporte avec la même technologie une vision totalement différente et très intéressante.

Liens:

Sur son blogue standard avec explication des commandes.
Sur le site de gestion de source code de GoogleCode.
Sur le site de visualisation des thèmes de WordPress.
Très intéressant !

À suivre…

Les compagnies à gros budget comme Yahoo, Google et Microsoft développent ce nouveau secteur avec beaucoup d’investissement. J’ai trouvé aujourd’hui le “Yahoo! Developer Nerwork” dans lequel nous pouvons retrouvé une section sur les interfaces utilisateurs et une autre sur design parttern.

Yahoo! UI Library

Yahoo! nous offre en mode “open source” une liste de librairie Javascript et autre pour le traitement des interactions avec les usagés.

The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.

Cette librairie nous donne accès aux systèmes d’animation, de “drag & drop”, de calendrier et bien plus…

Yahoo! Design Pattern Library

Yahoo! faisant beaucoup de développement, a fini par développer des “design pattern” qui sont les meilleures solutions à des problèmes spécifiques.

Patterns are optimal solutions to common problems. As common problems are tossed around a community and are resolved, common solutions often spontaneously emerge. Eventually, the best of these rise above the din and self-identify and become refined until they reach the status of a Design Pattern.

Nous avons ainsi accès au “tutoriel” décrivant comment et quand utiliser les “toolstip invitation” et autres éléments graphiques.

Référence:
Yahoo! UI Library
Yahoo! Design Pattern Library
Bonne Lecture

Est-ce que vous avez déjà saisie de la mauvaise information à cause d’une liste déroulante ou drop-down list ? Moi oui, cela viens de m’arriver il y a 30 minutes (22h30 le 15 janvier 2007).

Effectivement, le web est influencé par les technologies du monde réel. Le cas qui m’intéresse aujourd’hui est celui de la souris à roulette (mouse wheel) et de la liste déroulante. Effectivement, il arrive souvent que vous ayez le réflex de vouloir “scroller” avec votre souris et que la page de bouge pas, car le focus est dans une liste déroulante. À ce moment vous vous rendez compte qu’il y a quelque chose qui ne fonctionne pas. Ou pire, lorsque la page est déjà à sont plus bas à ce moment vous ne voyez pas votre changement et soumettez le formulaire fautif.M. Jackob Nielson dans son article Another reason to use drop-down menus sparingly parle des problèmes et utilisation de la liste déroulante et du fait que nous devons l’utilisé, comme toute chose, dans le bon contexte.

Utilisez bien votre souris, elle pourrait vous jouer des tours

@+

Ceci cause deux problèmes :

1. L’utilisateur attend après le système pour rien.
2. Si le formulaire n’est pas dans le haut de la page, l’utilisateur perd la position dans la page.

La principale cause que nous avons utilisé un reload au lieu d’un bouton reste

<input type="reset" />

est que nous utilisons une image comme bouton reste. Il est possible avec une image de soumettre un formulaire

<input type="image" src="..." />

cependant, nous n’avons pas de

<input type="reset_image" src="..." />

qui nous permettrai de faire un “reset” en image. Nous devons donc faire appel au javascript pour nous permettre de faire un effacement du formulaire convivial. Nous allons premièrement utiliser une image normale :

<img border="0" src="/images/btnErase0.gif" />

et ensuite l’entouré d’un href avec un événement javascript onclick :

<a onclick="document.nom_du_form.reset();return false;" href="...">

Voilà, vous avez un formulaire dont la fonctionnalité d’effacement est “user-frenbly”.