Archive pour le mot-clef ‘web design’

Photoshop : 20 ans de retouche d’images

Dimanche 21 février 2010

photoshop retouche image Photoshop : 20 ans de retouche dimagesEn 1987, Thomas et John Knoll développent Display, un programme de retouche photo et de traitement numérique d’images. Un programme dont vous n’avez jamais entendu parler. Et pour cause. En 1988, leur programme intéresse l’éditeur de logiciel Adobe, qui décide finalement de commercialiser dès 1990 ce logiciel qu’il rebaptise Photoshop. Un mythe était né, qui allait révolutionner le monde de la publicité, celui du web design, en passant par le journalisme et l’architecture.

Pourtant, les perspectives du logiciel étaient plus modestes à l’origine. « Il y a vingt ans, Adobe prévoyait de commercialiser 500 exemplaires de Photoshop par mois », rappelle Thomas Knoll, co-créateur de Photoshop. « Nous avons largement dépassé ces prévisions ! Dire que plusieurs millions d’utilisateurs font aujourd’hui appel à ce logiciel ! Nous étions sûrs de détenir une technologie révolutionnaire, mais n’avions jamais soupçonné qu’elle allait avoir une telle influence les images que nous voyons au quotidien. »

Photoshop aujourd’hui, c’est plus de 10 millions d’utilisateurs à-travers le monde, et une version qui a sans cesse évolué, perfectionnant toujours les technologies mises au service des créatifs. Bien qu’il soit un logiciel sous licence, Photoshop a toujours mis l’accent sur la participation de ses utilisateurs. En sortant des versions bêta-tests à chaque nouvelle mouture du célèbre logiciel, Adobe s’assure que ceux-ci dénicheront les imperfections et permettront d’améliorer l’ensemble des fonctionnalités. Cette interaction entre l’éditeur et les utilisateurs, qui s’inspire du logiciel Open Source, aura en tout cas largement contribué au succès de Photoshop qui, en dehors de son tarif, reste dans l’ensemble à l’abri des critiques même si certains dénoncent les lourdeurs qui apparaissent dans l’utilisation du logiciel au fil des versions.

Néanmoins, Photoshop a littéralement écrasé la concurrence. Selon Adobe, 90% des créatifs utiliseraient aujourd’hui Photoshop.

Couvertures de magazines, publicités, films, photos d’art… Photoshop a investi tous les terrains de la création d’images et s’est imposé comme l’outil incontournable de nombreuses professions. Un succès que revendique d’ailleurs Adobe : « Photoshop a été sur tous les fronts ces vingt dernières années. Il a permis aux créatifs de concevoir des images fabuleuses qui ont façonné notre culture visuelle », a affirmé Shantanu Narayen, le président d’Adobe. « Ce n’est pas exagéré de dire qu’Adobe Photoshop, avec l’aide de millions de clients créatifs, a changé la façon dont le monde se regarde et se conçoit », a-t-il ajouté.

Photoshop a pris une telle place que sa prédominance énerve parfois. Le logiciel est accusé de véhiculer une image fausse de l’homme et de la femme. Sous les outils mis à la disposition de créatifs en quête de perfection, les sujets soumis à la retouche n’ont plus de défauts. La publicité notamment, à qui l’on reproche d’abuser de ce procédé, en arrive a présenter une image stéréotypée de ses mannequins, créant invariablement des complexes chez ceux qui prennent trop au sérieux ces photographies sur papier glacé.

Une influence si grande que le monde de la politique s’invite au débat. Le député UMP des Bouches du Rhône, Valérie Boyer travaille sur une proposition de loi qui rendrait obligatoire la mention « photographie retouchée afin de modifier l’apparence corporelle d’une personne » sur les images retouchées à l’aide de Photoshop. Autant dire qu’il faut s’attendre à voir cette petite phrase investir nos écrans, magazines, journaux et sites web. Une initiative qui, rétrospectivement, aurait obligé Paris Match à indiquer le gommage des bourrelets de Nicolas Sarkozy. Pas sûr que du côté de l’Elysée on soutienne cette proposition tant les politiques utilisent le logiciel pour lisser leur image.

Des critiques qui, toutefois, ne sauraient être imputées au logiciel Photoshop, mais plutôt à l’utilisation parfois abusive qui en est faîte.

Pour des exemples de photomontages qui ne sont rien d’autre que de la manipulation politique, je vous invite d’ailleurs à lire l’excellent post publié sur le site d’arrêts sur images.

Pour finir, voici quelques-uns des exemples les plus connus de photomontages :

La photo des missiles iraniens publiée par Téhéran et qui montre 4 missiles. En réalité, l’un d’entre eux n’a jamais été tiré en raison d’un problème technique. C’est le New York Times qui révéla le trucage.

photoshop missiles iraniens Photoshop : 20 ans de retouche dimages

La fameuse photo du Président Sarkozy qui provoqua une certaine hilarité.

photoshop sarkozy bourrelets Photoshop : 20 ans de retouche dimages

Plus suspect, le gommage de la bague Chaumet de Rachida Dati publiée par Le Figaro. D’une valeur de 16.000 euros, le bijou aurait pu provoquer l’ire de la « France d’en-bas ». Finalement, la découverte de la supercherie conduisît à une polémique bien plus importante que celle, peu probable, qui aurait pu naître si la photo originale avait été publiée.

 Photoshop : 20 ans de retouche dimages

Ou encore ce montage de Microsoft qui fît scandale.

photoshop microsoft noir Photoshop : 20 ans de retouche dimages

photoshop microsoft blanc Photoshop : 20 ans de retouche dimages

15 Conseils pour améliorer son site web – 3ème Partie

Jeudi 15 octobre 2009

web design debutant1 248x300 15 Conseils pour améliorer son site web   3ème PartieSuite et fin de mon tutoriel sur la création de sites internet. J’espère sincèrement qu’il aidera ceux qui le liront à réussir leur site.

11. La conception de votre site en CSS (Cascading Style Sheets), le contenu en XHTML

Le temps des tableaux HTML pour la présentation et le design est désormais révolu. Les meilleurs sites développés utilisent une combinaison de XHTML et de CSS, ce qui permet de créer une séparation entre le contenu et la conception.

Avec l’utilisation de balises ‘div’ vous pouvez créer des conteneurs pour les différents aspects du texte et des images sur vos pages web. Sans un fichier CSS correspondant, vous verrez juste l’essentiel – le texte – qui est aussi ce que les moteurs de recherche voient.

De cette manière, un simple lien vers un fichier externe CSS permet de rendre visible la conception graphique de votre site, tandis que sans ce fichier CSS, votre page en restera au principal : le contenu XHTML (texte), sans codes sources superflus. Le fichier CSS est ce qui spécifie les polices, couleurs, images de fond etc. pour la conception graphique de votre site.

Ce qui est très utile avec le CSS, c’est que vous pouvez mettre à jour un seul fichier CSS et le changement s’appliquera à l’ensemble de votre site (ainsi, vous n’aurez plus à aller dans chaque page HTML d’un site statique pour changer la couleur de vos liens, par exemple).

Avec cette séparation du contenu et de la conception, les moteurs de recherche n’ont plus à parcourir tout le code excédentaire pour savoir si votre contenu est pertinent.

12. S’assurer d’avoir du code XHTML / CSS valide

Développer votre site en XHTML et CSS n’est pas une fin en soi… Encore faut-il que votre code soit exact. Deux outils précieux pour la vérification de votre code source sont offertes par le « World Wide Web Consortium » (W3C):

* W3C Markup Validation Service
* Service de validation CSS du W3C

Il y a beaucoup de raisons d’écrire du code valide … Avec un code valide, vous êtes à peu près sûr que votre site aura le même rendu sur des navigateurs web différents (voir le numéro 13 ci-dessous). Un code source bien écrit donne aussi de nombreux avantages sur les moteurs de recherche. En effet, si votre site web est construit selon les standards actuels du Web, les moteurs de recherche parcourront plus facilement son contenu.

Je vais maintenant parler en tant qu’agence web : certes, la plupart des clients ne font pas le différence entre un site bien codé, et un site qui ne l’est pas. Soit. Mais par conscience professionnelle, il est toujours plus gratifiant de faire un site avec un code conforme. Et puis, si les clients ne le font pas, il y aura toujours un développeur web susceptibles de vérifier le code source de votre site pour voir ce qu’il y a sous le capot. Simple curiosité…

13. Compatibilité sur les différents navigateurs web

Bien que la plupart des professionnels du web utilisent Mozilla Firefox, ce n’est pas le cas du commun des mortels, à commencer par les clients d’agence web. Il y a en effet de bonnes chances que votre client utilise Internet Explorer. Et malheureusement il y a même une chance pour qu’il utilise Internet Explorer 6 (je vous invite à lire un post précédent sur ce sujet pour connaître le fond de ma pensée à propos d’IE6 !…)

Internet Explorer 6 à part, il est important que votre site web s’affiche convenablement pour le plus grand nombre de navigateurs web possible. Si vous pouvez les rendre compatibles sur les différents systèmes d’exploitation, c’est idéal, même si la plupart des utilisateurs sont sur un PC avec Windows et que c’est probablement la plateforme la plus importante à cibler. Cependant de nombreuses personnes dans le domaine de la création sont sur Mac. Vous devrez donc prêter attention à cet OS si ce public est votre cible.

Evidemment, la plupart des gens n’ont pas la chance d’avoir à la fois un PC et un Mac (sans parler de Linux, etc.), mais avec l’aide d’un site appelé « Browser Shots », vous pouvez entrer une URL et choisir parmi une variété de navigateurs web et systèmes d’exploitation et faire les captures d’écran via ce logiciel. Très utile si vous êtes sur un PC sous Vista par exemple, et que vous n’avez donc plus accès à d’anciennes copies d’IE6.

14. Optimiser les images pour le web

Lors de la conception pour le web, il est important d’enregistrer toutes vos images dans un format compressé. Evitez la pixellisation à outrance, mais autant que possible afin d’alléger le poids de votre site internet.

Si vous êtes habitué à un travail d’impression, vous savez que 300dpi est la norme. Ce n’est pas le cas avec les sites web. Lors de la création du site, enregistrez vos images à 72dpi (donc un temps de téléchargement plus rapide pour vos visiteurs).

Des programmes comme Adobe Photoshop ont une fonction « Enregistrer pour le Web » qui convertit automatiquement votre image à 72dpi si vous avez oublié de le faire, ainsi qu’une importante variété de paramètres de compression. Pour la création d’un site web, vous utiliserez de préférence les formats png, jpg ou gif selon les cas.

15. Statistiques de suivi et Google Analytics

Bien que cet élément ne figure pas directement sur le site, et n’est donc pas vu par vos visiteurs, il est absolument essentiel !

Il existe de nombreux logiciels qui offrent le suivi des statistiques du site web et qui contiennent des informations telles que:

* Nombre de visiteurs
* Visiteurs uniques
* Pourcentage de nouveaux visiteurs de votre site
* Quels termes de recherche les internautes utilisent-ils pour trouver votre site
* Quels sont les sites web qui vous apportent du trafic
* Quelles sont les pages les plus populaires de votre site web
* Quelle interface utilise votre visiteur moyen (système d’exploitation (OS) / navigateur internet / résolution d’écran)

Grâce à l’étude de ces informations, vous pourrez alors pérenniser le succès votre site ou faire les changements nécessaires à sa réussite. En effet, si vous souhaitez surveiller les performances de votre site web et voir comment vous pouvez les améliorer, un bon logiciel de statistiques est fondamental ! A ce titre, le programme de statistiques le plus populaire est sans aucun doute Google Analytics qui, en plus d’offrir de très nombreuses données, est très simple à utiliser.

Voilà pour ce tutoriel d’aide à la création de sites internet. En espérant avoir été le plus complet et clair possible. Si vous appliquez tous ces conseils, je suis sûr que votre site ne sera pas loin d’avoir les qualités d’un site créé par une agence web comme la nôtre.

15 Conseils pour améliorer son site web – 1ère Partie

Mardi 6 octobre 2009

agence web design 300x234 15 Conseils pour améliorer son site web   1ère PartieIl y a beaucoup de détails à considérer dans la conception et le développement d’un site web. En réalité, cela peut même sembler être une liste sans fin, mais si vous regardez attentivement, vous verrez que certains éléments sont plus importants que d’autres, des éléments qui reviennent régulièrement sur les sites les plus réussis, objectivement parlant.

Une fois que vous avez atteint le stade de la planification de votre site, les éléments que vous allez intégrer sur vos pages web se rassemblent en grandes catégories, allant du design de l’interface à la création de contenus en passant par le développement web et le langage de programmation choisis. Bien sûr, il ya aussi les questions entourant référencement naturel ou Search Engine Optimization (SEO) – mais je crois avoir déjà suffisamment abordé ces questions, tant sur le blog que sur le site de l’agence web.

Aujourd’hui, j’aimerais commencer par énumérer 5 critères que votre site doit remplir pour être le plus réussi possible. Au total, j’ai listé une quinzaine de critères. Je posterais donc trois articles distincts, reprenant chacun 5 attributs majeurs que se doit de respecter tout site web digne de ce nom.

1. Un visuel et un design de qualité

Commençons par le commencement … le graphisme (ou design) de votre site. Je ne sais pas pour vous, mais si je tombe sur un site Web qui n’est pas agréable visuellement parlant, je risque fort de « zapper » et de me rediriger vers un autre site.

Cela ne veut pas dire que chaque site a besoin d’un visuel incroyablement haut de gamme, mais si un site n’a pas été actualisé depuis 1994, son propriétaire devrait songer sérieusement à le mettre à jour, pour ne pas dire le refaire de fond en comble !

Un design sobre et simple est souvent largement suffisant. Certains infographistes aiment montrer toutes leurs compétences à-travers les sites qu’ils réalisent, et c’est compréhensible, mais je suis de ceux qui pensent que la simplicité d’un site fait aussi son efficacité. Un site trop compliqué visuellement peut être un échec autant qu’un site datant du Jurassique…

En somme, la première impression est la clé, et même si un visuel intéressant n’assurera pas à lui seul la réussite de votre site, il aura au moins le mérite de retenir l’attention de vos visiteurs suffisamment pour qu’ils jettent un œil sur ce que vous avez à leur proposer par ailleurs.

2. Une interface utilisateur réfléchie

Avec un bon design vient souvent une bonne interface utilisateur. L’interface utilisateur et l’aspect fonctionnel est le fondement de tout bon site web. Lors de la conception d’un site internet, vous aurez à vous mettre à la place de l’utilisateur moyen et, bien entendu, de déterminer votre clientèle cible : qui va visiter votre site Web ? quel est le profil du client idéal ? ont-ils l’habitude de surfer sur internet ?

Il est en effet utile, pour ne pas dire primordiale, de créer un profil de vos visiteurs et de le garder à l’esprit lors de la planification et conception de votre site internet. Soyez sûr que vous offrez sur votre site toutes les informations qu’ils recherchent avant d’acheter, devenir membre etc.

Soyez sûr que votre système de navigation est facile à repérer et cohérent. Et souvenez-vous de ceci : ce qui est évident pour vous ne l’est pas forcément pour la personne qui visitera votre site. Or, et c’est la règle en la matière, un site est avant toute chose fait pour ses visiteurs. Sur le web aussi, le client est roi.

3. Le système de navigation principal

Ce que j’appelle le système de navigation primaire, ce sont les liens les plus importants de votre site. Par exemple, les boutons « contactez-nous » ou « nos produits ». Ces liens doivent relever de la navigation principale de votre site car ils dirigent vers les domaines clés de votre site. Faîtes bien attention à mettre ces liens au-dessus Avec les écrans d’ordinateurs grands d’aujourd’hui et de plus en plus des résolutions d’écran « au-dessus du bas de page. L’idéal est de ne jamais avoir à « scroller » vers le bas pour voir un lien de navigation vers un domaine-clé du site.

Les éléments à inclure sur la partie haute de l’accueil sont votre logo (qui, idéalement, redirige vers votre page d’accueil), ainsi que des liens vers les principales sections de votre site.

Par exemple mettre « Accueil | A propos | Services | FAQ | Contact » dans une barre de navigation se trouvant en haut de votre site. La cohérence est le maître-mot.

4. Répétez la navigation dans le « footer »

Si vous utilisez des images (ou même un menu Flash) pour votre navigation principale, il est particulièrement important d’offrir un double des liens de navigation dans votre pied de page. Même si vous utilisez des liens de texte en haut, ce type de duplication est toujours utile. Vous voulez en effet rendre votre site aussi facile que possible afin que vos visiteurs trouvent le contenu qu’ils recherchent sur votre site.

Souvent le pied de page permet l’ajout de liens vers des renseignements supplémentaires – tels que les Conditions d’utilisation, les Mentions Légales etc. Bref, des informations qui devraient être faciles à trouver, mais qui ne doivent pas nécessairement figurer dans la navigation principale de votre site web.

5. Avoir un contenu de qualité

Vous connaissez maintenant le dicton : « Le contenu est roi » – vous avez beau avoir un site web qui saura attirer l’attention de quelqu’un, si le contenu n’est pas bon, je suis prêt à parier qu’il ne va pas rester.

Lors de la rédaction de votre site web, il est important de fournir des renseignements utiles et bien informés sur votre entreprise, vos produits, services, etc. Si vous utilisez un blog, des articles d’information liés à votre domaine d’expertise sont également très utiles.

Bien qu’il soit important de vous vendre vous-même ou votre entreprise, je vous conseille de ne pas exagérer non plus. Notamment sur un blog, les gens qui vous lisent ne veulent pas entendre parler de « vous et seulement vous, nombril de l’univers ou huitième merveille du Monde… » – ils veulent surtout savoir comment vous pouvez les aider.

Voilà pour les cinq premiers conseils que je voulais partager sur la création d’un site web. A très bientôt pour les 10 autres conseils à ne pas oublier lorsque l’on créé son site internet.

A suivre…

Bienvenue sur le blog de Webazia !

Mardi 24 février 2009

Famille, amis, clients, simples visiteurs, ce blog vous est destiné. Suivez jour après jour l’actualité de la société, de ses projets, consultez les derniers articles parus sur des sujets professionnels liés à l’activité de l’agence (référencement, création de site, e-commerce, webdesign). Dans un élan de com’ démagogique j’irais jusque à dire : partagez notre aventure !

L’équipe Webazia