Hormis ses atouts qui en font une plateforme libre, respectueux des standards, ergonomique, simple à installer et à utiliser, WordPress qui vient de fêter ses 7 ans cette année et fiable et robuste.

Quelques chiffres clés WordPress :

• WordPress a été créé en 2003 (Happy Birthday WordPress)
• 25 millions de personnes ont choisi WordPress
• Communauté de +1500 développeurs actifs
• 10 millions de thèmes WordPress téléchargés
• 60 millions de plugins WordPress téléchargés

Voici quelques unes des raisons pour lesquelles nous avons choisi de développer la création de site sous wordpress. Un site ou blog pérein dans le temps, réutilisable pour n’importe quelle agence web, gage de notre transparence.

Nous allons aborder dans prochains posts, différents aspects de WordPress :

• Création site WordPress
• Référencement WordPress
• Création thème WordPress sur mesure
• Création plugin WordPress
• Hébergement WordPress
• Et plus encore…

Le site Marcofolia a publié une liste impressionnante de ressources concernant Photoshop.

Vous y trouverez tout ce qu’il faut pour enrichir vos créations / compositions, ou améliorer vos compétences.

Voici la liste des ressources :

• 30 ressources de fonts / polices
• 5 ressources de Brushs
• 10 ressources de Textures
• 2 ressources de patterns
• 8 ressources de plug-ins
• 11 ressources de photos libre de droits
• 13 ressources de tutoriaux pour Adobe Photoshop
• 12 ressources d’inspiration

L’Agence Web FBTech reste, comme vous le savez, constamment à la recherche de nouvelles sources de données pour améliorer vos projets / sites.

Vous voulez gagner du temps et ne pas passer des heures à vous embêter sur des centaines de lignes de code, le site Ajax Daddy est fait pour vous.

En effet, ce site regroupe de très nombreuses sources de scripts Ajax, Jquery, Mootools… tous plus utiles les uns des autres.

Entre autres vous trouverez des scripts pour faire des menus, des listes déroulantes avec des noms de pays, des sondages, des carrousels, des slideshows, des zooms sur des images, des popups, des graphiques, de l’édition de zone de texte, des formulaires et beaucoup d’autres fonctions !

Toutes ces possibilités sont au final prises en compte dans l’étude de la conception de vos sites par l’agence web FBTech.

En effet, Google le géant de l’internet, a obtenu un brevet pour la « conception ornementale de l’interface utilisateur graphique d’un écran d’un terminal de communcation » le 1er septembre dernier. Ce Brevet consiste en l’image ci-dessous de la page d’accueil du célebre moteur de recherche, sa composition, avec notamment le champs de recherche centré, les onglets « texte » au dessus, les boutons situés en dessous du champs et les quelques liens tout en bas.

On a pu globalement constater sur internet, de nombreux sites ayant repris l’idée d’une page d’accueil qui ressemble à celle de Google, avec ce brevet, certains vont devoir s’inquiéter !

Les amateurs de Flex / Flash Builder seront ravis de trouver cette nouvelle ressource concernant exclusivement Flash Builder 4 (codename : Gumbo) ainsi que les prochaines versions du logiciel de développement d’application Flash d’Adobe.

Vous trouverez sur ce site une multitude d’exemples et de tutoriaux détaillés abordants tous les sujets qui peuvent être traités dans Flex 4.

L’ensemble des posts ayant pour sujet des exemples ou tutoriaux sont toujours agrémentés d’un rendu du composant ou application finale, ainsi que des sources directement téléchargeables depuis votre navigateur.

Pour découvrir ce site, rendez-vous sur : Flash-Builder-Tutorial.fr

Les adeptes de flash seront sans doute ravis de trouver cette nouvelle source.

Diverses catégories sont disponibles avec entre autres une partie proposant des sources de type « Physics » ou encore « Graphics ».

Expérimentaux, ludiques, visuels, tous les exemples sont disponibles et les sources téléchargeables gratuitement. Celles-ci vous permettront dans certains cas d’améliorer vos connaissances, de tester divers effets ou encore d’apprendre certains principe de base concernant le langage actionscript 3.

WonderFl (service en ligne de compilation et d’exécution de scripts en Actionscript en temps réel et via le navigateur) a donc récement ouvert ce site : Beautifl

Dans le cadre des services que nous vous proposons, l’agence web FBTech veille constamment aux diverses nouveautés & améliorations qui peuvent au final apporter une réelle valeur ajoutée à vos sites, créations web, print, etc…

Adobe et Facebook ont annoncé aujourd’hui leur association pour permettre aux développeurs de créer dans de meilleurs conditions des applications flash ou flex avec la plateforme Facebook.

Cette union se caractérise par la création d’une librairie officielle ActionScript 3 pour la plateforme Facebook. L’avantage de celle-ci est la mise à disposition de la librairie en Open Source qui supportera l’ensemble des API utilisées à l’heure actuelle par la plateforme Facebook.

Jusqu’à présent, quelques applications existaient pour les développeurs Flex mais rien n’était officialisé, celles-ci avaient de plus certains soucis pour suivre l’évolution constante des API de Facebook, c’est donc maintenant chose faite, le langage ActionScript 3 devient un des principaux langages de programmation avec le Php et le Javascript utilisés par la plateforme Facebook.

Vous trouverez la partie dédiée à Facebook de chez Adobe au lien suivant : Documentation et exemples d’application sur la Librairie Facebook ActionScript 3

Facebook est aujourd’hui devenu un des principaux média de communication online avec plus de 60 millions d’utilisateurs dans le monde. Nous suivrons donc cette évolution de prêt afin d’apporter une amélioration constante aux services que nous vous proposons.

La mise en place de ce WebClip se résume en deux étapes principales, détaillées ci-dessous :

1. Création de l’icône pour iPhone :

Vous devez tout d’abord créer votre icône en utilisant le logiciel de votre choix. Les spécificités sont les suivantes :
a. Votre icône devra impérativement faire 57px de large sur 57px de haut ni plus ni moins.
b. Vous devrez créer l’icône au format png transparent.

2. Mise en place de l’icône sur votre site internet :

Cette étape est relativement simple si vous avez des connaissances en html et/ou création de sites :
a. Enregistrez votre icône en la nommant : « iphoneicon.png »
b. Placez l’image à la racine de votre site internet
c. Ajoutez la balise <link rel="apple-touch-icon" href="/iphoneicon.png"/> entre les balises <head>...</head>
d. Enregistrez votre/vos pages

Après avoir complété ces deux étapes, vous pourrez effectuer un test si vous êtes en possession d’un iPhone ou iPod en vous connectant sur votre site puis en ajoutant celui-ci en page d’accueil, cf photos ci-dessous :

Certaines société ont augmenté considérablement leur taux de transformation grâce à l’optimisation d’un processus d’achat ou encore une recherche de produit.

L’utilisateur doit pouvoir tout de suite identifier les parties d’un formulaire et être guidé par des incidations claires et précises. Enfin, la saisie des données doit impéravitement être facilitée et la validation intuitive.

C’est donc à ce sujet, que vous trouverez ci-dessous dix astuces pour améliorer et/ou optimiser vos formulaires. Ces conseils peuvent être associés à des grands standards ergonomiques applicables partout et d’autres seront plus spécialisés et devront peut être adapter certaines spécificités technique de leur formulaires.

Astuce 1 – Utilité du Formulaire

La première étape avant de commencer à coder votre formulaire est de réfléchir à son utilité. Veillez toujours à prendre en compte les différentes problématiques des utilisateurs : dans quel but ce formulaire doit être utilisé ? Quand sera-t-il utilisé ? Par qui ? Comment ? Etc… En ayant réponse à ces questions vous pourrez ainsi déterminer la structure idéale à mettre en place.

Astuce 2 – Adapter les Champs.

Vous avez à votre disposition cinq différents types de champs pour créer votre propre formulaire : la zone de texte (et la zone de texte multiligne), la case à cocher (checkbox), le bouton radio, le menu déroulant et la liste. Veillez à toujours bien adapter votre choix en fonction du type de données demandées. Par exemple, si vous demandez la région dans laquelle l’internaute habite, préférez un menu déroulant à une zone de texte ou encore à une liste.

Astuce 3 – Marquer les champs obligatoires

Il est très important d’afficher visuellement les champs qui sont obligatoires. La méthode la plus simple est d’ahouter un astérisque à la suite du libellé. En outre rien ne vous empêche d’être plus explicite en optant pour une dose supplémentaire d’originalité ! Par ailleurs, les règles régissant ces champs devront être expliqués tout en haut de la page et non à la fin du formulaire. La personne aura donc toutes les informations nécessaires pour remplir son formulaire au départ et n’arrivera pas en bas de la page en découvrant des nouveaux éléments.

Astuce 4 – Apporter une attention particulière à la lisibilité

La lisibilité est très importante, elle passe au travers d’un certain nombre de points : des libellés et des champs suffisamment contrastés avec le fond de la page, un formulaire divisé en plusieurs parties et un bon espacement entre celles-ci, des champs correctement alignés (libellés soit à gauche ou à droite)… Vous pourrez utiliser des Styles CSS pour aider l’utilisateur à mieux s’y retrouver entre les diverses parties.

Astuce 5 – Format des champs

Il est inutile d’utiliser une zone de texte de 300 pixels de large pour obtenir le code postal d’un internante par exemple. Vous pouvez faire varier la taille des champs en fonction des données demandées. Autre point, vous devez impérativement être clair et précis concernant les intitulés de vos champs, par exemple : si vous demandez une date de naissance, n’oubliez pas de bien spécifier le format souhaité (jj/mm/aaaa…).

Astuce 6 – Ordre des champs

Veillez à bien garder un ordre logique pour les différentes parties de votre formulaire. Mêmes règles pour les zones de saisie. Si vous demandez une adresse postale par exemple, l’ordre logique est : le numéro, le nom de la rue, le code postal puis la ville et le pays.

Astuce 7 – Assister l’utilisateur

Il y a plusieurs méthodes pour aider l’internaute à utiliser un formulaire, vous pouvez soit préremplir certains champs, soit placer en haut de liste certaines options les plus souvent sélectionnées. Vous pourrez par exemple placer : France, Angleterre, Espagne en tête de liste pour une sélection de pays pour un utilisateur dans l’Union Européenne.

Astuce 8 – Faciliter la soumission

Le bouton de validation du formulaire doit être aligné à la suite des champs de saisie. Vous devez eviter de l’aligner par exemple en bas à droite de la page. Vous pouvez notamment le personnaliser si vous le souhaitez afin qu’il soit bien mis en valeur pour l’utilisateur. Si vous optez pour cette solution, n’oubliez cependant pas de créer un état « hover », qui augmentera le taux de clics. De plus, vous pouvez bannir les boutons Annuler ou Réinitialiser le formulaire qui pourraient induire en erreur un utilisateur sans apporter de plus-value.

Astuce 9 – Mise en place d’un système de vérification

N’oubliez pas la mise en place d’un système de vérification des données saisies qui peut être composé de la manière suivante : en JavaScript, celui-ci contrôlera si un champ est rempli et correctement. Si ce n’est pas le cas, un message indiquera à l’utilisateur l’erreur qu’il a pu commettre en remplissant le champ, un message avertira l’utilisateur. En PHP, celui-ci pourra avertir l’utilisateur si un champ est bien rempli mais irrecevable (par exemple pour un pseudo déjà enregistré).

Astuce 10 – Confirmer la réception

Pour confirmer la réception des données, vous avez différents moyens à votre disposition. Vous pouvez par exemple envoyer un email de confirmation qui indiquera à l’utilisateur un récapitulatif des informations qu’il a saisi avec le message d’acceptation. La même chose pourra aussi être faite dans le navigateur avec une page de remerciement / confirmation d’enregistrement qui indiquera un message du type : « Vos informations ont bien été enregistrées, merci de l’intérêt que vous nous portez » ou encore « Nous avons bien pris en compte votre demande et vous contacterons dans les plus brefs délais ».

En conclusion, il est bon de rappeler qu’un formulaire en ligne est plus important pour vous qu’il ne l’est pour l’internaute. En effet, remplir un formulaire est une véritable étape pour un internaute, et vous devrez de ce fait, faire tout votre possible pour qu’il le fasse dans les meilleurs conditions possibles, pour augmenter le taux de remplissage et la validation. Soyez donc efficace, suivez bien les différentes règles d’ergonomie générale, ajoutez quelques touches personnelles liées à la thématique de votre site internet et vous obtiendrez un formulaire pratique et ludique pour l’utilisateur.

Elle serait apparement dôtée d’un Ecran 12.1 SVGA, d’une surface tactile « multi-touch » pour une résolution de 1400×1050 et d’un processeur à 2.16GHz double coeur de chez Intel.

Autre caractéristiques, cette tablette incluerait 2GB de ram, un disque sur de 160GB, des connexions FireWire, Ethernet et une Batterie rechargeable.

Les amateurs de dessin ou tout autre activité nécessitant ce type de support pourront peut être bientôt bénéficier de ce nouvel outil.

Cette tablette pourrait aussi bien représenter un futur support de présentation pour vos sites, vos comptes-rendus… et nous veillerons bien entendu à adapter ceux-ci pour une optimisation maximale sur tous les types d’affichages