Sélectionner une page
Protototypage

Protototypage

En conception, le prototypage consiste à concevoir des versions intermédiaires et donc incomplètes d’un site ou d’une application, conçues pour tester l’utilisation avant la phase proprement dite de programmation informatique. Dans le cadre d’une intervention ergonomique, la phase de prototypage permet de tester l’utilisation et l’utilisabilité auprès d’utilisateurs (test utilisateur). Il se distingue de la maquette fil de fer (ou wireframe) en simulant le fonctionnement avec des données fictives ou réelles. Plusieurs types et niveaux de finition sont possibles, selon la démarche de conception d’un logiciel ou d’un site Web. Le prototypage s’inscrit dans une démarche conception itérative de l’interface, en particulier dans la démarche de conception centrée sur l’utilisateur. Il vise à améliorer progressivement l’interface en s’appuyant sur l’analyse du comportement des utilisateurs finaux lorsqu’ils se servent du produit (voir aussi le test utilisateur).

Les premières maquettes conçues au début du projet, sont souvent statiques (aucun degré d’interactivité) et épurées ; elles peuvent se limiter à la définition des principales fonctionnalités et zones de contenu, et se présenter sous la forme de maquette papier. Puis, au fur et à mesure des itérations et de l’ajout d’interaction, le prototype se rapproche de l’interface finale à la fois en termes d’interaction et de graphisme1.

Le prototypage (ou maquettage) est la méthode de base pour la conception des interfaces en ergonomie informatique. Il présente l’intérêt de matérialiser l’interface, et par la même le logiciel ou le site web, et sert de référence aux différents acteurs du projet qui, par ce biais, vont s’accorder sur un langage commun. Le prototype peut également servir à la promotion commerciale du produit et être utilisée à des fins de démonstration par les équipes commerciales avant le lancement officiel du produit…

Quelques exemple de prototypes de pages webs :

zoning

 

Prototype d’une application Saas

sketching & mockups

FaceBook devant les autres sites !

FaceBook devant les autres sites !

Les Européens passent plus de temps sur Facebook que sur les autres sites.

C’est le résultat d’une étude publiée par ComScoreThe 2010 Europe Digital Year in Review ).
Facebook, avec plus de  230 millions de visiteurs, arriverait 3ème au rang des sites les plus populaires dans toute l’Europe.
Ce classement serait meilleur que tous les autres sites média. En temps de visite,  Facebook arriverait devant tous les autres (Google compris) :

De belles typos sur vos sites webs

De belles typos sur vos sites webs

 

Vous souhaitez utiliser une police qui ne fait pas partie de la « safe-list » ?
Vous ne souhaitez pas convertir tous vos textes en images ou en Flash ?

Alors envisagez l’utilisation d’une technique d’encapsulation de la police (font embedding) comme celle de Cufon.

Vos feuilles de styles vont enfin pouvoir s’enrichir et l’Arial, Helvetica, Sans-Serif, ne restera plus qu’une obligation pour la compatibilité…

Le principe est simple :

  1. Convertissez votre typo avec Cufon (*)
  2. Téléchargez la police convertie et le code javascript
  3. Implémentez le tout sur votre code source HTML+CSS

Les avantages de cette technique sont nombreux :

  • Référencement : bonne prise en compte du texte
  • Compatibilité : pas de plugin et fonctionne avec les navigateurs courants (avec javascript activé)
  • Souplesse : fonctionne avec du texte généré par un CMS

Quelques inconvénients :

  • Javascript obligatoire : une police de remplacement est à prévoir
  • Temps de chargement : le poids de la police convertie augmente rapidement surtout si l’on souhaite utiliser les variantes gras, italique…
  • Ne convient pas vraiment pour les textes des paragraphes

(*) Attention toutefois à bien vérifier que le créateur vous autorise à utiliser cette technique de conversion.

Organisez vos idées avec FreeMind

Organisez vos idées avec FreeMind

Problématique :
Vous démarrez un projet ambitieux et vous avez du mal à organiser toutes vos idées ?
Votre dernier ‘brainstorming’ a été particulièrement créatif et vous ne savez pas par quel bout commencer le ‘debriefing’ ?

Solutions :
Alors FreeMind et Mindomo sont les solutions qu’il vous faut.
Ces petits éditeurs de cartes heuristiques (ou Mind Map en anglais) vous aideront à mettre de l’ordre dans vos concepts, à hiérarchiser et présenter vos idées.

FreeMind

Le premier FreeMind est opensource. C’est un petit exécutable gratuit qui existe en version française : http://freemind.sourceforge.net/wiki/index.php/Main_Page

Le deuxième Mindomo est accessible en ligne gratuitement moyennant la création d’un compte.
http://www.mindomo.com

Il existe également d’autres solutions, plus professionnelles comme MindManager, mais les petits budgets se satisferont de ces petits couteaux suisses de l’organisation des idées.

Allez hop, au boulot !!!

AJAX Premiers pas

AJAX Premiers pas

AJAX qu’est ce que c’est ? A quoi ça sert ? Comment ça marche ?
Pour répondre à ces questions la fondation Mozilla (éditeur du maintenant célèbre FireFox) a édité un petit guide à destination des développeurs. Il est diffusé sur centre le de ressources pour développeurs et, cerise sur la gâteau, est traduit en Français.
AJAX Premiers pas : http://developer.mozilla.org/fr/docs/AJAX:Premiers_pas

Bonne lecture,
Bernard.

Les formations à distance sont en pleine ébullition.

Les formations à distance sont en pleine ébullition.

 Nouveau, le droit individuel à la formation (DIF) accorde à tout salarié à temps plein vingt heures de formation par an.
C’est une révolution pour les salariés qui pourront choisir seuls leur formation, mais aussi pour les organismes de formation à distance (FOAD) qui voient là un débouché économique à leur activité. Du coup la profession est en pleine ébullition et nous nous attendons à voir apparaître de nouveaux usages et de nouvelles stratégies dans le domaine.

Pour en savoir plus :

 

Création de blogs et CMS : votre site en 3 clics…

Création de blogs et CMS : votre site en 3 clics…

Les blogs sont depuis 2001 à la mode, il s’en crée de plus en plus chaque jour…
Il y a des outils de création payants, mais si vous avez quelques petites connaissances techniques (php+mysql) il y a de nombreux projets opensource sous licence GPL qui peuvent vous donner entière satisfaction. Petite revue de ces outils :

 

  • Dotclear
    Avantage : la simplicité en francais
    Inconvénient : version 2.0 encore en Beta, petite communauté
  • WordPress
    Avantage : la référence, large communauté : plugins, existe en VF
    Inconvénient : peut-etre un peu compliqué à administrer
  • B2 evolution
    Avantage : outil puissant, multilingue
    Inconvénient : peut-etre un peu long à configurer et administrer
  • Pmachine pro
    Avantage : très complet, différents modules
    Inconvénient : trop complet ? La mise-à-jour « pmachine Evolution » n’est plus gratuite
  • Blog cms.com
    Avantage : très simple
    Inconvénient : personnalisation limitée, trop simple ?
  • Simple php blog.com
    Avantage : simplicité, fonctionne sans Mysql
    Inconvénient : encore en Beta
  • Serendipity Weblog System
    Avantage : des options interressantes (francais dispo)
    Inconvénient : verion 0.8 (beta?)

Geoportail le site de l’IGN victime de son succès

Vendredi l’IGN (l’Institut Géographique National) annonçait Géoportail comme le concurrent français de Google Earth.

Mais ce lundi matin Géoportail victime de son succès avertissait :

« Vous êtes incroyablement nombreux à vous connecter au Géoportail,
portail des territoires et des citoyens depuis sa mise en ligne.
Nous avons enregistré plusieurs millions de connexions en quelques heures.
En raison de cette affluence, le site est actuellement saturé. »

Alors avant de voir le toit de nos maisons sur Géoportail nous devrons patienter un peu.
Cette affluence est cependant de bonne augure pour la direction marketing de Geoportail qui propose aujourd’hui de visionner gratuitement des photos aériennes du territoire français mais qui devrait lancer rapidement un service payant.

Le site : http://www.geoportail.fr

Pin It on Pinterest