Developpez.com

Plus de 2 000 forums
et jusqu'à 5 000 nouveaux messages par jour

Conception générale de sites web

43 livres et 60 critiques, dernière mise à jour le 21 avril 2017 , note moyenne : 4.4

  1. Design émotionnel - A Book Apart n°5
  2. Typographie web
  3. Mobile first
  4. Design web responsive et responsable
  5. Even Faster Web Sites
  6. High Performance Web Sites - Essential Knowledge for Frontend Engineers
  7. Bien rédiger pour le Web - Stratégie de contenu pour améliorer son référencement naturel
  8. Apprenez les langages HTML5, CSS3 et JavaScript - Pour créer votre premier site web
  9. HTML5 et CSS3 pour des sites Responsive Web Design
  10. Créer un seul site pour toutes les plates-formes - Aux sources des approches responsive et adaptative
  11. Stratégie de contenu, conception et référencement de votre premier site web - Coffret de trois livres
  12. Responsive Web Design avec HTML 5 et CSS 3.
  13. Qualité Web - Les bonnes pratiques pour améliorer vos sites
  14. Intégration web - Les bonnes pratiques - Le guide de survie de l'intégrateur
  15. Accessibilité web : Normes et bonnes pratiques pour des sites plus accessibles
  16. Ergonomie des interfaces - Guide pratique pour la conception des applications web, logicielles, mobiles et tactiles
  17. Don't make me think - Optimisez la navigation sur vos sites
  18. Responsive Web Design
  19. Ergonomie web
  20. Développer pour le Web mobile
  21. Les éléments de l'expérience utilisateur
  22. Lisibilité des sites web - Des choix typographiques au design d'information
  23. Développer avec les API Google Maps - Applications web, iPhone/iPad et Android
  24. Ergonomie web illustrée - 60 sites à la loupe
  25. Bonnes pratiques des standards du Web
  26. Bien Rédiger pour le Web - ... et améliorer son Référencement Naturel
  27. Conduite de projet Web (1Cédérom)
  28. Réussir son site web en 60 fiches
  29. Réussir un projet de site Web
  30. PHP - MySQL - AJAX - Coffret de 2 livres : Créez des applications professionnelles
  31. Hacking sur le Web 2.0 - Vulnérabilité du Web et solutions
  32. Head First Web Design (A Brain Friendly Guide)
  33. E-commerce - De la stratégie à la mise en oeuvre opérationnelle
  34. LAMP (Linux, Apache, MySQL, PHP) - Coffret de 4 livres - Maîtrisez vos applications Web Open Source
  35. Gadgets et Widgets
  36. Mémento : Ergonomie Web
  37. Ergonomie Web - Pour des sites web efficaces
  38. UML 2 : Modéliser une application web - 3ème édition
  39. Architecture de l'information - pour le Web
  40. Les briques du web - En concentré
  41. [ Re ] design web [2.0] - Conduite de projet
  42. Conduite de Projet Web
  43. UML - Modéliser un site e-commerce - Les Cahiers du Programmeur
couverture du livre Design émotionnel

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Design émotionnel

A Book Apart n°5

de
Traducteurs : Charles Robert
Public visé : Débutant

Résumé de l'éditeur

Engagez émotionnellement les visiteurs de votre site Web en leur offrant une expérience positive grâce aux préceptes énoncés dans ce petit et brillant ouvrage écrit par le designer spécialiste en expérience utilisateur, Aarron Walter.

De la psychologie classique aux études de cas, des concepts poussés au bon sens le plus simple, Design émotionnel décrit des stratégies et des méthodes accessibles pour vous aider à donner une dimension humaine à vos designs.

Édition : Eyrolles - 110 pages , 1re édition, 15 décembre 2011

ISBN10 : 2212133987 - ISBN13 : 9782212133981

Traduction du livre Designing For Emotion publié en 2011 aux éditions A Book Apart LLC ; 14 cm x 21,5 cm ; 247 g ; quadri

Commandez sur www.amazon.fr :

12.00 € TTC (prix éditeur 12.00 € TTC)
  • Le design émotionnel
    • Révolution : un gagné pour un perdu
    • Nos débuts sur le Web
    • Hello, Maslow
    • Poser des bases solides
    • Utilisable = comestible
    • Les émotions et la mémoire
    • Le principe de design émotionnel
  • Concevoir pour les humains
    • Ce qui nous unit
    • Design et nature humaine : les visages de bébés
    • Le monde est notre miroir
    • Le contraste : bon ou mauvais ?
    • Un processeur limité
    • Contraste de marque
    • Le pouvoir de l'esthétique
    • Les bases d'un design émotionnel
  • La personnalité
    • La personnalité est la plate-forme des émotions
    • Bref historique de la personnalité dans le design
    • Les personas
    • Créer une persona du design de votre site web
    • Le pouvoir de la personnalité
  • L'engagement émotionnel
    • Surprise et enchantement
    • L'anticipation, le cordon de velours et le statut
    • Amorçage
    • Il n'y a pas de formule magique
  • Surmonter les obstacles
    • Suivre son instinct
    • La voie du moindre effort
    • L'apathie
    • Si vous n'y arrivez pas dès le départ...
    • Mea culpa
  • L'indulgence
    • Flickr : comment faire passer la pilule
  • Risques et récompenses
    • La mise en pratique
    • Convaincre votre patron

Critique du livre par David Bleuse le 30 novembre 2016
En s’inspirant de la pyramide de Maslow qui établit une hiérarchie des besoins humains (chap. 1 §3), on peut définir pour un site web, dans cet ordre, les quatre contraintes que celui-ci doit satisfaire : fonctionnalité, fiabilité, utilisabilité, plaisir (chap. 1 §4). Si les trois premières sont à la charge du développement et de l’ergonomie web, la dernière relève du design émotionnel.

Pour réaliser sa mission, le design émotionnel s’intéresse au comportement des visiteurs du site web à la fois en tant qu’êtres humains et en tant qu’utilisateurs cible, et d’autre part, s’emploie à créer un lien privilégié entre eux et le site web en donnant à son tour à ce dernier un visage humain.

L’internaute : un humain avant tout

Afin de toucher le plus large auditoire, le design émotionnel exploite avant toute chose la caractéristique la mieux partagée par les internautes : ce sont tous des êtres humains ! Partant de ce constat évident, le design émotionnel s’appuie sur les travaux de la psychologie évolutionniste. Cette dernière nous apprend ainsi que chacun de nous est attiré par ce qui lui ressemble, résultat à la source de nombreux designs anthropomorphes (chap. 3 §2 et 4), imitant nos activités (chap. 2 §7 et chap. 3 §2) ou évoquant notre silhouette (chap. 2 §3).

Une forme humaine particulière a cependant notre préférence : celle des visages de bébés. Le livre nous montre à ce sujet, à partir d’un exemple, comment cette inclination trouve son application dans un site web (chap. 2 §2).

Si l’instinct de survie – car c’est bien lui qui est en cause – nous rend dociles lorsque nous sommes en présence de notre progéniture, afin de nous inciter à mieux en prendre soin, il nous aide dans un autre contexte à nous protéger nous-mêmes en faisant de nous des experts en détection de rupture de motifs, ou contraste. Celui-ci se décline en contraste visuel et contraste cognitif. Ces deux modalités ont des applications dans le monde du Web : le premier incitera, par exemple, à passer à l’action lors de l’utilisation d’un formulaire (chap. 2 §4) ; le second permettra à un site web de se distinguer de ses concurrents (chap. 2 §6). Le contraste n’apporte cependant le résultat attendu que tant qu’il est employé avec mesure : la loi de Hick indique ainsi que la multiplication des effets de contraste présente le risque d’égarer le visiteur (chap. 2 §5).

Comme le montre l’auteur à partir de deux exemples concrets, la surprise peut se révéler un moyen efficace de créer du contraste, et par l’effet qu’elle provoque, rendre inoubliable l’expérience utilisateur (chap. 4 §1). En effet, les émotions, qui sont une autre caractéristique commune à l’espèce humaine (chap. 2 §1), ont ce pouvoir de faciliter l’imprégnation des événements dans la mémoire (chap. 1 §6).

Contrairement à la surprise, l’anticipation ne surprend pas l’internaute par la nature de l’événement qui l’attend mais par la forme que celui-ci prendra. Le cas du redesign de Twitter en 2010, dont l’auteur nous détaille les étapes, illustre parfaitement la façon dont les internautes prennent spontanément à leur charge une partie de la communication, surtout lorsque l’octroi d’une information privilégiée fait prendre du galon à leur statut, entraînant ainsi un effet cordon de velours (chap. 4 §2).

Le public de notre site n’est cependant pas composé d’humains lambda ; il constitue une cible précise dont il faudra satisfaire les besoins propres. Cette dernière sera définie à l’aide de la méthode des personas dont l’auteur nous expose très brièvement le principe et nous présente un exemple de livrable (chap. 3 §3).

Le site web : ...un humain avant tout !

À l’instar de l’artisanat (chap. 1 §1), le design émotionnel, en donnant un visage humain à ses réalisations (chap. 3 §1), séduit un public las des sites web sans âme produits à la chaîne (chap. 1 §2).

De même qu’elles nous ont permis d’identifier la personnalité de notre public, les personas nous aideront à définir celle de notre site web. Après avoir énuméré les différents composants d’une persona du design d’un site web, l’auteur, en guise d’exemple, nous en donne les valeurs pour le site MailChimp dont il a été le designer principal (chap. 3 §4).

La mise en page véhiculera la personnalité du design ainsi définie, et que le ton soit à l’humour ou à l’empathie, derrière l’interface, on reconnaîtra un être humain (chap. 3 §4).

En apportant une sensation de confort quand il s’agit d’effectuer des tâches techniques (chap. 1 §5) ou en inspirant confiance lors de la réalisation d’opérations sensibles (chap. 5 §1), la mise en page lève par la même occasion, chez l’utilisateur, les freins à l’action.

Plus généralement, un design doté d’une vraie personnalité peut, comme nous le montre l’auteur, preuves à l’appui, aider un site web à faire la différence face à ses concurrents (chap. 7 §1).

L’aspect humain du site web ne se traduit pas seulement dans son apparence mais également dans sa façon de se comporter avec l’utilisateur. Un humour savamment distillé à travers les pages d’un site web peut ainsi mettre l’utilisateur dans de bonnes dispositions et par voie de conséquence, l’aider à accomplir des tâches difficiles, selon le principe de l’amorçage (chap. 4 §3).

Une démarche active telle que la mise en place de gains peut contribuer à fidéliser un client, surtout lorsque ceux-ci prennent la forme de récompenses variables (chap. 7 §1). Ils peuvent également remotiver un utilisateur réalisant une tâche longue et rébarbative (chap. 5 §2). Et si les internautes continuent, malgré la qualité de notre design, à faire montre d’une insolente indifférence, la cause sera sans doute à rechercher sur un autre plan : celui du contenu (chap. 5 §3). Enfin, l’humour et le jeu peuvent aider un site web à se sortir de situations délicates (chap. 5 §5), qu’il s’agisse d’une réclamation (chap. 1 §7) ou d’un incident technique (chap. 6 §1).

Le design émotionnel ne doit pas être envisagé uniquement pendant la phase de développement. En amont, on sera sans doute amené à justifier le bien-fondé d’une telle démarche (chap. 7 §2) ; en aval, le cas échéant, on essaiera de comprendre, à l’aide de tests, pourquoi notre design n’apporte pas les résultats escomptés (chap. 5 §4). Dans ces deux situations, ce n’est plus le site web mais l’informaticien qui devra afficher un visage humain !

En conclusion

Le design émotionnel donne un visage humain à notre site web. S’il repose sur quelques grands principes traités dans les différents chapitres du livre, le plus souvent synthétisés dans un paragraphe conclusif, il ne délivre en revanche aucune méthode universelle, la forme définitive d’un site web étant intimement liée à la personnalité que l’on souhaite attribuer à ce dernier. Pour cette raison, on ne trouvera dans le livre aucune recette mais un grand nombre d’exemples extraits du Web qu’il ne s’agira évidemment pas d’imiter servilement mais qui pourront aider à nourrir notre réflexion. En cela, le livre nous engage davantage sur la voie de l’innovation que sur celle de l’acquisition d’une expertise sur une technique précise.

Le livre constitue une bonne entrée en matière pour ce qui regarde le troisième étage de la conception d’un site web, qui devra certes passer après les aspects de fiabilité et de performance mais qui permettra finalement de faire la différence face aux sites concurrents.

Sa lecture pourra être complétée par celle d’un des livres cités en annexe.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 20/04/2017 à 21:06
Design émotionnel

Engagez émotionnellement les visiteurs de votre site Web en leur offrant une expérience positive grâce aux préceptes énoncés dans ce petit et brillant ouvrage écrit par le designer spécialiste en expérience utilisateur, Aarron Walter.

De la psychologie classique aux études de cas, des concepts poussés au bon sens le plus simple, Design émotionnel décrit des stratégies et des méthodes accessibles pour vous aider à donner une dimension humaine à vos designs.

[Lire la suite]




Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 20/04/2017 à 21:11
Bonjour à tous,

David Bleuse, qui se laisse parfois attirer par des ouvrages qui ne sont pas nécessairement récents, a lu le livre Design émotionnel et vous en donne sa critique.

Je vous invite à la lire sur cette page !

Si vous aussi avez une critique à émettre sur ce livre, n'hésitez pas à nous en faire part.
couverture du livre Typographie web

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Typographie web

de
Traducteurs : Anne-Sophie Gagné Fradier
Public visé : Débutant

Résumé de l'éditeur

La typographie est la « voix » du design et l'outil le plus puissant dont vous disposiez pour communiquer avec vos lecteurs. Apprenez à manier la lettre avec esprit et talent : jugez les polices, évaluez les contraintes techniques, créez des systèmes typographiques flexibles et constituez votre collection de caractères favoris.

Dans cet ouvrage, Jason Santa Maria, designer graphique de renom, veut vous amener à voir au-delà du code et des ornements pour vous faire découvrir comment la typographie façonne notre façon de lire et comment adapter nos pratiques de la discipline à l'écran. Lancez-vous : choisissez et mariez les caractères, composez et invitez votre public à la lecture !

Édition : Eyrolles - 158 pages , 1re édition, 26 mars 2015

ISBN10 : 2212141483 - ISBN13 : 9782212141481

Traduction du livre On Web Typography publié par A Book Apart LLC ; 14 cm x 21,5 cm ; 318 g ; quadri

Commandez sur www.amazon.fr :

15.00 € TTC (prix éditeur 15.00 € TTC)
  • L'expérience de lecture
    • Lisibilité
    • L'acte de lecture
    • Piper les dés
  • Les rouages de la typographie
    • De l'importance de la typographie
    • Problèmes de riches
    • La typographie sur le Web
    • La langue de la typographie
  • Évaluer une police
    • Fonte et police
    • Classifications
    • Caractéristiques physiques
    • L'espace du cadratin
    • Contraste typographique
    • Graisses et styles
    • Hauteur d'x
    • Chiffres, ponctuation et caractères spéciaux
    • Petites capitales et ligatures
    • Groupes linguistiques
    • Corps optiques
    • Contexte historique
    • Trouver des alternatives
    • Considérations techniques
  • Choisir et associer des polices
    • Connaissez votre contenu
    • Méthodes pour choisir des polices
    • Méthodes d'association
    • Trouvez vos classiques
  • Systèmes typographiques
    • Hiérarchie et contraste
    • Paragraphes
    • Autre texte notable
    • Interface
    • Assembler les morceaux
  • Composition
    • Inconnues connues
    • Typographie responsive
    • Composer la page
    • Alignement et césure
    • Gris typographique
    • Espace blanc
    • Échelles et rythme typographiques

Critique du livre par David Bleuse le 23 décembre 2016
Avant de tirer profit des possibilités offertes par le multimédia, le Web a d'abord été conçu pour le texte, jouant pour ce dernier, à notre époque moderne, le même rôle que le livre au temps de Gutenberg. Élément clé dans la réussite du document imprimé, la typographie tient par conséquent une place tout aussi primordiale pour celui édité à l'écran.

Les règles éprouvées de la typographie nous aideront à choisir un caractère lisible. Celui-ci constituant la première information reçue par l'internaute, la police retenue aura en outre la tâche de communiquer à ce dernier une partie du message contenu dans la page. Une association judicieuse de polices et de styles permettra de hiérarchiser les différents éléments qui la constituent pour mieux faire apparaître les fonctions qui leur sont attachées. Enfin, un ensemble de techniques permettra de concrétiser à l'écran les choix de conception ainsi élaborés.

Une police pour être lue

Le mécanisme de lecture se décomposant en saccades et brèves fixations, le lecteur perçoit davantage la forme générale des caractères qu'il ne reconnaît chacun d'eux par ses traits distinctifs (chap. 1 §2). Par conséquent, la police choisie devra être composée de caractères facilement identifiables. C'est ici qu'intervient l'anatomie du caractère (chap. 3 §3) : ainsi, avant même de régler la force de corps, la taille du caractère dépend de l'espace que ce dernier occupe à l'intérieur du cadratin (chap. 3 §4) ; de même, la hauteur d'œil a une incidence sur la lisibilité (chap. 3 §7).

La plus ou moins grande facilité de lecture dépend en second lieu de la nature du texte mis en forme. Si un titre, pour peu qu'il soit court, offre suffisamment de liberté dans le choix de la police à lui appliquer, un texte nécessitant une lecture au long cours est au contraire soumis à plusieurs contraintes (chap. 4 §1). On évitera notamment pour ce dernier les détails esthétiques qui pourraient distraire le lecteur dans son activité : la différence d'épaisseur entre les traits d'un caractère, mesurée par le contraste, sans être inexistante, devra ainsi rester modérée (chap. 3 §5). On évitera également que la lecture ne soit gênée par la présence de caractères entrant en conflit en recourant aux ligatures (chap. 3 §9). Enfin, on maintiendra la fluidité de la lecture en substituant aux caractères dépassant par leur hauteur le reste du texte, à savoir les capitales et chiffres Didot, leurs équivalents de taille ordinaire : petites capitales (chap. 3 §9) et chiffres elzéviriens (chap. 3 §8).

On voit ainsi que pour être parfaitement lisible, le texte long nécessitera une police au jeu de caractères étendu. Cela doit nous mettre suffisamment en garde contre les polices gratuites qui, entre autres inconvénients, n'ont pas les moyens de proposer un ensemble de caractères aussi complet (chap. 4 §2), carence qui peut être aggravée par l'absence de caractères spécifiques à certaines langues étrangères (chap. 3 §10), ce qui est évidemment problématique lorsqu'on développe un site web au périmètre international.

Une police pour communiquer

Choisir une police aux caractères aisément déchiffrables est une première étape importante mais ce n'est pas la seule. La police doit également retenir l'attention du lecteur (chap. 2 §1) afin que le terme de lisibilité prenne tout son sens (chap. 1 §1).

Devoir faire un choix parmi les « plus de cinquante mille familles de polices commerciales » recensées (chap. 2 §2) a de quoi donner le vertige ! Pour arriver à nos fins, l'auteur nous suggère de segmenter notre travail en nous appuyant sur les classifications. Rappelant qu'il n'y a pas aujourd'hui de consensus sur la manière de classer les polices existantes ou à venir, l'auteur se garde de nous détailler les classifications officielles, et en ce qui le concerne, ne travaille qu'avec une poignée de catégories différentes comprenant notamment les fameuses serif et sans serif (chap. 3 §2).

Cette stratégie peut être complémentaire de celle consistant à réduire le champ d'investigation. Pour constituer notre panier de polices dans lequel piocher, l'auteur nous invite à ne pas considérer la typographie comme un simple outil mais, au contraire, à nous y intéresser vraiment. Cela passe d'abord par un apprentissage du vocabulaire technique (chap. 2 §4) puis par une collecte de différentes sources susceptibles de nous faire découvrir de nouvelles polices ou de nous renseigner sur elles (chap. 4 §4). Dans ce cadre, quelques applications web nous seront d'une aide précieuse (chap. 4 §2).

Durant tout le processus de sélection de la police, on doit garder à l'esprit que « les polices typographiques s'inscrivent dans une époque, un lieu, une culture » (chap. 2 §2). Une police est ainsi le reflet de la période où elle a été créée. Les époques, même les plus anciennes, pourront revivre grâce aux refontes de polices tombées dans le domaine public. Le livre nous en donne un exemple avec la célèbre Garamond, inspirée des dessins de l'imprimeur éponyme du seizième siècle, qui a donné naissance à un grand nombre de versions pour l'écran, dont l'auteur nous en présente et commente trois afin de nous montrer comment faire un tri au sein de polices partageant un même patrimoine génétique (chap. 3 §12).

De même, on retrouvera dans la police choisie une évocation du lieu où elle a été créée, et pour cette raison, Gotham s'avérera un choix plus judicieux qu'Helvetica pour les inscriptions sur les lieux publics de New York ! (chap. 4 §2)

Faire abstraction du contexte culturel dans lequel une police a été conçue peut conduire à des aberrations esthétiques. En tenir compte, à l'inverse, nous aidera à véhiculer à travers la police une partie du message ; par exemple, « on évoque facilement la Rome antique en employant Trajan » (chap. 4 §2).

Beaucoup d'autres idées pourront être transmises par la police. Une méthode pratique nous aidera à cerner les caractéristiques de celle-ci (chap. 4 §2) tandis que la comparaison de polices ayant ces dernières en commun nous évitera de faire un choix trop prévisible qui anéantirait la personnalité de notre design (chap. 3 §13).

Une police pour hiérarchiser

La police doit servir de guide de lecture à l'internaute et lui indiquer le rôle et l'importance relative des différents éléments constitutifs de la page web (chap. 5 §1). Pour ce faire, on commencera par généraliser le travail de sélection vu jusqu'ici à plusieurs polices typographiques qu'on associera en réservant chacune d'elles à une catégorie spécifique d'éléments. La tâche est délicate car pour qu'elle ait une chance de réussir, « il faut que les polices soient différentes et complémentaires ». Aussi, l'auteur n'hésite pas à nous donner des exemples concrets d'application en complément de quelques conseils (chap. 4 §3).

La difficulté s'accroît avec le nombre de catégories d'éléments à distinguer, d'autant plus qu'il est déconseillé d'utiliser plus de deux polices différentes dans un même design, sous peine de l'affaiblir. Une première solution réside dans l'utilisation de polices étendues. Une seule police choisie au sein de cette famille nous offre, en effet, avec ses différentes variantes, toute une palette de styles pour hiérarchiser notre contenu, que celles-ci se distinguent par le type d'éléments auquel elles se destinent (chap. 3 §11), la largeur des caractères et/ou l'interlettrage (chap. 4 §3 ; chap. 3 §6). On se gardera bien, au contraire, de recourir à des polices-gadgets décidant du design à notre place (chap. 4 §2).

Si on souhaite se limiter à des polices classiques, il est possible de créer ses propres variantes à partir des quatre styles de base : romain, gras, italique, italique gras, disponibles chez la plupart d'entre elles. Certaines proposent même différents niveaux de gras. On prendra garde cependant à ce que la police choisie offre effectivement les styles que l'on souhaite appliquer au texte. Dans le cas contraire, le navigateur créerait ces derniers de toutes pièces sous la forme d'un faux italique ou d'un faux gras particulièrement inélégants (chap. 3 §6).

Les styles évoqués ci-dessus s'associeront à d'autres propriétés du caractère tels que la taille ou la couleur pour conférer un rang spécifique aux différents titres, éléments clés de la hiérarchisation au sein de la page de texte (chap. 5 §2).

Une stratégie identique permettra de mettre en avant des liens d'interface importants et de rendre en revanche plus discrets les liens secondaires (chap. 5 §4), ou de faire ressortir des citations au sein du texte courant (chap. 5 §3), lui-même structuré en paragraphes (chap. 5 §2).

La lisibilité de l'ensemble tirera profit du blanc, celui séparant les paragraphes ou définissant les marges (chap. 6 §6), et d'un choix pertinent de force de corps, interlignage et justification. Pour atteindre cet objectif, quelques règles en usage (chap. 5 §2) et des critères de proportionnalité jugés esthétiques (chap. 6 §7) constitueront une première piste, mais ne devront en aucun cas, l'auteur insiste bien sur ce point, l'emporter sur notre jugement subjectif, notamment lorsqu'il s'agira de définir la composition constituant le gris typographique (chap. 6 §5).

Enfin, la mise en œuvre combinée des différentes règles de composition est illustrée à partir de l'exemple de la page d'accueil du site web du New York Times (chap. 5 §5).

La police à l'écran

L'adaptation à l'écran des choix de conception établis jusqu'ici commence par l'implémentation des polices. Après avoir brièvement évoqué les techniques utilisées dans le passé et leurs limites (chap. 2 §3), le livre décrit la méthode ayant aujourd'hui cours : une police est définie dans une fonte (chap. 3 §1), dont on rappelle les principaux formats (chap. 3 §14), et son chargement est réalisé à l'aide de la règle CSS @font-face (chap. 2 §3). Ce dernier n'étant pas instantané, le navigateur, dans l'intervalle, et dans le meilleur des cas, affiche la page web dans une police par défaut, provoquant à la fin du processus un brusque changement d'apparence du texte, appelé « FOUT ». Ce problème peut heureusement être fort bien géré par un framework tel que Web Font Loader (chap. 3 §14).

La police une fois affichée à l'écran peut cependant ne pas donner exactement le résultat souhaité, en particulier en raison des spécificités propres à chaque moteur de rendu (chap. 3 §14). La comparaison des polices sur papier devra donc être complétée par un travail identique réalisé sur écran à l'aide de gabarits (chap. 4 §2).

La problématique du rendu observée pour le caractère se généralise à l'ensemble du texte. En effet, si le texte imprimé repose sur un support – le livre – identique pour tous les lecteurs, il en va autrement du texte affiché à l'écran dont la lisibilité dépendra de l'appareil utilisé (chap. 1 §3 ; chap. 6 §1).

L'adaptation à la taille de l'écran sera rendue possible, en ce qui concerne la mise en page, grâce à la stratégie du responsive web design, dont le livre nous rappelle succinctement les principes essentiels (chap. 6 §2) ; pour ce qui est de la force de corps et du style du caractère, grâce à deux outils complémentaires (chap. 5 §2).

Enfin, les techniques traditionnelles de l'imprimé pourront, dans une certaine mesure, être profitables à la page web : la grille de mise en page s'avérera plus utile que la grille de lignes de base pour aligner les différents éléments la composant (chap. 6 §3), tandis que pour la gestion des césures, les résultats aléatoires générés par CSS pourront être compensés par l'utilisation de quelques scripts (chap. 6 §4).

En conclusion

Le livre, remarquable par sa densité, fait le tour de la typographie adaptée au support Web, rapidement mais avec efficacité, en traitant aussi bien des aspects théoriques (mécanisme de lecture, classification), pratiques (choix d'une police) que techniques (outils de composition) dont les points essentiels nous sont d'ailleurs opportunément rappelés en annexe.

Mais le livre ne se borne pas à prodiguer quelques bonnes pratiques ; il a également le grand mérite de nous enseigner une certaine philosophie de la typographie. L'auteur insiste en effet sur le fait que, d'une part, le choix d'une police n'a pas de sens en dehors d'un contexte donné et que, d'autre part, la typographie est une discipline éminemment subjective. Pour ces différentes raisons, la composition d'un texte ne consiste pas à appliquer aveuglément des règles préétablies mais à faire au contraire preuve d'intuition, d'audace et de curiosité. On pourra ainsi tirer profit des sites web et fonderies figurant parmi les ressources du livre.

Avant d'entamer la lecture de l'ouvrage, qui pourra par ailleurs être complétée par celle d'un des livres proposés en annexe, le lecteur aura sans doute intérêt à prendre connaissance des principaux termes techniques employés en typographie, ne serait-ce que pour déjouer les pièges que constituent quelques erreurs de traduction présentes dans cette version française (« mesure » pour justification, « rivière » pour lézarde). L'auteur ne dit d'ailleurs pas autre chose : « Pour développer votre intuition typographique, commencez par apprendre son vocabulaire » (chap. 2 §4).
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 23/12/2016 à 13:31
Typographie web

La typographie est la « voix » du design et l'outil le plus puissant dont vous disposiez pour communiquer avec vos lecteurs. Apprenez à manier la lettre avec esprit et talent : jugez les polices, évaluez les contraintes techniques, créez des systèmes typographiques flexibles et constituez votre collection de caractères favoris.

Dans cet ouvrage, Jason Santa Maria, designer graphique de renom, veut vous amener à voir au-delà du code et des ornements pour vous faire découvrir comment la typographie façonne notre façon de lire et comment adapter nos pratiques de la discipline à l'écran. Lancez-vous : choisissez et mariez les caractères, composez et invitez votre public à la lecture !

[Lire la suite]





Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 23/12/2016 à 13:43
Bonjour à tous,

David Bleuse, qui a déjà publié une série de critiques sur nos forums, vous propose sa critique du livre Typographie web.

Il met ainsi en avant la littérature sur la typographie. Technique que nous avons tendance à oublier, voire à ne pas nous en tracasser plus que de nécessaire (détrompons-nous).

La critique exprime bien l'objectif de sensibilisation du livre vis à vis de cette technique, de sa philosophie et de ses bonnes pratiques.

Découvrez dès à présent sa critique sur le livre Typographie web !
couverture du livre Mobile first

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Mobile first

de
Traducteurs : Charles Robert
Public visé : Débutant

Résumé de l'éditeur

Le designer de renom, ancien architecte du design de Yahoo!, Luke Wroblewski, nous fait partager dans ce petit guide stratégique toutes ses connaissances et son savoir-faire en matière d'expérience mobile.

Nul doute qu'il saura vous convaincre de la nécessité d'adopter l'approche mobile first, qui consiste à donner la priorité aux mobiles lors de la conception d'un site Web et ce, non seulement afin d'ouvrir de nouvelles perspectives de croissance, mais aussi afin d'améliorer l'expérience utilisateur globale du site.

Les stratégies orientées données et les techniques éprouvées décrites dans cet ouvrage essentiel feront de vous un maître des mobiles et vous aideront également à améliorer vos designs non mobiles.

Avec une préface de Jeffrey Zeldman.

Édition : Eyrolles - 134 pages , 1re édition, 19 janvier 2012

ISBN10 : 2212134061 - ISBN13 : 9782212134063

Traduction de Mobile First publié en 2011 par A Book Apart LLC ; 14 cm x 21,6 cm ; 287 g ; quadri

Commandez sur www.amazon.fr :

12.00 € TTC (prix éditeur 12.00 € TTC)
  • Partie 1 - Pourquoi mobile first ?
    • Croissance
      • Mais qu'est-ce qui a changé ?
      • Tous les appareils ne sont pas créés égaux
      • Et les applications natives ?
      • C'est maintenant ou jamais
    • Contraintes
      • Taille des écrans
      • Performances
      • Lieu et heure
      • Accepter les contraintes
    • Capacités
      • La station la plus proche...
      • Et le navigateur, alors ?
      • Développer vos capacités
      • Lancez-vous aujourd'hui

  • Partie 2 - Passer à l'ère mobile
    • Organisation
      • S'adapter aux comportements mobiles
      • Privilégier le contenu aux liens
      • Rebondir et explorer
      • Retour en arrière
      • Un ancrage solide
      • Restez clair et focalisé
      • Organiser l'expérience mobile
    • Actions
      • Réduisez en agrandissant
      • Où touchons-nous ?
      • Apprenez le langage du toucher
      • Ne craignez pas la NUI
      • Compenser la perte des interactions de survol
      • Intouchables
      • Moteur, actions
    • Saisie
      • Cesser d'aller à contre-courant
      • Mobile demande
      • Mobile répond
      • Masquer les difficultés
      • Exposer les options
      • Au-delà des formulaires
      • Libérer la saisie
    • Mise en page
      • Seule constante, le changement
      • Vous êtes là pour eux
      • Fluide, flexible et réactif
      • Responsive design
      • Utilisation des appareils
      • Réduisez
      • Aménagement du paysage


Critique du livre par David Bleuse le 18 octobre 2016
S'appuyant sur diverses données chiffrées retraçant l'évolution de l'usage des appareils mobiles, l'auteur prédisait déjà en 2011 « qu'il y aura bientôt plus de gens qui accèderont au Web depuis leur portable que sur un ordinateur. » (chap. 1, Introduction). C'est ce constat en partie qui l'amène à sa « petite idée » : « Les sites Web et les applications doivent être conçus d'abord pour les mobiles. » (Introduction.) « Mobile first », autrement dit. Mais qu'entend-on précisément par « mobile » ?

Si les feature phones offrent depuis dix ans un accès à Internet, le trafic de données mobiles a explosé à partir de 2007 avec l'apparition des iPhones (chap. 1 §1). Ces derniers voient aujourd'hui leur suprématie de plus en plus contestée par leurs équivalents des autres marques (Android, Blackberry, etc.) ; néanmoins, les smartphones tous modèles confondus continuent de dominer nettement les feature phones dans le domaine de l'Internet mobile, ce qui fait dire à l'auteur qu'il « n'est donc pas complètement insensé de penser que les smartphones d'aujourd'hui seront tout simplement les “téléphones” de demain. » Les smartphones seront par conséquent les mobiles considérés dans ce livre (chap. 1 §2).

La sophistication des smartphones permet d'offrir à l'utilisateur une alternative aux solutions web mobiles sous la forme d'applications mobiles natives. Le développement de ces dernières nécessite cependant le recours à un langage de programmation, de surcroît différent selon la marque du smartphone. Entre autres avantages, la solution web mobile fait au contraire appel à des langages que le designer web maîtrise déjà, d'où l'intérêt de se pencher prioritairement sur celle-ci (chap. 1 §3).

La conception pour mobiles doit tenir compte de contraintes particulières, à la fois techniques et relatives à la façon d'utiliser ces derniers, autant que de modes d'interaction spécifiques.

Concevoir pour un utilisateur aux capacités réduites

Contrairement à ce qu'on pourrait penser de prime abord, l'appareil mobile ne se distingue pas principalement de l'ordinateur de bureau par son utilisation nomade – plus de 80% des gens l'utilisent à domicile ! – mais par le fait que le mobinaute en action est au plus à 50% de ses capacités, qu'elles soient intellectuelles, l'attention de ce dernier se partageant généralement entre l'utilisation du portable et une autre activité, ou physiques, le mobile se manipulant d'une seule main. Pour reprendre l'expression utilisée par l'auteur, cela doit nous amener à voir le mobinaute comme « un œil et un pouce » (chap. 2 §3).

L'attention réduite de l'utilisateur d'appareil mobile nous impose de répondre immédiatement à ses objectifs (chap. 4 §1) sous la forme d'un contenu directement accessible (chap. 4 §2). Pour autant, le mobinaute ne doit pas être cantonné à cette seule expérience et l'auteur nous montre, à partir de plusieurs exemples, comment, à l'aide de liens judicieusement positionnés, lui offrir la possibilité d'approfondir tel sujet ou de découvrir les autres expériences proposées par le site (chap. 4 §3).

S'adapter à de nouveaux modes d'interaction

Les contraintes pesant sur la manipulation des appareils mobiles seront, quant à elles, mieux prises en compte grâce à la mise en application de nouveaux modes d'interaction.

Les interactions tactiles facilitent et accélèrent la saisie. Si le « tap » et le « balayement » sont les deux gestes tactiles les plus connus, ce ne sont pas les seuls et l'auteur nous dresse de ceux-ci une liste exhaustive (chap. 5 §3).

Leur association aux différentes actions possibles peut s'appuyer soit sur des conventions, que l'auteur a répertoriées dans un document qu'il met gracieusement à notre disposition (chap. 5 §3), soit sur des associations intuitives (NUI) (chap. 5 §4).

Les doigts n'étant pas aussi précis que le pointeur d'une souris, on évitera les fausses manipulations lors d'une interaction via un toucher ponctuel tel qu'un tap en appliquant des spécifications précises en matière de taille des boutons (chap. 5 §1) et en répartissant ces derniers de façon stratégique sur l'écran en fonction de leur criticité (chap. 5 §2).

On retrouvera les boutons en particulier dans les formulaires où ils remplaceront avantageusement les listes de sélection, lesquelles, bien que les navigateurs nous en proposent des versions spécialement adaptées pour les mobiles, ne sont plus aussi aisément manipulables lorsque le nombre ou la longueur des items qu'elles contiennent devient trop grand (chap. 6 §3).

Les zones de texte, quant à elles, tirent profit de claviers virtuels adaptés (chap. 6 §3) et de masques aidant tous deux l'utilisateur dans sa saisie (chap. 6 §4).

Les formulaires, même optimisés, restent décriés dans le monde du Web mobile car ils obligent l'utilisateur à effectuer d'une seule main toute une série de sélections et saisies. Celle-ci peut heureusement être considérablement simplifiée, voire réduite à un seul geste tactile, grâce aux nouvelles fonctionnalités des appareils mobiles (chap. 6 §1). L'auteur s'attarde sur celles qui sont les mieux supportées par les navigateurs (en 2011, date de rédaction du livre), à savoir la géolocalisation, l'orientation de l'appareil et le toucher, avec pour chacune d'elles un exemple concret d'application (chap. 3 §2). Deux exemples faisant en outre appel à des fonctionnalités avancées telles que la caméra et la boussole numérique (chap. 3 §1) ou les communications en champ proche (NFC) (chap. 6 §6) sont également détaillés, en attendant les nouvelles fonctionnalités à venir (chap. 3 §3).

Si les appareils mobiles offrent ainsi des possibilités d'interaction étendues par rapport aux ordinateurs de bureau, les interactions de survol sont au contraire largement exploitées chez les seconds mais totalement inopérantes chez les premiers, d'où la mise en œuvre de solutions de remplacement chez ces derniers dans un contexte tactile (chap. 5 §5) ou non (chap. 5 §6).

Tenir compte de contraintes techniques spécifiques

Les contraintes techniques des mobiles ne se limitent pas à l'absence de certains modes d'interaction. Une des principales concerne la performance (vitesse et stabilité de la connexion) pour laquelle le livre énumère quelques solutions à explorer afin de réduire le nombre de requêtes HTTP et la taille des fichiers envoyés (chap. 2 §2).

L'autre contrainte est celle qui vient immédiatement à l'esprit quand on parle de mobiles. La taille réduite de ces derniers nous oblige à être très sélectifs en ce qui concerne aussi bien le contenu proprement dit (chap. 2 §1) que les champs de formulaire à propos desquels l'auteur affirme sans hésitation : « soyez brutalement efficace et coupez, coupez, coupez », conseil qu'il met en pratique dans un exemple particulièrement édifiant (chap. 6 §5).

Une fois les champs soigneusement sélectionnés, leurs libellés seront positionnés intelligemment afin d'éviter toute perte de place (chap. 6 §2).

Un autre problème concerne plus spécifiquement les images, dont la taille est définie en pixels. Le livre apporte plusieurs solutions permettant d'éviter que celle-ci ne soit modifiée par les différences de résolution entre appareils (chap. 7 §2).

Les menus de navigation seront simplifiés (chap. 2 §1) sous peine de masquer le contenu (chap. 4 §6) ou de semer la confusion dans l'esprit du mobinaute qui doit par ailleurs gérer le menu du navigateur et celui de l'appareil (chap. 4 §4 et 5).

Une fois la contrainte de taille prise en compte, il ne reste plus qu'à assurer la transition vers les ordinateurs de bureau en tirant parti du nouvel espace mis à notre disposition. Selon le cas de figure, la stratégie à mettre en œuvre consistera à ajuster notre page web à la nouvelle largeur d'écran (chap. 7 §3 et 4) ou bien à repenser complètement le design pour notre nouvelle cible d'appareils (chap. 7 §5).

En conclusion

Un tour d'horizon de la conception prioritaire pour mobiles est ici exposé par l'initiateur même de cette stratégie, connue aujourd'hui sous le nom de « Mobile first », qu'il nous propose d'aborder en répondant aux deux questions suivantes : pourquoi, et comment ? avant de conclure son ouvrage par une ouverture sur la seconde étape : la transition vers les ordinateurs de bureau.

L'absence de code, les paragraphes récapitulatifs à la fin de la plupart des chapitres et les nombreux exemples tirés du Web rendent le livre particulièrement abordable à un designer débutant. Le développeur expérimenté y trouvera des principes essentiels à mettre dès à présent en application mais souhaitera sans doute approfondir la réflexion, ce que lui permettront le blog de l'auteur et les ressources dispensées en fin d'ouvrage.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 18/10/2016 à 9:45
Mobile first

Le designer de renom, ancien architecte du design de Yahoo!, Luke Wroblewski, nous fait partager dans ce petit guide stratégique toutes ses connaissances et son savoir-faire en matière d'expérience mobile.

Nul doute qu'il saura vous convaincre de la nécessité d'adopter l'approche mobile first, qui consiste à donner la priorité aux mobiles lors de la conception d'un site Web et ce, non seulement afin d'ouvrir de nouvelles perspectives de croissance, mais aussi afin d'améliorer l'expérience utilisateur globale du site.

[Lire la suite]





Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 18/10/2016 à 9:57
Bonjour à tous,

David Bleuse, grand amateur de littérature informatique, vous propose sa critique du livre Mobile First.

Il met en avant les bonnes pratiques de conception d'une application mobile qui sont étudiés dans le livre. Et malgré une date de parution un peu vieille, il faut bien avouer que ces concepts sont encore aujourd'hui primordiaux. Ils répondent d'ailleurs à deux questions simples mais indispensables : pourquoi, et comment*?

Découvrez dès à présent sa critique sur le livre Mobile First !
couverture du livre Design web responsive et responsable

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Design web responsive et responsable

de
Traducteurs : Charles Robert
Public visé : Intermédiaire

Résumé de l'éditeur

Le responsive design a considérablement amélioré le design web de ces dernières années, mais compte tenu de l'évolution et de la diversité du Web mondial, il faut désormais aller plus loin et concevoir des sites responsables en veillant à leur utilisabilité, leur accessibilité, leur durabilité et leur performance.

Scott Jehl nous montre ici comment porter un regard critique sur nos créations en développant pour de nouveaux contextes et de nouvelles fonctionnalités, pour des réseaux rapides comme des réseaux plus lents et pour un public véritablement global. Il décrit comment proposer le bon contenu à différentes plateformes et comment optimiser les performances d'un site. Lisez cet ouvrage et concevez des sites et des applications utilisables pour les années à venir !

Édition : Eyrolles - 206 pages , 1re édition, 11 juin 2015

ISBN10 : 2212142145 - ISBN13 : 9782212142143

Traduction de Responsible responsive design (éditions A Book Apart LLC) ; 14 cm x 21,5 cm ; 412 g ; quadri

Commandez sur www.amazon.fr :

15.00 € TTC (prix éditeur 15.00 € TTC)
  • Design responsable
    • Concevoir pour l'utilisabilité
    • Concevoir pour le tactile (et tout le reste)
    • Concevoir pour l'accessibilité
  • Détection durable
    • Détection d'appareil : l'évolution d'un palliatif
    • Bonne nouvelle : nous avons le contrôle
    • Détecter des fonctionnalités avec JavaScript
    • Testing responsable
    • Au prochain épisode...
  • Optimiser les ressources
    • Nous ne faisons pas du bon travail
    • Balade sur le chemin critique
    • Requêtes, requêtes, requêtes !
    • Familiarisez-vous avec vos outils de développement
    • Établir un budget de performance
    • Moins de requêtes
    • Préparer les fichiers pour leur transfert
  • Transmission responsable
    • Transmettre du HTML
    • Transmettre du CSS
    • Transmettre des images
    • Abandonner le pixel
    • Transmettre des polices de caractères
    • Transmettre du JavaScript
    • Faire la synthèse
    • Vous êtes servi
  • Conclusion
  • Ressources
Critique du livre par David Bleuse le 4 octobre 2016
À l'intention du designer web qui croirait encore qu'une page web rigide conçue pour un ordinateur de bureau standard suffit à satisfaire l'ensemble des internautes, deux graphiques présentés en introduction rappellent opportunément que le nombre de dimensions différentes d'appareils ne cesse de croître avec l'apparition de nouveaux modèles, et qu'en combinant celles-ci avec les tailles possibles de fenêtre de navigateur (qui représentent la taille effective dans laquelle la page web sera vue par l'internaute), on atteint un nombre de combinaisons proche de l'infini ! Notre page web donc doit être capable de s'ajuster à n'importe quelle fenêtre, d'où la nécessité de rendre notre design responsive.

Comme le dit cependant l'auteur avec insistance, « la mise en page n'est que le départ ». Un design web pensé à l'origine pour grand écran, même responsive, ne répondra pas nécessairement aux contraintes particulières et aux spécificités d'utilisation d'un appareil mobile. Pour qu'il soit responsable, le design doit respecter les quatre critères suivants : utilisabilité, accès, durabilité, performances.

La quête du Graal du design à la fois responsive et responsable passe tout d'abord par une remise à plat de nos méthodes de conception, et dans un deuxième temps par le recours à de nouveaux standards et outils développés sur mesure.

Révisons nos habitudes ! Depuis la mise en page et l'accessibilité...

L'auteur l'annonce d'emblée dès l'introduction du chapitre 3 : « Nous ne faisons pas du bon travail » ! Alors qu'on pourrait penser que la conception responsive fait partie des réflexes du designer web moderne, l'auteur nous apprend en réalité que dans une étude d'avril 2014, « la plupart des sites examinés [...] se focalisent sur un cas d'utilisation spécifique : le classique ordinateur de bureau avec un grand écran. » (chap. 3 §1). Quelques rappels sur les fondements du responsive web design (unités proportionnelles, media queries) et la façon dont il peut être associé à l'approche mobile first ont donc toute leur pertinence dans un livre qui nous les expose avec beaucoup de clarté, mais sans trop de détails, ces méthodes ayant déjà fait l'objet d'un autre ouvrage, publié dans la même collection et signé par le premier de leurs promoteurs (chap. 2 §2). Des informations complémentaires sont cependant apportées au sujet de l'autre notion-clé du responsive design que sont les points de rupture (chap. 1 §1).

L'accessibilité est un autre composant du design responsive et responsable insuffisamment pris en compte. Comme le souligne l'auteur, alors que les écrans tactiles se répandent aujourd'hui même parmi les ordinateurs de bureau, des interactions de survol de souris sont souvent implémentées sans autre alternative, ce qui les rend inopérantes dans un contexte tactile. Après avoir énuméré les gestes tactiles reconnus par les navigateurs, le livre nous apprend comment leur attacher des fonctions en toute sécurité (chap. 1 §2).

Afin de réaliser, de manière plus générale, un design véritablement tout terrain, l'auteur préconise ce que ses collègues et lui appellent la « perspective aux rayons X », laquelle consiste dans un premier temps à distinguer, dans un composant donné d'une page web, le contenu substantiel de l'habillage puis, dans un deuxième temps, à adopter une démarche comparable à celle de l'amélioration progressive (« progressive enhancement »). L'auteur en donne une illustration, code et détail des étapes inclus, à partir de trois exemples (un contrôle, un graphique, la visualisation d'informations complémentaires) (chap. 1 §3).

... jusqu'à la performance

Last but not least, la performance, dernier composant cité du design responsable, se voit accorder par l'auteur rien moins que l'intégralité des deux derniers chapitres, soit la moitié de l'ouvrage !

Les ressources externes d'une page web (feuilles de style, polices de caractères, scripts) sont par défaut des ressources bloquantes, c'est-à-dire que le fichier HTML d'une page web ne sera pas chargé avant que celles-ci le soient (chap. 3 §3). Il en découle une première stratégie évidente pour améliorer les performances consistant à réduire le nombre de requêtes bloquantes (chap. 3 §6). L'application d'une telle stratégie nous amène à remettre en question des principes jusque-là parfaitement établis. Alors qu'on avait appris à définir nos styles dans un fichier CSS séparé auquel le fichier HTML faisait référence dans son élément <head>, l'auteur nous conseille une solution située à l'intersection des trois différentes méthodes de référencement de styles existantes (chap. 4 §2).

En ce qui concerne les fichiers image, le moyen le plus sûr d'éviter les requêtes trop nombreuses consiste à supprimer purement et simplement les références externes et à coder les images directement dans le fichier HTML grâce aux URI de données (chap. 4 §3).

Cette dernière technique peut également être mise à profit pour accélérer le chargement des fichiers de polices de caractères, ce afin d'éviter le masquage du texte que certains navigateurs préfèrent au rendu de texte non stylé (FOIT vs FOUT) (chap. 4 §5).

Quant au code JavaScript (JS), l'auteur nous invite sans détours, avant même d'envisager une quelconque optimisation, à nous demander si sa présence dans notre page web est vraiment indispensable ! Et si tel est le cas, alors même qu'on ne trouve aujourd'hui pratiquement plus aucun site web qui n'exploite les multiples possibilités offertes par des frameworks JS tels que jQuery, l'auteur nous met en garde contre un recours systématique à ces derniers, en nous expliquant en quoi ils sont moins nécessaires aujourd'hui que par le passé, et pourquoi ils sont particulièrement gourmands en ressources (chap. 4 §6).

Une fois que nous avons ainsi optimisé ses différents composants, il ne nous reste plus qu'à nous intéresser à la performance globale du site. Des objectifs chiffrés serviront à l'élaboration d'un budget de performance (chap. 3 §5) tandis que l'évaluation du site ne s'appuiera pas uniquement sur des fenêtres redimensionnables et autres émulateurs mais comportera une phase de test sur d'authentiques appareils, étape à propos de laquelle l'auteur nous renvoie vers quelques ressources pour nous aider à l'accomplir brillamment sans pour autant y laisser sa chemise ! (chap. 2 §4.)

De nouveaux standards à notre service

Dans notre projet de réalisation d'un design responsive et responsable, nos premiers alliés seront à rechercher parmi les nouveaux standards.

Afin qu'elle puisse être accueillie sans encombre par l'agent utilisateur, notre page web devra avant toute chose employer un langage compris de son hôte. Contribuant à cet objectif, la règle CSS @support et son API JS associée CSS.supports permettent de vérifier le support par le navigateur de n'importe quelle déclaration CSS (chap. 2 §3).

L'amélioration des performances par une limitation du nombre de requêtes est, quant à elle, facilitée par l'utilisation du cache dont l'auteur nous présente brièvement deux des modalités : le cache classique et le cache hors connexion, introduit par HTML5 (chap. 3 §7).

Si le chargement d'une ressource JS est inévitable, il est cependant possible aujourd'hui de passer outre le comportement par défaut des navigateurs : les nouveaux attributs de l'élément HTML <script>, async et defer, provoquent respectivement un chargement des scripts réalisé en parallèle de celui du fichier HTML et une exécution des premiers avant le chargement complet du second (chap. 4 §6).

Contrairement aux fichiers JS, les images sont par défaut chargées de manière asynchrone par les navigateurs et de ce fait, n'entraînent aucun délai de chargement (chap. 3 §3). Elles posent en revanche un autre type de problème : selon l'étude de 2014 déjà citée, les images ne représentent pas moins de 61% du poids total moyen d'une page web ! Les méthodes traditionnelles d'insertion d'images dans des designs responsive n'arrangent rien à la situation puisqu'elles requièrent des images plus grandes que les contenants censés les accueillir. L'introduction récente du nouveau concept d'image responsive permet de contourner ce problème en autorisant le chargement de versions d'images différentes en fonction des dimensions d'appareils cible. L'auteur décrit très précisément l'élément HTML <picture> à la base de cette nouvelle technique et consacre un paragraphe entier à chacun de ses attributs (chap. 4 §3).

L'image responsive ne permet cependant de gérer qu'un nombre limité de dimensions d'image différentes. Si l'on veut recourir à une image véritablement redimensionnable, on doit « abandonner le pixel » au profit des graphiques vectoriels. Les polices d'icônes en sont une des premières applications historiques dont l'auteur nous montre une mise en œuvre concrète (chap. 4 §4).

Le langage Scalable Vector Graphics (SVG), supporté par HTML depuis sa version 5, offre cependant beaucoup plus de possibilités (chap. 4 §4).

L'appui de solutions sur mesure

Si les nouveaux standards présentés ci-dessus offrent des perspectives alléchantes, le fait qu'ils ne bénéficient pas aujourd'hui d'un support étendu constitue un de leurs principaux handicaps, que viennent heureusement pallier polyfills et scripts alternatifs. Les media queries, introduites seulement avec CSS3, trouvent ainsi le soutien de deux polyfills : l'un développé par l'auteur lui-même et qui a pour fonction d'activer celles dont les requêtes portent sur les propriétés min-width et max-width ; l'autre qui permet de faire fonctionner, le cas échéant, leur équivalent JS, à savoir la fonction MatchMedia (chap. 2 §3).

La règle CSS de détection des fonctionnalités évoquée plus haut présente en outre le défaut de valider le support d'une fonctionnalité même lorsque celle-ci a été incorrectement implémentée par le navigateur. La détection d'appareils, alliée à quelques fonctions JS, peut ici nous venir en aide, alors même qu'utilisée seule, elle ne permet pas de préjuger des capacités d'un agent utilisateur (chap. 2 §1). C'est précisément la stratégie qui a été adoptée par l'auteur et ses collègues de Filament Group dans l'élaboration de deux polyfills de détection des propriétés CSS overflow et position, respectivement (chap. 2 §3).

Les scripts peuvent également enrichir notre palette de fonctionnalités, notamment dans l'approche responsive : l'auteur nous en présente deux permettant de créer des tableaux responsive (chap. 1 §1), et un facilitant la réorganisation de la page (chap. 4 §1).

Dans une perspective d'amélioration des performances, scripts et applications nous aident à réduire le poids des fichiers. Ils interviennent notamment dans le processus préalable en quatre étapes comprenant : optimisation, concaténation, minification et compression des fichiers (chap. 3 §7).

La taille généralement imposante des bibliothèques JS et notamment de la première d'entre elles, jQuery, peut être réduite soit en utilisant des compilations personnalisées de celle-ci, soit en lui préférant la bibliothèque « light » que préconise l'auteur. On pourra cependant répliquer à celui-ci qu'elle n'est plus – si je comprends bien – maintenue que par une seule personne ! Au cas où un retour à jQuery s'imposerait, la rétrocompatibilité semble toutefois assurée (chap. 4 §6).

L'amélioration des performances peut également être obtenue par une atténuation du blocage du rendu. Agissant de concert sur les fichiers HTML, CSS et JS, plusieurs scripts rendent possible l'affichage de la portion prioritaire d'une page web, avec laquelle pourra interagir l'internaute, réduisant ainsi le temps de chargement perçu (chap. 3 §4), tandis que le reste de la page se chargera de manière asynchrone. L'auteur présente ainsi en détail le modèle mis au point par sa société pour gérer le chargement différé du contenu HTML (chap. 4 §1), des outils permettant d'extraire le code CSS critique (chap. 4 §2) et une fonction JS permettant de charger des scripts dynamiquement (chap. 4 §6). Ces différentes méthodes sont regroupées dans un modèle prêt à l'emploi exposé dans un paragraphe de synthèse (chap. 4 §7).

En conclusion

Alors que le livre d'Ethan Marcotte, publié dans la même collection, pose les fondements du responsive web design, ce livre-ci nous apprend comment rendre cette démarche compatible avec les contraintes d'accessibilité et de performance. En se présentant comme le complément indispensable du premier, cet ouvrage nous enseigne enfin à réaliser des sites responsive absolument irréprochables !

La réalisation d'un tel projet a cependant un coût : la construction d'un design responsive et accessible nous oblige à tenir compte de nouvelles contraintes et l'amélioration des performances à renoncer à un code parfaitement segmenté (où l'on retrouverait les codes CSS et JS bien isolés dans des fichiers externes).

Le livre s'adresse à un lecteur pourvu de solides bases dans les standards du Web (HTML, CSS, JS) et de premières connaissances dans les techniques de conception de sites responsive. Il sera comblé par l'impressionnante quantité d'informations que contient cet ouvrage au format de poche, dont un grand nombre de scripts explicités par la personne la mieux placée pour en parler puisqu'elle est également l'auteur, seule ou avec ses collègues de Filament Group, de la plupart d'entre eux.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 04/10/2016 à 21:10
Design web responsive et responsable

Le responsive design a considérablement amélioré le design web de ces dernières années, mais compte tenu de l'évolution et de la diversité du Web mondial, il faut désormais aller plus loin et concevoir des sites responsables en veillant à leur utilisabilité, leur accessibilité, leur durabilité et leur performance.

Scott Jehl nous montre ici comment porter un regard critique sur nos créations en développant pour de nouveaux contextes et de nouvelles fonctionnalités, pour des réseaux rapides comme des réseaux plus lents et pour un public véritablement global.

[Lire la suite]





Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 04/10/2016 à 21:18
Bonjour à tous,

David Bleuse, grâce à ses innombrables lectures sur le design web responsive, a épluché ce livre à la loupe et nous fournit une critique digne de ce nom !

Il parcours les chapitres afin de nous dévoiler les thèmes abordés et il nous explique les points importants de ceux-ci. Sa conclusion est que ce livre nous apprend comment rendre la démarche du design web responsive compatible avec les contraintes d'accessibilité et de performance.

Découvrez sans plus attendre sa critique sur le livre Design web responsive et responsable !
couverture du livre Even Faster Web Sites

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Even Faster Web Sites

de
Public visé : Expert

Résumé de l'éditeur

Performance is critical to the success of any web site, and yet today's web applications push browsers to their limits with increasing amounts of rich content and heavy use of Ajax. In this book, Steve Souders, web performance evangelist at Google and former Chief Performance Yahoo!, provides valuable techniques to help you optimize your site's performance.

Souders' previous book, the bestselling High Performance Web Sites, shocked the web development world by revealing that 80% of the time it takes for a web page to load is on the client side. In Even Faster Web Sites, Souders and eight expert contributors provide best practices and pragmatic advice for improving your site's performance in three critical categories:

  • JavaScript — Get advice for understanding Ajax performance, writing efficient JavaScript, creating responsive applications, loading scripts without blocking other components, and more.
  • Network — Learn to share resources across multiple domains, reduce image size without loss of quality, and use chunked encoding to render pages faster.
  • Browser — Discover alternatives to iframes, how to simplify CSS selectors, and other techniques.
    Speed is essential for today's rich media web sites and Web 2.0 applications. With this book, you'll learn how to shave precious seconds off your sites' load times and make them respond even faster.


This book contains six guest chapters contributed by Dion Almaer, Doug Crockford, Ben Galbraith, Tony Gentilcore, Dylan Schiemann, Stoyan Stefanov, Nicole Sullivan, and Nicholas C. Zakas.

Édition : O'Reilly - 256 pages , 1re édition, 1er juin 2009

ISBN10 : 0596522304 - ISBN13 : 9780596522308

Commandez sur www.amazon.fr :

26.00 € TTC (prix éditeur 0.00 € TTC) livraison gratuite !
  1. Chapter 1 Understanding Ajax Performance
    • Trade-offs
    • Principles of Optimization
    • Ajax
    • Browser
    • Wow!
    • JavaScript
    • Summary
  2. Chapter 2 Creating Responsive Web Applications
    • What Is Fast Enough?
    • Measuring Latency
    • Threading
    • Ensuring Responsiveness
    • Summary
  3. Chapter 3 Splitting the Initial Payload
    • Kitchen Sink
    • Savings from Splitting
    • Finding the Split
    • Undefined Symbols and Race Conditions
    • Case Study: Google Calendar
  4. Chapter 4 Loading Scripts Without Blocking
    • Scripts Block
    • Making Scripts Play Nice
    • Browser Busy Indicators
    • Ensuring (or Avoiding) Ordered Execution
    • Summarizing the Results
    • And the Winner Is
  5. Chapter 5 Coupling Asynchronous Scripts
    • Code Example: menu.js
    • Race Conditions
    • Preserving Order Asynchronously
    • Multiple External Scripts
    • General Solution
    • Asynchronicity in the Real World
  6. Chapter 6 Positioning Inline Scripts
    • Inline Scripts Block
    • Preserving CSS and JavaScript Order
    • Danger: Stylesheet Followed by Inline Script
  7. Chapter 7 Writing Efficient JavaScript
    • Managing Scope
    • Efficient Data Access
    • Flow Control
    • String Optimization
    • Avoid Long-Running Scripts
    • Summary
  8. Chapter 8 Scaling with Comet
    • How Comet Works
    • Transport Techniques
    • Cross-Domain
    • Effects of Implementation on Applications
    • Summary
  9. Chapter 9 Going Beyond Gzipping
    • Why Does This Matter?
    • What Causes This?
    • How to Help These Users?
  10. Chapter 10 Optimizing Images
    • Two Steps to Simplify Image Optimization
    • Image Formats
    • Automated Lossless Image Optimization
    • Alpha Transparency: Avoid AlphaImageLoader
    • Optimizing Sprites
    • Other Image Optimizations
    • Summary
  11. Chapter 11 Sharding Dominant Domains
    • Critical Path
    • Who’s Sharding?
    • Downgrading to HTTP/1.0
    • Rolling Out Sharding
  12. Chapter 12 Flushing the Document Early
    • Flush the Head
    • Output Buffering
    • Chunked Encoding
    • Flushing and Gzip
    • Other Intermediaries
    • Domain Blocking During Flushing
    • Browsers: The Last Hurdle
    • Flushing Beyond PHP
    • The Flush Checklist
  13. Chapter 13 Using Iframes Sparingly
    • The Most Expensive DOM Element
    • Iframes Block Onload
    • Parallel Downloads with Iframes
    • Connections per Hostname
    • Summarizing the Cost of Iframes
  14. Chapter 14 Simplifying CSS Selectors
    • Types of Selectors
    • The Key to Efficient CSS Selectors
    • CSS Selector Performance
    • Measuring CSS Selectors in the Real World
    • Appendix Performance Tools
    • Packet Sniffers
    • Web Development Tools
    • Performance Analyzers
    • Miscellaneous
    • Colophon

Critique du livre par la rédaction Nicolas Chevallier le 20 juin 2016
Ce livre, qui est la suite de High Performance Web Sites, est plus technique.

Seulement certains chapitres m'ont été utiles : la partie sur le chargement des scripts et les différentes techniques proposées, la partie sur l'optimisation des images et celle sur l'envoi d'un document en plusieurs morceaux (flush) qui est d'ailleurs très compliqué à réaliser en pratique suivant le serveur Web et le langage serveur utilisé. Entre le buffer Apache, mod deflate et PHP, ce n'est pas facile !

En tout cas ce livre est évidemment à lire pour tous les développeurs Front-End.




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 22/06/2016 à 8:36
Even Faster Web Sites

Performance is critical to the success of any web site, and yet today's web applications push browsers to their limits with increasing amounts of rich content and heavy use of Ajax. In this book, Steve Souders, web performance evangelist at Google and former Chief Performance Yahoo!, provides valuable techniques to help you optimize your site's performance.

Souders' previous book, the bestselling High Performance Web Sites, shocked the web development world by revealing that 80% of the time it takes for a web page to load is on the client side. In Even Faster Web Sites, Souders and eight expert contributors provide best practices and pragmatic advice for improving your site's performance in three critical categories: JavaScript, Network and Browser.

[Lire la suite]





Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 22/06/2016 à 8:39
Bonjour à tous,

Nicolas Chevallier a lu ce livre et vous en fait une critique !

C'est en fait la suite du livre High Performance Web Sites - Essential Knowledge for Frontend Engineers dont Nicolas avait également fait la critique.

Le livre est lui aussi en anglais mais est déjà plus récent. Il est plus orienté sur la technique et couvre des aspects parfois complexes. Sa lecture est utile pour les développeurs Front-End.

Découvrez la critique !
couverture du livre High Performance Web Sites

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

High Performance Web Sites

Essential Knowledge for Frontend Engineers

de
Public visé : Expert

Résumé de l'éditeur

Want your web site to display more quickly? This book presents 14 specific rules that will cut 25% to 50% off response time when users request a page. Author Steve Souders, in his job as Chief Performance Yahoo!, collected these best practices while optimizing some of the most-visited pages on the Web. Even sites that had already been highly optimized, such as Yahoo! Search and the Yahoo! Front Page, were able to benefit from these surprisingly simple performance guidelines.

The rules in High Performance Web Sites explain how you can optimize the performance of the Ajax, CSS, JavaScript, Flash, and images that you've already built into your site -- adjustments that are critical for any rich web application. Other sources of information pay a lot of attention to tuning web servers, databases, and hardware, but the bulk of display time is taken up on the browser side and by the communication between server and browser. High Performance Web Sites covers every aspect of that process.

Each performance rule is supported by specific examples, and code snippets are available on the book's companion web site. The rules include how to:
  • Make Fewer HTTP Requests
  • Use a Content Delivery Network
  • Add an Expires Header
  • Gzip Components
  • Put Stylesheets at the Top
  • Put Scripts at the Bottom
  • Avoid CSS Expressions
  • Make JavaScript and CSS External
  • Reduce DNS Lookups
  • Minify JavaScript
  • Avoid Redirects
  • Remove Duplicates Scripts
  • Configure ETags
  • Make Ajax Cacheable


If you're building pages for high traffic destinations and want to optimize the experience of users visiting your site, this book is indispensable.

"If everyone would implement just 20% of Steve's guidelines, the Web would be adramatically better place. Between this book and Steve's YSlow extension, there's reallyno excuse for having a sluggish web site anymore."

-Joe Hewitt, Developer of Firebug debugger and Mozilla's DOM Inspector

"Steve Souders has done a fantastic job of distilling a massive, semi-arcane art down to a set of concise, actionable, pragmatic engineering steps that will change the world of web performance."

-Eric Lawrence, Developer of the Fiddler Web Debugger, Microsoft Corporation

Édition : O'Reilly - 168 pages , 1re édition, 1er septembre 2007

ISBN10 : 0596529309 - ISBN13 : 9780596529307

Commandez sur www.amazon.fr :

24.07 € TTC (prix éditeur 0.00 € TTC) livraison gratuite !
  1. Chapter 1 The Importance of Frontend Performance
    • Tracking Web Page Performance
    • Where Does the Time Go?
    • The Performance Golden Rule
  2. Chapter 2 HTTP Overview
    • Compression
    • Conditional GET Requests
    • Expires
    • Keep-Alive
    • There's More
  3. Chapter 3 Rule 1: Make Fewer HTTP Requests
    • Image Maps
    • CSS Sprites
    • Inline Images
    • Combined Scripts and Stylesheets
    • Conclusion
  4. Chapter 4 Rule 2: Use a Content Delivery Network
    • Content Delivery Networks
    • The Savings
  5. Chapter 5 Rule 3: Add an Expires Header
    • Expires Header
    • Max-Age and mod_expires
    • Empty Cache vs. Primed Cache
    • More Than Just Images
    • Revving Filenames
    • Examples
  6. Chapter 6 Rule 4: Gzip Components
    • How Compression Works
    • What to Compress
    • The Savings
    • Configuration
    • Proxy Caching
    • Edge Cases
    • Gzip in Action
  7. Chapter 7 Rule 5: Put Stylesheets at the Top
    • Progressive Rendering
    • sleep.cgi
    • Blank White Screen
    • Flash of Unstyled Content
    • What's a Frontend Engineer to Do?
  8. Chapter 8 Rule 6: Put Scripts at the Bottom
    • Problems with Scripts
    • Parallel Downloads
    • Scripts Block Downloads
    • Worst Case: Scripts at the Top
    • Best Case: Scripts at the Bottom
    • Putting It in Perspective
  9. Chapter 9 Rule 7: Avoid CSS Expressions
    • Updating Expressions
    • Working Around the Problem
    • Conclusion
  10. Chapter 10 Rule 8: Make JavaScript and CSS External
    • Inline vs. External
    • Typical Results in the Field
    • Home Pages
    • The Best of Both Worlds
  11. Chapter 11 Rule 9: Reduce DNS Lookups
    • DNS Caching and TTLs
    • The Browser's Perspective
    • Reducing DNS Lookups
  12. Chapter 12 Rule 10: Minify JavaScript
    • Minification
    • Obfuscation
    • The Savings
    • Examples
    • Icing on the Cake
  13. Chapter 13 Rule 11: Avoid Redirects
    • Types of Redirects
    • How Redirects Hurt Performance
    • Alternatives to Redirects
  14. Chapter 14 Rule 12: Remove Duplicate Scripts
    • Duplicate Scripts—They Happen
    • Duplicate Scripts Hurt Performance
    • Avoiding Duplicate Scripts
  15. Chapter 15 Rule 13: Configure ETags
    • What's an ETag?
    • The Problem with ETags
    • ETags: Use 'Em or Lose 'Em
    • ETags in the Real World
  16. Chapter 16 Rule 14: Make Ajax Cacheable
    • Web 2.0, DHTML, and Ajax
    • Asynchronous = Instantaneous?
    • Optimizing Ajax Requests
    • Caching Ajax in the Real World
  17. Chapter 17 Deconstructing 10 Top Sites
    • Page Weight, Response Time, YSlow Grade
    • How the Tests Were Done
    • Amazon
    • AOL
    • CNN
    • eBay
    • Google
    • MSN
    • MySpace
    • Wikipedia
    • Yahoo!
    • YouTube
    • Colophon

Critique du livre par la rédaction Nicolas Chevallier le 5 juin 2016
Un livre de référence pour les développeurs Front-End

Pourquoi parler d'un livre sorti en 2007 ? Parce qu'à mon avis, il fait partie des livres de référence pour tous les développeurs Front-End ou qui veulent se spécialiser dans ce domaine.

Écrit par Steve Souders (https://stevesouders.com/), qui a fait partie de l'équipe Yahoo Performance puis qui est parti chez Google, il pose les bases de ce métier qui n'existait pas à l'époque. C'est d'ailleurs dans ce livre que Steve Souders démontre et évangélise le constat suivant : « Seulement 10 à 20 % du temps de chargement d'une page est dû au téléchargement du document HTML ».

Partant de ce constat, il explique pas à pas les étapes de chargement d'une page, les points bloquants, les améliorations à apporter.

Aujourd'hui, on entend de plus en plus ce discours, mais il a été l'un des premiers à le tenir et à soutenir que les publicités et scripts externes étaient trop lourds à charger (parfois plus que le contenu lui-même !) et que les requêtes les plus rapides étaient celles qui avaient été supprimées.

Même si depuis des optimisations ont été apportées côté navigateur, même si HTTP 2.0 pointe le bout de son nez, beaucoup de ses conseils restent toujours d'actualité et poussent le lecteur à réfléchir et remettre en question chaque élément d'une page (images, scripts, CSS).




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 07/06/2016 à 8:00
High Performance Web Sites
Essential Knowledge for Frontend Engineers


Want your web site to display more quickly? This book presents 14 specific rules that will cut 25% to 50% off response time when users request a page. Author Steve Souders, in his job as Chief Performance Yahoo!, collected these best practices while optimizing some of the most-visited pages on the Web. Even sites that had already been highly optimized, such as Yahoo! Search and the Yahoo! Front Page, were able to benefit from these surprisingly simple performance guidelines.

The rules in High Performance Web Sites explain how you can optimize the performance of the Ajax, CSS, JavaScript, Flash, and images that you've already built into your site -- adjustments that are critical for any rich web application.

[Lire la suite]





Retrouvez tous les meilleurs livres pour apprendre la programmation Web
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 07/06/2016 à 8:04
Bonjour à tous,

Nicolas Chevallier a lu ce livre et vous en fait une critique !

Malgré sa date de parution, il estime que ce livre garde pleinement son sens aujourd'hui et que ses conseils sont toujours d'actualité pour tous ceux souhaitent se spécialiser dans le développement Front-End.

Découvrez la critique !
couverture du livre Bien rédiger pour le Web

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Bien rédiger pour le Web

Stratégie de contenu pour améliorer son référencement naturel

de
Public visé : Débutant

Résumé de l'éditeur

Une stratégie de contenu efficace pour vos visiteurs comme pour les moteurs de recherche !

  • Sondez vos Web Analytics pour définir votre stratégie éditoriale dans une logique de référencement.
  • Concevez une offre de contenu adaptée à la cible et au terminal tant pour l'ordinateur que pour le mobile.
  • Adaptez les meilleures techniques journalistiques à la lecture en ligne.
  • Utilisez à bon escient le multimédia, y compris sur mobile.
  • Découvrez les bases du référencement naturel.
  • Exploitez les balises et attributs (title, titres, liens, image, description, authorship...) pour améliorer le référencement.
  • Optimisez tous types de contenus pour le référencement : balises, attributs, liens, Google+, tweets, vidéo...
  • Évitez les pièges qui sanctionneraient votre positionnement sur les moteurs.
  • Construisez et rationalisez votre production de contenu, du processus à la charte éditoriale, dans une logique d'amélioration continue.


Le contenu est la clé d'un référencement durable

Référenceurs, publicitaires, ergonomes et journalistes s'accordent tous sur un point : c'est le contenu qui, au-delà des prouesses techniques et graphiques, fait venir et revenir l'internaute sur un site, et en assure la conversion. C'est le contenu encore qui, bien conçu, bien écrit et bien alimenté, nourrit sa visibilité méritée sur les moteurs de recherche.
Bien plus qu'un rédacteur, le professionnel chargé du contenu d'un site web doit penser en véritable stratège.

A qui s'adresse cet ouvrage ?

  • Aux rédacteurs, architectes de l'information et chargés de contenu web.
  • Aux référenceurs, responsables de communication et chargés de marketing.
  • Aux décideurs et chefs de projet.

Édition : Eyrolles - 714 pages , 3eédition, 20 février 2014

ISBN10 : 2212137508 - ISBN13 : 9782212137507

Commandez sur www.amazon.fr :

0.00 € TTC (prix éditeur 36.00 € TTC)
  • Rédaction pour le web : quels enjeux ?
  • Une conception centrée utilisateur
  • Favoriser l'accès au contenu
  • Analyser ses statistiques : mon contenu est-il ROI ?
  • Stratégie éditoriale
  • Définir ses mots-clés
  • Produire son contenu : les règles de base
  • Comprendre le comportement de lecture en ligne
  • Travailler son texte : séduire et retenir l'internaute
  • Améliorer la lisibilité
  • Optimiser les liens
  • Les critères de base du référencement
  • Optimiser les zones chaudes
  • Optimiser tous types de contenus
  • Référencement : stratégies et freins
  • Faire vivre son contenu, toute une stratégie !
Critique du livre par David Bleuse le 12 octobre 2015
Le livre critiqué traitant de bonne rédaction, je vais tâcher d'en appliquer les principes fondamentaux à ma propre critique : riche en mots-clés, dans un français correct (du moins, j'espère ; à ce propos, dans ce qui suit, j'emploierai "auteur", comme nom épicène, plutôt qu' "autrice", trop peu usité quoique sans doute grammaticalement plus correct qu' "auteure"...), et structurée, en six parties que voici.

La rédaction web et au-delà

On ne saurait s'arrêter au titre du livre. Si la rédaction web constitue une partie importante de l'ouvrage, celui-ci va plus loin et "aborde le contenu dans l'optique d'un référencement naturel", selon les mots de l'auteur. La prise en compte des critères de référencement "on page" (c'est-à-dire liés au contenu) complète et renforce une stratégie de contenu primitivement tournée vers l'utilisateur ; celle des critères "off page" (extérieurs au contenu), traitée également dans ce livre, frôle au contraire, selon moi, le hors sujet, ce que je détaille plus bas.

Une démarche méthodique

Pour l'élaboration du contenu proprement dit, l'auteur s'appuie sur une méthode dont chaque étape fait l'objet d'un des chapitres constituant la première partie du livre.

Cette méthode présente le grand intérêt de démarrer bien en amont de la rédaction. Le contenu diffère en effet selon les objectifs assignés au site qu'il conviendra d'identifier dans un premier temps (chap. 2 §1).

Le contenu devant s'adresser de manière primordiale - et c'est là le leitmotiv du livre - à l'utilisateur, une deuxième étape essentielle est la définition de la cible (chap. 2 §2 à 5).

Les besoins et attentes de celle-ci étant connus, on est alors en mesure de définir la teneur du message (chap. 5) puis de traduire ce dernier en texte dont on travaillera le style (chap. 7), les mots (chap. 9), la forme (chap. 10), tout en respectant les contraintes liées à l'accessibilité (chap. 3 §5).

L'analyse d'indicateurs de performance (KPI) nous permet d'évaluer si les objectifs fixés au départ sont ou non atteints ; dans ce dernier cas, on retournera aux étapes précédentes dans le cadre d'un processus d'amélioration continu du site web (chap. 4).

Pour certaines de ces étapes, les différents points examinés sont soit rappelés en fin de chapitre sous la forme d'une check-list (qualité, texte, mise en forme), soit complétés (accessibilité).

Le chapitre conclusif fournit des modèles de document qui nous permettent de répondre aux questions qu'il est nécessaire de se poser pour mener à bien la gestion de notre projet.

Outre une méthode générale, le livre nous apporte des outils méthodologiques destinés à identifier les besoins de l'utilisateur (Kano) et à y répondre (5W2H, pyramide inversée, décrits dans chap. 7).

Une approche pragmatique

La méthode évoquée plus haut trouve l'appui de techniques et outils dans sa mise en application. Ainsi, pour calculer les KPI, l'auteur utilise Google Analytics dont elle nous présente en détail le paramétrage et les fonctionnalités mais aussi, à l'aide d'exemples précis, la façon d'exploiter les résultats obtenus (chap. 4).

En outre, une liste impressionnante d'utilitaires (la plupart gratuits) accompagne chacun des chapitres.

Le contenu devant être bon pour les utilisateurs, ce sont ces derniers qui nous le fourniront grâce à des techniques exposées dans ce livre : lors de l'étape essentielle de recherche des mots-clés (décrite en détail dans chap. 6) à travers les UGC ou les recherches effectuées dans les moteurs de recherche, ici en l'occurrence Google ; lors de la phase de conception (card sorting) ou de test (A/B testing).

Enfin, les bonnes pratiques en matière de contenu sont systématiquement illustrées d'exemples tirés de sites authentiques (où l'on peut d'ailleurs observer que ce ne sont pas nécessairement ceux des institutions les plus reconnues qui sont les plus irréprochables en la matière !). L'édition du livre en noir et blanc rend cependant imparfaitement compte de l'ensemble de la stratégie visuelle déployée dans le site donné en exemple (où sont les "couleurs survitaminées" utilisées dans sa page web par telle grande marque automobile ?!).

Le contenu sous tous ses aspects

Le périmètre du contenu textuel que le livre nous invite à optimiser n'est pas circonscrit au cœur de la page web ; il s'étend à la frontière du site, à savoir les éléments suivants : newsletter, PDF, blog, FAQ, messages d'erreur, e-mail (chap. 14) et au-delà : communication (chap. 14 §14), campagne publicitaire ( chap. 14 §15, chap. 15 §2), communiqué de presse (chap. 14 §11).

Le contenu étudié ne se limite pas non plus au texte : les vidéos sont également traitées (chap. 14 §3) et l'on apprend comment on peut utiliser les images pour guider la lecture de l'internaute (chap. 8).

Comme dit précédemment, le contenu doit non seulement satisfaire l'utilisateur mais il doit aussi être bon pour les moteurs. Ceci justifie la présence d'un chapitre dédié au référencement où l'on appréciera en particulier les solutions apportées à l'épineuse question du contenu dupliqué (chap. 15 §4).

Ailleurs dans le livre, une section entière fait le tour des bonnes pratiques à mettre en oeuvre pour maximiser ses chances de voir ses articles paraître dans Google Actualités (chap. 14 §1).

Enfin, les préconisations de Google sont présentes tout au long de l'ouvrage sous la forme de liens ou retranscrites en détail à travers une succession de questions et réponses avec le support de Google.

Les règles d'une bonne rédaction tiennent aussi compte des contraintes physiques et technologiques (accessibilité et responsive design) de l'utilisateur.

Les aspects techniques sont poussés jusqu'à l'implémentation du contenu dans le fichier HTML (chap. 13, en particulier). Des précisions utiles sont apportées concernant le nombre de mots/caractères optimal pour les différentes parties d'un article (titre, accroche, chapeau).

Certaines considérations sur les éléments HTML sont en revanche moins justifiables. Ainsi, contrairement à ce qu'écrit l'auteur, les balises HTML n'ont pas pour but "d'indiquer la façon dont le document doit être présenté". L'élément font, dont l'usage est préconisé à un certain endroit du livre, est en réalité - et à juste titre - déprécié dès HTML4, et définitivement obsolète en HTML5. Et si les éléments b et strong ont un poids identique pour les moteurs et se traduisent tous deux dans le navigateur par une mise en forme en gras par défaut, ils n'ont pas la même valeur sémantique.

Ces quelques points techniques sujets à discussion ne constituent certes qu'une petite partie du livre mais les différents aspects relatifs à HTML mériteraient néanmoins d'être mis à jour et rassemblés dans une annexe dans laquelle viendrait s'insérer le schéma associant les éléments HTML à leur restitution dans la page web et la page de résultats des moteurs de recherche (SERP), actuellement représenté en troisième de couverture.

Un risque de dispersion

On vient de le voir, la rédaction web est ici traitée de manière très complète. Trop, peut-être...

L'auteur applique les règles de bonne rédaction à la création des libellés du menu de navigation (chap. 3 §3) ; dans la foulée, cependant, elle déborde sur la conception de l'architecture du site (chap. 3 §1 et 2) et sa communication aux moteurs via un plan du site (Sitemap) (chap. 15 §5). Ces deux derniers points semblent relever moins du contenu que de l'ergonomie, sujet à part entière auquel un livre, d'ailleurs cité dans cet ouvrage, est consacré.

Si l'on ne peut nier le fait qu'un contenu riche et utile draine des visiteurs et qu'ainsi, le référencement on page influe indirectement sur le référencement off page, l'amélioration spécifique de ce dernier est toutefois largement indépendante de la gestion du contenu. Aussi, les passages concernant la création de liens entrants par des annuaires (chap. 15 §1) ou des sites tiers (chap. 15 §2) et les instructions aux moteurs et à leurs robots destinées à se préserver de la fuite de jus de lien ou des liens frauduleux (chap. 11 §3) me semblent déborder du cadre du livre.

C'est d'autant plus le cas des moyens destinés à générer indirectement du trafic, auxquels l'ouvrage fait également une place : opérations de communication (chap. 15 §2) et réseaux sociaux (chap. 14 §2). Ces derniers auraient pu selon moi être traités davantage du point de vue du contenu : l'ouvrage présente ainsi les règles spécifiques à la rédaction des tweets mais pas celles relatives à la création de sa page professionnelle dans Facebook ou Pinterest.

Enfin, une fois optimisés les éléments title et meta description, qui sont les seuls à apparaître sur la SERP, les habitudes de lecture de cette dernière par l'internaute, abordées dans un chapitre plus général sur l'eyetracking (chap. 8 §3) ne nous apprennent rien de plus sur la façon d'améliorer le contenu.

En conclusion

Contribuant autant à la fidélisation du visiteur qu'au référencement, le contenu est un élément clé du site web.

Dans un des trop rares livres consacrés à ce sujet, l'auteur, spécialiste en stratégie de contenu web, nous fait profiter de son expérience de professionnelle en nous proposant méthodes et outils.

Par son approche exhaustive, elle met entre nos mains tous les éléments nécessaires à une bonne rédaction, au risque de déborder parfois du strict cadre de son sujet. Les paragraphes traitant d'ergonomie et de référencement off page tendent ainsi à alourdir le livre. Ils constitueront néanmoins pour le lecteur non spécialiste une porte d'entrée vers des ouvrages approfondissant ces questions.

Afin de tirer le meilleur profit du livre, le lecteur devra avoir été initié aux techniques du référencement naturel (via la lecture d'un tutoriel, par exemple), plusieurs termes y ayant trait étant introduits dans l'ouvrage sans avoir été préalablement définis, ainsi qu'à HTML, certains passages du livre s'y rapportant devant être considérés avec circonspection.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 20/10/2015 à 7:53
Bien rédiger pour le Web
Stratégie de contenu pour améliorer son référencement naturel
3e édition


Une stratégie de contenu efficace pour vos visiteurs comme pour les moteurs de recherche !

Sondez vos Web Analytics pour définir votre stratégie éditoriale dans une logique de référencement.
Concevez une offre de contenu adaptée à la cible et au terminal tant pour l'ordinateur que pour le mobile.
Adaptez les meilleures techniques journalistiques à la lecture en ligne.
Utilisez à bon escient le multimédia, y compris sur mobile.
Découvrez les bases du référencement naturel.
Exploitez les balises et attributs (title, titres, liens, image, description, authorship...) pour améliorer le référencement.
Optimisez tous types de contenus pour le référencement : balises, attributs, liens, Google+, tweets, vidéo...
Évitez les pièges qui sanctionneraient votre positionnement sur les moteurs.
Construisez et rationalisez votre production de contenu, du processus à la charte éditoriale, dans une logique d'amélioration continue...

[Lire la suite]


  • Avez-vous lu ce livre ou pensez-vous le lire ?
  • Souhaitez-vous ajouter une critique de ce livre sur la page de la rubrique ?
  • Avez-vous un commentaire à faire ?


Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 20/10/2015 à 7:57
Bonjour à tous,

David Bleuse a lu ce livre et vous propose sa critique. Une critique longue et détaillée de ce que vous trouverez dans ce livre et de la manière dont le thème est abordé. Nous tenions à le remercier pour les différentes critiques qu'il nous proposent régulièrement.

La page du livre avec la critique de David : http://web.developpez.com/livres/ind...eb#L2212137508

N'hésitez pas à visiter la page Livres du forum du développement Web : http://web.developpez.com/livres/
couverture du livre Apprenez les langages HTML5, CSS3 et JavaScript

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
2 commentaires
 
 

Apprenez les langages HTML5, CSS3 et JavaScript

Pour créer votre premier site web

de
Public visé : Débutant

Résumé de l'éditeur

Ce livre s'adresse à de grands débutants en développement informatique, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript. L'auteur guide le lecteur en lui enseignant des méthodes efficaces et actuelles pour créer son premier site web, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour qu'il soit ensuite autonome.

Dès le début du livre l'auteur présente un tour d'horizon du développement sur le Web ; les langages côté client et serveur, les formats d'images, les navigateurs… afin que le lecteur comprenne les mécanismes par lesquels le contenu d'une page s'affiche sur un écran. Le chapitre suivant enseigne les règles générales à observer pour développer de manière efficace : lisibilité du code, organisation des dossiers, utilisation des éditeurs de code, référencement…

Ensuite, l'auteur entre dans le vif du sujet et présente tout d'abord le langage HTML5 qui permet de structurer une page, de disposer les éléments visuels très précisément. Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles, des effets visuels rendant inutile l'utilisation d'images et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur. Pour avoir une bonne connaissance des langages utilisés côté client, le troisième présenté dans ce livre est le JavaScript. C'est ce langage qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, d'utiliser une base de données côté client…

Au travers d'exemples concrets et au-delà de l'aspect purement technique de cet apprentissage, l'auteur transmet au lecteur les principales règles de mise en page à respecter pour rendre le site agréable à l'œil, convivial et facile d'utilisation ainsi que les bonnes méthodes de développement et les pièges à éviter. Après la lecture de ce livre, le lecteur pourra créer un site web fonctionnel dont il pourra être fier.

Édition : ENI - 295 pages , 1re édition, 10 septembre 2014

ISBN10 : 2746091054 - ISBN13 : 9782746091054

Commandez sur www.amazon.fr :

29.09 € TTC (prix éditeur 29.09 € TTC) livraison gratuite !
  • Le Web
  • Règles générales
  • HTML
  • CSS3
  • JavaScript
  • Mise en page HTML et CSS
  • Les méthodes de dessin
  • Le multimédia
  • Les formulaires
  • Les liens et menus en HTML5
  • Conclusion
Critique du livre par la rédaction Francis Walter le 2 mars 2015
Ce livre est une véritable documentation pour les débutants. L'auteur a pris la peine de parcourir tous les points à connaître dans la création d'un site web en HTML5/JavaScript et CSS3. Pour quelqu'un qui veut s'initier au développement web, ce cours est très bien pour lui dans le sens où une explication est donnée à chaque balise utilisée, suivie quelquefois des avantages et inconvénients. Le livre est bien structuré et bien illustré avec des exemples courts, précis et compréhensifs par le débutant. Pour un confirmé en développement web, ce livre peut lui servir de mémento. Il est adapté au web moderne, et ce grâce aux parties dédiées aux méthodes de dessin, dont Canvas et SVG, l’interaction avec du JavaScript, l'utilisation d'une base de données SQLite du côté du client, les transformations 3D, les transitions, les animations et autres. En bref, le livre en lui-même représente un professeur et vous le constaterez dans la façon dont l'auteur s'exprime dans les écrits.

Un des points négatifs que j'ai pu noter en ce qui me concerne, c'est le manque d'une partie détaillée sur le responsive design et les média queries. L'auteur a juste fait un briefing sur cette notion. Or de nos jours, on ne saurait concevoir un site web qui ne soit pas adaptatif, le designer doit pouvoir penser aux différents dispositifs qui vont visiter son site. Et l'absence d'une section détaillée sur le responsive design constitue un véritable manque pour le livre. Je me suis rendu compte que ENI a édité un livre sur le responsive design, il vient certainement en complément à celui-ci. Peut-être que l'auteur, pour les prochaines éditions, pourrait envisager ouvrir un chapitre sur le responsive design.

D'autre part, j'aurais aimé avoir dans ce livre une partie, dans le chapitre JavaScript, qui explique et illustre comment on peut, par exemple, modifier le style CSS de la page sans recharger la page ou comment modifier le contenu de la page avec du innerHTML. Beaucoup de concepteurs web sont amenés à modifier la présentation de leur page suite à certains événements et l'idéal dans bien des cas est de le faire sans pour autant aller vers le serveur. Un autre manque dans ce livre qui aurait pu être une plus-value pour le lecteur.

Somme toute, je conseille vraiment ce livre à toute personne désirant se lancer dans le web, la base y est et l'essentiel de ce qu'il faut savoir s'y trouve. Toutefois, l'auteur aurait pu se distinguer de la panoplie de livres déjà existants sur le HTML5/CSS3/JavaScript avec de nouvelles idées qu'on ne trouve pas ailleurs.




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 02/03/2015 à 21:47
Apprenez les langages HTML5, CSS3 et JavaScript
Pour créer votre premier site web


Ce livre s'adresse à de grands débutants en développement informatique, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript. L'auteur guide le lecteur en lui enseignant des méthodes efficaces et actuelles pour créer son premier site web, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour qu'il soit ensuite autonome.

Dès le début du livre l'auteur présente un tour d'horizon du développement sur le Web ; les langages côté client et serveur, les formats d'images, les navigateurs… afin que le lecteur comprenne les mécanismes par lesquels le contenu d'une page s'affiche sur un écran. Le chapitre suivant enseigne les règles générales à observer pour développer de manière efficace : lisibilité du code, organisation des dossiers, utilisation des éditeurs de code, référencement…

Ensuite, l'auteur entre dans le vif du sujet et présente tout d'abord le langage HTML5 qui permet de structurer une page, de disposer les éléments visuels très précisément. Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles, des effets visuels rendant inutile l'utilisation d'images et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur. Pour avoir une bonne connaissance des langages utilisés côté client, le troisième présenté dans ce livre est le JavaScript. C'est ce langage qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, d'utiliser une base de données côté client…

[Lire la suite]



Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 02/03/2015 à 21:50


Francis Walter a lu ce livre orienté débutant et nous fournit une critique positive que vous pouvez découvrir sur la page du livre.

Avatar de John Smith Images John Smith Images - Futur Membre du Club https://www.developpez.com
le 16/03/2015 à 15:59
je commence tout juste la lecture. Page 22 ligne 9:
Après la balise <html> vient ensuite la balise :
<body>

FAUX C'EST LA BALISE <head>
Si c'est tout de ce niveau je ne conseille pas ce livre pour un débutant. Parce que la ligne suivante devient franchement bizarre:

"Elle contient tout ce qui ba être affiché" La balise <head> ou la balise <body> Parce que si c'est <head> c'est faux évidemment et si c'est <body> c'est la suite qui est fausse.

Continuons page 24 en ouvrant le fichier global.css du dossier css. Ça n'a pas grand chose en commun

Enfin bref un débutant ne s'y retrouvera pas et JE LE DÉCONSEILLE ABSOLUMENT!

N'ACHETEZ PAS!
couverture du livre HTML5 et CSS3 pour des sites Responsive Web Design

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
0 commentaire
 
 

HTML5 et CSS3 pour des sites Responsive Web Design

de
Public visé : Débutant

Résumé de l'éditeur

L'objectif du Responsive Web Design est de créer des sites Web dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de smartphone.

Dans ce livre, nous allons commencer par un rappel sur les méthodes de mise en page "classiques" et leur limitation avant d'introduire la technique de mise en page basée sur l'utilisation des tableaux et des CSS3. Nous apprendrons ensuite à utiliser les grilles de mise en page, les grilles fixes et fluides.

Le Responsive Web Design est essentiellement basé sur les requêtes de média CSS3, les Media Queries : nous apprendrons à maîtriser cette technique à l'aide de nombreux exemples. Nous verrons ensuite les différents aspects de la mise en page responsive : les grilles, les images et la typographie.

Pour nous aider à travailler plus efficacement, nous apprendrons à utiliser les bases de certains frameworks CSS qui permettent d'utiliser foute une série de composants HTML5/CSS3 pour concevoir efficacement des sites responsive. Nous verrons aussi l'utilité des librairies JavaScript pour gérer au mieux les problèmes de compatibilité avec les navigateurs.

Enfin nous terminerons en vous présentant les futures techniques avancées de mise en page qui sont en cours d'étude actuellement par le W3C.

Édition : ENI - 324 pages , 1re édition, 11 juin 2014

ISBN10 : 2746089335 - ISBN13 : 9782746089334

Commandez sur www.amazon.fr :

26.05 € TTC (prix éditeur 26.05 € TTC) livraison gratuite !
  • Chapitre 1 : Introduction
  • Chapitre 2 : Des solutions pour la compatibilité
  • Chapitre 3 : La mise en page classique
  • Chapitre 4 : La mise en page à l'aide des tableaux
  • Chapitre 5 : Les grilles de mise en page
  • Chapitre 6 : Les Media Queries
  • Chapitre 7 : La mise en page responsive
  • Chapitre 8 : Les frameworks CSS
  • Chapitre 9 : Le futur de la mise en page
Critique du livre par la rédaction Vincent ... le 30 octobre 2014
Dans les premiers chapitres, le livre aborde les contraintes dues aux vieux navigateurs, et les solutions pour y remédier.

Ensuite, les nouveautés du CSS3 sont intégrées progressivement, comme la balise @media.

La suite, la grosse partie du livre, nous explique comment intégrer la « Responsive Web Design » dans un site, en nous sensibilisant sur la notion de grille pour la mise en page, et en nous donnant différentes grilles avec leur fonctionnement.

Puis l’auteur aborde les frameworks qui existent en « Responsive Web Design ».

La lecture de l’ouvrage est agréable. Les explications sont claires et bien documentées, il est possible de télécharger sur le site, les exemples cités tout au long.

Pour ma part, je recommande ce livre à toute personne qui voudrait commencer un site multiplateforme.




 Poster une réponse

Avatar de zoom61 zoom61 - Responsable Libres & Open source https://www.developpez.com
le 30/10/2014 à 15:51
HTML5 et CSS3 pour des sites Responsive Web Design



La critique

Qu'en pensez-vous ?
couverture du livre Créer un seul site pour toutes les plates-formes

Note 4.83333333333 drapeau
Détails du livre
Sommaire
Critiques (3)
2 commentaires
 
 

Créer un seul site pour toutes les plates-formes

Aux sources des approches responsive et adaptative

de
Public visé : Intermédiaire

Résumé de l'éditeur

Le Graal du développeur web : un seul site pour toutes les plates-formes.

Pourquoi développer plusieurs versions d'un site web pour les mobiles, les ordinateurs (portable ou de bureau), voire des applications dédiées ? Il est possible de concilier les usages autour d'un seul site et d'une seule URL : c'est ce que propose l'approche One Web, en respect avec les standards du Web.

Avec cette approche, l'intégrateur web pourra utiliser les meilleures techniques de développement côté client aux sources du responsive web design et de l'adaptive web design. De quoi garantir une compatibilité optimale des sites web sur tous les écrans !
Destiné aux webdesigners, intégrateurs, développeurs web, chargés de marketing et responsables de communication, cet ouvrage revient donc à un principe fondamental du développement web : fournir un contenu universellement accessible quel que soit l'appareil cible (smartphone, ordinateur, tablette...) !

Citation Envoyé par Tim Berners-Lee - Inventeur du World Wide Web
Des millions de nouveaux capteurs, appareils et autres terminaux de grandes et petites tailles mèneront très bientôt le Web vers de nouveaux horizons. Je suis à là fois enthousiaste et préoccupé.

Citation Envoyé par Groupe de travail Mobile Web Best Practices au W3C
La vision d'un Web unique et intégré de façon transparente reste l'objectif à long terme de l'initiative Mobile Web. [...] L'hypothèse selon laquelle l'accès se fait principalement du moyen d'un navigateur d'ordinateur portable ou de bureau, et qu'il s'agit de l'expérience web par défaut, est très contestable.

Édition : Eyrolles - 144 pages , 1re édition, 4 juin 2014

ISBN10 : 2212139861 - ISBN13 : 9782212139860

Commandez sur www.amazon.fr :

18.91 € TTC (prix éditeur 19.90 € TTC) livraison gratuite !
  • Approche One Web
  • Normalisation
  • Contextualisation
  • Approche responsive
  • Approche adaptive
  • Combiner les approches
  • Outils d'aide au développement
  • Glossaire
Critique du livre par la rédaction vermine le 19 juin 2014
Présenter les éléments nécessaires pour garantir une compatibilité optimale de votre site Web sur tous les écrans sans devoir concevoir plusieurs versions de votre code. Voilà l'objectif de ce livre. Un objectif réussi !

De manière générale, l'auteur rappelle ce qui se faisait dans le domaine du Web et pourquoi nous en sommes arrivés là. Il plante ainsi le décor de son livre qui résulte en une suite d'explications pointues des technologies et de leur évolution. Il n'hésite d'ailleurs pas à nous mettre en garde sur les choses à ne pas (plus) faire en citant les problèmes rencontrés par le passé (tantôt venus des navigateurs, tantôt des développeurs), en décrivant les solutions alors apportées par l'un ou par l'autre et pourquoi elles ne sont peut-être plus adéquates aujourd'hui.

Pour quasi chaque technique citée, Sylvain nous présente succinctement un ou plusieurs outils permettant de les implémenter. Il explique ses choix selon le contexte du site exemple. De plus, il parle des API, existantes ou en devenir, gérant la géolocalisation, le niveau de la batterie, l'état du réseau, tout ce qui concerne le CSS ou bien le JavaScript, etc. Des API qui suivent de près les recommandations du W3C. Sa recherche sur le sujet semble poussée et réfléchie.

Sans s'attarder plus sur l'une ou l'autre technologie, on découvre ce que sont, par exemple, les polyfills, les shims, la priorité des instructions, une description des unités CSS, la gestion des tableaux inversés, les media queries et bien d'autres. C'est une mise à plat de ce que l'on utilise tous les jours sans parfois s'en rendre compte. Ensuite, l'auteur différencie le "responsive" de l'"adaptive", nous évitant ainsi de faire des confusions hâtives.

Grâce à cette lecture, on appréhende mieux le fait que nos habitudes de développeur Web doivent évoluer constamment et en fonction du contexte actuel, mais surtout qu'il faut laisser une porte ouverte aux nouveautés aussi bien matérielles que technologiques. Un pari compliqué.

En conclusion, j'ai trouvé ce livre très intéressant et riche au niveau des explications du "le pourquoi du comment". Je vous conseille d'essayer par vous-même les exemples de codes si vous en avez la possibilité. N'oubliez pas non plus de profiter des délicieuses recettes publiées sur le site exemple !
Critique du livre par la rédaction Cyril le 9 février 2015
Ce livre est destiné aux webdesigners, intégrateurs, développeurs web, chargés de marketing et responsables de communication. Il faut avoir au moins participé à l'élaboration d'un site afin de bien comprendre le livre. Il n'est donc pas adressé à un public débutant.

Il tente de répondre à une problématique : face à la recrudescence des objets connectés, comment faire en sorte que son site soit compatible avec tous les appareils sans avoir besoin de maintenir plusieurs versions ? (Il ne traite néanmoins pas des objets connectés, tels les montres, lunettes ou smart TV, jugés trop instables pour le moment). La réponse à cette problématique est accompagnée d'un site compagnon qui permet de mettre en pratique la théorie parfaitement maîtrisée par l'auteur.

Il y a quatre grosses parties dans ce livre :

  • normalisation / contextualisation : pour poser les bases et comprendre le reste du livre, uniformisation des styles, les préfixes vendeurs, événements souris/tactiles, les polyfills/shims/fallbacks, le contexte dans lequel le site est lancé (récupération des éléments essentiels tels que la hauteur de la fenêtre, l'orientation, la connexion, etc.) ;
  • approche Responsive : pourquoi on en a eu besoin, les unités CSS à utiliser, le viewport, les media queries ;
  • approche Adaptive : histoire et différences avec le responsive, la relation avec les URL/REST/HTTP, AJAX à la rescousse pour servir des ressources adaptées ;
  • outils du dév front d'aujourd'hui : préprocesseurs CSS, outils de build Grunt/Gulp, debugging (console), tests, etc.


Chacune des ces parties est très complète, la précédente amène toujours la suivante et c'est donc très fluide à lire. Il y a même une partie qui explique comment concilier l'approche responsive avec l'approche adaptive afin d'offrir une expérience optimale à l'utilisateur.

Ce que j'ai aimé dans ce livre :

  • chaque partie commence par une phrase d'introduction décrivant parfaitement ce que l'on va lire ;
  • les encarts “Pour aller plus loin”, “Remarques” qui proposent au lecteur d'approfondir le sujet ;
  • le site web compagnon ;
  • le côté technique omniprésent mais accompagné d'exemples concrets ;
  • le dernier chapitre qui liste les outils d'aujourd'hui qui nous permettent de gagner du temps (préprocesseurs CSS, outils de build Grunt/Gulp, debugging, tests, etc.) ;
  • ... et plus particulièrement la partie sur les tests.


Sylvain nous offre là un livre très clair et concis (120 pages) dans l'air du temps, bourré de bonnes pratiques pour réaliser un site adapté à plusieurs appareils et donc plusieurs écrans. A la fin de ce livre, vous serez en mesure d'avoir les meilleures bases pour créer un site “responsive/adaptive”.
Critique du livre par la rédaction Francis Walter le 11 septembre 2015
Nous sommes à une ère où le responsive design bat son plein. Les développeurs, lors de la conception d'un site (ou application) web, doivent tenir compte des différentes plate-formes existantes : PC, tablettes, smartphones et téléviseurs. Mais qu'est-ce-que le responsive design ? Comment est-il né ? Quelles sont les bonnes pratiques de cette approche ?

Sylvain Pollet-Villard répond à toutes ces questions dans ce beau livre. D'abord, il nous explique ce qu'est l'approche One Web, un ensemble de méthodes qui évitent aux concepteurs d'avoir à développer autant de versions d'un site pour chaque plate-forme ciblée puis nous bonifie de quelques règles à adopter pour une bonne approche One Web.

Ensuite, il aborde la façon dont on peut écrire des feuilles de style uniformes et donnant le même rendu sur tous les navigateurs avant d'entrer dans l'approche responsive elle-même. Dans cette partie, on sent qu'il maitrise très bien ce dont il parle et l'a prouvé à travers ses exemples très explicites présents dans chaque partie du livre. Il aborde les viewport, le dimensionnement, le positionnement, les média queries et le plus intéressant de tout, ce sont ses exemples de composants flexibles qu'il donne à la fin de la partie consacrée au responsive design.

Au delà de l'approche responsive, il existe l'approche adaptive qui est beaucoup plus poussée que la première. Avec la première, en fonction de la plateforme sur laquelle le site est affiché, les dimensions, la disposition et le positionnement des contenus (div, section, acticle, h1…) peuvent changer. Mais avec l'approche adaptive, les valeurs (textes, images, sources, …) des contenus peuvent changer. Sylvain nous explique comment cela peut se faire avec des exemples. Il nous parle ici des injections de script, injection de styles et l'utilisation d'Ajax.

Enfin, l'auteur montre comment combiner les différentes approches pour répondre aux besoins de chaque plate-forme suivi de quelques outils qu'un développeur/concepteur peut utiliser pour faciliter et accélérer la conception.

Pour conclure, il s'agit là d'un excellent livre très orienté débutant et qu'un confirmé ou expert devrait avoir sous la main. On comprend mieux les écrits de l'auteur en exécutant ou en regardant de près ses exemples. D'ailleurs, les exemples étant bien clairs, bien commentés et explicites peuvent servir de point de départ lors de la conception d'un site.




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 19/06/2014 à 14:23
Créer un seul site pour toutes les plates-formes
Aux sources des approches responsive et adaptative


Le Graal du développeur web : un seul site pour toutes les plates-formes.

Pourquoi développer plusieurs versions d'un site web pour les mobiles, les ordinateurs (portable ou de bureau), voire des applications dédiées ? Il est possible de concilier les usages autour d'un seul site et d'une seule URL : c'est ce que propose l'approche One Web, en respect avec les standards du Web.

Avec cette approche, l'intégrateur web pourra utiliser les meilleures techniques de développement côté client aux sources du responsive web design et de l'adaptive web design. De quoi garantir une compatibilité optimale des sites web sur tous les écrans !
Destiné aux webdesigners, intégrateurs, développeurs web, chargés de marketing et responsables de communication, cet ouvrage revient donc à un principe fondamental du développement web : fournir un contenu universellement accessible quel que soit l'appareil cible (smartphone, ordinateur, tablette...) !

  • Approche One Web
  • Normalisation
  • Contextualisation
  • Approche responsive
  • Approche adaptive
  • Combiner les approches
  • Outils d'aide au développement
  • Glossaire


[Lire la suite]



Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 19/06/2014 à 14:27
Ce livre a été écrit par SylvainPV, un membre actif des forums du développement Web. Nous lui souhaitons plein de succès pour cet ouvrage dont je vous propose une critique.

Félicitations pour cette rédaction !
Avatar de Kaamo Kaamo - Membre expert https://www.developpez.com
le 09/02/2015 à 15:50
J'ai enfin pris le temps de finaliser ma critique. Je l'ai lu en juin/juillet dernier et relu ce week-end. Les bonnes pratiques qu'il diffuse dans la lecture n'ont pas bougées (bon il manque peut-être le denier outil à la mode ) mais c'est normal, ça évolue vite en 6 mois de temps.

Bref, merci pour le livre, j'ai enfin saisi la différence entre responsive/adaptative. Et surtout, ça m'a donné pas mal d'idée pour mes projets.
couverture du livre Stratégie de contenu, conception et référencement de votre premier site web

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Stratégie de contenu, conception et référencement de votre premier site web

Coffret de trois livres

de
Public visé : Débutant

Résumé de l'éditeur

Ce coffret contient 3 livres : le premier a comme objectif de fournir au débutant une méthodologie de travail simple et efficace pour parvenir à mettre en place et à finaliser sans dommage un projet de conception web. Le second a pour objectif de vous apprendre à concevoir et à réaliser votre site web de A à Z. Il se compose de deux parties, méthodologique et pratique ; cette dernière vous permettra de construire un site Web de A à Z à l'aide du CMS WordPress. Enfin, après la conception, il vous faudra apprendre à bien référencer votre nouveau site. Stratégie de contenu et conception web - Les étapes à suivre pour bien démarrer Ce livre s'adresse à toute personne, webmaster, chargé de communication, entrepreneur... devant participer à la conception d'un site web. La première étape consiste à se poser la question du pourquoi : quelles sont les raisons qui nous poussent à la conception de notre site ? Ensuite, nous étudierons les cibles de notre site afin d'élaborer la première arborescence, le plan du site. Nous irons ensuite dans le détail en définissant les différents types de contenus que nous envisageons d'intégrer dans notre site (textes, images, vidéos, animations...) mais aussi les services que nous souhaitons proposer à nos visiteurs (réseaux sociaux, partage, formulaires...). Il sera temps alors de hiérarchiser cette information en se basant sur les différents cheminements utilisateur menant nos visiteurs vers notre objectif ; pour ce faire, nous prendrons en compte la sémantique des contenus et le référencement du site. Une fois que le contenu du site et son organisation seront définis, nous pourrons mettre en place l'interface utilisateur. Afin de valider tous ces éléments, nous établirons des prototypes en tenant compte des différents supports disponibles aujourd'hui : tablette, smartphone, ordinateur... Nous aborderons ensuite le graphisme de l'interface (couleurs, styles, police...) afin de toujours mieux cibler nos visiteurs. Tout au long de ces pages, les principes théoriques énoncés sont illustrés par un exemple concret basé sur une société fictive appelée Celerity dont vous suivrez pas-à-pas la conception du site. Créez votre premier site web - De la conception à la réalisation Vous commencerez par comprendre ce qu'est un site Web : quelles sont les technologies exploitées, quels sont les différents types de contenus que l'on peut afficher et comment les mettre en uvre ? Vous découvrirez les différentes possibilités pour créer le site et leurs implications techniques. Une fois le choix de la technologie effectué, il est essentiel de s'attacher à l'ergonomie, au design de votre site ainsi qu'à la navigation entre les pages afin de concevoir un site Web convivial et attractif. Il est tout aussi important de bien maîtriser le contenu rédactionnel et d'optimiser vos pages pour un référencement efficace dans les moteurs de recherche. La dernière étape de cette partie méthodologique concerne le choix d'un hébergement, l'estimation des besoins techniques, le travail avec les acteurs du projet et le suivi de la réalisation du site. Dans la deuxième partie du livre, vous aurez l'occasion de mettre en pratique tous ces concepts car vous réaliserez étape par étape le site Web d'une association à l'aide de l'outil de conception Web le plus populaire actuellement : WordPress. Une fois ce projet terminé, vous disposerez de toute la théorie et de toute la pratique nécessaire à la réalisation de votre premier site Web. Référencement de votre site Web - Google et autres moteurs de recherche.

Édition : ENI - 899 pages , 1re édition, 11 décembre 2013

ISBN10 : 2746085313 - ISBN13 : 9782746085312

Commandez sur www.amazon.fr :

71.20 € TTC (prix éditeur 71.20 € TTC) livraison gratuite !
Créez votre premier site web
Chapitre 1 : Introduction
Chapitre 2 : Les langages
Chapitre 3 : Les navigateurs Web
Chapitre 4 : Le contenu des pages Web
Chapitre 5 : Les techniques de création
Chapitre 6 : Les différents types de contenu Web
Chapitre 7 : L'ergonomie des sites Web
Chapitre 8 : Des conseils sur le design
Chapitre 9 : La navigation dans les sites Web
Chapitre 10 : L'accessibilité des sites Web
Chapitre 11 : La gestion et la rédaction du contenu
Chapitre 12 : Le référencement de votre site Web
Chapitre 13 : L'hébergement
Chapitre 14 : La gestion du projet
Chapitre 15 : Le projet pratique de création d'un site Web
Chapitre 16 : Installer WordPress
Chapitre 17 : La connexion et l'administration
Chapitre 18 : Le paramétrage et la mise en page du site
Chapitre 19 : Le travail sur les images
Chapitre 20 : La gestion des images
Chapitre 21 : La rédaction des articles
Chapitre 22 : La publication des articles
Chapitre 23 : La gestion des pages
Chapitre 24 : Les widgets
Chapitre 25 : Les listes de liens
Chapitre 26 : Les extensions
Chapitre 27 : Les commentaires
Chapitre 28 : Les utilisateurs

Référencement de votre site Web
Chapitre 1 : Introduction
Chapitre 2 : La recherche d'informations
Chapitre 3 : Fonctionnement des moteurs
Chapitre 4 : Les SERP (Search Engine Results Pages)
Chapitre 5 : Votre site web/blog, outil de communication
Chapitre 6 : La base : les mots clés
Chapitre 7 : Optimiser le contenu
Chapitre 8 : Optimiser les médias
Chapitre 9 : Optimiser l'indexation
Chapitre 10 : Indexer votre site ou blog
Chapitre 11 : Netlinking
Chapitre 12 : Optimisation pour les médias sociaux (SMO)
Chapitre 13 : Google+, Facebook, Twitter et les autres
Chapitre 14 : Évaluation
Chapitre 15 : GWT : Google Webmaster Tools
Chapitre 16 : Autres outils
Chapitre 17 : En tirer les bonnes leçons

Stratégie de contenu et conception web
Chapitre 1 : Objectifs
Chapitre 2 : Pas de site sans cibles !
Chapitre 3 : Architecture d'information : Acte I
Chapitre 4 : Les différents contenus
Chapitre 5 : L'architecture d'information : Acte II
Chapitre 6 : L'interface d'un site web
Chapitre 7 : Architecture d'information : Acte III - Prototyper un site
Et après ?
Critique du livre par la rédaction Vincent ... le 10 juin 2014
Ces livres s'adressent aussi bien aux développeurs qu'aux personnes qui veulent faire concevoir un site Web. La lecture des ouvrages est fluide et elle est régulièrement imagée.
À aucun moment ces livres n'abordent le code, ils se basent tous sur les principes et les outils disponibles.
Le premier livre « Stratégie de contenu et conception Web » nous sensibilise sur le travail en amont, afin de faciliter les étapes suivantes. Il nous présente une méthodologie, avec tous les éléments nécessaires pour concevoir un site Web. Tous les domaines sont abordés : la cible, le contenu, l'architecture... tout en s'appuyant sur des exemples réels.
Le deuxième livre « Créer votre premier site Web » aborde plus la partie technique d'un site Web. Nous y trouvons des informations pour la création d'un site, que ce soit sur la façon de le créer de A à Z ou en utilisant un CMS. Il y a aussi des chapitres sur la façon de gérer le contenu, sur la navigation, sur la rédaction du contenu, sur les images, sur l'administration, etc.
Je regrette que tout au long de l'ouvrage les outils Adobe soient cités en exemple, et que les autres outils soient jugés trop complexes, quand on connaît le prix des produits Adobe.
Le dernier livre « Référencement de votre site Web » ne donne pas la « formule magique », mais il fournit beaucoup d'éléments pour qu'un site soit bien référencé, que ce soit sur les moteurs de recherche ou sur les nouveaux supports comme les réseaux sociaux.
Comme je l'ai dit au début, ces livres s'adressent à tous. Les développeurs y trouveront des techniques et des outils, et les autres y trouveront des informations qui leur permettront de mieux cerner les besoins nécessaires au développement de leur site.


couverture du livre Responsive Web Design avec HTML 5 et CSS 3.

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
2 commentaires
 
 

Responsive Web Design avec HTML 5 et CSS 3.

de

Résumé de l'éditeur

Créez ou adaptez votre site web pour tous les navigateurs, écrans TV et PC, tablettes et smartphones !

Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation !

Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.

Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.

Édition : Pearson Education - 288 pages , 1re édition, 15 février 2013

ISBN10 : 2744025674 - ISBN13 : 9782744025679

Commandez sur www.amazon.fr :

28.45 € TTC (prix éditeur 29.95 € TTC) livraison gratuite !
  1. HTML5, CSS3 et le Responsive Web Design
  2. Media queries et zones de visualisation
  3. Mises en page fluides
  4. HTML5 pour les designs réactifs
  5. CSS3 : sélecteurs, typographie et modes de couleurs
  6. Effets esthétiques avec CSS3
  7. Transitions, transformations et animations CSS3
  8. Formulaires avec HTML5 et CSS3
  9. Compatibilité des sites réactifs avec tous les navigateurs
Critique du livre par la rédaction benwit le 6 novembre 2013
J'ai lu la traduction française du livre « Responsive Web Design avec HTML 5 et CSS 3 » de Bain Frain.

Ce petit livre est une introduction au Responsive Web Design. Il explique les objectifs de cette conception et les notions sous-jacentes : grille d'affichage flexible qui ne dépend pas d'une définition donnée, médias flexibles qui ne débordent pas de leur conteneur et ensemble de règles CSS basées sur Media Queries pour appliquer des règles CSS suivant certaines conditions.

Le point fort du livre, c'est l'exemple de site qui sert de fil conducteur tout au long des différents chapitres. J'ai particulièrement aimé la transformation d'un design fixe en design proportionnel.

Le point faible, ce sont quelques erreurs au niveau de certaines propriétés CSS et certains choix de l'auteur qui sont discutables, mais rien de rédhibitoire pour le lecteur qui sait prendre un peu de recul.

En conclusion, si vous souhaitez découvrir l'adaptation d'un site concret en Responsive Web Design, ce livre devrait vous intéresser.




 Poster une réponse

Avatar de benwit benwit - Rédacteur https://www.developpez.com
le 07/11/2013 à 8:26
Bonjour,

Je viens de lire le livre : "Responsive Web Design avec HTML 5 et CSS 3" de Ben Frain et de poster une note de lecture à cette adresse http://web.developpez.com/livres/dev...L9782744025679



Connaissez-vous ce livre ?
L'avez vous lu ?
Pensez vous le lire ?
Avatar de Muchos Muchos - Membre expert https://www.developpez.com
le 07/11/2013 à 23:13
Bonjour et merci pour ce retour!

HTML5 pour les designs réactifs

Comment le livre articule-t-il le rapport entre HTML et le design? Merci d'avance.
Avatar de benwit benwit - Rédacteur https://www.developpez.com
le 08/11/2013 à 8:45
Citation Envoyé par Muchos  Voir le message
Comment le livre articule-t-il le rapport entre HTML et le design? Merci d'avance.

Puisqu'il est évident que le Responsive Design doit cibler de multiples appareils et que les téléphones font partis des dispositifs les moins puissants. Si on arrive à concevoir des sites qui réagissent bien sur mobile, cela devrait être bon pour les autres.

Comme le HTML est la structure du site web.
Pour le mobile, il y a plusieurs points d'optimisation :
Réduire la taille du code HTML : Le nouveau doctype HTLML 5 est moins verbeux. Les nouveaux éléments de structures (header, footer, aside, ...) évitent de multiplier les div traditionnels.
Réduire les besoins en javascript : Les nouveaux inputs html5 peuvent faire des contrôles côté client sans nécessiter de js ... Sans parler du fait qu'un champ tél ou mél appellera le clavier adéquate du mobile.

Voilà où l'HTML intervient. Après, c'est vrai que les media queries de css qui auront un impact plus important.
couverture du livre Qualité Web

Note 5 drapeau
Détails du livre
Critiques (1)
5 commentaires
 
 

Qualité Web

Les bonnes pratiques pour améliorer vos sites

de
Public visé : Débutant

Résumé de l'éditeur

Toutes les bases de la qualité web enfin réunies dans un livre !

  • 217 bonnes pratiques qualité (référencement, accessibilité, performance, ergonomie…) commentées et expliquées aussi bien du point de vue de leur objectif, moyens de mise en œuvre et de leur vérification.
  • Présentation des différents usages en conception, en production et au cours de la vie du site.
  • Des outils pratiques pour auditer, améliorer ou piloter la qualité d'un site ou d'un parc de site.
  • Tout pour comprendre et mettre en application la qualité Web et son management.


Ce livre s'adresse à tous les professionnels du Web et à ceux qui aspirent à le devenir, quelle que soit leur spécialité éventuelle :

  • décisionnaires, responsables marketing ;
  • chefs de projet ;
  • ergonomes ;
  • webdesigners ;
  • rédacteurs ;
  • développeurs et techniciens ;
  • webmasters.

Édition : Temesis - 392 pages , 1re édition, 15 octobre 2012

ISBN10 : 2954303107 - ISBN13 : 9782954303109

Commandez sur www.amazon.fr :

39.00 € TTC (prix éditeur 39.00 € TTC) livraison gratuite !
Critique du livre par la rédaction Lucas CORBEAUX le 26 août 2013
Qualité Web se veut un référentiel de bonnes pratiques, superbement présenté et accompagné de quelques recommandations d'application selon les contextes (audit de site en production, intégration du référentiel en cours de réalisation d'un projet…).

Cet ouvrage est réellement un must have pour tout professionnel du Web : le chef de projet y trouvera des informations très utiles pour mener des recettes efficaces et surtout constituer un référentiel des exigences complet et réutilisable, l'expert pourra l'espace d'un moment se recentrer au milieu des exigences de tous les corps de métiers qui l'entourent, et les membres plus juniors y trouveront une mine d'or pour travailler plus proprement.

Au rang des critiques, on pourra reprocher que l'aspect pratique de l'application du référentiel n'ait pas été plus poussé, notamment en ce qui concerne l'industrialisation. Et même, pourquoi pas, un indicateur vague des coûts que représente chaque bonne pratique, chaque thématique et chaque « niveau » de qualité aurait été une information particulièrement utile.

J'ai également ressenti un léger manque sur la question du protocole HTTP : aller plus loin sur la question des codes de retour (seuls 404 et 403 sont abordés), du cache et des verbes HTTP (GET, POST, PUT, DELETE…) aurait été intéressant. D'autant plus que l'utilisation du GET à des fins de modification ou, pire, de suppression est une mauvaise pratique courante et pas que chez les débutants.

En résumé, ce livre est un condensé de bonnes pratiques immédiatement applicables, agrémenté d'une édition impeccable (papier d'excellente qualité, fiches très facilement lisibles…) dont le principal reproche est peut être de n'avoir pas su s'éloigner des bonnes pratiques en elles-même pour creuser davantage leur application dans le contexte d'un projet. Mais cela ne m'empêchera pas d'en recommander l'achat à tous les professionnels du Web.




 Poster une réponse

Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 26/08/2013 à 10:56


Nighty vous propose une critique du livre : Qualité Web - Les bonnes pratiques pour améliorer vos sites.

Toutes les bases de la qualité web enfin réunies dans un livre !
  • 217 bonnes pratiques qualité (référencement, accessibilité, performance, ergonomie…) commentées et expliquées aussi bien du point de vue de leur objectif, moyens de mise en œuvre et de leur vérification.
  • Présentation des différents usages en conception, en production et au cours de la vie du site.
  • Des outils pratiques pour auditer, améliorer ou piloter la qualité d'un site ou d'un parc de site.
  • Tout pour comprendre et mettre en application la qualité Web et son management.


Ce livre s'adresse à tous les professionnels du Web et à ceux qui aspirent à le devenir, quelle que soit leur spécialité éventuelle :
  • décisionnaires, responsables marketing ;
  • chefs de projet ;
  • ergonomes ;
  • webdesigners ;
  • rédacteurs ;
  • développeurs et techniciens ;
  • webmasters.

Avez-vous lu ce livre ? Partagez-vous la critique proposée ?
Cette critique vous donne-t-elle envie de vous procurer le livre ?

Qualité Web - Les bonnes pratiques pour améliorer vos sites.

Avatar de frfancha frfancha - Membre confirmé https://www.developpez.com
le 09/09/2013 à 10:33
Où l'acheter svp (amazon ne le livre pas en Belgique)
Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 09/09/2013 à 10:44
Si, Amazon livre en Belgique...
Ensuite, il est possible que certains vendeurs sur Amazon ne livrent pas en Belgique, mais sur la page de la critique, tu as le lien pour commander auprès de l'éditeur.
couverture du livre Intégration web - Les bonnes pratiques

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
4 commentaires
 
 

Intégration web - Les bonnes pratiques

Le guide de survie de l'intégrateur

de
Public visé : Intermédiaire

Résumé de l'éditeur

Intermédiaire entre le chef de projet, le designer et le développeur, intégrateur web (ou développeur front-end) est un métier à part entière. Maillon indispensable dans la création de sites, il rassemble tous les éléments pour monter les pages et livrer un site performant, accessible et utilisable. Son travail nécessite tout autant de compétences techniques en HTML, CSS et JavaScript qu une bonne appréhension de la qualité web (ergonomie, accessibilité, performance...). S'appuyant sur l'expérience de l'auteur, souvent appelée à la rescousse sur des projets mal engagés, ce livre offre aux intégrateurs débutants, comme aux plus expérimentés, un recueil précieux des meilleures pratiques, méthodes et outils pour améliorer et réussir leurs intégrations dans le respect des standards du Web. Une référence pour tous les créateurs de sites web !

Édition : Eyrolles - 393 pages , 1re édition, 18 octobre 2012

ISBN10 : 2212133707 - ISBN13 : 9782212133707

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 32.00 € TTC) livraison gratuite !
  • Organiser son espace de travail
  • S'équiper des bons outils
  • Mettre en place l'environnement de test
  • Adopter HTML5
  • Concevoir les fondations
  • Construire la structure
  • Injecter le contenu
  • Incorporer les images
  • Réviser les bases
  • Définir une convention d'écriture
  • Organiser le code CSS
  • Prendre connaissance des facteurs d'optimisation
  • Elaborer les règles CSS
  • Contrôler et déboguer
  • Peaufiner les détails

Critique du livre par la rédaction vermine le 23 juin 2013
Ce livre recèle d'une multitude de conseils avisés pour tout qui aimerait parfaire son intégration web. Mais il plaira également à ceux qui veulent simplement comprendre ce que représente réellement la mise en place d'un site la plus optimale possible.

Mélangeant des explications intéressantes et des avertissements pertinents, cet ouvrage constitue un guide des bonnes manières de faire et met l'accent sur l'esprit critique qu'il faut avoir sur l'évolution permanente des technologies.

Malgré une faible présence du JavaScript, l'auteur s'en excuse, et une trop volumineuse part de CSS (sans doute nécessaire), les étapes de l'intégration sont correctement divisées et ordonnancées. On y parle de tout : la structure, les check listes, les sites pour non voyants, les images, une introduction au HTML5, l'utilisation optimisée du trio HTML - CSS - JavaScript, un brin de référencement, des astuces pour mobiles, etc.

On ne le répètera jamais assez : apprendre et comprendre les bases avant d'utiliser tel ou tel outils / frameworks est indispensable ! Car l'auteur nous présente une panoplie d'outils pour chaque étape de l'intégration (éditeurs, débogueur, préprocesseurs, imagerie, frameworks HTML et CSS et bien d'autres). Pour chacun, une présentation est faite, un choix est conseillé, et ce parfois en désaccord avec la tendance générale, mais les raisons en sont données.

Le tout est accompagné de références multiples, exprimant ainsi une recherche minutieuse de l'auteur. Vous y trouverez également des captures d'écran comparatives avec çà et là des exemples de codes que les adeptes des langages apprécieront.

Après cette lecture, on se rend compte que l'intégration web n'est pas un métier, mais un ensemble de métiers qui s'entremêlent et où la rigueur facilite la vie, notamment la maintenance. Je vous conseille donc ce livre qui représente une ligne de conduite et des bonnes pratiques à adopter.




 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 02/07/2013 à 8:21
Bonjour,

Je vous propose une critique du livre : Intégration web, les bonnes pratiques - Le guide de survie de l'intégrateur !


La critique.

Et vous ?

L'avez-vous lu ?
Quelle lecture conseillez-vous pour l'intégration web ?
Avatar de rodolphebrd rodolphebrd - Expert confirmé https://www.developpez.com
le 02/07/2013 à 9:34
Je l'ai lu dès sa sortie et c'est une excellente lecture.

C'est parfaitement écrit et bien détaillé.

Très complet tant pour les débutants que les confirmés.

C'est le meilleur livre que j'ai pu lire en la matière.
Avatar de Jean-Georges Jean-Georges - Inactif https://www.developpez.com
le 08/07/2013 à 17:28
Est-ce réellement intéressant pour quelqu'un connaissant déjà une grande partie des bonnes pratiques mais cherchant toujours à se perfectionner ?
couverture du livre Accessibilité web : Normes et bonnes pratiques pour des sites plus accessibles

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
0 commentaire
 
 

Accessibilité web : Normes et bonnes pratiques pour des sites plus accessibles

de
Public visé : Débutant

Résumé de l'éditeur



Le Web pour tous !

Handicap, déficiences, vieillissement... L'accessibilité est devenue un thème phare, sur le Web comme dans la vie de tous les jours, faisant l'objet de normes souvent incompréhensibles pour le commun des mortels. Ni trop technique, ni trop général, ce livre tord le cou aux idées reçues et donne aux professionnels du Web les clés pour comprendre et réussir une démarche accessibilité.

Créez des sites web plus accessibles !

Comprenez les différents handicaps (visuels, auditifs, moteurs, cognitifs...) et l'usage des technologies d'assistance

Découvrez le contexte juridique de l'accessibilité, ses normes et la législation en vigueur

Décryptez le standard WCAG 2 et comprenez les obligations du RGAA (référentiel de l'administration française)

Évaluez l'accessibilité d'un site selon les 13 thématiques du référentiel AccessiWeb 2.2

Facilitez l'accès aux contenus (images, multimédia, tableaux, liens, formulaires...) par les lecteurs d'écrans ou la navigation au clavier

Utilisez avec précaution les couleurs et les scripts

Apprenez à structurer et présenter vos pages avec HTML/CSS pour faciliter la navigation et la consultation des contenus

Restez accessible avec HTML5 et JavaScript grâce à WAI-ARIA

Réussissez votre démarche accessibilité grâce à différentes méthodes (WCAG-EM, Accessibility First Step, MIPAW, AcceDe Web) et selon une logique d'amélioration continue

À qui s'adresse cet ouvrage ?

Aux développeurs et intégrateurs web qui doivent créer des sites accessibles

Aux décideurs et responsables de sites Internet qui souhaitent comprendre les enjeux de l'accessibilité

À tous les métiers impliqués dans la création et la gestion d'un site web : contributeurs, designers web, ergonomes, etc.

Édition : Eyrolles - 332 pages , 1re édition, 25 octobre 2012

ISBN10 : 2212128894 - ISBN13 : 9782212128895

Commandez sur www.amazon.fr :

28.41 € TTC (prix éditeur 29.90 € TTC) livraison gratuite !
  • Accessibilité, handicap et Web
    • L'accessibilité du web, qu'est-ce que c'est ?
    • L'accessibilité : pour qui ? Pourquoi ?
    • Contexte technologique et juridique
  • Aspects techniques de l'accessibilité du Web
    • Comprendre les règles d'accessibilité du Web
    • Introduction au référentiel AcessiWeb
    • Images, cadres et couleurs (thématiques AccessiWeb 1 à 3)
    • Multimédia (thématique AccessiWeb 4)
    • Tableaux (thématique AccessiWeb 5)
    • Liens et scripts (thématique AccessiWeb 6 et 7)
    • Éléments obligatoires, structuration de l'information et présentation de l'information (thématique AccessiWeb 8 à 10)
    • Formulaire, navigation et consultation (thématique AccessiWeb 11 à 13)
    • HTML5, ARIA et accessibilité
  • L'accessibilité du web, au-delà des normes
    • La démarche accessibilité
    • Conclusion : accessibilité et liberté

Critique du livre par la rédaction benwit le 24 juin 2013
Alors que l'accessibilité est une préoccupation apparue dès le début du Web (Web Accessibility Initiative), il est étonnant de constater 15 ans plus tard qu'il n'existe pas d'ouvrage de référence en français sur ce sujet. Heureusement pour nous, Armony Altinier vient de combler cette lacune en publiant aux éditions Eyrolles le livre Accessibilité Web.

Ce livre se divise en trois parties :

une première partie qui explique très simplement ce qu'est l'accessibilité du Web, les situations handicapantes, le cadre juridique, les technologies d'assistance, etc. ;

une seconde partie plus technique qui parcourt le référentiel Accessiweb. Toutes les thématiques sont abordées (formulaires, liens, images, multimédia, etc.) ainsi qu'HTML5 et ARIA. Cette partie est la plus longue, mais les nombreux exemples de ce qu'il faut et ne faut pas faire en font un recueil complet et agréable à lire ;

une troisième partie qui parle de l'accessibilité au-delà des normes, notamment des méthodes pour commencer une démarche vers l'accessibilité, la conduite du changement, etc.

À plus d'un titre, cet ouvrage est remarquable, mais je retiens principalement son accessibilité. Il existe une version audio pour les malvoyants et l'auteure a négocié avec l'éditeur que son contenu soit diffusé librement sous licence Creative Commons une fois 1200 exemplaires vendus. Je tenais à souligner cette initiative pour finir de vous convaincre d'acquérir ce livre.




 Poster une réponse

Avatar de benwit benwit - Rédacteur https://www.developpez.com
le 26/06/2013 à 17:51
Bonjour,

Je vous propose ma critique du livre « Accessibilité web » de Armony Altinier.



L'avez-vous lu ?
Comptez-vous le lire ?
Attendiez-vous un livre sur l'accessibilité Web ?
couverture du livre Ergonomie des interfaces

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
0 commentaire
 
 

Ergonomie des interfaces

Guide pratique pour la conception des applications web, logicielles, mobiles et tactiles

de
Public visé : Débutant

Résumé de l'éditeur

Cet ouvrage de référence s'adresse à toutes les personnes impliquées dans la conception et le développement d'applications : logiciels, sites web, applications mobiles ou tactiles, en particulier les responsables de la maîtrise d'ouvrage et des spécifications de l'interface homme-machine.

Aussi performante soit-elle, aucune application ne connaîtra le succès si elle n'est pas également facile à utiliser. L'ergonomie est devenue une des clés de la réussite commerciale dans le monde de l'informatique.

Délibérément pragmatique, cet ouvrage, dont la première édition a été publiée en 2001, a été lu, relu, exploité et utilisé par de nombreux chefs de projet, développeurs et concepteurs d'interface. En 10 ans, les interfaces ont beaucoup changé. Les principes d'ergonomie, règles à suivre pour rendre les interfaces intuitives, ont également été enrichis afin de s'adapter aux nouveaux dispositifs d'interaction, tels que les smartphones et les tablettes tactiles.

Illustrée par de nombreux exemples, cette 5ème édition intègre désormais les interfaces mobiles ainsi que les recommandations pour le e-commerce et fait la synthèse des différentes règles à suivre en matière d'ergonomie des interfaces. Véritable guide de conception, les lecteurs y trouveront, chapitre par chapitre, des réponses aux questions qu'ils se posent au fur et à mesure de la réalisation de l'interface. Depuis le ciblage de l'application, jusqu'aux choix graphiques, en passant par la conception du système de navigation et les éléments d'interaction, les concepteurs d'interface sont accompagnés dans les différentes phases de leur projet interactif.

L'ouvrage est illustré par des cas pratiques de conception d'interface pour lesquels les auteurs ont appliqué la démarche ergonomique. Ils témoignent concrètement du processus mis en ouvre pour réaliser une interface intuitive.

Retrouvez des compléments de l'ouvrage sur le blog des auteurs : Usaddict, Ressources sur l'ergonomie des interfaces (www.ergonomie-interface.com).

Édition : Dunod - 320 pages , 5eédition, 6 mars 2013

ISBN10 : 2100594877 - ISBN13 : 9782100594870

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 35.00 € TTC) livraison gratuite !
  • Concevoir des interfaces ergonomiques
    • Les enjeux de la conception ergonomique
    • Ergonomie du Web
    • Ergonomie des intranets
    • Ergonomie tactile et mobile
    • Cas pratique : Dovadis, un logiciel de gestion immobilière intuitif
  • Organiser l'information
    • Identifier le contenu
    • Architecture de l'information
    • Agencer pour interagir
    • Concevoir la page d'accueil
    • Cas pratique : K-d'école, comment le maquettage permet de répondre à des enjeux fonctionnels et métiers complexes
  • Construire la navigation
    • Principes ergonomiques de navigation
    • Concevoir le système de navigation
    • Naviguer autrement dans une interface
    • Les éléments du système de navigation
    • Vérifier la navigation
    • Cas pratique : Côte-d'Or Tourisme une application Web conviviale pour collecter les informations touristiques
  • Créer l'interaction
    • Interagir avec l'interface
    • Les éléments d'interaction
    • Temps de réponse
    • Cas pratique : charte ergonomique et refonte graphique du progiciel SAB
  • Communiquer avec l'utilisateur
    • Le langage de l'interface
    • Internationnalisation des interfaces
    • Traitement des erreurs
    • Aide et assistance à l'utilisateur
    • Cas pratique : BCA Expertise, impliquer les utilisateurs pour garantir la qualité de l'expertise
  • Présenter l'information
    • Perception des informations
    • Techniques de mise en évidence
    • La couleur
    • Les icônes
    • Le texte
    • Présentation des produits pour l'e-commerce
    • Cas pratique : une démarche ergonomique pour concevoir un nouveau terminal de vente
  • Méthodes de conception des interfaces
    • Conception orientée utilisateur
    • Analyse
    • Conception
    • Évaluation ergonomique
    • Derniers conseils
  • Conclusion
  • Annexes
    • Annexe A - L'être humain en situation de travail
    • Annexe B - Critères ergonomiques
    • Annexe C - Check-list de conception d'un site Web

Critique du livre par la rédaction Didier Mouronval le 23 juin 2013
De toute évidence, « Ergonomie des interfaces » constitue une référence dans son domaine. Il sera utile lors de toutes les phases d'un projet.

Tout d'abord, l'écriture est simple et claire, l'argumentation est précise et de nombreux exemples et références étayent les points abordés. Tout cela contribue à rendre la lecture agréable.

Le livre couvre tous les types d'interfaces : qu'il s'agisse d'applications Web ou de bureau, mais surtout, cette nouvelle édition prend en considération les applications tactiles (smartphones ou tablettes) rendant ainsi l'ouvrage particulièrement complet.

Découpé de façon intelligente (voir la table des matières), le livre mérite bien son sous-titre : « Guide pratique ». En effet, loin de se vouloir uniquement théorique, vous pourrez aller y chercher facilement toutes les informations utiles à chaque étape du développement. Dans le même esprit, les points abordés (parfois nombreux sur un même thème) sont parfaitement mis en valeur et donc aisément visualisables. Enfin, différentes « check-lists » vous seront très utiles dans vos projets.

Bien entendu, une bonne partie (si ce n'est la plupart) des conseils donnés pourront vous sembler évidents. Effectivement, même si certains points abordés reposent sur des études menées auprès d'utilisateurs, l'essentiel relève d'une certaine forme de bon sens. Néanmoins, lorsque l'on est plongé dans son projet (« la tête dans le guidon »), le fonctionnement de l'application nous semble tellement familière qu'il devient difficile de s'en détacher pour se mettre à la place d'un utilisateur découvrant le système. Dans ce cas, il est important de pouvoir s'appuyer sur ce livre pour prendre un peu de recul et voir les erreurs que l'on peut commettre.

Enfin, notez bien qu'il s'agit d'un livre sur l'ergonomie. C'est-à-dire l'utilisabilité d'une application : faire en sorte que n'importe quel utilisateur parvienne facilement à son but sans se perdre dans l'interface. En aucun cas, ne sont abordées les notions de design ou de graphisme. Vous apprendrez comment rendre votre application facile à utiliser, pas comment la rendre visuellement aboutie, ce qui est un tout autre sujet.

Pour conclure, ce livre est selon moi incontournable et à conseiller à tous les intervenants d'un projet. Il sera utile lors de toutes les phases du développement.




 Poster une réponse

Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 25/06/2013 à 14:06


Je vous propose ma critique du livre : « Ergonomie des interfaces ».

Cet ouvrage de référence s'adresse à toutes les personnes impliquées dans la conception et le développement d'applications : logiciels, sites web, applications mobiles ou tactiles, en particulier les responsables de la maîtrise d'ouvrage et des spécifications de l'interface homme-machine.

Aussi performante soit-elle, aucune application ne connaîtra le succès si elle n'est pas également facile à utiliser. L'ergonomie est devenue une des clés de la réussite commerciale dans le monde de l'informatique.

Délibérément pragmatique, cet ouvrage, dont la première édition a été publiée en 2001, a été lu, relu, exploité et utilisé par de nombreux chefs de projet, développeurs et concepteurs d'interface. En 10 ans, les interfaces ont beaucoup changé. Les principes d'ergonomie, règles à suivre pour rendre les interfaces intuitives, ont également été enrichis afin de s'adapter aux nouveaux dispositifs d'interaction, tels que les smartphones et les tablettes tactiles.

Illustrée par de nombreux exemples, cette 5ème édition intègre désormais les interfaces mobiles ainsi que les recommandations pour le e-commerce et fait la synthèse des différentes règles à suivre en matière d'ergonomie des interfaces. Véritable guide de conception, les lecteurs y trouveront, chapitre par chapitre, des réponses aux questions qu'ils se posent au fur et à mesure de la réalisation de l'interface. Depuis le ciblage de l'application, jusqu'aux choix graphiques, en passant par la conception du système de navigation et les éléments d'interaction, les concepteurs d'interface sont accompagnés dans les différentes phases de leur projet interactif.

L'ouvrage est illustré par des cas pratiques de conception d'interface pour lesquels les auteurs ont appliqué la démarche ergonomique. Ils témoignent concrètement du processus mis en œuvre pour réaliser une interface intuitive.

Critique du livre Ergonomie des interfaces.

Avez-vous lu ce livre ? Si oui, partagez-vous mon avis le concernant ?
Avez-vous des conseils à donner en terme d'ergonomie ? Faites part de vos « recettes » ou de vos astuces.

couverture du livre Don't make me think

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
1 commentaire
 
 

Don't make me think

Optimisez la navigation sur vos sites

de
Public visé : Débutant

Résumé de l'éditeur

Douze ans et 300 000 exemplaires vendus après sa première publication, il est difficilement concevable d'imaginer quelqu'un qui travaille dans le Web design et qui n'aurait pas lu le « grand classique » de Steve Krug sur l'utilisabilité des sites web. Chaque jour pourtant, de nouvelles personnes découvrent cet ouvrage. Dans cette seconde mouture, l'auteur a ajouté trois nouveaux chapitres en conservant le style de l'édition originale, complet et divertissant, riche en conseils pratiques et en exemples valables pour les débutants comme pour les spécialistes.

Édition : Pearson Education - 204 pages , 2eédition, 5 octobre 2012

ISBN10 : 2744025526 - ISBN13 : 9782744025525

Commandez sur www.amazon.fr :

24.70 € TTC (prix éditeur 24.70 € TTC) livraison gratuite !
  • Je ne veux pas chercher !
  • Comment nous utilisons réellement le Web
  • L'accroche visuelle
  • Animal, végétal ou minéral ?
  • Supprimez les mots inutiles
  • Signalétique routière et petits cailloux
  • Première étape dans le processus de guérison : admettre que vous contrôlez la page d'accueil
  • « Le fermier et le vacher devraient être amis »
  • Comment effectuer des tests d'utilisabilité sans se ruiner
  • L'utilisabilité est la moindre des politesses
  • L'accessibilité, les feuilles de style en cascade et vous
  • Au secours, mon patron veut que je _.
Critique du livre par la rédaction benwit le 28 mai 2013
Ce livre est la version française du grand classique de Steve Krug sur l'utilisabilité des sites web : « Don'k make me think ». L'éditeur a choisi d'ajouter un « .fr » sur la couverture pour le signaler. Par la même occasion, le sous-titre devient « Optimisez la navigation sur vos sites » et c'est regrettable. Car le sous titre original « A Common Sense Approach to Web Usability » est davantage révélateur de l'esprit de l'ouvrage. Partant du principe que les experts en utilisabilité ne sont pas les seuls à pouvoir réfléchir à l'ergonomie du web, Steve Krug a écrit un livre pour les non-spécialistes.
Le livre est court, simple et explique avec humour comment faire des sites web utilisables. Les 12 chapitres qui peuvent être lus indépendamment les uns des autres traitent d'un aspect particulier de l'utilisabilité du Web et des façons de l'aborder. Ayant déjà lu d'autres ouvrages sur le sujet, je n'ai pas vraiment appris de nouvelles choses si ce n'est comment réaliser des tests utilisateur à moindres frais. J'ai trouvé les exemples avant/après un peu vieillot graphiquement parlant mais sur le fond, ils illustrent des problèmes qui demeurent présents sur le web actuel.
Je recommande la lecture de ce livre à tous, aux novices et aux experts. Les premiers y trouveront une agréable introduction pour découvrir l'ergonomie du web. Les seconds apprécieront un auteur qui traduit en termes simples et en images concrètes ce qu'ils ont parfois du mal à expliquer.




 Poster une réponse

Avatar de benwit benwit - Rédacteur https://www.developpez.com
le 28/05/2013 à 17:16
Bonjour,

Je vous propose ma critique du livre « Don't make me think » de Steve Krug qui est désormais dans sa 2° édition française.



Avez vous lu ce livre ?
Qu'en pensez vous ?
Avatar de wdinspi wdinspi - Futur Membre du Club https://www.developpez.com
le 31/05/2013 à 19:21
J'ai lu ce bouquin il y a 5 ou 6 ans et il m'a donné la passion de lire et découvrir des livres autour de mon métier

Il est lu assez rapidement en 2 ou 3h c'est bouclé mais c'est un plaisir à lire.

C'est étonnant comment on peut y apprendre des choses si importantes, sur un ton aussi simple...

Je fais lire ce livre à tous les gens qui sont dans le web
couverture du livre Responsive Web Design

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
2 commentaires
 
 

Responsive Web Design

de
Public visé : Débutant

Résumé de l'éditeur

Découvrez le responsive web design, et apprenez à concevoir des sites web agréables qui anticipent et répondent aux besoins de vos utilisateurs.

En explorant des techniques CSS et des principes généraux de design, comme les grilles fluides, les images flexibles et les media queries, Ethan Marcotte démontre qu'il est possible d'offrir une expérience utilisateur de qualité, quelles que soient la taille, la résolution ou l'orientation de l'écran qui affiche le site.

Avec la préface de Jeremy Keith.

Édition : Eyrolles - 150 pages , 1re édition, 15 septembre 2011

ISBN10 : 2212133316 - ISBN13 : 9782212133318

Commandez sur www.amazon.fr :

5.39 € TTC (prix éditeur 12.00 € TTC)
  • Principes du responsive design
    • Attachez vos ceintures
    • Responsive architecture
    • La voie à suivre
  • La grille flexible
    • Composition flexible
    • Créer une grille flexible
    • Marges et espacement flexibles
  • Les images flexibles
    • Retour aux (codes) sources
    • Images fluides
    • Parce que ce boulot n'est pas de tout repos
    • Mosaïque d'arrière-plan flexible
    • Apprenez à aimer overflow
    • Négociez votre contenu
    • Images et grilles flexibles, tenez-vous bien
  • Les media queries
    • Cicatrisation douloureuse
    • Le problème en question
    • Traînasser vers plus de réactivité
    • Un robot plus "responsive"
    • Les media queries en action
    • Au sujet de la compatibilité
    • Pourquoi la flexibilité ?
  • Passer au responsive design
    • Une question de contexte
    • Mobile first
    • Vers un responsive workflow
    • Être "responsive" et responsable
    • L'amélioration progressive revisitée
    • Va et sois "responsive"
  • Ressources
Critique du livre par la rédaction Macmillenium le 13 septembre 2012
Encore un très bon ouvrage dans l'excellente collection A book Apart, dans lequel Ethan Marcotte aborde, de manière très claire et argumentée, les différents aspects qui mènent à la création d'une mise en page fluide et responsive.

Les exemples présentés s'appuient sur le principe des grilles de mise en page fluide (la largeur est donc exprimée en pourcentage).
L'adaptation de ces grilles en fonction du terminal est pilotée par les CSS3 Media Queries. Pour présenter ce module, l'auteur a analysé plusieurs cas de figures nécessitant une adaptation des CSS selon la largeur du viewport : annulation des flottants, modifications des largeurs etc.

L'auteur n'omet pas de souligner le fait que le responsive design fourni une meilleure expérience utilisateur et encourage les auteurs de pages Web à définir les objectifs des utilisateurs avant de démarrer un projet responsive.

Cet ouvrage constitue une excellente introduction au responsive Web design et s'adresse principalement aux Webdesigners et intégrateurs HTML.
Critique du livre par David Bleuse le 15 septembre 2016
Contrairement à l'approche reposant sur l'idée qu'il conviendrait de fournir des contenus différents selon les types (et donc les dimensions) d'appareils, le responsive web design part du principe que le mobinaute a le droit d'accéder aux mêmes informations que l'internaute confortablement installé devant l'écran de son ordinateur de bureau.

Pour atteindre cet objectif, le responsive web design propose un ensemble de stratégies visant à faire entrer tout le contenu informationnel d'une page web conçue au départ pour un écran de taille donnée dans celui de n'importe quel appareil, quelle que soit sa taille, sans porter atteinte à la lisibilité et en tenant compte des contraintes techniques spécifiques de ce dernier.

Pour répondre à ce souci d'universalité, le responsive web design s'appuie sur des règles CSS comprises de l'ensemble des navigateurs, y compris les plus anciens. Les techniques mises en œuvre présentent cependant des limites, d'où le recours le cas échéant à des scripts JavaScript (JS). Le fait que ce dernier langage ne soit en revanche pas interprété par tous les agents utilisateurs nous rappelle, enfin, que méthode et pragmatisme sont nécessaires pour répondre aux différents cas de figure.

Le responsive web design : avant tout de bonnes bases en CSS...

Un design responsive est d'abord un design flexible : les éléments constitutifs d'une page web conçue pour une taille d'écran donnée doivent d'eux-mêmes se redimensionner proportionnellement à celle de l'appareil cible.

Une telle méthode est élémentaire ; mais parce qu'elle ne dépend pas des tailles fixes d'appareils ciblés a priori, elle présente l'avantage d'être valable pour tout appareil existant ou à venir.

Les corps de caractères et largeurs de colonnes tirent ainsi profit d'unités de mesure proportionnelles plutôt que fixes (em pour les premiers, % pour les secondes).

L'auteur accorde à cette technique suffisamment d'importance pour, à l'aide d'exemples, expliquer pas à pas sa mise en œuvre, tout en détaillant les calculs et en enseignant de bons réflexes (chap. 2).

Mais le redimensionnement à lui seul ne fait pas tout. Il existe généralement quelques dimensions critiques, appelées points de rupture, à partir desquelles le contenu de la page web requiert une réorganisation sous peine de perdre de son attractivité, voire de sa lisibilité. Succédant aux types de médias (introduits avec CSS2), dont l'auteur nous expose les insuffisances, les media queries ont été spécifiquement conçues pour résoudre cette difficulté (chap. 4 §3).

...qui présentent cependant quelques limites

Contrairement à la technique de composition flexible présentée plus haut, reposant sur l'utilisation des unités em et % et offrant, de ce fait, en outre l'avantage d'être opérante sur l'ensemble des navigateurs sans exception, les media queries, introduites seulement avec CSS3, ne bénéficient pas d'un support universel. Conscient du problème, l'auteur présente deux polyfills destinés aux navigateurs non compatibles (chap. 4 §6).

Le même problème de compatibilité se pose avec les images, dont l'auteur nous propose de permettre la réduction à l'aide de la propriété max-width (chap. 3 §2). En effet, celle-ci n'est pas supportée ou est mal prise en charge par les anciennes versions d'Internet Explorer. Pour surmonter ce nouvel écueil, l'auteur propose, selon le cas, l'usage d'une propriété CSS alternative mais imparfaite ou le recours, là encore, à des solutions à base de JS qui ont notamment pour inconvénient de ralentir le chargement de la page (chap. 3 §3).

La dégradation des performances est un problème qui touche de manière générale les méthodes visant à rendre nos images flexibles. La technique basée sur max-width fait appel à une image unique de taille supérieure ou égale à celle des contenants qui doivent l'accueillir. Il en est de même de l'image d'arrière-plan, traitée à l'aide d'une méthode astucieuse, très bien détaillée dans le livre, consistant à créer l'illusion d'un redimensionnement à l'aide d'un simple repositionnement avec la propriété background (chap. 3 §4). On gaspille ainsi de la bande passante en obligeant les navigateurs à charger des images plus grandes que nécessaire.

L'auteur ne résout pas véritablement ce problème, mais en nous renvoyant vers un article du blog d'un de ses confrères, expliquant comment gérer plusieurs versions d'une même image, optimisées chacune pour un type d'appareil en particulier, il nous indique une piste à explorer (chap. 3 §6).

Le responsive web design en ordre de bataille

Si au fil de la lecture, on a ainsi appris à utiliser les outils du responsive web design, on n'a pas dit pour autant dans quelle mesure celui-ci s'avère être une meilleure stratégie que celle consistant à fournir un contenu différencié selon le type d'appareil. L'auteur n'esquive pas la question ; au contraire, avec objectivité et intelligence, il démontre que la seconde stratégie pose les bonnes questions mais y apporte les mauvaises réponses : selon lui, l'expérience utilisateur ne doit pas dépendre d'un comportement présupposé de celui-ci mais du contexte d'utilisation, proposition qu'il illustre à l'aide de l'exemple tiré d'un site web qu'il a lui-même développé (chap. 5 §1).

L'auteur, en revanche, adopte sans réserve la démarche mobile first consistant à définir en priorité les règles de style pour les plus petites dimensions (chap. 5 §2). Elle est d'ailleurs tout à fait compatible avec celle du responsive web design, et il le prouve en prenant pour exemple son propre site portfolio (chap. 5 §4).

Cet exemple montre par ailleurs qu'une telle stratégie a également le mérite de résoudre les problèmes d'incompatibilité des media queries sans le moindre recours à JS. Cette dernière solution doit en effet être d'autant moins considérée comme la panacée que JS est parfois désactivé dans les navigateurs, surtout ceux des petits appareils. C'est pourquoi l'auteur montre, étape par étape, comment un composant requérant JS peut être inséré dans une page web et apporter ainsi une expérience enrichie aux heureux possesseurs d'un navigateur parmi les mieux dotés sans pour autant pénaliser les autres (chap. 5 §5). Plus précisément, il s'intéresse à l'insertion d'un carrousel dans la page web spécialement construite pour illustrer la plupart des méthodes décrites dans le livre.

L'auteur a en particulier recours à cette page-exemple pour montrer une utilisation concrète des media queries. Il identifie ainsi les différents problèmes de rendu qu'entraîne le redimensionnement du contenu (chap. 4 §1) et pour chacun d'eux, apporte la solution avec une règle CSS spécifique introduite par une media query (chap. 4 §5). Il détaille ainsi une véritable étude de cas à l'image de celles auxquelles peut être confronté un designer web.

Un projet de taille importante est néanmoins conduit selon un modèle de gestion impliquant plusieurs intervenants. L'auteur nous en dévoile les grandes phases et parvient à nous convaincre, arguments et exemple à l'appui, que la réussite d'un projet web passe avant tout par un dialogue permanent et une vraie collaboration entre designers et développeurs ! (chap. 5 §3)

En conclusion

Les bases de la construction d'une page web étant acquises, Ethan Marcotte, avec la stratégie du responsive web design, à qui elle doit son nom, nous invite à passer à la vitesse supérieure en apprenant à adapter notre page au panel d'appareils le plus large possible.

Dans ce livre, qui s'adresse par conséquent à un lecteur possédant de premières connaissances en HTML et CSS, l'auteur pose les fondements du responsive web design. Il y enseigne les techniques de base avec pédagogie, décontraction et humour (sans compter un très petit nombre de coquilles dans cette version française), pour le plus grand bonheur du lecteur encore peu expérimenté dans les langages du Web.

Ne se contentant pas d'admirer avec satisfaction le résultat produit dans des conditions idéales par ces techniques, l'auteur confronte celles-ci à des situations réelles plus difficiles, et pour chaque problème ainsi mis en lumière (incompatibilité des navigateurs, notamment), propose une solution adaptée, généralement sous la forme d'un script JS.

Ce faisant, il suscite l'intérêt même des designers chevronnés pour qui les méthodes évoquées plus haut n'auraient déjà plus aucun secret, tout en nous encourageant à poursuivre la réflexion sur certains aspects peu développés dans cet ouvrage, tels que l'amélioration des performances.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de Macmillenium Macmillenium - Rédacteur https://www.developpez.com
le 11/09/2012 à 13:52
Bonjour,

Je vous propose la critique du Livre Responsive Web design de Ethan Marcotte.

Encore un très bon ouvrage dans l'excellente collection A book Apart, dans lequel Ethan Marcotte aborde, de manière très claire et argumentée, les différents aspects qui mènent à la création d'une mise en page fluide et responsive.

Les exemples présentés s'appuient sur le principe des grilles de mise en page fluide (la largeur est donc exprimée en pourcentage).
L'adaptation de ces grilles en fonction du terminal est pilotée par les CSS3 Media Queries. Pour présenter ce module, l'auteur a analysé plusieurs cas de figures nécessitant une adaptation des CSS selon la largeur du viewport : annulation des flottants, modifications des largeurs etc.

L'auteur n'omet pas de souligner le fait que le responsive design fourni une meilleure expérience utilisateur et encourage les auteurs de pages Web à définir les objectifs des utilisateurs avant de démarrer un projet responsive.

Cet ouvrage constitue une excellente introduction au responsive Web design et s'adresse principalement aux Webdesigners et intégrateurs HTML.

Note 4/5

Avez vous également lu ce livre?
Qu'en pensez vous?

Avatar de laffreuxthomas laffreuxthomas - Membre confirmé https://www.developpez.com
le 13/09/2012 à 18:02
Citation Envoyé par Macmillenium  Voir le message
Qu'en pensez vous?

Ce livre est important, c'est avec ce livre que Ethan Marcotte a popularisé le mot "responsive" désormais à la mode.

Pour info, une critique de fond sur le responsive Web design tel que défini par Ethan Marcotte.
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 15/09/2016 à 18:16
Bonjour à tous,

Après des vacances bien méritées, l'illustre David Bleuse nous revient avec une critique de ce livre. Il a effectivement lu l'ouvrage de fond en comble et en retire encore aujourd'hui une expérience très positive.

Je vous invite à lire sa critique (qui fait quasi la taille du livre ) car elle détaille les différents chapitres et donne ensuite des explications sur le public ciblé par le livre ainsi que sur la rédaction pédagogique adoptée par l'auteur.

Responsive Web Design

Découvrez également toutes les critiques de livres sur le Web !
couverture du livre Ergonomie web

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
2 commentaires
 
 

Ergonomie web

de
Public visé : Débutant

Résumé de l'éditeur

Tout site Internet doit réussir le pari difficile de séduire et de satisfaire ses visiteurs. Mais comment connaître ces derniers et se mettre à leur place ? Comment concevoir un site si agréable et efficace qu'il donne envie d'y rester et d'y revenir ? Grâce aux conseils pratiques et méthodologiques d'Amélie Boucher dans ce livre devenu désormais la référence francophone, comprenez et appliquez l'ergonomie web sur le terrain !

Afin de tenir compte de l'évolution du Web, la totalité des exemples a été renouvelée pour cette troisième édition, enfin en couleur !

Édition : Eyrolles - 356 pages , 3eédition, 20 octobre 2011

ISBN10 : 2212132158 - ISBN13 : 9782212132151

Commandez sur www.amazon.fr :

0.00 € TTC (prix éditeur 34.40 € TTC) livraison gratuite !
  • Introduction à l'ergonomie web
    • L'ergonomie web, qu'est-ce que c'est ?
    • Top 10 des idées reçues sur l'ergonomie
  • Dans la peau de votre internaute : les fondements de l'ergonomie
    • Comprendre l'internaute : d'abord un être humain
    • Définir votre internaute : critères et méthode des personas
  • Les règles de l'ergonomie web
    • 12 règles pour optimiser l'ergonomie de votre site
    • L'audit ergonomique : conseils et méthodologie
  • Les étapes de la conception web : pensez votre site de A à Z
    • Définition des contenus et analyse concurrentielle
    • Architecturer l'information et les interactions
    • Passez à l'écran : zonings et wireframes
  • Mettez votre site à l'épreuve
    • La méthode du tri de cartes pour organiser un site
    • Les tests utilisateurs



Critique du livre par la rédaction benwit le 3 juillet 2012
On ne présente plus le livre "Ergonomie Web" d'Amélie Boucher. Il est devenu un ouvrage de référence du domaine en France. Pour ne pas redire ce qui a déjà été dit dans les critiques des précédentes éditions et parce que le contenu reste globalement le même, je vais plutôt m'attarder sur les différences avec la seconde édition.

Premier changement, cette troisième édition passe à la couleur et pour un ouvrage qui utilise abondamment les captures d'écrans, c'est une amélioration bienvenue. L'exemple sur la loi de similarité par la couleur en tire également profit, ça change du noir et blanc !

Deuxième changement : les exemples. La pastille de couverture indique " + de 300 nouveaux exemples" mais les anciens ont été enlevés. Ce ne sont donc pas des exemples supplémentaires mais des exemples actualisés. Ceci est plutôt une bonne chose dans la mesure où le lecteur est tenté d'aller sur le site pour vérifier ce qu'il en est réellement.

Troisième changement, le livre a perdu une centaine de pages ! Au début, j'étais intrigué mais cela s'explique rapidement. D'une part, les nouveaux exemples ont modifié la mise en page. D'autre part, des passages ont été retravaillés en enlevant des redites. Après tout, ne dit-on pas qu'il faut simplifier au lieu de complexifier ? De plus et à mon grand regret, la partie "Suggestion de lecture" qui référençait des sites Web et des livres anglophones de ses confrères ergonomes a purement et simplement disparue !

Avec cette nouvelle édition, on aurait également pu souhaiter qu'il aborde les spécificités du Web mobile (téléphones, tablettes) mais ce n'est pas le cas.

En conclusion, si vous ne l'avez pas lu, sa lecture vous sera toujours aussi profitable. Si vous l'avez déjà lu, j'espère vous avoir donné des éléments complémentaires pour décider de vous procurer ou non cette nouvelle édition.
Critique du livre par David Bleuse le 15 janvier 2016
Architecture de l'information, maquettes des interfaces graphiques, accessibilité, micro-utilités sont quelques-unes des applications de l'ergonomie web. Plus généralement, l'ergonomie web a pour objet la réalisation d'un site web permettant à l'utilisateur d'atteindre un objectif ("utilité") de manière effective, efficace et satisfaisante ("utilisabilité").

Le livre : clarté et précision

"Le site est bien rangé" et "les mots et symboles sont choisis minutieusement" sont deux des règles de l'ergonomie web auxquelles le livre lui-même qui nous les enseigne ne fait fort heureusement pas défaut !

La qualité rédactionnelle de ce dernier saute en effet immédiatement aux yeux ; elle se caractérise par un soin particulier apporté au style ainsi qu'au choix des mots, à quoi il convient d'ajouter un nombre peu important de coquilles.

Le plan de l'ouvrage est tout aussi séduisant. L'ergonomie étant sans doute pour le néophyte auquel le livre s'adresse un concept vague, sinon obscur, l'auteur choisit de la définir dans un chapitre introductif en la présentant dans un premier temps dans son acception la plus générale avant de préciser les contours de l'ergonomie web proprement dite.

Cette approche consistant à aller du général au particulier, offrant le double avantage de présenter chaque aspect de manière à la fois claire et exhaustive, est présente tout au long du livre : un site ergonomique doit s'adapter aux comportements des internautes en tant qu'êtres humains (chap. 3) puis en tant que cible (chap. 4) ; le site dans son ensemble doit être bien rangé (chap. 5 §1) de même que chaque page au sein de celui-ci (chap. 5 §2) ; le maquettage doit d'abord spécifier la page dans son aspect global (chap. 9 §1) avant de s'intéresser à chacune des zones la définissant (chap. 9 §2).

Le recours aux typologies contribue tout autant à la clarté de la présentation : un site capitalisant sur l'apprentissage interne (chap. 5 §3) autant qu'externe (chap. 5 §4) ; la visite d'un site fondée sur la recherche par mots-clés, la navigation ciblée ou la navigation libre (chap. 8 §2) ; les critères d'organisation "exacts" et "ambigus" (chap. 8 §4).

Le livre se distingue également par sa densité. L'auteur a ainsi fait le choix d'en consacrer toutes les pages à l'exposé proprement dit, au détriment de compléments d'information qui seraient venus s'insérer en annexe ou au cœur du livre : seuls quelques outils sont rapidement évoqués au fil des pages ; de plus, en lieu et place d'une bibliographie (seuls deux autres livres du même auteur dans la même édition sont présentés en fin d'ouvrage), on ne trouvera que les livres jugés essentiels (une dizaine en tout) mentionnés en marge des chapitres traitant les sujets qu'ils sont censés approfondir.

L'ergonomie web : une démarche reposant sur des fondamentaux théoriques, nourrie des pratiques du web

Faisant suite à la première partie introductive, les deuxième et troisième parties s'intéressent à la théorie de l'ergonomie web.

Les internautes étant des humains avant tout, leur comportement répond aux règles établies par les théories de la psychologie cognitive : lois de proximité et de similarité de la Gestalt, loi de Fitts, affordance, loi de Hick. Pas de panique ! Rien d'abscons ici : le livre présente ces résultats de façon compréhensible et montre, exemples à l'appui, comment les mettre en application dans le strict cadre de l'ergonomie web.

Cette dernière, de son côté, réalise son propre travail de réflexion, aboutissant à un ensemble de normes et critères. Plutôt que de nous en livrer le détail, l'auteur se contente d'en dresser une liste sélective (chap. 6 §1). S'appuyant sur sa parfaite connaissance des normes et son expérience de professionnelle, l'auteur préfère en effet réaliser sa propre compilation, donnant lieu à douze règles. Ces dernières ont le grand avantage d'être faciles à la fois à comprendre et à mémoriser. Elles sont présentées dans le chapitre 5 qui forme le cœur de l'ouvrage. Chacune d'elles fait l'objet d'un paragraphe spécifique où elle est expliquée avec force détails et de nombreux exemples (de ce qu'il faut faire ou ne pas faire !) extraits d'authentiques sites web (présentés en couleurs !).

Une des règles exposées dans le chapitre 5 rappelle que l'internaute arrivant sur notre site a l'esprit déjà formaté par son expérience personnelle du Web. En conséquence, afin de ne pas prendre le risque de le dérouter, on appliquera à la lettre les pratiques les plus usuelles du Web, devenues de ce fait des "conventions" ou des "standards", selon la terminologie introduite par le gourou de l'ergonomie web, Jakob Nielsen. Quant aux autres, pour peu qu'elles soient pertinentes, il peut être judicieux de s'en inspirer. C'est ce que propose l'analyse concurrentielle, dont la mise en œuvre est détaillée dans chap. 7 §2.

Au cœur de la démarche, une méthodologie rigoureuse par et pour l'utilisateur

"Si ça marche pour ma grand-mère, ça marchera pour tout le monde." C'est là une des dix idées reçues battues en brèche dès l'introduction du livre (chap. 2 §2). En effet, "votre grand-mère n'est pas votre internaute" ; un site web ne s'adresse pas à tout un chacun, mais est conçu au contraire pour une cible bien précise. On identifiera celle-ci grâce à la méthode des "personas". L'intérêt de la méthode ainsi que la typologie des personas et les critères les définissant sont exposés dans le chapitre 4 dont on regrettera cependant qu'il s'attache à présenter le résultat attendu plutôt que les moyens d'y parvenir, ce d'autant plus que la mise en œuvre des méthodes de l'ergonomie web, à laquelle sont consacrées les quatrième et cinquième parties du livre, repose en grande partie sur le concept des personas.

La place centrale faite à l'utilisateur est d'ailleurs un des grands intérêts de la démarche exposée dans ce livre. Il est ainsi souligné que dans le cadre d'un audit ergonomique, la satisfaction de notre internaute pourra justifier que soient remises en cause certaines règles plus générales, aussi consensuelles soient-elles (chap. 6 §2). Ce sont également les personas qui dicteront le choix des micro-utilités qui permettront à notre site de se distinguer des sites concurrents (chap. 7 §1).

Décrivant jusqu'au bout la mise en oeuvre concrète de la démarche ergonomique, le livre accorde une place significative aux livrables. On regrettera cependant que les maquettes d'interface générale (zoning) et détaillée (wireframe) ne soient illustrées chacune que d'un seul exemple (chap. 9).

La même remarque s'applique au plan de site auquel doit aboutir la réflexion menée sur l'architecture de l'information. Cette phase essentielle, décrite dans le chapitre 8, fait largement appel aux utilisateurs à travers le tri de cartes. Cette méthode participative nous est présentée avec suffisamment de détails pour qu'on soit directement en mesure de la mettre en pratique après avoir lu le chapitre 10 qui lui est entièrement dédié.

S'il vient ainsi à notre rescousse dès l'amont, l'utilisateur doit également intervenir en aval et durant toute la vie de notre projet. En effet, ce n'est qu'en confrontant l'utilisateur à notre site que la qualité d'utilisation de ce dernier pourra être correctement évaluée. Les tests utilisateurs sont une autre méthode participative qui permet précisément d'atteindre cet objectif. Toutes les étapes : sélection des participants, préparation du support, rédaction du plan de test, déroulement du test et analyse des résultats nous sont, là aussi, décrites dans les moindres détails, dans le chapitre 11 et dernier, dont la longueur – c'est le chapitre le plus imposant du livre, après celui consacré aux règles ergonomiques – traduit également toute l'importance que l'auteur accorde à cette méthode.

L'eyetracking, au contraire, n'est vu par l'auteur que comme une méthode complémentaire, à utiliser avec prudence et absolument pas indispensable. Pour ces différentes raisons, elle n'en présente que les grandes lignes dans un article inséré au coeur du chapitre 11.

En conclusion

"L'ergonomie, c'est juste du bon sens" est une autre des idées reçues pourfendues dans la partie introductive de l'ouvrage. Comme le dit d'ailleurs l'auteur dans son avant-propos, "la plupart des sites actuels manquent encore de l'essentiel : un vrai souci des internautes, de qui ils sont et de leurs besoins." Un livre sur l'ergonomie web a donc toute sa raison d'être et l'on en est d'autant plus convaincu après avoir lu celui-ci, dont on appréciera la rigueur et la précision dans l'écriture et le parfait équilibre entre les fondements théoriques et leur application concrète.

On aurait cependant souhaité plus d'explications sur quelques points précis abordés dans l'ouvrage, mais celles-ci pourront être apportées par certains des ouvrages plus spécialisés cités en référence.

Si le livre ne prétend pas, en 350 pages, faire le tour de l'ergonomie web, il nous apporte néanmoins des éléments suffisamment solides pour nous permettre de créer des sites véritablement ergonomiques.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de Macmillenium Macmillenium - Rédacteur https://www.developpez.com
le 26/06/2010 à 19:07
Bonjour,

Je vous propose la critique du Livre Ergonomie Web Pour des sites web efficaces de Amélie Boucher.

En lisant ce livre, il m'a été presque impossible de finir un chapitre sans être impatient d'entamer le suivant.
L'auteur décrit les règles fondamentales de l'ergonomie en commençant par évoquer les principales problématiques autour de celle-ci, pour ensuite proposer, à l'aide d'exemples concrets, les différentes méthodes permettant de concevoir des interfaces web ergonomiques et accessibles.
En abordant la théorie de la Gestalt qui explique la manière dont le cerveau humain réagit pour regrouper et distinguer les informations présentées, des modèles d'interaction homme-machine facilitant et accélérant l'accès à l'information tels que la loi de Fitts, la loi de Hick et le concept d'affordance, ainsi que leurs méthodes d'applications, l'auteur soulève l'impact que peuvent avoir les choix de conception sur l'internaute.
Il explique également que l'application des bonnes pratiques d'ergonomie, aide à améliorer l'accessibilité visuelle de l'interface.

Le livre se termine par une série de conseils pertinents sur les tests utilisateurs.

Cet excellent ouvrage s'adresse à un grand public, je le trouve également indispensable pour les personnes souhaitant intervenir sur un projet web à partir de la phase de conception graphique.

Note 5/5

Avez vous également lu ce livre?
Qu'en pensez vous?



EDIT [15/01/2016] :
Une nouvelle critique du livre vient d'être publiée par David Bleuse.
Avatar de benwit benwit - Rédacteur https://www.developpez.com
le 04/07/2012 à 10:28
Bonjour,

Je vous propose ma critique du livre Ergonomie Web de Amélie Boucher qui est désormais dans sa 3° édition.



Avez vous lu ce livre ?
Qu'en pensez vous ?
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 15/01/2016 à 8:24
Bonjour à tous,

Le Maître Jedi de la critique a encore sévi !

David Bleuse a sorti sa plume et usé de sa prose pour rédiger une critique détaillée, elle-même découpée en chapitres, parcourant ainsi l'ensemble des points relevés par l'ouvrage.

Elle s'ajoute à ses nombreuses critiques, toutes plus longues les unes que les autres, dont nous pourrions d'ailleurs faire un recueil complet.

Lire les critiques du livre Ergonomie Web

Et vous ?

Avez-vous lu ce livre ? Qu'en pensez-vous ?

Découvrez les critiques de livres parlant d'une technologie web
couverture du livre Développer pour le Web mobile

Note 4.5 drapeau
Détails du livre
Critiques (1)
0 commentaire
 
 

Développer pour le Web mobile

de
Public visé : Intermédiaire

Résumé de l'éditeur


Développez simultanément pour toutes les plateformes mobiles !

Aujourd'hui, le marché des applications mobiles ne se limite pas à l'iPhone, mais comprend les appareils BlackBerry, Nokia et Windows Phone, ainsi que les smartphones fondés sur Android, webOS et d'autres plateformes. Ce livre vous montrera comment construire une application standard et la rendre opérationnelle sur des appareils précis. Vous découvrirez également les particularités et les pièges de la mise en oeuvre des applications mobiles avec HTML, CSS et d'autres outils web standard.

Cet ouvrage explore également les variantes des différentes plateformes, les difficultés des navigateurs mobiles, les design patterns Ajax pour le Web mobile, et bien d'autres points encore. Très vite, vous serez capable d'utiliser les API Web 2.0 dans des applications pour l'App Store, l'App World, l'OVI Store, l'Android Market et d'autres boutiques en ligne.

Édition : Campus Press - 540 pages , 22 avril 2011

ISBN10 : 2744024821 - ISBN13 : 9782744024825

Commandez sur www.amazon.fr :

39.90 € TTC (prix éditeur 42.00 € TTC) livraison gratuite !
Critique du livre par la rédaction benwit le 1er février 2012
Maximiliano Firtman a mis du coeur à l'ouvrage pour proposer une référence sur le développement pour le Web mobile. Son livre a pour particularité de réunir une monstrueuse somme de connaissances sur le sujet. C'est à la fois sa plus grande force mais aussi sa plus grande faiblesse.

Son livre parle d'une grande variété de terminaux, des plus simples aux plus élaborés (smartphones). C'est à ma connaissance le seul ouvrage qui dresse un panel aussi large. Il contient de nombreux tableaux comparatifs sur le comportement du système ou sur la prise en charge d'une fonctionnalité donnée. Maximiliano réalise un travail de synthèse remarquable qui vous sera d'une grande utilité si vous devez développer un site mobile qui s'adresse au plus grand nombre d'utilisateurs.

Le revers de la médaille, c'est que par moment, ça donne le tournis. Veut-on vraiment développer un site accessible depuis un maximum de terminaux ? Certes, en 2010, le segment "haut de gamme" ne pesait pas plus de 10 % des ventes de téléphones mais en ce début d'année 2012, un téléphone mobile sur trois vendu dans le monde est un smartphone !

Le côté finalement rassurant, c'est qu'il s'agit de web mobile respectant les standards du W3C (HTML/CSS/JS) et même si vous ne ciblez que les smartphones, l'ouvrage vous montrera comment élaborer pas à pas un site unique utilisable sur le maximum d'appareils.

En conclusion, si vous souhaitez développer une application iPhone ou Android, passez votre chemin. En revanche, si vous souhaitez développer un site web mobile, ce livre sera riche d'enseignements.




 Poster une réponse

Avatar de Djug Djug - Expert éminent sénior https://www.developpez.com
le 24/02/2012 à 10:36
Bonjour,

La rédaction de DVP a lu pour vous l'ouvrage suivant: Développer pour le web mobile, de Maximiliano Firtman



Citation Envoyé par résumé de l'éditeur
Développez simultanément pour toutes les plateformes mobiles !

Aujourd'hui, le marché des applications mobiles ne se limite pas à l'iPhone, mais comprend les appareils BlackBerry, Nokia et Windows Phone, ainsi que les smartphones fondés sur Android, webOS et d'autres plateformes. Ce livre vous montrera comment construire une application standard et la rendre opérationnelle sur des appareils précis. Vous découvrirez également les particularités et les pièges de la mise en oeuvre des applications mobiles avec HTML, CSS et d'autres outils web standard.

Cet ouvrage explore également les variantes des différentes plateformes, les difficultés des navigateurs mobiles, les design patterns Ajax pour le Web mobile, et bien d'autres points encore. Très vite, vous serez capable d'utiliser les API Web 2.0 dans des applications pour l'App Store, l'App World, l'OVI Store, l'Android Market et d'autres boutiques en ligne.


L'avez-vous lu? Comptez-vous le lire ?

Quel est votre avis?
couverture du livre Les éléments de l'expérience utilisateur

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
0 commentaire
 
 

Les éléments de l'expérience utilisateur

de
Public visé : Débutant

Résumé de l'éditeur

Depuis sa première publication il y a une dizaine d'années, Les Éléments de l'expérience utilisateur est devenu une référence essentielle pour les designers web et les designers d'interaction du monde entier. L'ouvrage définit les principes qui sont au coeur de ces métiers. Dans cette nouvelle édition entièrement révisée, Jesse James Garrett va plus loin en matière de design produit en incluant des réflexions sur l'univers des appareils mobiles et de leurs applications.

Un design de produit interactif exige davantage que du code bien écrit et de belles images. Il faut aussi concilier objectifs stratégiques et besoins des utilisateurs. Le meilleur des contenus et les technologies les plus sophistiquées ne suffiront pas à atteindre ce résultat sans le soutien d'une expérience utilisateur harmonieuse et cohérente.

Créer une bonne expérience utilisateur est devenu très complexe car il faut prendre en compte de multiples aspects : utilisabilité, identité de marque, architecture de l'information, design d'interaction, etc. Cet ouvrage permet d'alléger toute cette complexité grâce à des explications claires et des illustrations vivantes et se concentre sur les idées plutôt que sur les outils et les techniques. Garrett donne ainsi à ses lecteurs une vue globale sur le développement de l'expérience utilisateur, en partant de la stratégie et des contraintes pour arriver à l'architecture de l'information et à la conception visuelle.

Cet ouvrage vous fera prendre conscience des enjeux de l'expérience utilisateur et vous permettra d'appréhender les moyens à mettre en oeuvre pour l'améliorer.

Édition : Pearson Education - 228 pages , 2eédition, 1er mars 2008

ISBN10 : 2744024856 - ISBN13 : 9782744024856

Commandez sur www.amazon.fr :

26.60 € TTC (prix éditeur 26.60 € TTC) livraison gratuite !
  • Importance de l'expérience utilisateur
  • À la rencontre des éléments
  • Le plan Stratégie : Objectifs du produit et besoins des utilisateurs
  • Le plan Envergure : Spécifications fonctionnelles et spécifications des contenus
  • Le plan Structure : Design d'interaction et architecture de l'information
  • Le plan Ossature : Design d'interface, de navigation et d'information
  • Le plan Surface : Design sensoriel
  • Appliquer les éléments
Critique du livre par la rédaction benwit le 1er octobre 2011
Parmi les différents ouvrages sur l'expérience utilisateur, celui de Jesse James Garrett est plutôt atypique.
Il a pour principal avantage de donner une vue globale à travers cinq plans : Stratégie, Envergure, Structure, Ossature et Surface.
Il a aussi pour intérêt de clarifier des termes qui peuvent paraître très proches : Design d'interaction, Design d'interface, Design de navigation et Design sensoriel.
Mais ce que j'ai préféré, c'est au travers des cinq plans, la mise en parallèle des applications web et des sites d'informations ; les premières faisant référence au vocabulaire des logiciels et les seconds à celui des médias d'informations.
Attention toutefois, ce livre n'apporte pas de réponses, ce n'est ni un mode d'emploi, ni un ouvrage de développement. Il est fait pour se poser les bonnes questions et je le conseille comme une introduction au domaine avant d'aborder des ouvrages plus spécialisés.
Critique du livre par la rédaction vermine le 24 décembre 2011
C'est le terme "expérience utilisateur" qui a attiré mon regard, car si d'un côté je crée des interfaces sur le Web, d'un autre côté, je suis également utilisateur de plusieurs sites et forums. J'étais donc doublement intéressé par ce titre.

Avec une présentation dénonciatrice (ignorance, indifférence ou autre) et un exemple simple avec lequel chacun pourra se dire « Mais oui, j'ai déjà vécu cette situation ! », l'auteur exprime clairement le problème de créer des sites qui soient faciles d'utilisation tout en étant rentables et gérables pour son créateur.

Jesse James Garrett nous propose son expérience dans le domaine. Ses méthodes, son plan, ses éléments. Son savoir est reconnu depuis au moins une décennie. Il nous explique le vocabulaire qu'il a choisi pour figer les choses de manière claire et concise. Ce livre est d'une simplicité étonnante. Il n'est pas besoin de palabrer longtemps sur le thème de l'expérience utilisateur et l'auteur l'a bien compris. Énonçant parfois des évidences, il n'en reste pas moins qu'il nous ouvre les yeux sur des aspects que nous connaissions mais avions mis de côté, ou même auxquels nous n'avions tout simplement pas pensé ou avions rejeté d'office pour une quelconque raison.

L'ouvrage est accompagné de schémas basiques mais tout à fait adéquats. Ils reflètent bien les mécanismes abordés et le lecteur, qu'il soit utilisateur, développeur ou autre, fera des analogies avec les sites qu'il visite.

Et malgré tout, force m'est d'admettre qu'aujourd'hui encore nous sommes loin de suivre ces conseils pourtant judicieux. Ce bouquin est un outil, un plan que beaucoup devraient lire avant de se lancer dans d'interminables projets dont les pierres de départ sont mal positionnées.




 Poster une réponse

Avatar de Djug Djug - Expert éminent sénior https://www.developpez.com
le 19/10/2011 à 11:58
Bonjour,

La rédaction de DVP a lu pour vous l'ouvrage suivant:

Les éléments de l'expérience utilisateur, de Garett Jesse James



Citation Envoyé par Résumé de l'éditeur
Depuis sa première publication il y a une dizaine d'années, Les Éléments de l'expérience utilisateur est devenu une référence essentielle pour les designers web et les designers d'interaction du monde entier. L'ouvrage définit les principes qui sont au coeur de ces métiers. Dans cette nouvelle édition entièrement révisée, Jesse James Garrett va plus loin en matière de design produit en incluant des réflexions sur l'univers des appareils mobiles et de leurs applications.

Un design de produit interactif exige davantage que du code bien écrit et de belles images. Il faut aussi concilier objectifs stratégiques et besoins des utilisateurs. Le meilleur des contenus et les technologies les plus sophistiquées ne suffiront pas à atteindre ce résultat sans le soutien d'une expérience utilisateur harmonieuse et cohérente.

Créer une bonne expérience utilisateur est devenu très complexe car il faut prendre en compte de multiples aspects : utilisabilité, identité de marque, architecture de l'information, design d'interaction, etc. Cet ouvrage permet d'alléger toute cette complexité grâce à des explications claires et des illustrations vivantes et se concentre sur les idées plutôt que sur les outils et les techniques. Garrett donne ainsi à ses lecteurs une vue globale sur le développement de l'expérience utilisateur, en partant de la stratégie et des contraintes pour arriver à l'architecture de l'information et à la conception visuelle.

Cet ouvrage vous fera prendre conscience des enjeux de l'expérience utilisateur et vous permettra d'appréhender les moyens à mettre en oeuvre pour l'améliorer.

L'avez-vous lu? Comptez-vous le lire bientôt?

Quel est votre avis?
couverture du livre Lisibilité des sites web

Note 4.25 drapeau
Détails du livre
Sommaire
Critiques (2)
2 commentaires
 
 

Lisibilité des sites web

Des choix typographiques au design d'information

de
Public visé : Débutant

Résumé de l'éditeur

Comment rendre ses sites web lisibles et compréhensibles ?

Aussi époustouflant soit le design d'un site web, il se doit avant tout d'être lisible ! À l'heure où la diffusion de l'information ne peut plus ignorer le support écran, le rôle du designer est de favoriser la lecture en ligne et la compréhension des contenus. Typographie, couleurs, composition des pages, mise en écran, mais aussi architecture de l'information... apprenez enfin à concevoir des interfaces web lisibles et fonctionnelles, dans un souci constant d'ergonomie et d'accessibilité !

Améliorez le confort de lecture et l'efficacité de vos pages web !
  • Découvrez les mécanismes de lecture en ligne
  • Comprenez les bases de la typographie appliquée à l'écran (familles de caractères, formats, codage, lissage...)
  • Mesurez la lisibilité des caractères (forme des lettres, empattements, casse...) et faites les meilleurs choix de polices
  • Choisissez vos couleurs pour des interfaces efficaces et accessibles au plus grand nombre
  • Structurez les contenus dans une architecture de l'information qui facilite la compréhension
  • Maîtrisez les grilles typographiques et les règles de composition adaptées au Web et à l'écran
  • Initiez-vous aux dernières techniques de publication en ligne (CSS, texte-image, gestion des césures...)
  • Bénéficiez des précieux conseils et expériences des meilleurs experts (webdesigners, créateurs de caractères, ergonomes...)


À qui s'adresse cet ouvrage ?
  • Aux webdesigners, agences et directeurs artistiques
  • Aux architectes de l'information et aux ergonomes
  • Aux concepteurs web, webmestres, chefs de projet, étudiants... et tout acteur d'un projet web

Édition : Eyrolles - 313 pages , 1re édition, 26 novembre 2009

ISBN10 : 2212124260 - ISBN13 : 9782212124262

Commandez sur www.amazon.fr :

24.99 € TTC (prix éditeur 33.73 € TTC) livraison gratuite !
Ce qu'il faut savoir sur la lisibilité
  • La lisibilité : qu'est-ce que c'est ?
  • Le mécanisme de lecture : un peu de théorie
  • Mesures et facteurs de lisibilité
  • Écrire pour être lu
  • L'accessibilité


La typographie et le Web
  • Histoire des caractères conçus pour l'écran
  • Les caractères et le Web
  • Choisir un caractère


La mise en écran, la structuration des contenus et la diffusion sur le Web
  • L'espace de l'écran et du Web
  • Structurer les contenus web
  • La composition des textes sur le Web
  • La diffusion sur le Web

Critique du livre par la rédaction benwit le 22 août 2011
À l'heure où les écrans se multiplient (e-reader, smartphone, tablet), l'utilisation du texte ne cesse de croître. Pour autant, la typographie sur écran est encore bien loin de celle sur papier. Beaucoup de sites privilégiant les nouveautés techniques ont malheureusement oublié les règles élémentaires de lecture. Le livre "Lisibilité des sites web" a pour objectif de les leur rappeler et de proposer des solutions.

La première partie est consacrée à la lisibilité, elle commence par la définir et lister un certain nombre d'idées reçues à son sujet. Ensuite, elle nous parle de la forme ; elle explique les mécanismes de la lecture puis les différentes mesures qui ont permis de découvrir les facteurs de lisibilité. Enfin, elle nous parle du fond et de l'importance du public visé (habitudes, champs sémantiques) et de l'accessibilité qui profite à tous.

La seconde partie est consacrée à la typographie et le Web. Elle présente une synthèse historique qui permet de comprendre d'où viennent les formes des lettres mais aussi de voir comment chaque révolution technique a engendré des évolutions typographiques. On y apprend comment des caractères ont été spécialement conçu à l'usage des écrans et comment les choisir suivant le type de message à véhiculer.

La troisième et dernière partie est consacrée à la mise en oeuvre, à la structuration des contenus et à leur diffusion sur le web. Il y est question de l'espace de l'écran, des grilles typographiques, des types de compositions des textes et de l'utilisation des CSS.

Personnellement, j'ai trouvé le contenu de l'ouvrage très intéressant et particulièrement les interviews avec les designers ou les créateurs des polices. Si vous aimez connaitre le fond des choses ou si vous êtes curieux des domaines connexes à l'informatique, vous ne serez pas déçu. En revanche, si vous cherchez un ouvrage d'informatique pratique, des solutions miracles, des vérités absolues, vous le serez peut être un peu puisque le contenu directement applicable est faible en proportion du contenu explicatif.

J'ai bien aimé la précision du vocabulaire utilisé. Tout le monde devrait savoir que les écrans ont des définitions (ex : 1024 x 768) et que leur résolution (ex : 75 dpi) est faible comparée à celle d'un livre papier (ex : 300 dpi). Par ignorance ou par abus de langage, les termes sont souvent confondus. Je recommande fortement le chapitre 7 sur le "sub-pixel rendering" à ceux qui racontent que les écrans haute définition (ex : 2048 × 1536), ça sert à rien !!!

Je terminerai par la forme du livre qui, si elle est souvent secondaire, mérite quelques commentaires au vu du sujet traité. Côté positif, je dirai que les illustrations (copie d'écran des sites, schémas) et les nombreux renvois (bibliographique, liens Internet) complètent avantageusement le texte. Côté négatif, je dirai que je n'ai pas trouvé la séparation visuelle des questions/réponses des interviews très nette. Ceci dit, dans l'ensemble, le livre applique ses recommandations et est donc bien lisible !
Critique du livre par David Bleuse le 15 mars 2016
Lisibilité : qu'entend-on par là ? Comme le livre nous l'explique dans son introduction, la lisibilité désigne ici à la fois deux qualités distinctes d'un texte : sa capacité à être déchiffré, d'une part, celle à être compris, d'autre part.

La lisibilité d'un texte publié sur la Toile dépendra ainsi de quatre des caractéristiques de ce dernier : le caractère (plus connu par les utilisateurs de logiciels de traitement de texte sous le terme de « police de caractère »), la composition (autrement dit la mise en forme), sa structuration (au sein de la page web), la rédaction (du point de vue de la sémantique comme de la syntaxe).

Elles nourrissent l'essentiel du propos du livre qui déborde cependant par endroits sur des problématiques plus en amont du projet de développement d'un site web.

Le caractère sur le devant de la scène

Les auteurs étant tous trois issus de la même formation en création typographique, on ne s'étonnera pas de voir la typographie occuper une place de premier plan dans l'ouvrage, qui lui consacre notamment toute sa deuxième partie.

En choisissant d'aborder chacun des principaux sujets par ses fondements historiques ou scientifiques, les auteurs confortent la rigueur de leur exposé.

Les recherches en matière typographique ne peuvent ainsi ignorer les mécanismes physiques de la lecture. Contrairement à une idée largement répandue, la reconnaissance d'un mot à partir de l'identification, l'une après l'autre, des lettres qui le composent, dite par assemblage, ne correspond pas à la méthode générale de lecture, mais est réservée aux seuls mots inconnus du lecteur. Pour les autres (autant dire la quasi-totalité), elle résulte de l'association réussie entre la silhouette du mot et sa représentation écrite mais abstraite dans la mémoire du lecteur ; c'est la méthode par adressage (chap. 2 §2). Elle hérite en cela du mécanisme plus général de reconnaissance des objets basé sur la représentation structurale (chap. 2 §1).

Cette première analyse démontre l'importance des ascendantes et descendantes (c'est-à-dire les parties « hautes » et « basses » des lettres) dans le choix d'un caractère, à quoi viennent s'ajouter d'autres critères objectifs également issus d'études scientifiques (chap. 3).

Le caractère ne doit pas tout à l'esprit créatif de son concepteur : ce dernier s'inspire en effet des styles qui se sont formés depuis l'invention de l'imprimerie. Une captivante chronologie met en évidence le fait que ceux-ci s'inscrivent dans des courants esthétiques ou suivent les évolutions technologiques (chap. 6 §1).

S'appuyant sur cette longue histoire, la classification officielle Vox-ATypI distingue onze familles de caractères, soit une typologie bien plus fine que le traditionnel trio : serif, sans serif, monospaced ! Chacune d'elles fait l'objet d'un paragraphe nous en présentant les caractéristiques distinctives ainsi que trois de ses représentants (chap. 8 §1). Muni de cette classification, on dispose d'un critère supplémentaire nous permettant cette fois-ci de choisir un caractère cohérent avec la teneur du discours et de comprendre pourquoi « on ne composera pas les titrages du site de la société Sony en Jenson et ceux de la collection La Pléiade en Futura » ! (chap. 8 §2)

La riche bibliographie structurée en thèmes et située en annexe nous invite à approfondir le sujet. On regrettera cependant l'absence de commentaires accompagnant chacune des références citées (par ailleurs les plus nombreuses) non précédemment introduites dans l'ouvrage.

Zoom sur le support écran

En passant du papier à l'écran, le caractère est soumis à une contrainte inédite : celle d'être circonscrit à une grille de pixels. La première catégorie de caractères spécifiquement dédiés à la composition sur écran, appelée modulaire (ou bitmap) répond à cette exigence (chap. 6 §2).

Une nouvelle technologie améliore le rendu en jouant sur l'opacification partielle des pixels : c'est l'anticrénelage (ou antialiasing).

L'apparition des écrans LCD nous permet d'améliorer les techniques précédentes en exploitant la nature spécifique des pixels qui les constituent, caractérisée par la juxtaposition de trois composantes colorées : l'affichage sous-pixellaire (ou sub-pixel rendering) (chap. 7 §1) est mis au point parallèlement par Microsoft et Apple avec les technologies respectives ClearType et ATSUI, dont le livre nous en présente les spécificités propres (chap. 7 §2).

Si cette technique permet une amélioration significative du rendu, elle repose néanmoins essentiellement sur le même principe que celles qui l'ont précédée : la définition de chaque glyphe (représentation graphique d'un des signes constitutifs d'un alphabet) comme un ensemble de pixels. Pour cette raison, les caractères issus de ces techniques sont regroupés au sein d'une même famille : les caractères bitmap.

À l'opposé, les caractères vectoriels, dont les courbes de chaque glyphe sont décrites de manière mathématique, sont indépendants de la grille de pixels. Le livre nous en présente les technologies associées : PostScript (Adobe), TrueType (Apple) et OpenType (Adobe et Microsoft) (chap. 6 §6), mais est muet en ce qui concerne SVG, sans doute en raison d'un déploiement encore limité de cette dernière à la date de publication du livre (2009).

À l'instar des techniques de conception, les contraintes de lisibilité sont différentes pour les caractères conçus pour l'écran et pour l'imprimé. C'est ce qui a conduit Microsoft à commander, en 1994 puis en 2002, de nouvelles polices, respectivement de types bitmap et ClearType, dont les spécificités et préconisations d'usage nous sont en partie dévoilées par leurs propres créateurs dans de longs entretiens (chap. 6 §3 et 4) qui apportent en outre, de même que les autres entretiens disséminés dans l'ouvrage, originalité et respiration à ce dernier.

Une comparaison plus précise des polices qui viennent d'être évoquées (chap. 6 §5) complétée d'une analyse (chap. 8 §2) permet de mettre en évidence les caractéristiques communes aux caractères lisibles à l'écran et de se convaincre que Times New Roman, conçu en 1931 pour le journal The Times, n'est pas le caractère serif le mieux adapté à un affichage à l'écran !

La contrainte de la disponibilité prévalant sur toutes les autres (chap. 8 §2), le livre analyse chacun des caractères dits web-safe, autrement dit implémentés sur la grande majorité des postes clients, avant de s'intéresser au cas particulier de Linux (chap. 7 §3).

Pour les autres, on tirera profit de la règle CSS @font-face (chap. 12 §1), qui permet le téléchargement d'un fichier de police, d'autant plus que la précision apportée par l'ouvrage concernant un support par Internet Explorer (IE) limité au seul format EOT est aujourd'hui obsolète. Le livre semble toutefois nous mettre en garde contre un usage non réfléchi de caractères en téléchargement gratuit, ce à travers les interviews évoquées plus haut, qui ont également le mérite de nous faire prendre conscience de l'importance du budget et du travail, notamment en ce qui concerne le hinting (optimisation), que représente la création d'un caractère, et celle du créateur Jean-Baptiste Levée, qui propose néanmoins des solutions conciliant coût modéré et qualité (chap. 8 §3).

Composition et rédaction reléguées aux seconds rôles

En lien avec le caractère, force de corps, justification (longueur de ligne) et interlignage, constituant l'essentiel du gris typographique, doivent être considérés conjointement pour atteindre la meilleure lisibilité physique possible du texte : on apprendra deux règles pratiques associant la force de corps à l'interlignage et à la justification, respectivement (chap. 11 §1).

La prise en compte des déficiences visuelles, dont les principales sont décrites en détail dans le livre, nous conduira à utiliser des outils de simulation, ou de mariage des couleurs pour un contraste réussi, mentionnés également dans l'ouvrage (chap. 5).

La composition contribue tout autant à la clarté du discours, en guidant la lecture de l'internaute, ainsi que nous l'apprend une étude d'eyetracking (chap. 10 §1), en hiérarchisant l'information ou en apportant une identité au site web (chap. 8 §3).

Elle vient ainsi en appui à la rédaction, à propos de laquelle le livre nous fournit certaines bonnes pratiques (chap. 4 §3 et chap. 10 §4) et quelques règles syntaxiques nous permettant d'éviter les erreurs les plus communes (chap. 11 §3).

Les règles de structuration imposent que le texte soit circonscrit à la largeur de l'écran. Pour ce faire, une première solution consiste à concevoir la page pour la définition d'écran cible la plus répandue, sachant que les préconisations chiffrées fournies par l'ouvrage sont susceptibles d'évoluer avec les matériels. On notera d'ailleurs à ce propos que les écrans des appareils mobiles, qui tendent à devenir aujourd'hui le premier support de consultation des pages web, ne sont que très brièvement traités. On se tournera donc de préférence vers la solution du liquid design consistant à définir une page à la surface ajustable (chap. 9 §1).

Le texte pourra en revanche s'étaler au-delà de la hauteur de l'écran à condition de tenir compte du positionnement de la ligne de flottaison (chap. 9 §2).

Avec les grilles modulaires, l'alignement du texte dispose d'un outil largement éprouvé dans l'univers du papier dont le présent livre nous expose l'histoire, les grands principes et quelques versions numériques (chap. 10 §3).

Le multi-colonnage, hérité lui aussi de l'imprimé, n'est en revanche pas aussi facilement transposable dans le monde du Web (chap. 9 §3). Si l'on souhaite malgré tout composer son texte en colonnes, la faible justification qui en résulte associée à une composition justifiée entraînera inévitablement l'apparition de lézardes (longs blancs disgracieux entre deux mots) si les césures ne sont pas gérées correctement. Heureusement, la technique vient à notre secours. Le tiret sécable est ainsi reconnu par HTML depuis sa version 3. Cependant, son insertion manuelle à tous les endroits du texte autorisant la césure deviendrait rapidement ingérable (chap. 12 §4). On cherchera donc des solutions du côté de CSS3. Ce dernier n'étant pas finalisé à la date de publication du livre, les informations apportées par celui-ci sur les éléments du langage devront être complétées par d'autres sources. Ainsi, la propriété hyphenate: évoquée (chap. 12 §1) se nomme désormais hyphens:. Associée à la valeur "auto", elle permet de gérer un dictionnaire de césures par langue mais bénéficie encore d'un faible support (complet pour Firefox, nul pour Chrome et Opera, partiel pour les autres). Aussi, les scripts de substitution présentés dans l'ouvrage gardent aujourd'hui toute leur pertinence (chap. 12 §4).

Les autres propriétés introduites ont également un support variable selon les navigateurs : font-size-adjust:, permettant de préserver la hauteur d'œil, n'est supportée nativement que par Firefox ; text-outline:, offrant des jeux de contours, n'est supportée par aucun d'eux.

Quant à l'astuce consistant à définir le corps en em plutôt qu'en pixels, elle est intéressante mais ne trouve son utilité que dans la gestion des insuffisances d'IE6, qui n'est quasiment plus utilisé aujourd'hui (chap. 12 §2).

Enfin, on regrettera qu'une fois la structuration du texte traitée, le livre n'ait pu se garder de franchir la frontière séparant le contenu textuel des autres éléments constitutifs de la page web, d'où des débordements vers les micro-utilités (chap. 10 §4), la navigation (plan du site et fil d'Ariane ; chap. 9 §3), et en remontant, vers la conception du site (zoning, wireframe, plan de site ; chap. 10 §2), la définition de la cible (personas ; chap. 4 §2), pour aboutir à la gestion de projet (Agile ; chap. 10 §2) !

Ces différents aspects, éloignés du sujet que le livre se proposait de traiter au départ, semblent rogner sur l'espace dévolu à la composition et à la rédaction qui auraient mérité de plus larges développements. L'étude de cas présentée dans le chap. 4 §5 est à cet égard édifiante puisqu'elle nous en apprend plus sur l'organisation générale d'un site de presse en ligne que sur la rédaction proprement dite !

En conclusion

Le caractère forme à la fois le cœur et tout l'intérêt du livre. Fort de leur expertise, les auteurs nous livrent toutes les clés pour choisir celui qui apportera lisibilité physique à notre texte et identité à notre site.

L'ouvrage constituera un complément précieux à tout concepteur de site web lors de la phase de rédaction de la charte graphique.

Afin que sa lecture en soit facilitée, on conseillera au lecteur d'acquérir, hormis quelques bases en CSS, un minimum de vocabulaire typographique, la plupart des termes qui en sont issus étant introduits dans l'ouvrage avant d'être définis. Une éventuelle prochaine édition gagnerait à regrouper ces derniers dans un glossaire placé en annexe, à actualiser les passages consacrés aux propriétés CSS3, à développer le sujet de la structuration pour les appareils mobiles, et à enrichir les aspects rédactionnels. En attendant, concernant ce dernier point, on complétera la lecture de l'ouvrage par celle de livres spécialisés cités en référence par ce dernier.
Texte de votre critique
Date de la critique JJ/MM/AAAA
Qui a réalisé cette critique ?

Son pseudo :

Son nom :
Note




 Poster une réponse

Avatar de Djug Djug - Expert éminent sénior https://www.developpez.com
le 22/08/2011 à 12:15
Bonjour,

La rédaction de DVP a lu pour vous l'ouvrage suivant:

Lisibilité des sites web - Des choix typographiques au design d'information de Marie-Valentine Blond, Olivier Marcellin, Melina Zerbib



Résumé de l'éditeur
Améliorez le confort de lecture et l'efficacité de vos pages web ! Découvrez les mécanismes de lecture en ligne.

Comprenez les bases de la typographie appliquée à l'écran (familles de caractères, formats, codage, lissage...).

Mesurez la lisibilité des caractères (forme des lettres, empattements, casse...) et faites les meilleurs choix de polices.

Choisissez vos couleurs pour des interfaces efficaces et accessibles au plus grand nombre.

Structurez les contenus dans une architecture de l'information qui facilite la compréhension.

Maîtrisez les grilles typographiques et les règles de composition adaptées au Web et à l'écran.

Initiez-vous aux dernières techniques de publication en ligne (CSS, texte-image, gestion des césures...).

Bénéficiez des précieux conseils et expériences des meilleurs experts (webdesigners, créateurs de caractères, ergonomes...)

L'avez-vous lu? Comptez-vous le lire ?

Quel est votre avis?

[EDIT 16/03/2016]
Nouvelle critique de David Bleuse
Avatar de webdesign01 webdesign01 - Membre à l'essai https://www.developpez.com
le 20/12/2011 à 8:47
Ca m'a l'air très intéressant à première vue. En plus j'ai toujours un apriori favorable quand il s'agit des éditions Eyrolles... Ceci dit, j'ai récemment été déçu par deux ouvrages lus récemment sur la question de l'ergonomie web. Je les trouvais finalement trop généralistes, un peu trop évidents.

Celui-ci est-il vraiment "pointu" ?

Cordialement
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 15/03/2016 à 14:02
Bonjour à tous,

Malgré une date de parution un peu vieille, David Bleuse a lu ce livre et trouve qu'il est encore tout à fait pertinent aujourd'hui.

Sa critique nous donne un aperçu détaillé de ce que le livre couvre, parfois en sortant du contexte initial. Et ce sans hésiter à soulever les quelques points négatifs.
David utilisent des extraits précis pour étayer son avis et nous renseigne ainsi sur la manière dont l'ouvrage est rédigé.

Découvrez les critiques du livre Lisibilité des sites web - Des choix typographiques au design d'information

Retrouvez également toutes les critiques de livres sur le Web !
couverture du livre Développer avec les API Google Maps

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
2 commentaires
 
 

Développer avec les API Google Maps

Applications web, iPhone/iPad et Android

de
Public visé : Débutant

Résumé de l'éditeur

Introduction : Lancées en juin 2005, les API (Application Programming Interface) Google Maps permettent aux développeurs de réaliser des applications basées sur les cartes numériques de Google. Il est ainsi devenu possible d'intégrer facilement des données géolocalisées sur un fond de carte Google Maps dans un site web, qu'il soit à finalité professionnelle ou personnelle. Google vient de publier la version 3 de ces API qui proposent notamment un meilleur support des périphériques mobiles (iPhone, Android, etc.).Cet ouvrage décrit l'essentiel des fonctions et de ces outils de développement, en se focalisant notamment sur les nouveaux usages rendus possibles par le succès des smartphones.

Cet ouvrage s'adresse aux développeurs web et aux développeurs smartphones qui souhaitent profiter de la technologie et du succès de Google Maps pour enrichir leurs applications en y intégrant des fonctions cartographiques (géolocalisation, itinéraire…). La version 3 des API Google Maps permet aux développeurs de sites web d'enrichir plus facilement leurs pages de cartes numériques interactives et offre un meilleur support des périphériques mobiles (iPhone, iPad, Android, etc.). Cet ouvrage décrit l'essentiel des fonctionnalités de l'API, ainsi que les méthodes et outils de développement qui vous permettront d'intégrer facilement des données géolocalisées sur un fond de carte Google Maps et de tirer le meilleur parti des outils de webmapping, visualisation de données géoréférencées, etc. La deuxième partie se focalise sur les nouveaux usages rendus possibles par le succès des smartphones. Enfin, l'API open source OpenLayers est également présentée, ainsi que les API Google Maps statiques. Tous les exemples présentés dans l'ouvrage sont disponibles en téléchargement sur la page dédiée à l'ouvrage sur le site de Dunod. Sommaire L'API Google Maps version 3. Les concepts. Débuter avec l'API Google Maps. Afficher des données. Les services. Exemple d'application. Utiliser les API sur les périphériques mobiles. Introduction. iOS pour iPhone et iPad. Android. Annexes. OpenLayers, une alternative à Google Maps. API statiques. Biographie des auteurs Fabien Goblet - Ingénieur géomaticien indépendant, spécialiste en applications cartographiques en ligne. Michel Dirix - Analyste programmeur au sein de l'équipe Extranet de la société Cegedim-Activ. Il est également auto-entrepreneur (Midix) Loïc Goblet - Ingénieur diplômé de l'ENSEEIHT de Toulouse. Après avoir travaillé chez Renault, il a créé la société Mooveatis, consacrée au développement Android et iPhone. Jean-Philippe Moreux - Ingénieur diplômé de l'INSA Toulouse. Il a été chef de projet dans une SSII spécialisée en systèmes d'information et de commandement.

Édition : - 232 pages , 1re édition, 1er novembre 2010

ISBN10 : 2100554034 - ISBN13 : 9782100554034

175x250 mm

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 32.00 € TTC) livraison gratuite !
  • L'API Google Maps version 3
    • Les concepts
    • Débuter avec l'API Google Maps
    • Afficher des données
    • Les services
    • Exemple d'application
  • Utiliser les API sur les périphériques mobiles
    • Introduction
    • iOS pour iPhone et iPad
    • Android
  • Annexes
    • OpenLayers, une alternative à Google Maps
    • API statiques


Critique du livre par la rédaction benwit le 22 août 2011
Google a la vision de réduire la distance entre la technologie et ses utilisateurs. Autrement dit, de faire de chaque utilisateur un développeur en puissance. Aujourd'hui, des bidouilleurs autodidactes peuvent faire des choses incroyables il y a seulement quelques années. De même qu'avec un CMS, il n'a jamais été aussi simple de mettre en oeuvre un site web, il est certain qu'un service comme Google Maps simplifie l'intégration de cartographies dynamiques.

Je pense que le livre "Développer avec les API Google Maps" s'adresse davantage à un public de développeurs débutants.

Dans la première partie, ce livre explique en français l'utilisation de Google Maps à travers de nombreux exemples. Il présente comment ajouter des primitives graphiques dessus la carte mais également comment utiliser les services connexes qui font la richesse de Google Maps (géocodage, calcul d'itinéraires ou d'altitudes, StreetView)

Dans la seconde partie, c'est l'utilisation de Google Maps sur les plateformes mobiles (iOS, Android) qui est détaillée. Là encore, c'est très didactique.

Si les APIs et les docs de Google vous semblent obscures, gageons que ce livre vous les rendra plus claires. Dans le cas contraire, il vous sera moins profitable.

Pour ma part, j'ai été déçu de ne trouver aucune mention à l'API GWT de Google Maps qui permet de se passer d'écrire du JavaScript.

L'ouvrage réserve néanmoins de bonnes surprises comme ses annexes. Il est intéressant d'y découvrir l'API statique qui économise les ressources (à l'heure du "Green IT") et l'alternative qui se nomme "Open Layers" (à l'heure où Google arrête son API Google Translate).
Critique du livre par la rédaction Ihssen Idelways le 8 juillet 2011


Un livre à la fois concis et complet, qui va à l'essentiel en évoquant brièvement tout ce qu'il faut savoir afin de se lancer dans le « geocoding » avec les API de Google Maps.

L'ouvrage est réparti en huit chapitres et deux parties simplifiés et richement illustrés d'images et d'exemples de codes brefs et ciblés.

La première partie introduit les concepts et traite de l'API proprement dite et ses usages de base pour le Web. Un volet qui risque toutefois de ne rien vous apprendre si vous avez déjà utilisé la version 3 de Google Maps.

Plus intéressante, la seconde partie est consacrée au développement mobile sur les deux plateformes les plus populaires : iOS et Android, avec un peu plus de détails pour l'OS de Google.

Curieusement, l'annexe du livre est la partie qui m'a intéressé le plus. Les auteurs nous y font découvrir l'alternative Open Layers, à ne pas confondre avec OpenStreetMap qui n'est qu'un des nombreux producteurs de données que cette API JavaScript puissante prend en charge.

Open Layers permet de créer des Mashups qui ne dépendent pas de Google Maps, Bing et Yahoo! et de se mettre ainsi à l'abri des limitations contractuelles qui risquent de devenir vite problématiques pour les produits qui en dépendent.

Toujours en annexe, ce livre traite enfin de l'API statique de Google Maps, qui permet d'économiser les ressources, la bande passante et le temps de chargement, là où l'usage des cartes dynamiques n'est pas nécessaire ou justifié.

Pour résumer, ce livre est donc un bon guide d'introduction exhaustif plutôt qu'un ouvrage de référence.
Mais un chapitre sur Windows Mobile 7 aurait été le bienvenu au vu du manque de documentation (et de maturité) de cette plateforme en matière de géolocalisation.




 Poster une réponse

Avatar de Djug Djug - Expert éminent sénior https://www.developpez.com
le 22/08/2011 à 12:15
Bonjour,

La rédaction de DVP a lu pour vous l'ouvrage suivant:

Lisibilité des sites web - Des choix typographiques au design d'information de Marie-Valentine Blond, Olivier Marcellin, Melina Zerbib



Résumé de l'éditeur
Améliorez le confort de lecture et l'efficacité de vos pages web ! Découvrez les mécanismes de lecture en ligne.

Comprenez les bases de la typographie appliquée à l'écran (familles de caractères, formats, codage, lissage...).

Mesurez la lisibilité des caractères (forme des lettres, empattements, casse...) et faites les meilleurs choix de polices.

Choisissez vos couleurs pour des interfaces efficaces et accessibles au plus grand nombre.

Structurez les contenus dans une architecture de l'information qui facilite la compréhension.

Maîtrisez les grilles typographiques et les règles de composition adaptées au Web et à l'écran.

Initiez-vous aux dernières techniques de publication en ligne (CSS, texte-image, gestion des césures...).

Bénéficiez des précieux conseils et expériences des meilleurs experts (webdesigners, créateurs de caractères, ergonomes...)

L'avez-vous lu? Comptez-vous le lire ?

Quel est votre avis?

[EDIT 16/03/2016]
Nouvelle critique de David Bleuse
Avatar de webdesign01 webdesign01 - Membre à l'essai https://www.developpez.com
le 20/12/2011 à 8:47
Ca m'a l'air très intéressant à première vue. En plus j'ai toujours un apriori favorable quand il s'agit des éditions Eyrolles... Ceci dit, j'ai récemment été déçu par deux ouvrages lus récemment sur la question de l'ergonomie web. Je les trouvais finalement trop généralistes, un peu trop évidents.

Celui-ci est-il vraiment "pointu" ?

Cordialement
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 15/03/2016 à 14:02
Bonjour à tous,

Malgré une date de parution un peu vieille, David Bleuse a lu ce livre et trouve qu'il est encore tout à fait pertinent aujourd'hui.

Sa critique nous donne un aperçu détaillé de ce que le livre couvre, parfois en sortant du contexte initial. Et ce sans hésiter à soulever les quelques points négatifs.
David utilisent des extraits précis pour étayer son avis et nous renseigne ainsi sur la manière dont l'ouvrage est rédigé.

Découvrez les critiques du livre Lisibilité des sites web - Des choix typographiques au design d'information

Retrouvez également toutes les critiques de livres sur le Web !
couverture du livre Ergonomie web illustrée - 60 sites à la loupe

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Ergonomie web illustrée - 60 sites à la loupe

de
Public visé : Débutant

Résumé de l'éditeur

Comment les internautes perçoivent-ils vraiment votre site web ? Proposer la bonne information au bon endroit et au bon moment. Répondre aux attentes de ses visiteurs pour leur donner envie de rester sur le site et d'y revenir : quel pari difficile pour tout concepteur web, qu'il crée un site e-commerce, éditorial ou même une application iPhone ! Au-delà des règles théoriques, rien ne vaut de se mettre à la place de l'utilisateur, confronté aux situations les plus variées sur le Web : pages d'accueil ou landing pages, pages de listes ou de rubriques, pages de contenu (articles, fiches produits...), formulaires, outils en ligne, mais aussi e-mails ou newsletters envoyés par les sites... Grâce à cette analyse de plus de 60 pages et applications web passées au crible de l'ergonomie, appuyée par des tests utilisateurs et des résultats d'eyetracking, apprenez par l'exemple à concevoir des sites efficaces et agréables pour votre internaute !

Édition : Eyrolles - 333 pages , 1re édition, 9 novembre 2010

ISBN10 : 2212126956 - ISBN13 : 9782212126952

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 30.40 € TTC) livraison gratuite !
  • Tests utilisateurs et eyetracking
  • Pages d'accueil
  • Pages de listes et rubriques
  • Pages de contenu
  • Formulaires
  • Outils en ligne
  • E-mails & newsletters
  • Applications iPhone

Critique du livre par la rédaction Djug le 5 mai 2011


Si vous vous intéressez à l'ergonomie web, et si vous cherchez continuellement à éviter tout ce qui peut rendre l'expérience utilisateur des visiteurs de vos sites web moins confortable, alors je vous recommande vivement la lecture de ce livre.

Ce livre expose soixante cas d'études de sites web, et met en exergue leurs points forts et leurs points faibles, et propose également des recommandations pour les éviter.

Le livre couvre tous les aspects des sites web (pages d'accueil, pages de listes et rubriques, pages de contenu, formulaires,.), et se termine par un chapitre consacré aux applications pour iOS.

Le livre est très pratique, on y trouve plein de cartes de chaleurs et des parcours oculaires des participants aux différents tests réalisés sur les sites web étudiés, ainsi que leurs commentaires (les utilisateurs commentaient leurs utilisations des sites étudiés), ce qui donne une réelle idée de ce que les utilisateurs arrivent à voir sur les sites, leurs attentes, et leurs impressions.

Cependant j'ai relevé deux points négatifs :

  • la police de caractère, relativement petite, et
  • les allers-retours qu'on est obligé de faire pour chercher une définition à la fin du livre (dans l'annexe) ou pour revoir la capture d'écran du site web étudié dans chaque cas d'étude (pour bien saisir les remarques du livre)


Conclusion : un excellent livre pour tous ceux qui désirent s'initier ou approfondir leurs connaissances en ergonomie web.


couverture du livre Bonnes pratiques des standards du Web

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
3 commentaires
 
 

Bonnes pratiques des standards du Web

de
Traducteurs : Sandrine Burriel
Public visé : Débutant

Résumé de l'éditeur

Bienvenue dans l'édition française du livre à succès de Dan Cederholm, Web Standards Solutions. Utiliser les standards du Web permet de créer des contenus pour le plus large public possible, tout en assurant leur compatibilité future. Ces standards garantissent aussi une meilleure compatibilité avec les différents supports d'affichage, par exemple les lecteurs d'écran, les téléphones mobiles et les ordinateurs de poche. HTML, XHTML et CSS sont trois exemples de technologies considérées comme des standards du Web.

Cet ouvrage, résolument pratique, propose des solutions concrètes, applicables en l'état. Il vous montre les avantages que vous pouvez tirer à respecter ces standards et à savoir précisément comment les mettre en oeuvre. Vous apprendrez à créer des mises en page multicolonnes, à tirer parti des techniques de remplacement d'images, à utiliser au mieux les tables et les listes, et bien davantage encore. Cette approche hautement modulaire vous permet d'assimiler, comprendre et exploiter rapidement l'essentiel des standards du Web.

Édition : Campus Press - 300 pages , 1re édition, 1er mai 2010

ISBN10 : 274402399X - ISBN13 : 9782744023996

Commandez sur www.amazon.fr :

26.60 € TTC (prix éditeur 28.00 € TTC) livraison gratuite !
  1. Se faire plaisir avec le balisage
    1. Listes
    2. Titres
    3. Les tableaux sont-ils l'incarnation du Mal ?
    4. Citations
    5. Formulaires
    6. <strong>, <em> et autres éléments de structuration des phrases
    7. Ancres
    8. Encore des listes
    9. Minimiser le balisage
    10. Le Document Object Model ou DOM
  2. Styler en toute simplicité
    1. Appliquer des CSS
    2. Styles pour l'impression
    3. Mise en page avec les CSS
    4. Styler du texte
    5. Remplacement de texte par des images
    6. Styler l'élément <body>
    7. Pour aller encore plus loin




Critique du livre par la rédaction Didier Mouronval le 1er janvier 2011
Je dois l'avouer, étant habituellement soucieux des standards, ce livre ne m'a pas apporté grand-chose. Est-ce à dire que ce n'est pas un bon livre ? Certainement pas ! Au contraire. Déjà parce que même pour ceux qui se croient au fait des standards du Web, des rappels sont toujours utiles et on a parfois trop tendance à "oublier" certains points. Ensuite, on peut être aguerri au développement Web et passer à côté de nombreux détails. Ce livre pourra donc être considéré soit comme un simple aide-mémoire que l'on feuillette régulièrement, soit comme une porte d'entrée vers un meilleur respect des bonnes pratiques. Car respecter les standards, même si cela apporte parfois des difficultés, est important à différents égards. C'est d'ailleurs sur cette importance que l'auteur commence le livre, de façon assez détaillée.

La première partie du livre se concentre sur le balisage d'une page Web. On découvre, au fil d'exemples bien pensés et très didactiques, l'importance de la sémantique en (X)HTML. L'auteur s'attache bien entendu aux problématiques les plus courantes (listes, tables, formulaires...) mais ne s'en contente pas : il entre dans le détail et propose, quand cela est possible, des alternatives judicieuses aux mauvaises habitudes que l'on peut avoir prises par facilité ou méconnaissance.

La seconde partie traite des feuilles de style CSS dans le même esprit. Bien sûr, l'essentiel est traité : comment adapter le style par défaut des balises sémantiques de façon à créer un design adapté et cohérent, mais il explique aussi les principaux pièges et difficultés concernant les CSS. Là aussi, les exemples concrets et évolutifs permettent d'aborder les notions de façon pédagogique.

En résumé, l'ouvrage, bien qu'assez peu original car abordant un thème assez classique du développement Web, est malgré tout un livre dont chaque développeur Web doit connaître le contenu. Ce livre est annoncé comme destiné aux débutants, voire intermédiaires ; cela dit, le respect des standards n'est pas forcément lié à un niveau de compétence ou d'expérience. Il sera donc utile, voire indispensable à beaucoup de développeurs, qu'ils soient amateurs ou professionnels. C'est donc un livre que je recommande si vous souhaitez, non pas apprendre à coder pour le Web, mais apprendre à bien coder.

Vous avez lu ce livre ? Qu'en pensez-vous ?




 Poster une réponse

Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 13/01/2011 à 13:07


Je viens de finir la lecture du livre "Bonnes pratiques des standards du Web" que j'ai trouvé très bon.
Ce livre traite des bonnes pratiques à respecter en CSS et (X)HTML.
Vous pouvez lire la critique ici : Bonnes pratiques des standards du Web.

Avez-vous lu ce livre et partagez-vous mon avis ? Sinon, pour quelles raisons ?
Avatar de camus3 camus3 - Membre éprouvé https://www.developpez.com
le 16/01/2011 à 13:51
rien à f. des bonnes pratiques. Seul l'audience compte et le "client" qu'elle choisit.
Enfin quand les standard sont eux mêmes mauvais pourquoi les respecter?
le web est diverse, novateur , irrespectueux des standards et le restera.
Vive l'utilisation de solutions non standards.
Avatar de FaridM FaridM - Membre expérimenté https://www.developpez.com
le 17/01/2011 à 16:43
Citation Envoyé par camus3  Voir le message
Enfin quand les standard sont eux mêmes mauvais pourquoi les respecter?

Pour éviter d'avoir à coder un site pour chaque navigateurs, je dirai même pour chacunes des versions de chaques navigateurs? (oui j'exagère un peu, c'était pour pas citer un navigateur en particulier ).

Est-ce que le livre traite des différences entre html et xhtml?

D'ailleurs est-ce qu'il est possible d'ouvrir un débat sur html vs xhtml? Avant je jurais que par le xhtml, mais j'ai découvert récemment de bons arguments en faveur du html du coup je m'y suis mis, jusqu'au prochain avantage que me donnera le xhtml...
couverture du livre Bien Rédiger pour le Web

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
2 commentaires
 
 

Bien Rédiger pour le Web

... et améliorer son Référencement Naturel

de
Public visé : Débutant

Résumé de l'éditeur

Introduction : Le contenu d'un site est primordial : bien écrit et bien construit il gagne en visibilité sur les moteurs de recherche et les annuaires. L'auteur, spécialiste du web, du référencement et des technologies de l'information, nous propose donc une lecture de l'ouvrage en 3 axes : 1. la définition de la cible et de ses besoins, 2. les techniques de rédaction adaptées au support web, 3. les clés d'un bon référencement. Un livre très précieux pour tous ceux qui travaillent sur le web !

Rédigez des contenus efficaces pour vos visiteurs comme pour les moteurs de recherche ! * Comprenez ce que votre internaute vient chercher et appropriez-vous les principes d'ergonomie et d'accessibilité * Apprenez les bases et les techniques du référencement * Soignez l'architecture de l'information pour faciliter la navigation * Favorisez la lisibilité en ligne et utilisez à bon escient l'image et le multimédia * Exploitez les zones chaudes (lues en premier) pour capter l'attention et placer vos mots-clés * Optimisez chaque type de contenu (page d'accueil, newsletter, blog, FAQ, communiqué de presse, slogan, signature...) * Auditez le positionnement et l'accessibilité aux robots de votre site et mesurez votre audience * Garantissez le sérieux et la cohérence de votre image en suivant une ligne éditoriale Le contenu, clef de voûte d'un référencement durable Au-delà du graphisme et des prouesses techniques, c'est le contenu d'un site web qui fait la différence - avant tout, c'est pour lui que vient l'internaute. Bien écrit et bien construit, un site gagnera une visibilité méritée sur les moteurs de recherche et les annuaires web. Grâce à ce guide du parfait rédacteur web, faites enfin de votre contenu la force de frappe de votre site web ! À qui s'adresse cet ouvrage ? * Aux webmestres, rédacteurs et chargés de contenu web * Aux chefs de projet, architectes de l'information, référenceurs... et tout acteur d'un projet web * Aux agences web, responsables de communication et chargés de marketing

Édition : - 412 pages , 1er juillet 2009

ISBN10 : 2212124333 - ISBN13 : 9782212124330

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 32.00 € TTC) livraison gratuite !
  • Le rédacteur au centre du projet Web
  • Les règles de la rédaction Web
  • Les clés du référencement

Critique du livre par la rédaction Ihssen Idelways le 1er janvier 2011
Dans cet ouvrage, Isabelle Canivet nous offre un guide très complet pour réussir à tous points de vue les sites Web orientés contenu.

Elle ne se contente donc pas de traiter le côté purement rédactionnel sur lequel elle ne fait que rappeler les fautes récurrentes et les règles de base, en plus de mettre évidemment l'accent sur les spécificités de l'écriture pour le Web.

Le point fort de ce livre réside, à mon avis, dans ses illustrations ; chaque conseil est accompagné du nom, de l'adresse et de la capture d'écran d'un site.
La plupart des sites donnés en exemple sont d'ailleurs francophones, certains même fort connus.
On peut donc à tout moment ouvrir son navigateur pour constater sur place les dégâts ou les bienfaits des bonnes ou mauvaises pratiques mises en relief sur le livre.

Ce qui m'a aussi marqué dans ce livre est le dévouement de son auteur au service de l'utilisateur final, même dans son chapitre consacré au référencement, on a l'impression qu'Isabelle invite le rédacteur à faire de son mieux pour que le visiteur arrive sur du contenu pertinent et de qualité. Plutôt que de chercher à le faire visiter à tout prix votre site, quitte à lui faire perdre son temps, comme font la plupart des livres sur le référencement.

Je regrette néanmoins quelques redondances. En effet, de conseils entiers sont reformulés et repris dans plusieurs chapitres, ce qui risque d'être un peu pénible aux lecteurs qui, comme moi, préfèrent lire un livre de bout en bout, sans en rater une miette.
Mais dans l'absolu, cela devrait permettre à ceux qui le souhaitent, de lire séparément les chapitres qui les intéressent.

Je conseille donc vivement ce livre à toute personne plus ou moins impliquée dans le processus de rédaction et de publication pour le Web.
Un livre à lire absolument par les rédacteurs "print" qui veulent se mettre à écrire pour le Web.

Cependant, si vous cherchez des conseils pour améliorer votre plume ou votre style, ou pour apprendre les techniques avancées du référencement, lisez d'autres ouvrages.

Vous avez lu ce livre ? Qu'en pensez-vous ?




 Poster une réponse

Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 11/01/2011 à 21:00


Idelways vous propose la critique du livre "Bien rédiger pour le web" : Bien Rédiger pour le Web - ... et améliorer son Référencement Naturel

Connaissez-vous ce livre ?
Si oui, partagez-vous l'avis donné dans la critique ?
Sinon, cela vous donne-t-il envie d'acheter ce livre ?

Avatar de kylegap kylegap - Membre à l'essai https://www.developpez.com
le 27/01/2011 à 14:33
Moi je crois que tu peux trouver l'information totalement gratuitement sur internet en faisant des recherches et en lisant tout ce que tu peux trouver sur le sujet. Bien écrire pour le web, c'est ultra simple.

Il faut se servir de sa tête. Il faut savoir que les algorithme des moteurse de recherches ont été fait par des humains et que les textes que l'on écrit doivent être fait pour les humains et non pour les algorithmes. Il faut penser au lecteur et le captiver.

Ensuite, il faut écrire le plus souvent possible, à tous les jours. Faire plusieurs articles de seulement 300 mots à tous les jours est la clé du succès.

Pour la forme, c'est simple.... une introduction dans lequel on parle de quoi on va parler, dans le corps on parler de ce dont on veut parler et dans la conclusion on parle de ce qu'on vient de parler.

Un petit truc pour les moteur de recherche, c'Est d'ajouter les mots clés que l'on veut cible au travers du texte mais bien placé et avec du sens.

Si jamais quelqu'un en apprend plus que ca dans le livre que tu mentionne.... ca doit pas être des choses si extraordinaires que ca!! ;o)
Avatar de Vil'Coyote Vil'Coyote - Modérateur https://www.developpez.com
le 28/01/2011 à 11:59
Citation Envoyé par kylegap  Voir le message
Moi je crois que tu peux trouver l'information totalement gratuitement sur internet en faisant des recherches et en lisant tout ce que tu peux trouver sur le sujet. Bien écrire pour le web, c'est ultra simple.

Il faut se servir de sa tête. Il faut savoir que les algorithme des moteurse de recherches ont été fait par des humains et que les textes que l'on écrit doivent être fait pour les humains et non pour les algorithmes. Il faut penser au lecteur et le captiver.

Ensuite, il faut écrire le plus souvent possible, à tous les jours. Faire plusieurs articles de seulement 300 mots à tous les jours est la clé du succès.

Pour la forme, c'est simple.... une introduction dans lequel on parle de quoi on va parler, dans le corps on parler de ce dont on veut parler et dans la conclusion on parle de ce qu'on vient de parler.

Un petit truc pour les moteur de recherche, c'Est d'ajouter les mots clés que l'on veut cible au travers du texte mais bien placé et avec du sens.

Si jamais quelqu'un en apprend plus que ca dans le livre que tu mentionne.... ca doit pas être des choses si extraordinaires que ca!! ;o)

toutes personnes rédigeant "pour le web" n'a pas forcément une connaissance de ce monde. j'en connais qui ne font que rédiger des articles pour notre extranet. leur boulot initiale n'est pas de rédiger donc je pense que ce genre d'ouvrage est nécessaire pour des personnes lambda à qui l'on demande justement de formuler des comptes rendu, des résumes etc ... et pour qui internet n'est qu'un outils supplémentaire.
couverture du livre Conduite de projet Web (1Cédérom)

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
0 commentaire
 
 

Conduite de projet Web (1Cédérom)

de
Public visé : Débutant

Résumé de l'éditeur

Mener son projet avec méthode

Comment gérer avec efficacité un projet Web ? Comment préparer au mieux son déroulement et garantir la réussite de chaque phase ? Nourri par la grande expérience de l'auteur, cet ouvrage vous fournira les moyens d'y parvenir, en proposant des solutions concrètes et opérationnelles pour chaque étape. Émaillé de nombreuses checklistes et grilles d'analyse, ce guide très concret synthétise les principales pratiques rencontrées sur le terrain pour chaque type de site : sites catalogues, marchands, institutionnels, de marques, communautaires, éditoriaux, portails d'entreprise, intranets...

Toutes les phases de gestion d'un projet Web y sont développées : stratégie, définition de l'offre, construction du business plan, suivi du budget, étude de faisabilité, appel d'offres, choix des prestataires, cahier des charges, réalisation du site, promotion, hébergement, référencement, aspects juridiques... Entièrement actualisée, la cinquième édition de cet ouvrage est complétée par cinq études de cas détaillées et de nombreux avis d'experts.

Édition : Eyrolles - 431 pages , 5eédition, 5 janvier 2010

ISBN10 : 2212126654 - ISBN13 : 9782212126655

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 33.25 € TTC) livraison gratuite !
Les projets Web
  • Qu'est-ce qu'un projet Web ?
  • Les acteurs du projet
  • La dimension juridique du projet Web
  • Rassembler les facteurs clés de succès


La conduite des projets Web

  • La stratégie
  • Le business plan
  • La faisabilité
  • L'appel d'offres
  • La conception
  • La réalisation
  • La mise en service
  • Référencement et positionnement
  • Impact du Web 2.0 sur les projets Web


Études de cas

  • Étude de cas 1 : site institutionnel
  • Étude de cas 2 : site B-to-B
  • Étude de cas 3 : portail d'entreprise
  • Étude de cas 4 : site e-commerce B to C
  • Étude de cas 5 : générateur d'intranets


Annexes

  • Annexe 1 : Contenu du CD-Rom
  • Annexe 2 : Glossaire

Critique du livre par la rédaction Djug le 30 septembre 2010
Un livre très bien structuré qui couvre tous les aspects de la conduite de projet Web. Certaines parties sont très bien détaillées (comme c'est le cas de la partie « Business plan »).
Ce livre ne nécessite pas un très bon niveau technique pour l'aborder, il explique bien les différentes étapes de la conduite de projet Web, d'une manière très simple, même pour des non-techniciens.
J'ai particulièrement apprécié la présence d'une bibliographie ainsi que de liens à la fin de chaque chapitre pour approfondir le sujet abordé.
On trouve également à la fin de chaque étape un récapitulatif des points à vérifier avant de valider le livrable de l'étape.
Quant au CD qui accompagne le livre, il contient les soixante modèles de livrables utilisés tout au long du livre.
À mon avis, le seul point négatif du livre se situe dans la dernière partie (études de cas). Toutes les cinq études de cas ne sont pas détaillées. Il ne contient qu'un survol rapide des projets étudiés.
Conclusion : « Conduite de projet Web » est un livre à garder à portée de main durant toute la durée de réalisation de votre projet Web.




 Poster une réponse

Avatar de Djug Djug - Expert éminent sénior https://www.developpez.com
le 01/10/2010 à 10:15
Bonjour

La rédaction de DVP a lu pour vous l'ouvrage suivant:
conduite de projet web de Stéphane Bordage paru aux éditions Eyrolles



Mener son projet avec méthode

Comment gérer avec efficacité un projet Web ? Comment préparer au mieux son déroulement et garantir la réussite de chaque phase ? Nourri par la grande expérience de l'auteur, cet ouvrage vous fournira les moyens d'y parvenir, en proposant des solutions concrètes et opérationnelles pour chaque étape. Émaillé de nombreuses checklistes et grilles d'analyse, ce guide très concret synthétise les principales pratiques rencontrées sur le terrain pour chaque type de site : sites catalogues, marchands, institutionnels, de marques, communautaires, éditoriaux, portails d'entreprise, intranets...

Toutes les phases de gestion d'un projet Web y sont développées : stratégie, définition de l'offre, construction du business plan, suivi du budget, étude de faisabilité, appel d'offres, choix des prestataires, cahier des charges, réalisation du site, promotion, hébergement, référencement, aspects juridiques... Entièrement actualisée, la cinquième édition de cet ouvrage est complétée par cinq études de cas détaillées et de nombreux avis d'experts.


L'avez-vous lu? Comptez-vous le lire bientôt?

Quel est votre avis?

Exprimez-vous ! Votre avis nous intéresse...
couverture du livre Réussir son site web en 60 fiches

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
4 commentaires
 
 

Réussir son site web en 60 fiches

de
Public visé : Débutant

Résumé de l'éditeur

Destiné aux concepteurs et développeurs de projets web, responsables communication et marketing, webmasters, webdesigners et étudiants de ces domaines, cet ouvrage tout en couleur présente, en 60 fiches, les questions incontournables à se poser pour diagnostiquer ou concevoir un site web, et le rendre attrayant, fonctionnel et percutant :

  • Marketing : le nom du site est-il percutant ? le site est-il bien référencé ? comment mesurer sa popularité ?…
  • Contenu : le site est-il d'actualité ? est-il crédible ? doit-il être traduit dans différentes langues ?…
  • Navigation : le site est-il bien structuré, les liens efficaces et le moteur de recherche performant ?…
  • Design : l'interface est-elle adaptée et attrayante ? le design est-il de bonne qualité, les visuels percutants ?…
  • Interactivité : comment bien communiquer avec les visiteurs du site ? une newsletter est-elle utile ? les commandes en ligne fonctionnent-elles bien ?
  • Technique : le chargement du site est-il rapide, sa consultation sécurisée ? l'impression des pages est-elle optimale ?…


L'ouvrage apporte des réponses précises à travers 200 conseils pratiques, 120 études de cas et 150 repères statistiques. Cette 3e édition actualisée est au fait des nouvelles tendances du Net.

Édition : Dunod - 160 pages , 3eédition, 10 mars 2010

ISBN10 : 2100545655 - ISBN13 : 9782100545650

190x240 mm

Commandez sur www.amazon.fr :

18.90 € TTC (prix éditeur 19.90 € TTC) livraison gratuite !
  • Marketing (9 fiches)
  • Contenu (10 fiches)
  • Navigation (12 fiches)
  • Design graphique (9 fiches)
  • Interactivité (11 fiches)
  • Aspects techniques et fonctionnels (8 fiches)

Critique du livre par le 1er août 2010
Ce livre est clair, aéré et coloré. Le contenu n'est pas énorme, 60 fiches. Chacune fait deux pages : l'une avec le conseil, l'autre avec des études de cas (souvent un contre-exemple et un bon exemple). L'avantage de la structure en fiches étant leur indépendance : ainsi vous pouvez picorer uniquement les fiches qui vous intéressent sans forcément lire tout le livre. L'inconvénient étant le peu de contenu de certaines fiches, sachant que chacune ne représente jamais plus de 5 minutes de lecture. Elles possèdent toutes une question très concrète en guise de titre tel que "Le design est-il adapté à votre cible ?". L'ouvrage se découpe en 6 chapitres : Marketing, Contenu, Navigation, Design, Interactivité et Technique. La répartition des fiches parmi les chapitres est harmonieuse.

Quelques fiches coulent de sens, voire sont anecdotiques : "Le nom de votre site et son URL sont-ils percutants ?" ou "Vos contenus sont-ils d'actualité ?". D'autres sont plus réfléchies et subtiles "Votre site est-il crédible ?" ou encore "Profitez-vous de l'apport des utilisateurs ?". On vous conseille et vous fournit des techniques comme l'invention de personnage qui représente la ou les différents types de clients visés. Certaines entreprises nomment ces personnes, leurs donnent une personnalité, une apparence et les fait vivre dans toute la chaîne de conception du site Internet. L'avantage étant qu'on cerne mieux l'utilisateur et qu'on se place plus facilement dans sa peau.

Mais au final à qui s'adresse un tel livre ? Selon moi, la cible la plus à même d'apprécier ces fiches est un chef de projet. En effet, l'ouvrage délivre une vue d'ensemble et couvre de manière globale les petits trucs et astuces permettant d'assurer plus de percutant à son site Internet. Ce n'est pas grâce à lui que le site sera un incontournable, par contre il vous permettra de mettre en évidence les oublis que vous avez pu faire. Idéalement, je l'utiliserais comme une check-list pour vérifier la cohérence, la visibilité et le percutant de la conception du site.
Critique du livre par la rédaction Djug le 1er juillet 2011
Ce livre contient un ensemble de 60 bonnes pratiques qui jouent un rôle important dans la réussite des sites Web.

Chaque fiche tient sur deux pages et commence par une question (du genre : « Votre page d'accueil incite-t-elle à visiter le site ? », ou « votre design est-il léger ? ») puis explique l'importance du concept sur lequel porte la question. Ces explications sont appuyées par des statistiques et des citations.

Par la suite, chaque fiche expose deux études de cas qui concernent le concept évoqué (en général, un exemple d'un site qui l'applique correctement et un autre qui le néglige).

Comme chaque fiche ne contient que les principes de base du concept étudié, les auteurs proposent plusieurs fois des liens d'articles qui traitent du même sujet, pour permettre à ceux qui désirent approfondir leurs recherches d'aller plus loin.

Conclusion : un bon livre qui couvre l'essentiel des principes garantissant la réussite des sites Web, recommandé surtout pour ceux qui font leurs premiers pas dans ce domaine.




 Poster une réponse

Avatar de bydavy bydavy - Membre confirmé https://www.developpez.com
le 22/08/2010 à 15:16
Bonjour,

Je vous propose la critique du livre "Réussir son site web en 60 fiches" 3ème édition par Jean-Marc Hardy et Gaetano Palermo aux editions Pearson.

http://web.developpez.com/livres/dev...al#L2100545655

J'espère que mon avis pourra vous guider dans votre achat.

N'hésitez pas non plus à me faire part de vos remarques sur ce livre ou cette critique.
Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
le 22/08/2010 à 15:24
Merci pour cette critique

Effectivement, ce livre semble un bon aide-mémoire pour ne rater aucun point important dans la conception d'un site !

Avatar de kdmbella kdmbella - Expert éminent https://www.developpez.com
le 11/07/2011 à 13:39
salut
ce livre me semble vraiment idéal pour un chef de projet web de plus les fiches sont synthétiques donc posent les bonnes questions et donnent les bonnes réponses de manière précise et concise un clin d'œil a l'auteur de la critique : car il répète à plus de 3 reprises le mot "percutant" dans sa critique
pour le reste super
couverture du livre Réussir un projet de site Web

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Réussir un projet de site Web

de
Public visé : Débutant

Résumé de l'éditeur

Un projet de site web doit être mené avec méthode : il faut définir un besoin, estimer un budget, adopter des règles de rédaction, tester l'ergonomie du site, trouver un hébergement garantissant performances et sécurité, référencer et promouvoir le site, en mesurer l'audience... Cette 5e édition tient compte des nouvelles possibilités du Web 2.0 et comporte une révision complète des aspects de référencement et de marketing en ligne (blogs, communautés...), des conseils d'extensions pour l'Internet mobile ainsi qu'une mise à jour des aspects juridiques et fonctionnels.

Édition : Eyrolles - 245 pages , 5eédition, 23 octobre 2008

ISBN10 : 2212124007 - ISBN13 : 9782212124002

Commandez sur www.amazon.fr :

23.76 € TTC (prix éditeur 25.00 € TTC) livraison gratuite !
  • Méthodologie de conduite de projet web
  • Réussir l'ergonomie de son site
  • L'hébergement
  • Réussir le référencement de son site web
  • Stratégies de promotion et d'animation
  • Analyse et mesures d'audience
  • A. Modèle de plan projet
  • B. Modèle de charte graphique
  • C. Modèle de Conditions Générales d'Utilisation d'un site web
  • D. Les indicateurs de pilotage d'un projet web
  • E. Etendre son projet à l'Internet mobile
  • Index

Critique du livre par la rédaction ovh le 5 octobre 2010


Destiné tant aux concepteurs qu'aux créateurs ou clients finaux, cet ouvrage porte parfaitement son nom : il présente en effet tous les aspects nécessaires à l'élaboration et à la gestion au quotidien d'un site web de manière professionnelle. Il s'agit d'un livre de méthodologie et non de technique, vous n'y trouverez pas une seule ligne de PHP ou de configuration de serveur, mais bien toutes les méthodes et outils pour mener à bien un projet de cette ampleur. Souvent négligée au profit de la technique pure, cette gestion de projet est pourtant indispensable pour qu'un site web ait du succès sur la toile.

Sont d'abord décrites les phases d'analyse et d'étude, communes à toute application informatique, et abordées de façon rigoureuse tel que tout professionnel du secteur devrait le faire. On y parle de spécifications, de cahier des charges, d'architecture technique, de gestion des risques, de budget, etc. Mais un site aussi bien développé soit-il n'est rien sans une ergonomie exemplaire, aussi on apprendra comment rendre l'information bien présentée et accessible en un minimum de clics. Le choix d'un bon hébergement est également traité, car ce sujet est très important pour garantir la rapidité et l'accessibilité du site; les différentes catégories d'offres du marché sont décryptées.

Sont traités ensuite les aspects marketing nécessaires pour maintenir le site en bonne position sur les moteurs de recherche : techniques de SEO (optimisation du référencement), d'animation du site pour maintenir un contenu très dynamique, et enfin d'analyse de la fréquentation avec tous les outils modernes tel que Google Analytics, Xiti...

En conclusion, le web gagnerait indéniablement en qualité si tous les professionnels concernés faisaient de cet ouvrage leur livre de chevet... L'ouvrage est en outre écrit de manière très abordable ce qui le rend agréable à lire. A mettre donc entre toutes les mains !


couverture du livre PHP - MySQL - AJAX

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

PHP - MySQL - AJAX

Coffret de 2 livres : Créez des applications professionnelles

de
Public visé : Intermédiaire

Résumé de l'éditeur

Avec Apache et Linux, les technologies PHP et MySQL se sont imposées comme support incontournable des solutions professionnelles IT. Très dynamiques, elles facilitent le développement de puissantes applications, à condition cependant d'être parfaitement maîtrisées. Ce livre vous permettra d'atteindre ce but en vous exerçant aux aspects techniques mais aussi à la conception d'architectures réutilisables et performantes. Le premier chapitre consolide vos connaissances sur le langage PHP 5, son modèle objet, la gestion des exceptions et les itérateurs. Vous aurez l'occasion, au cours du deuxième chapitre, d'expérimenter l'architecture MVC pour PHP ainsi qu'un framework AJAX. Les deux chapitres suivants traitent de l'administration de MySQL 5 et de l'accès aux données, avec notamment la mise en oeuvre de procédures stockées et de transactions. Le chapitre 5 montre au travers d'un système de panier électronique comment gérer les sessions dans PHP, avec ou sans cookies. Les chapitres 6 et 7 abordent des fonctions avancées du développement LAMP, telles que les services Web, le traitement d'images ou la création d'états PDF. Le dernier chapitre est une synthèse de l'ensemble des techniques abordées par le livre et développe un site de messagerie instantanée basé sur AJAX. Les éléments nécessaires à la réalisation des exercices sont en téléchargement sur le site de l'éditeur.

Édition : ENI - 600 pages , 6 octobre 2008

ISBN10 : 2746043971 - ISBN13 : 9782746043978

21,2 x 17,8 x 4,6 cm

Commandez sur www.amazon.fr :

46.55 € TTC (prix éditeur 46.55 € TTC) livraison gratuite !
  • Le langage
  • Les formulaires et Ajax
  • Administration de MySQL 5
  • Accès aux données MySQL 5 depuis PHP
  • Les sessions
  • Ressources
  • L'environnement
  • Une messagerie instantanée avec Ajax

Critique du livre par la rédaction Jean-Marie Macé le 29 juin 2009


PHP 5 - MySQL 5 - AJAX - Entrainez-vous à créer des applications professionnelles s'adresse à des personnes ayant déjà des connaissances en développement web. Il permet de donner de bonnes bases à un chef de projet ou une personne souhaitant monter en compétence sur le sujet.

Commencer l'apprentissage de PHP avec ce bouquin peut être difficile. Le premier livre aborde les notions fondamentales de PHP, on repasse sur les types, les fonctions, la gestion des formulaires, les sessions, etc., du JavaScript (AJAX) en utilisant une base de données MySQL, le tout agrémenté d'exercices pratiques illustrant plutôt bien le propos et avec un niveau de difficulté croissant.

Ces exercices ont évidement leurs corrections mais le petit plus se situe dans les remarques qui accompagnent les réponses. Elles permettent d'approfondir un peu plus le point étudié.

Quant au deuxième livre, il rassemble des TP plus complets avec leurs corrections. Ils sont très variés et mettent en évidence des points importants des langages étudiés, il permettent vraiment de tester ses compétences et sa compréhension du sujet. Ce combo de deux bouquins est donc idéal pour un formateur.


couverture du livre Hacking sur le Web 2.0

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

Hacking sur le Web 2.0

Vulnérabilité du Web et solutions

de
Traducteurs : Sébastien Blondeel, Hervé Soulard
Public visé : Expert

Résumé de l'éditeur

Cet ouvrage, écrit par des experts en sécurité sur Internet, dresse un panorama des différentes attaques et vulnérabilités auxquelles sont exposés les sites interactifs et explique comment les protéger à l'aide de tactiques employées par les experts en sécurité sur Internet.
Vous apprendrez à éviter des attaques par injection et débordement de tampons (buffer overflow), corriger des failles dans les navigateurs et leurs greffons (plug-ins), et sécuriser des applications AJAX, Flash, et XML.
Des études de cas concrètes illustreront les faiblesses des sites de réseaux sociaux, les méthodes d'attaque provoquant l'affichage de code douteux (XSS), les vulnérabilités des migrations et les défauts d'IE7.
Vous apprendrez à combler les trous de sécurité des implémentations Web 2.0 d'une manière éprouvée et à corriger les vulnérabilités des greffons d'Outlook Express et d'Acrobat Reader. Vous saurez comment les attaquants ciblent et exploitent les applications Web 2.0 vulnérables, navigateurs, greffons (plugins), bases de données en ligne, saisies des utilisateurs et formulaires HTML et comment ils forgent des requêtes entre sites et XSS pour contourner les contrôles de sécurité des navigateurs.

Édition : Pearson Education - 290 pages , 1re édition, 12 décembre 2008

ISBN10 : 274402306X - ISBN13 : 9782744023064

Broché, 866 x 87 x 732

Commandez sur www.amazon.fr :

26.60 € TTC (prix éditeur 28.00 € TTC) livraison gratuite !
Attaques contre le web 2

  • Attaques par injection les plus communes
  • Injection de données arbitraires dans un site web


Nouvelle generation d'attaques contre les applications web

  • Attaques inter-domaines
  • Codes javascript et ajax malveillants
  • Sécurité de net


Ajax

  • Types, découvertes et manipulations de paramètres pour ajax
  • Expositions de frameworks ajax


Clients lourds

  • Sécurité d'activex
  • Attaques sur les applications flash
Critique du livre par la rédaction Didier Mouronval le 28 mai 2009


Je l'avoue tout de suite, ce livre a été une bonne surprise. J'admets que je l'ai ouvert avec circonspection, mais je l'ai refermé en étant convaincu de son utilité !

Tout d'abord, il faut bien définir ce qu'est le Web 2.0. Pour faire court, les auteurs le définissent comme l'augmentation des échanges client/serveur et l'apparition dans les sites et / ou applications Web de sources d'informations multiples. Une définition plutôt efficace qui permet de cerner immédiatement le cadre du livre : d'une part, le Web 2.0 implique une augmentation des zones de saisies utilisateur (au sens large, c'est-à-dire les portes d'entrées offertes aux personnes mal intentionnées) et donc une plus grande vulnérabilité aux attaques usuelles d'un site Web ; d'autre part, des délais toujours raccourcis dans la gestion des projets font de la sécurité une question souvent négligée quitte à avoir une confiance trop aveugle dans les divers Web services mis en oeuvre.

Le livre s'articule autour de quatre grandes parties. Dans un premier temps, on revient sur les attaques traditionnelles et l'impact du Web 2.0 sur celles-ci. On aborde ensuite des techniques nouvelles liées directement à l'utilisation du Web 2.0. Une partie entière est consacrée à l'utilisation spécifiques d'AJAX. Enfin, les attaques propres aux clients lourds (ActiveX et Flash). Chaque partie du livre se termine par l'étude d'un cas concrêt permettant de reprendre les notions essentielles dans un cadre réel (ou proche du réel suivant les cas étudiés).

Attention toutefois, les auteurs ont fait le choix d'aborder l'essentiel des technologies d'Internet, que ce soit JavaScript, .Net, Flash, Java ainsi que les éventuels sous-ensembles. De ce fait, le livre est relativement dense et théorique. Même si certains chapitres ne vous concerneront pas nécessairement, il est toutefois judicieux de les lire, ce qui permet d'avoir une bonne vue d'ensemble des problématiques liées à la sécurité.

En conclusion, je dirais que ce livre est particulièrement instructif, mais parfois assez ardu. Il est donc nécessaire de bien prendre son temps pour le lire, quitte à revenir sur certains chapitres afin d'être bien sûr d'en avoir saisi toutes les notions. Un livre à conseiller mais bel et bien à l'usage des développeurs au moins expérimentés.
Critique du livre par la rédaction khayyam90 le 4 décembre 2009


Voilà un livre qui mérite le détour. En le lisant, vous aurez une vision assez claire des menaces potentielles que vous devrez prendre en compte en développant des applications communément qualifiées de "Web 2.0".

Ce livre est en réalité une longue liste de menaces classées en plusieurs catégories : web "classique", Ajax et applications Web 2.0, ActiveX, Flash et .Net. Le procédé technique de chaque menace est détaillé code à l'appui, un niveau de dangerosité est évalué de manière plus ou moins objective et une méthode de protection est à chaque fois proposée. On y retrouve aussi bien des menaces évidentes et facilement évitables que des réels dangers pour lesquels il vous faudra adapter vos développements. La grande variété de menaces proposées vous fera bien prendre conscience que chaque aspect de vos applications web, même le plus anodin, peut être sujet à une attaque.

Cette liste de menaces est ponctuée de quelques études de cas très détaillées sur des vulnérabilités qui ont défrayé les chroniques des actualités web comme par exemple l'étude du ver Samy qui s'était attaqué au réseau MySpace. Ces études de cas vont à coup sûr vous permettre de mieux cerner la longue énumération des menaces présentées dans cet ouvrage.

L'objectivité des menaces est cependant remise en cause tant les auteurs font référence à leur entreprise spécialisée dans la sécurité. Les attaques détaillées ici apparaissent comme une liste de cas qu'ils auraient repérés. Il est par exemple difficile de savoir si le faible nombre de menaces présentées au sujet du framework Google Web Toolkit vient du fait qu'il n'y en a réellement pas ou simplement qu'ils ne les ont pas rencontrées.

Aucun rappel n'est fait pour présenter les notions clés du web, du JavaScript, du .Net, ce livre ne s'adresse donc pas aux débutants. Il est nécessaire d'être déjà bien familier du développement web pour tirer pleinement parti de ce livre. Même si vous êtes un développeur chevronné, vous trouverez forcément des failles auxquelles vous ne pensiez pas jusqu'alors.


couverture du livre Head First Web Design (A Brain Friendly Guide)

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Head First Web Design (A Brain Friendly Guide)

de
Public visé : Débutant

Résumé de l'éditeur



Want to know how to make your pages look beautiful, communicate your message effectively, guide visitors through your website with ease, and get everything approved by the accessibility and usability police at the same time? Head First Web Design is your ticket to mastering all of these complex topics, and understanding what's really going on in the world of web design.

Whether you're building a personal blog or a corporate website, there's a lot more to web design than div's and CSS selectors, but what do you really need to know? With this book, you'll learn the secrets of designing effective, user-friendly sites, from customer requirements to hand-drawn storyboards all the way to finished HTML and CSS creations that offer an unforgettable online presence.

Your time is way too valuable to waste struggling with new concepts. Using the latest research in cognitive science and learning theory to craft a multi-sensory learning experience, Head First Web Design uses a visually rich format specifically designed to take advantage of the way your brain really works.

Édition : O'Reilly UK - 495 pages , 9 janvier 2009

ISBN10 : 0596520301 - ISBN13 : 9780596520304

Commandez sur www.amazon.fr :

37.55 € TTC (prix éditeur 49.99 € TTC) livraison gratuite !
  • Intro
  • Beauty is in the eye of your user
  • Paper covers rock
  • So you take a left at the green water tower...
  • Follow the golden rule
  • Moving Beyond Monochrome
  • Inaccessibility Kills
  • The Pathway to Harmonious Design
  • Keeping your site fresh
  • Mind your own business
  • The Top Ten Things (we didn't cover)

Critique du livre par la rédaction RideKick le 18 mai 2009


Autant être clair tout de suite, ce livre n'est pas un recueil technique pour le CSS, si vous ne connaissez rien aux techniques CSS et (X)HTML, il vous faudra d'abord vous pencher sur la question. Alors qu'est-ce que cet ouvrage va vous apporter ? Et bien vous verrez comment bien gérer vos projets depuis la simple demande du client jusqu'à la livraison en passant par l'organisation de vos idées, le maquettage. Au travers d'exemples vous verrez comment bien choisir vos lignes directrices graphiques en fonction du type de projets tout en apprenant certaines astuces des grands spécialistes du webdesign (la règle des 3/3, le type de menu et de présentation en fonction du besoin, etc.). Le style du livre quant à lui peut plaire ou non, la présentation ressemble à un mélange de bande dessinée et de carnet de note où se mêlent humour et informations à retenir, tout cela dans le but de favoriser votre mémoire visuelle (ce que l'on retrouve dans la collection Head First).

Le livre est donc riche en informations utiles pour parfaire vos choix et bien gérer votre projet tout comme votre client afin de mieux tirer profit de votre savoir faire.

En conclusion : ce livre est à mettre dans les mains de ceux qui ont déjà de solides connaissances en CSS et (X)HTML souhaitant parfaire leur façon de travailler.


couverture du livre E-commerce

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

E-commerce

De la stratégie à la mise en oeuvre opérationnelle

de
Public visé : Intermédiaire

Résumé de l'éditeur

Généraliste dans son contenu il aborde le commerce électronique selon les -types d'entreprises- (industriels distributeurs physiques e-marchands) et analyse les différents -modèles d'affaires -(business models) en ligne avant de présenter la question d'une -stratégie de distribution multi-canal- mixant réseaux électronique et traditionnels. Après avoir exposé les -enjeux technologiques- des infrastructures techniques du commerce électronique les auteurs s'intéressent à l'expérience du client dans la -gestion de la relation du client- (valeur expérientielle) ainsi qu'aux moyens de le fidéliser. Ils analysent par ailleurs les spécificités du marketing du canal électronique et présentent les -aspects logistiques-. L'ouvrage comporte des contenus reposant aussi bien sur des résultats issus de la recherche scientifique que des cas pratiques réels issus des expériences françaises européennes et internationales en matière de commerce électronique. Chaque chapitre propose des cas des exemples illustratifs des exercices de révision et une bibliographie d'approfondissement. -A la fin de sa lecture le lecteur sera en mesure de développer un projet de commerce électronique B2C ou B2B-.

Édition : Pearson Education - 342 pages , 1re édition, 23 mai 2008

ISBN10 : 2744072796 - ISBN13 : 9782744072796

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 35.00 € TTC)
  • Concevoir le commerce électronique
    • Emergence et tendances du commerce électronique
    • Elaboration d'une stratégie de commerce électronique
    • Intégration du commerce électronique dans une stratégie de distribution multicanal
  • Mettre en oeuvre le commerce électronique
    • Choix d'une infrastructure technologique de commerce électronique
    • Construction du catalogue électronique
    • Conception de l'interface marchande et création de valeur pour le visiteur
  • Gérer le commerce électronique
    • Création de trafic vers le site et conversion des visiteurs en clients
    • Mise en place de la logistique du commerce électronique
    • Fidélisation et gestion de la relation client
Critique du livre par la rédaction pyrrha le 6 mai 2009
e livre nous offre dans une mise en page sobre et ordonnée une vision business couplée à la conception web pour nous faire découvrir le e-commerce.
Les auteurs retranscrivent les différents rôles et actions de l'entreprise en les adaptant au Web, pour nous faire découvrir le fonctionnement d'un site e-commerce. Ainsi, ils développent la globalité des pôles intervenant sur un site e-commerce dans des chapitres ordonnés logiquement, de manière semblable aux étapes de lancement et de vie d'une entreprise.
On découvre dans une première partie les tendances du commerce électronique, ses acteurs, la stratégie commerciale à aborder, ce qu'il nous faut savoir pour appréhender le monde du e-commerce.
La deuxième partie du livre explique comment mettre en œuvre le commerce électronique, abordant ainsi le choix de l'infrastructure technologique, la construction du catalogue, la conception de l'étape marchande (et la création de valeur pour le visiteur, c'est à dire comment provoquer sa satisfaction).
Enfin, la troisième partie concerne la gestion d'un site e-commerce. Celle si se caractérise par la création de trafic, la conversion des visiteurs en clients, la mise en place d'une logistique répondant à la demande, et bien sur la fidélisation et gestion de la relation client, nécessité des entreprises commerciales aujourd'hui.
Pour résumer, ce livre offre par son envergure les outils nécessaires pour se lancer dans la création d'un site e-commerce en ligne. Cependant, il sera moins apprécié des débutants par sa complexité et le rythme qu'il impose.


couverture du livre LAMP (Linux, Apache, MySQL, PHP) - Coffret de 4 livres

Note 4 drapeau
Détails du livre
Critiques (2)
 
 

LAMP (Linux, Apache, MySQL, PHP) - Coffret de 4 livres

Maîtrisez vos applications Web Open Source

de
Public visé : Expert

Résumé de l'éditeur



LAMP - Maîtrisez vos applications Web Open Source

L'acronyme LAMP désignant Linux, Apache, MySQL et PHP, les compétences des administrateurs systèmes doivent être multiples : en complément de la maîtrise des systèmes Linux, ils doivent savoir installer, configurer et administrer, à la fois les serveurs Apache et les serveurs MySQL. Assez souvent, même s'ils ne sont pas en charge des développements, ils devront aussi savoir lire et éventuellement modifier des programmes écrits en PHP.

Ce coffret contient quatre livres de la collection Ressources Informatiques. Des éléments sont en téléchargement sur cette page.

-Debian GNU/Linux- Administration du système: Fondé sur la distribution Debian version 4, ce livre permet d'acquérir les connaissances fondamentales à l'administration de ce système d'exploitation et de découvrir ses particularités pour assurer son bon fonctionnement dans le temps.

-APACHE (version 2) - Installation, administration et sécurisation Vous installerez Apache pas à pas, en réalisant les procédures de tests de validation et vous apprendrez à le configurer selon vos besoins, en modifiant directement les fichiers d'Apache ou en utilisant des applications extérieures.

-MySQL 5 - Installation, mise en oeuvre, administration et programmation Dans ce livre, l'installation et la mise en oeuvre sont détaillées. Le chapitre sur l'administration couvre tous les aspects liés à la sécurité, la maintenance et la sauvegarde des bases de données et prend en compte les nouveaux moteurs de stockage. La partie programmation offre au lecteur toutes les clefs pour développer via de nombreuses API.

-PHP 5.2- Développer un site Web dynamique et interactif Après une présentation des principes de base du langage, l'auteur se focalise sur les besoins spécifiques du développement de sites dynamiques et interactifs en s'attachant à apporter des réponses précises et complètes aux problématiques habituelles (gestion des formulaires, accès aux bases de données, gestion des sessions, envoi de courriers électroniques...).

Ces quatre livres sont écrits par des professionnels de l'informatique et/ou de la formation, ils sont abondamment illustrés d'exemples et d'astuces et se veulent avant tout réellement pratiques.

Édition : ENI - 1781 pages , 29 septembre 2008

ISBN10 : 2746043084 - ISBN13 : 9782746043084

Commandez sur www.amazon.fr :

77.42 € TTC (prix éditeur 77.42 € TTC) livraison gratuite !
Critique du livre par la rédaction Julien Plu le 1er décembre 2008


Le livre sur MySQL 5 est vraiment très complet sur ce que peut être ce SGBDR. On pourra y voir les notions fondamentales des bases de données sur ce que peut être une base de données (BDD), les cas d'utilisations, et tout le système afin de permettre, aussi bien au débutant qu'à l'expert désireux de pousser ses connaissances, de pouvoir manipuler cet outil.

Ce livre montre aussi toutes les différentes étapes d'installation de MySQL, aussi bien sous Windows que sous Linux, tout en indiquant la structure du système de fichiers d'une façon vraiment simpliste et compréhensible, mais surtout l'administration de A à Z afin d'optimiser le plus possible ses BDD pour un maximum d'efficacité. Le plus gros du sujet se trouve justement être la partie algèbre relationnelle, qui montre bien toutes les façons d'interroger, de mettre à jour et de modifier une BDD afin de permettre à l'utilisateur de pouvoir gérer les siennes comme il se doit. Il y a ensuite une partie sur la programmation pour pouvoir faire communiquer MySQL avec différentes API comme C/C++, PERL, PHP et ADO. Dans ce livre, nous trouvons également une documentation très complète sur la bibliothèque de MySQL et particulièrement celle de C/C++.

Pour finir, ce livre est vraiment très bien pour quiconque voulant apprendre et savoir se servir du système de BDD de SUN.

Le livre sur la distribution Linux, nommé Debian (version 4.0), est particulièrement bien écrit puisque, après la lecture de ce livre, même les plus néophytes des utilisateurs pourront utiliser sans problème ce système d'exploitation, sous Debian, connu pour être la distribution la plus stable du marché. Ce livre est avant tout axé sur l'optimisation et la sécurité du système même s'il explique un peu son administration. C'est-à-dire son système de fichier, la gestion des utilisateurs, des disques, de la mémoire, etc. Donc ne vous attendez pas à voir de partie sur le réseau, la communication Linux/Windows ou autres.

Il y a deux très bonnes parties dans ce livre. La première explique en particulier la manière d'optimiser, modifier, rajouter des modules, etc. sur le noyau en version 2.6 d'une façon très précise. L'autre partie est sur X Window et on y voit entièrement son mode de fonctionnement, son administration et surtout sa configuration ainsi que son architecture.

En résumé, ce livre est très bien conçu exceptée la partie sauvegarde du système qui manque un peu d'explications.

Le livre sur PHP version 5.2 est excellent. C'est vrai qu'il ne parle pas de tout ce que peut apporter ce langage, mais pour débuter avec PHP c'est exactement le livre qu'il vous faut. Il aborde le plus gros de ce langage avec des exemples à la fois très compréhensible mais surtout réutilisable tels quels.

La partie sur les bases de données est, je crois, la mieux faite car en un chapitre on nous montre comment communiquer avec presque tous les SGBDR soit MySQL, SQLite, SQL Server et Oracle, avec à chaque fois à peu près le même exemple pour bien voir les différences entre eux. La notion de classe exprimée dans ce livre est parfaitement compréhensible même sans aucune notion de programmation orientée objet.

Tout cela pour dire que ceux qui veulent apprendre ce langage peuvent commencer avec ce livre sans hésiter.

Le livre sur Apache 2 est, quant à lui, un peu moins explicite que les autres malgré sa grande clarté sur les trois quart des chapitres. Il manque de précision pour deux parties. Celle sur la sécurité qui ne montre pas de cas vraiment concret ainsi que celle sur la configuration qui n'est pas vraiment très détaillée.

Sinon, mise à part ces deux parties, les autres sont vraiment bien faites et tout particulièrement le chapitre sur les exemples de configurations qui, par un éventail de configurations assez diverses, couvre pratiquement tous les cas (minimale, complète, dynamique, log, etc.). Celle sur le web dynamique parle beaucoup des langages qu'Apache peut comprendre comme les scripts CGI Python, C, Perl et Bash avec quelques exemples très pratiques, mais aussi surtout du fameux langage très utilisé dans ce domaine : le PHP.

En bref, ce livre, malgré le fait qu'il soit bien écrit pour la plupart de ses parties, est quand même assez court. Il se lit très vite et n'accentue pas assez le côté administration.
Critique du livre par la rédaction arnolem le 9 juin 2014
"PHP 5.2, développez un site Web dynamique et interactif", un livre idéal pour les débutants.

Il a été conçu pour apporter des réponses simples à une personne qui découvre PHP 5. Il est plutôt progressif et chargé d'exemples. Les explications sont claires et facilement compréhensibles par des non-développeurs.

En revanche, je trouve que le titre est mal choisi. Certes, ce livre parle de web dynamique (dans le sens où PHP apporte une "intelligence" aux pages) mais il ne traite aucunement d'interface à fort niveau d'interactivité.
Un second point qui m'a dérangé, c'est la qualité d'impression. Ce livre au contenu monochrome n'est pas évident à lire. Les pages ne sont pas assez aérées et le manque de coloration syntaxique rend la compréhension plus difficile.
Ce côté étouffant sera vite oublié grâce à son excellent rapport qualité / prix.

Retournons sur les points positifs. Ce livre explique la théorie, appuyée systématiquement par un ou plusieurs exemples, puis nous fait part de cas concrets d'utilisation.

De plus, l'auteur prend le temps d'expliquer les problèmes que vous n'allez pas manquer de rencontrer (magic_quotes, sécurité, validation des données, etc.). J'ai trouvé particulièrement intéressant de s'attarder sur les accès aux bases de données en ne traitant pas que le cas de MySQL mais en expliquant l'utilisation de SQLite, Microsoft SQL Server et Oracle. Cette partie est assez avancée car on y retrouve même la gestion des procédures stockées, des commits, des rollbacks...
Cependant, il est dommage de ne pas avoir assez insisté sur PDO. L'auteur a préféré passer du temps sur les connecteurs spécifiques.

Le livre sur MySQL 5 n'est pas non plus une bible. Il ne traite pas de toutes les possibilités de MySQL 5 mais vous apporte une approche assez pratique du SGBDR.

Je pense que ce livre est vraiment très bien fait pour les débutants. Il traite autant la partie installation (Linux et Windows), le langage SQL (procédures stockées, vue, requêtes, ...), la partie administration.

Le chapitre programmation est vraiment pratique pour s'initier à l'utilisation d'une base de données depuis des langages comme PHP, PERL et C/C++. Toutes les fonctionnalités MySQL disponibles sous ses différents langages sont documentées.

"Apache 2, Installation, administration et sécurisation" est dans la même lignée que les autres.
Ce livre est aussi un livre que je qualifierais de livre d'introduction à Apache. Cela signifie que ce livre semble idéal à un débutant mais laissera un professionnel sur sa faim.
Le contenu est expliqué clairement et l'organisation est plutôt bonne. La configuration d'un server Apache est très bien expliquée et les exemples utilisés sont issus de cas d'entreprises.

Certains modules comme mod_rewrite ou mod_auth sont expliqués par la pratique. Par contre, je trouve dommage de ne pas avoir fait un tour d'horizon plus large des modules comme mod_header ou mod_deflate.

Ce livre a donc pour vocation de vous faciliter la découverte d'Apache, sous tous ses aspects. Il est rapide à lire et accessible aux débutants. Il ne vous reste plus qu'à vous munir de la documentation officielle Apache pour partir à l'assaut de ce serveur web.

"Debian GNU/Linux, administration du système" est un livre permettant d'acquérir les connaissances nécessaires afin de mettre en place une Debian sur un serveur ou une station de travail.

L'installation et l'administration sont plutôt bien expliquées et on va droit à l'essentiel. On verra aussi la sauvegarde des données, la gestion des utilisateurs, la surveillance système, la gestion des disques et des périphériques.

Idéal pour ceux qui débute et qui installe une Debian pour la première fois mais les autres resteront surement sur leur faim.


couverture du livre Gadgets et Widgets

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Gadgets et Widgets

de
Public visé : Débutant

Résumé de l'éditeur

La manière de développer pour les sites web ainsi que les technologies qui leur sont associées évoluent rapidement. La collection Atelier du Webmaster, vous propose de rester à la pointe des techniques les plus avancées du développement lié à Internet. Les ateliers présentent ces techniques en s'appuyant sur de nombreux exemples. Maîtrisez les nouvelles technologies liées aux développement des sites et des applications Internet. Grâce à cet ouvrage vous découvrirez les différentes technologies qui vous permettront de réaliser vos propres gadgets. Vous apprendrez à exploiter les caractéristiques des principaux moteurs de gadgets existants, destinés aux pages d'accueil web personnalisables (Windows LiveTM Home, iGoogle, Netvibes, ...) ou pour le bureau (Yahoo! Widgets, Windows VistaTM Sidebar, ...).

Édition : Micro Application - 248 pages , 1re édition, 19 novembre 2007

ISBN10 : 2300011271 - ISBN13 : 9782300011276

Commandez sur www.amazon.fr :

23.75 € TTC (prix éditeur 25.00 € TTC) livraison gratuite !
  • Les technologies à la base des widgets
  • Les différents moteurs de widgets
  • Votre environnement de développement
  • Créer votre widget web
  • Créer votre gadget pour Windows Vista
  • Créer votre gadget pour Yahoo !widgets
  • Communiquer avec votre serveur
  • Permettre à l'utilisateur de personnaliser son widget
  • Tester et déboguer votre gadget
  • Diffuser vos widgets et gadgets

Critique du livre par la rédaction arnolem le 1er janvier 2009


Vous avez tous vu passer la vague Web 2.0 ? Aussi bien sur votre bureau ou sur le web, les Wigdets sont arrivés en force ces quelques dernières années. Rien à voir avec le bureau actif de Windows 98 et ses chaînes Internet. Les Widgets sont des mini-applications permettant d'accéder rapidement à une information ou à un service.

"Gadgets & Widgets" propose un tour d'horizon des principaux moteurs de Widgets. On peut citer, par exemple, les iGoogle Gadgets, les Windows Live Gadgets, les Vista Sidebar Gadgets, les Yahoo Widgets Engine, les Widgets Netvibes ou encore ceux pour Opera.

Je trouve dommage que ce livre n'évoque ni Gadgets Windows SideShow permettant d'afficher des gadgets sur un autre écran que celui de votre ordinateur, ni les applications Adobe AIR qui semblent pourtant être une très bonne alternative.

Le livre est destiné aux débutants et la difficulté est progressive. Il est tout de même nécessaire d'avoir des bases en JavaScript, HTML, CSS et XML. En effet, les Widgets utilisent principalement des technologies du Web.

Je pense que ce livre est excellent pour ceux qui souhaitent débuter dans la création de gadgets. Il vous accompagnera progressivement dans la mise en place de votre gadget, de votre premier "hello world" jusqu'au déploiement en passant par les requêtes AJAX.

Si par contre, vous avez déjà travaillé sur la création de Widgets avec un des moteurs, vous verrez qu'ils sont tous différents mais que la philosophie reste la même.

"Gadgets & Widgets" de Christopher Maneu n'a rien d'une bible mais a le mérite de rendre la création de Widgets accessible aux non-initiés.


couverture du livre Mémento : Ergonomie Web

Note 4.5 drapeau
Détails du livre
Critiques (1)
 
 

Mémento : Ergonomie Web

de
Public visé : Débutant

Résumé de l'éditeur

Comment rendre votre site Web plus attractif, plus percutant, plus fonctionnel... Amélie Boucher, spécialiste en ergonomie Web vous livre dans ce mémento, les points clés à retenir pour réaliser un site performant et dynamique.

Édition : Eyrolles - 1 pages , 18 septembre 2008

ISBN10 : 2212123868 - ISBN13 : 9782212123869

Commandez sur www.amazon.fr :

4.75 € TTC (prix éditeur 5.00 € TTC) livraison gratuite !
Critique du livre par la rédaction arnolem le 18 octobre 2008


Ayant une passion grandissante pour l'ergonomie Web et étant déjà initié au livre d'Amélie Boucher Ergonomie Web, j'ai voulu tester son mémento du même nom. Avant tout, je tenais à souligner que cette série de mémentos publiée par Eyrolles est toujours aussi pratique. D'une part, vous trouvez rapidement ce que vous cherchez dès que vous en avez besoin et d'autre part, vous avez droit à des petits « conseils d'experts » ainsi qu'à de simples exemples qui vous permettront de gagner de précieuses minutes.

Le contenu de ce mémento sur l'ergonomie Web n'est pas un condensé du livre. Les deux sont bien entendu complémentaires. Je dirais plutôt que ce mémento est un résumé des bonnes pratiques de conception. Vous trouverez des conseils pour organiser vos pages, vos formulaires, vos menus, vos tableaux, etc.

Cet aide-mémoire est plus un outil qu'un cours. Il s'adresse vraiment à tout le monde et reste très abordable.

L'aspect plastifié permet de l'emmener n'importe où avec soi, même près d'une tasse de café. Le seul reproche que j'ai à lui faire est de ne pas lister clairement les principales règles d'ergonomie. Je pense qu'il aurait été utile de généraliser un peu plus afin de laisser le concepteur analyser lui-même son site (Organisation visuelle, Architecture, cohérence, …). Je comprends parfaitement qu'il a bien fallu faire un choix sur le contenu de ces 13 pages.

Avec un prix aussi petit, je le conseille à tous les concepteurs d'interfaces web.


couverture du livre Ergonomie Web

Note 5 drapeau
Détails du livre
Sommaire
Critiques (3)
 
 

Ergonomie Web

Pour des sites web efficaces

de
Public visé : Débutant

Résumé de l'éditeur

Quelles règles pour séduire et fidéliser votre internaute ? Tout site Internet doit réussir le pari difficile de satisfaire ses visiteurs. Mais comment connaître ces derniers? Comment se mettre à leur place ? Comment concevoir un site si agréable et efficace qu'il donne envie d'y rester et d'y revenir? Grâce aux conseils pratiques et méthodologiques de cet ouvrage, comprenez et appliquez l'ergonomie web sur le terrain !

Édition : Eyrolles - 426 pages , 1re édition, 8 novembre 2007

ISBN10 : 221212158X - ISBN13 : 9782212121582

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 32.00 € TTC)
  • INTRODUCTION A L'ERGONOMIE WEB
  • L'ergonomie web, qu'est-ce que c'est ?
  • Top 10 des idées reçues sur l'ergonomie
  • DANS LA PEAU DE VOTRE INTERNAUTE : LES FONDEMENTS DE L'ERGONOMIE
  • Comprendre l'internaute : d'abord un être humain
  • Définir votre internaute : critères et méthodes des personas
  • LES REGLES DE L'ERGONOMIE WEB
  • 12 règles pour optimiser l'ergonomie de votre site
  • L'audit ergonomique : conseils et méthodologie
  • LES ETAPES DE LA CONCEPTION WEB : PENSEZ VOTRE SITE DE A A Z
  • Définition des contenus et analyse concurrentielle
  • Architecturer l'information et les interactions
  • Passez à l'écran : zoning et maquettes
  • METTEZ VOTRE SITE A L'EPREUVE
  • La méthode de tri de cartes pour organiser un site
  • Les tests utilisateurs

Critique du livre par la rédaction arnolem le 4 janvier 2008


La création d'un site web implique souvent beaucoup de questions. Certaines sont d'ordre technique, d'autres du graphisme mais beaucoup d'entre elles trouveront leur réponse dans l'ergonomie WEB. Ce livre va vous aider à prendre conscience de l'importance de l'ergonomie. Vous pratiquez sûrement les audits de sécurité ? L'élaboration de chartes graphiques ? Mais avez-vous déjà intégré à vos projets des audits d'ergonomie ?

Même si vous n'avez jamais entendu parler de l'ergonomie, vous verrez que beaucoup de règles vous sembleront purement logiques.

En parcourant ce livre, vous ne retiendrez pas forcement toutes les bonnes pratiques mais vous chiperez pleins d'informations vous permettant de prendre en considération des problèmes dont vous n'aviez même pas connaissance auparavant.

Tout au long des chapitres, chacune des règles est illustrée par un contre exemple trouvé sur internet. Vous allez apprendre beaucoup des erreurs des autres.

En bref, cet excellent livre vous transmettra un maximum d'expériences dans un domaine encore trop ignoré des concepteurs.
Critique du livre par la rédaction Alain Sahli le 24 mars 2008


Véritable bible de l'ergonomie, j'ai adoré ce livre ! Je n'avais aucune idée précise d'ergonomie et plus j'avançais, plus je me rendais compte de l'importance de l'ergonomie Web. Ce livre est très bien illustré et décrit toutes les étapes ergonomiques à suivre lors du développement d'un site Internet.

L'auteur commence tout en douceur en présentant au lecteur ce qu'est l'ergonomie Web afin de le convaincre de son utilité. Le livre est partagé en quatre parties principales : les fondements de l'ergonomie, les règles de l'ergonomie, les étapes de la conception Web et enfin la mise à l'épreuve de votre site.

Différentes règles et méthodes sont abordées dans ce livre comme la loi de Fitts ou les théories de la Gestalt. Le tri de cartes et les tests utilisateurs sont présentés de manière très complète et permettent d'avoir toutes les cartes en main pour organiser ce genre de tests.

Ce que j'ai particulièrement apprécié dans cet ouvrage, c'est la grande quantité d'exemples et d'illustrations que l'on y trouve. Chaque point d'ergonomie est généralement démontré au travers d'une illustration et nous permet de bien comprendre son importance.

En conclusion, un très bon livre pour tous ceux qui pensent que l'ergonomie est un point important dans le domaine du Web ainsi que pour ceux qui veulent s'en convaincre !
Critique du livre par la rédaction Macmillenium le 26 juin 2010


En lisant ce livre, il m'a été presque impossible de finir un chapitre sans être impatient d'entamer le suivant.
L'auteur décrit les règles fondamentales de l'ergonomie en commençant par évoquer les principales problématiques autour de celle-ci, pour ensuite proposer, à l'aide d'exemples concrets, les différentes méthodes permettant de concevoir des interfaces web ergonomiques et accessibles.
En abordant la théorie de la Gestalt qui explique la manière dont le cerveau humain réagit pour regrouper et distinguer les informations présentées, des modèles d'interaction homme-machine facilitant et accélérant l'accès à l'information tels que la loi de Fitts, la loi de Hick et le concept d'affordance, ainsi que leurs méthodes d'applications, l'auteur soulève l'impact que peuvent avoir les choix de conception sur l'internaute.
Il explique également que l'application des bonnes pratiques d'ergonomie, aide à améliorer l'accessibilité visuelle de l'interface.

Le livre se termine par une série de conseils pertinents sur les tests utilisateurs.

Cet excellent ouvrage s'adresse à un grand public, je le trouve également indispensable pour les personnes souhaitant intervenir sur un projet web à partir de la phase de conception graphique.


couverture du livre UML 2 : Modéliser une application web

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

UML 2 : Modéliser une application web

3ème édition

de
Public visé : Débutant

Résumé de l'éditeur

Ce cahier montre à tous les programmeurs combien UML est un outil simple et universel : nullement réservé aux applications Java ou C++ ou C#, il s'applique parfaitement à des applications web telles que des sites marchands, dont la complexité en fait des candidats naturels à la modélisation.

Du cahier des charges au code, ce livre vous offrira les meilleures pratiques de modélisation avec UML 2.0 sous la forme d'une étude de cas. Toutes les étapes d'analyse et conception sont décrites, abondamment illustrées et expliquées, à travers une démarche située à mi-chemin entre processus lourd et processus léger.

Édition : Eyrolles - 246 pages , 3eédition, 1er avril 2007

ISBN10 : 2212121369 - ISBN13 : 9782212121360

21 x 24

Commandez sur www.amazon.fr :

23.75 € TTC (prix éditeur 25.00 € TTC) livraison gratuite !
  • Introduction
  • Quelle démarche pour passer des besoins utilisateur au code de l'application ?
  • Fonctionnalités d'une librairie en ligne : l'application côté utilisateur
  • Spécification des exigences d'après les cas d'utilisation
  • Spécification détaillée des exigences
  • Réalisation des cas d'utilisation : classes d'analyse
  • Modélisation de la navigation
  • Conception objet préliminaire
  • Conception objet détaillée
  • A : résumé du sous-ensemble de la notation UML 2.0 utilisé dans ce livre
  • B : récapitulatif du modèle UML 2.0 illustrant la démarche de modélisation d'un site e-commerce
  • C : modèle UML 1.4 de la précédente édition (réalisé avec Rational/Rose 2002)
  • Index

Critique du livre par la rédaction denisC le 28 septembre 2007


Ce livre est pour le développeur acharné que je suis un très bon guide. Si comme moi, vous pensez qu'un site web J2EE, c'est quelque chose de suffisament simple pour commencer par le codage ou que le diagramme de classe est quelque chose qu'on rajoute à la documentation à la fin du projet en utilisant la fonctionnalité de "reverse engineering" de votre modeliseur préféré, ce livre est fait pour vous.

Contrairement aux ouvrages précédents sur UML que j'avais pu voir, ce livre bénéficie d'une approche très pratique, à opposer à l'approche académique qui consiste à décrire un par un tous les types de diagrammes de UML 2.0. Ici, rien de tout ça : On part d'un problème concret (un site d'e-commerce standard), on définit la cible (l'implémentation de ce site) et pas à pas, on va modéliser, apprenant au fil de l'eau les différents types de diagramme utiles à cette modélisation.

Cette approche permet de se rendre compte de l'utilité de la modélisation : S'assurer que tout le champ est bien couvert, pouvoir revenir sur un modèle qui avait des lacunes, etc...

Ce livre est à recommander à tous les développeurs qui ne sont pas effrayés par l'implémentation d'un site d'e-commerce, mais qui ne voient pas encore l'utilité d'une modélisation UML de l'application web.


couverture du livre Architecture de l'information

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

Architecture de l'information

pour le Web

de
Public visé : Débutant

Résumé de l'éditeur

À l'ère des portails et du Web 2.0, les volumes d'information accessibles sont en constante expansion. Tous les jours, les utilisateurs circulent à travers ces flux de données pour trouver LA bonne information. Lorsqu'un site ou un intranet propose une interface approximative, des données mal organisées ou hiérarchisées en dépit du bon sens, le temps passé par les utilisateurs s'allonge toujours plus et leur efficacité s'amoindrit en conséquence.

L'architecture de l'information est une discipline qui se situe à mi-chemin entre l'ergonomie, les bases de données, le design web et la stratégie d'entreprise. Les architectes de l'information ont pour mission de rendre l'accès aux données fluide et intuitif de manière à ce que chaque utilisateur ne consacre pas un temps infini en recherche et améliore sa productivité.

Architecture de l'information pour le Web propose à tous ceux qui ont besoin d'une organisation de l'information performante, d'acquérir les méthodes et de développer les bons réflexes avant la mise en place ou la refonte d'un site internet/intranet. Il permet de prendre connaissance des principes de l'architecture de l'information, d'évaluer les comportements et les besoins des utilisateurs, d'établir une architecture selon un cahier des charges, créer un système d'étiquetage et de navigation, d'intégrer une stratégie business à votre architecture, de modéliser une architecture en fontion de la structure (site commercial, intranet, communauté virtuelle etc.)

Avec Architecture de l'information pour le Web , les webmasters, web designers ou chefs de projet pourront acquérir une vue d'ensemble de cette discipline en plein développement et éventuellement envisager une spécialisation de leur activité dans ce domaine

Édition : O'Reilly - 522 pages , 3eédition, 8 mars 2007

ISBN10 : 2841774600 - ISBN13 : 9782841774609

Broché

Commandez sur www.amazon.fr :

39.90 € TTC (prix éditeur 42.00 € TTC) livraison gratuite !
Introduction à l'architecture de l'information
  • Comment définir l'architecture de l'information
  • Comment pratiquer l'architecture de l'information
  • Les besoins et les comportements des utilisateurs

Principes de base de l'architecture de l'information
  • L'anatomie d'une architecture de l'information
  • Les systèmes d'organisation
  • Les systèmes d'étiquetage
  • Les systèmes de navigation
  • Les systèmes de recherche
  • Thésauri, vocabulaires contrôlés et méta-données

Procédure et méthodologie
  • La recherche préliminaire
  • Stratégie
  • Design et documentation

L'architecture de l'information dans la pratique
  • Cursus et apprentissage
  • Considérations éthiques
  • Composer l'équipe chargée de l'architecture de l'information
  • Outils et logiciels

L'architecture de l'information dans le contexte de l'entreprise
  • Vendre l'architecture de l'information
  • Stratégie business
  • Architecture de l'information pour l'entreprise

Étude de cas
  • MSWeb: un intranet d'entreprise
  • evolt.org: une communauté virtuelle
Critique du livre par la rédaction ovh le 1er novembre 2007


Pour réussir un site web, il ne suffit pas d'avoir un design attractif, un serveur rapide et une programmation performante, il faut que le contenu soit pertinent et l'interface intuitive pour l'utilisateur. C'est l'objet de ce livre de traiter cette matière assez complexe, surtout pour des développeurs, car il s'agit principalement du métier de la communication. Le livre est de très haut niveau et peut paraître rébarbatif au début, mais il n'est pas nécessaire de le lire de manière exhaustive et il est de plus abondamment illustré d'exemples de sites web réels qui sont analysés et critiqués sur chaque sujet abordé.

L'auteur aborde en détail des points-clés comme la conception d'un système de navigation et d'un moteur de recherche efficaces. Toute une partie du livre est ensuite consacrée aux méthodologies pour rassembler les idées-clés et les organiser en graphiques conceptuels et maquettes de pages. Viennent ensuite quelques considérations sur l'état du marché dans ce domaine : les formations, le recrutement, les outils... Ensuite une série de chapitres focalisés autour du thème business qui démontrent l'intérêt d'une architecture de l'information bien pensée pour doper les ventes et attirer les clients. L'ouvrage se termine par deux études de cas : un intranet d'entreprise et un site communautaire, où l'on suit les étapes de conception de la structure du site en détail, et on analyse le comportement des utilisateurs.

Ce livre est une pointure en matière d'architecture de l'information, il n'est pas toujours facile à lire, mais il ne faut pas se laisser décourager, le jeu en vaut la chandelle car une bonne compréhension et surtout mise en application de ce sujet complexe permet de créer des sites web efficaces, meilleur gage d'un bon positionnement dans les moteurs de recherche, ce qui est le but de tous les webmasters.
Critique du livre par la rédaction MasterOfChakhaL le 1er septembre 2007
Comme le souligne le résumé de l'éditeur, les volumes d'information sur le web sont en constante croissance.

Dans ce contexte, il peut arriver que l'internaute passe plus de temps à chercher une information qu'à l'utiliser (pour peu qu'il l'ait trouvée). Il peut aussi arriver que le visiteur du site passe à côté d'un contenu intéressant simplement parce que le système de navigation proposé ne lui permet pas de deviner ce qui se cache derrière un nom de catégorie ou encore parce que les fonctionnalités de recherche mises en place ne sont pas assez performantes.

L'architecture de l'information répond à ces problématiques et les dépasse même en permettant de proposer à l'utilisateur des contenus qu'il n'a pas recherchés mais qui l'intéresseront (les fameux liens "voir aussi...").

Lou Rosenfeld et Peter Morville, qui font autorité dans ce domaine, expliquent et décortiquent des concepts parfois complexes avec une clarté plus qu'appréciable. Jalonné d'exemples concrets et de commentaires explicatifs, cet ouvrage met en avant cet aspect de la conception web qui est le plus souvent invisible au visiteur non initié, mais qui est pourtant fondamental à la réussite d'un site proposant un grand volume d'information.

Les formations spécifiques n'existant pas encore, seules la littérature et les conférences vous aideront à progresser. Cet ouvrage vous permettra de comprendre les tenants et les aboutissants de cette discipline encore jeune mais ayant déjà atteint une certaine maturité.

Au-delà de l'architecture de l'information, ce livre explicite aussi le rôle de l'architecte dans un projet d'envergure. Qui sont ses interlocuteurs ? A quel moment son rôle est prépondérant ? Comment convaincre de l'utilité de son travail ?

Si vous vous intéressez à l'architecture de l'information mais que cela vous paraît trop obscur pour vraiment vous y plonger ou si vous hésitez à vous spécialiser dans ce domaine, vous ne pouvez pas passer à côté de ce livre.


couverture du livre Les briques du web

Note 5 drapeau
Détails du livre
Sommaire
Critiques (3)
 
 

Les briques du web

En concentré

de
Traducteurs : Emmanuel Benoit, Philippe Ensarguet et Hervé Soulard
Public visé : Débutant

Résumé de l'éditeur

La manière de concevoir des pages web n'a cessé d'évoluer depuis l'apparition clé de la version bêta de Netscape en 1994. La multiplication du nombre de navigateurs et des terminaux, la maturité des différents standards témoignent du long chemin parcouru.

Les briques du Web en concentré reprend l'ensemble des différents standards et montre tout l'avantage clé réaliser des sites sur ces fondations. Il met l'accent sur les aspects de présentation des sites : feuilles de style, images, accessibilité, un sujet qui n'est pas à négliger. Il se veut une référence complète sur les points techniques que doivent maîtriser tout concepteur de contenus Web. Organisé autour de sept parties, cet ouvrage aborde :

  • Les langages qui constituent le Web : HTML 4.0.1, XHTML 1.0 et 1.1, en détaillant leur syntaxe et leurs attributs
  • L'utilisation des feuilles de style, en mettant l'accent sur CSS 2.1 dont les propriétés sont passées en revue
  • L'environnement du Web en décrivant le comportement des différents navigateurs et terminaux d'affichage, ainsi que les bonnes pratiques pour rendre un site accessible à tous
  • L'interactivité des pages en précisant comment y intégrer JavaScript et DOM, et en introduisant des techniques relatives à Ajax
  • La bonne manière d'insérer différents médias qu'il s'agisse d'images, de vidéos, d'animations Flash, etc.
  • Comment bien gérer les feuilles de style pour l'impression et les PDF, de même que les couleurs de son site


Ouvrage de référence pour qui doit publier du contenu sur le Web, qu'il soit développeur ou graphiste, il s'adresse aux débutants, comme aux plus aguerris, qui seront au fait des dernières évolutions des standards eux-mêmes ainsi que de la manière de les utiliser.

Édition : O'Reilly - 800 pages , 3eédition, 19 octobre 2006

ISBN10 : 2841774163 - ISBN13 : 9782841774166

Commandez sur www.amazon.fr :

49.40 € TTC (prix éditeur 52.00 € TTC) livraison gratuite !
Partie I -L'environnement du Web
  • 1. Les standards du Web
  • 2. Concevoir pour différents navigateurs
  • 3. Concevoir pour différents affichages
  • 4. Guide du serveur pour les débutants
  • 5. Accessibilité
  • 6. Internationalisation


Partie II - Structure : XML et (X)HTML
  • 7. Introduction à XML
  • 8. Introduction à HTML et XHTML
  • 9. Structure du document
  • 10. Éléments pour le texte
  • 11. Les liens
  • 12. Images et objets
  • 13. Tableaux
  • 14. Cadres
  • 15. Formulaires


Partie III - Présentation : feuilles de style en cascade
  • 16. Principes essentiels de CSS
  • 17. Sélecteurs
  • 18. Propriétés pour les polices et le texte
  • 19. Propriétés principales des boîtes
  • 20. Couleurs et arrière-plans
  • 21. Flottement et positionnement
  • 22. CSS et les tableaux
  • 23. Listes et contenu généré
  • 24. Techniques CSS
  • 25. Gérer les bogues des navigateurs


Partie IV -Comportement : JavaScript et DOM
  • 26. Introduction à JavaScript
  • 27. Les scripts DOM


Partie V -Graphiques
  • 28. Panorama des images pour le Web
  • 29. Le format GIF
  • 30. Le format JPEG
  • 31. Le format PNG
  • 32. Les GIF animés


Partie VI -Médias
  • 33. L'audio sur le Web
  • 34. La vidéo sur le Web
  • 35. La plate-forme Flash
  • 36. Imprimer depuis le Web


Partie VII - Annexes
  • A. Éléments et attributs HTML
  • B. Propriétés CSS 2.1
  • C. Entités caractères
  • D. Spécifier une couleur
  • E. Microformats : étendre (X)HTML


Glossaire
Index
Critique du livre par la rédaction Yoshio le 19 octobre 2006


Ce livre est tout à fait excellent. Il couvre absolument tout ce qu'un webmaster devrait connaître pour réaliser un site Web. Si vous voulez apprendre de rien à partir de ce livre, je vous arrête tout de suite. L'auteur couvre tellement de technologies Web qu'elle passe assez vite sur certains concepts qui pourraient rester incompris pour un débutant. Ceci dit, le but du livre étant d'être une référence est tout à fait réussi.

Une des parties vraiment enrichissante est celle sur l'accessibilité d'un site web. L'auteur a voulu montrer à quel point développer un site accessible était important. D'ailleurs presque dans tout le livre l'accessibilité est mise en avant. Un exemple étant lors des explications sur les tableaux, l'auteur nous développe toutes les balises pour rendre son tableau accessible aux personnes mal voyantes, …

Une autre partie qui ravira sans doute les plus débutants d'entre nous est la partie « Techniques CSS ». Cette partie montre plusieurs exemples de code sur divers concepts tels que la mise en page sur deux colonnes, sur trois colonnes ou bien la conception d'une boite avec bords arrondis, …

En plus de couvrir les langages les plus connus du Web tels que le XHTML, le CSS et le JavaScript, l'auteur nous a écrit quelques chapitres sur les formats d'image (gif, jpeg, png), les formats vidéo et audio. Elle nous livre des explications sur des concepts souvent peu connus tels que l'entrelacement, l'anti-aliasing et des astuces pour réduire la taille des images sans perdre la qualité.

En annexe, l'auteur nous a regroupé toutes les balises HTML et CSS avec une courte explication, ses attributs valides et ceux obsolètes. Ajouter à ceci un tas d'entités correspondants aux caractères spéciaux (flèches, opérateurs mathématiques, lettres grecques, …), les méthodes permettant de spécifier des couleurs (format RVB, hexadécimal) ainsi que quelques nom de couleurs prédéfinis. Tout ceci étant très utile.

Bref, de tous les livres que j'ai pu lire sur les technologies Web, celui-ci est de loin le plus complet et le meilleur de tous.
Critique du livre par la rédaction hpalpha le 19 octobre 2006


Il m'a été très difficile de faire une critique sur cet ouvrage tant le contenu est dense et varié !

Manuel de référence, voilà qui resume bien, il n'y a qu'à regarder la table des matières pour se rendre compte que toutes les principales technologies du Web y sont expliquées.

Comme à l'accoutumée, les éditions O'Reilly ont placé la barre assez haute, les débutants comme les experts y trouveront une mine d'informations.

"les briques du web" fait partie de ces ouvrages que l'on a toujours à côté de soi, de l'HTML au CSS en passant par les images et le DOM, les informations sont bien là, suffisamment expliquées pour comprendre comment les utiliser ensemble. (les "briques")

Certains le trouveront un peu massif, mais il s'agit, ne l'oublions pas d'une introduction aux éléments Web.

Seul bémol, son prix, 52 euros !!
Critique du livre par la rédaction MasterOfChakhaL le 19 octobre 2006


Voici un ouvrage très complet proposant un réel tour d'horizon des différentes technologies afférentes au Web. Ce livre s'attache principalement à présenter les langages (X)HTML et CSS pour lesquels il constitue une réelle référence. Ses annexes s'avèrent être un outil que vous utiliserez certainement très souvent.

Les autres technologies sont abordées de manière plus succinte mais l'information est là et vous ne resterez pas sur votre faim.

Quelle que soit la technologie présentée, ce manuel s'attache à conserver une approche pragmatique des différentes problématiques. Les méthodes respectant les standards sont toujours conseillées mais les méthodes dites anciennes (ou non standards) sont également explicitées afin que vous ne soyez pas dépourvu dans le cas où vous devriez reprendre une ancienne page ou simplement concevoir pour des utilisateurs qui ne possèdent pas de navigateur récent.

Tout au long de votre lecture, vous trouverez ci et là des liens vers des ressources disponibles en ligne (articles, débats, références) qui complèteront l'exposé.

Ce livre s'adresse à toute personne s'intéressant aux technologies du Web. Que vous soyez de niveau débutant ou confirmé, vous y apprendrez très certainement de nombreuses choses tant le champ des connaissances explorées est vaste.

Malgré l'épaisseur de cet ouvrage, une lecture linéaire peut s'avérer utile pour se faire une idée assez précise de ce que l'on peut faire ou non dans un environnement Web. Par la suite, vous vous reporterez aux annexes ou bien à un chapitre particulier pour approfondir une notion particulière.

Une mention particulière pourrait être décernée au chapitre CSS qui expose les bogues connus des navigateurs les plus fréquents mais surtout la façon de les corriger (le fait que l'édition soit antérieure à la publication d'Internet Explorer 7 représente tout de même une certaine frustration).

Les parties "graphiques" et "médias" réalisent l'exploit en un nombre réduit de pages de présenter les différents formats exploitables ainsi que les outils permettant de les créer sans oublier des techniques avancées permettant d'optimiser leur poids et leur qualité.


couverture du livre [ Re ] design web [2.0]

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

[ Re ] design web [2.0]

Conduite de projet

de
Public visé : Intermédiaire

Résumé de l'éditeur

LES CLÉS D'UNE REFONTE RÉUSSIE

Le redesign de son site est un passage obligé pour toute entreprise soucieuse de sa présence sur le Web, qu'il s'agisse d'implémenter de nouvelles fonctionnalités utilisateur ou de back-office. Or, la conduite de projet est un élément clé de la réussite de tout projet de redesign web. Que vous soyez concepteur web, webmaster, ou chef de projet en agence, vous trouverez dans cet ouvrage une méthodologie fiable pour mener à bien vos projets de refonte de sites web. Définition du projet, planification, élaboration du budget, mise au point du cahier des charges avec le client, développement de la structure du site, enchaînement des différentes étapes de production, tests, lancement... toutes les étapes d'un projet de refonte sont abondamment détaillées dans cet ouvrage qui se nourrit de l'expérience des plus grands concepteurs web. Cette édition reflète par ailleurs les nouvelles technologies web, comme les CSS, la conformité aux standards du Web, etc.

Une méthodologie en [5] étapes :
  • [1] Définition du projet
  • [2] Développement de la structure du site
  • [3] Conception graphique et validation
  • [4] Production et contrôle qualité
  • [5] Lancement et maintenance


Le point de vue des plus grands spécialistes du sujet :
  • Eric Meyer
  • Jeffrey Zeldman
  • Jakob Nielsen
  • Stephane Spencer
  • Lynda Weinman
  • Christina Wodtke


Tous les compléments web sont proposés par les auteurs en téléchargement sur www.editions-eyrolles.com.

Édition : Eyrolles - 294 pages , 2eédition, 1er juillet 2005

ISBN10 : 2212115792 - ISBN13 : 9782212115796

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 35.00 € TTC)
  • Introduction
  • Etude de cas : Baby Center
  • Les clés d'un design réussi
  • Etude de cas : Port of Seattle
  • Le processus central : une vue d'ensemble
  • Etude de cas : Janus
  • Phase 1 - Définition du projet
  • Etude de cas : BearingPoint
  • Phase 2 - Développement de la structure du site
  • Etude de cas : About.com
  • Phase 3 - Conception de l'interface graphique
  • Etude de cas : gotomedia, inc.
  • Phase 4 - Production et intégration
  • Etude de cas : Mélanie Craft
  • Phase 5 - Lancement et maintenance
  • Etude de cas : Coldwell Banker Walter Williams
  • Tests d'ergonomie
  • Etude de cas : WebEx
  • Fonctionnalités complexes
  • Etude de cas : Banana Republic
  • Analyser la structure
Critique du livre par la rédaction freegreg le 19 décembre 2013
Refaire le design d'un site ne consiste pas seulement à changer quelques images et à modifier sa charte graphique. Bien au contraire, ce "re-design" doit être l'occasion d'une vaste réflexion sur le site, sur ce que l'on en attend, sur ce que l'on souhaite mettre en avant ...
Dans ce livre, les auteurs abordent toutes les phases qui doivent nous conduire à la refonte du site et nous proposent une méthodologie pour mener à bien cette entreprise : Collecter des informations sur les clients, gérer le budget, établir un planning, développer le gabarit du site, établir des tests utilisateurs, séparer la phase design de la phase développement ... autant de thèmes abordés dans ce livre afin de nous guider tout au long de notre travail et nous permettre de réaliser un site web performant et adapté aux attentes du client.
Chaque phase cruciale est abordée, illustrée par des exemples et des images pour faciliter notre compréhension, enrichie de questionnaires afin de cerner les besoins des clients, etc. Par ailleurs, les auteurs ont su s'entourer d'acteurs reconnus du Web tel Eric Meyer qui nous font profiter, dans leur domaine respectif, de leurs conseils avisés.
Bref, un livre à posséder par tous ceux qui sont ou seront amener à se poser la question du redesign web


couverture du livre Conduite de Projet Web

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

Conduite de Projet Web

de
Public visé : Expert

Résumé de l'éditeur

Cet ouvrage s'adresse à tous les acteurs du projet Web, il a pour but de synthétiser les différentes pratiques rencontrées sur le terrain en matière de gestion de projets Web, apportant au lecteur une vision à la fois globale et pratique.

Présentation par l'éditeur:

Gratuit ! 60 modèles de livrables prêts à l'emploi

Comment gérer avec efficacité son projet Web ? Comment préparer au mieux le déroulement du projet, rassembler les facteurs clés de succès, garantir la réussite de chaque phase ? Nourri par la grande expérience de l'auteur, cet ouvrage vous fournira les moyens d'y parvenir, en proposant des solutions concrètes et opérationnelles pour chaque étape de votre projet. Émaillé de nombreuses check-listes et grilles d'analyse, ce guide à l'approche très pratique synthétise les principales pratiques rencontrées sur le terrain, en définissant des méthodes adaptées à chaque type de site (sites catalogues, marchands, institutionnels, de marques, communautaires, éditoriaux, portails d'entreprise, intranets).

Toutes les phases de gestion d'un projet Web sont développées : aspects juridiques, stratégie, définition de l'offre, construction du business plan, suivi du budget, étude de faisabilité, appel d'offres, choix des prestataires, cahier des charges, réalisation du site, promotion, référencement... Ce livre est complété par trois études de cas détaillées, des interviews d'experts et un CD-Rom sur lequel figurent 60 modèles de livrables prêts à l'emploi.

À qui s'adresse ce livre ?
  • Aux chefs de projets Web
  • Aux dirigeants de petites et moyennes entreprises
  • Aux chefs de produits et de marques souhaitant intégrer des solutions Web dans leur plan marketing
  • Aux responsables de communication interne ou externe

Sur le CD-Rom offert avec ce livre :

60 modèles de documents prêts à l'emploi (étude de faisabilité, cahier des charges, spécifications techniques...) aux formats Word, Excel et PowerPoint

Configuration requise :

Word 97 ou supérieur, Excel 97 ou supérieur, PowerPoint.

Sur le site www.conduitedeprojetweb.com

Édition : Eyrolles - 384 pages , 1re édition, 1er février 2005

ISBN10 : 2212115997 - ISBN13 : 9782212115994

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 35.00 € TTC) livraison gratuite !
Les projets Web
  • Qu'est-ce qu'un projet Web ?
  • Les acteurs du projet
  • La dimension juridique du projet Web
  • Rassembler les facteurs clés de succès

La conduite des projets Web"
  • La stratégie
  • Le business plan
  • La faisabilité
  • L'appel d'offres
  • La conception
  • La réalisation
  • La mise en service
  • Référencement et positionnement

Etudes de cas
  • Etude de cas 1, site institutionnel
  • Etude de cas 2, site b-to-b
  • Etude de cas 3, portail d'entreprise

Annexes
  • Annexe 1 : Contenu du CD-Rom
  • Annexe 2 : Glossaire

Critique du livre par la rédaction Giovanny Temgoua le 1er novembre 2007
J'ai eu le plaisir de lire la troisième édition de ce livre et le moins que je puisse dire est qu'il est vraiment complet.

Le document couvre tous les aspects importants relatifs à un projet WEB : bugdet, faisabilité et surtout le référencement qui est sans aucun doute le point qui m'a le plus intéressé. De plus, le livre "Conduite de Projet WEB" aborde un point très souvent absent dans la plupart des documents du même style à savoir l'aspect juridique. Dans mon entourage, les chefs de projet WEB négligent ou tout simplement ne sont pas informés de leurs responsabilités légales par rapport aux contenus qu'ils gèrent.

Outre cela, le livre est ouvert à toutes les audiences et en particulier aux étudiants. Un petit tableau résume les chapitres intéressants où il faut se focaliser suivant le profil du lecteur (directeur de projet, étudiants, chefs de produits WEB, chefs de produits ou de marques, dirigeants PME/PMI). Chaque chapitre porte sur un point bien précis et à l'issu de celui-ci on a une liste d'ouvrages et/ou de sites pour approfondir le thème abordé.

À tout ceci, vient s'ajouter le CD-ROM qui apporte des documents écrits à utiliser tels quels ou à adapter suivant le besoin. Et çà tombe bien selon moi, parce que j'ai trouvé que les études de cas en fin du document étaient assez succintes et pas très détaillées.

Cependant, un projet WEB étant avant tout un projet (dans le sens global du terme), je m'attendais également à trouver dans le livre, l'application d'outils tels que le Grantt ou le PERT sur les projets pris en exemples ; mais ces derniers n'ont pas été abordés.

En résumé, je recommanderais ce livre à toutes les personnes qui de près ou de loin sont concernées par des projets WEB.
Critique du livre par la rédaction Didier Danse le 1er novembre 2007
Ce livre, bien que destiné principalement aux chefs de projets selon l'auteur, est accessible à tous. En effet, que l'on ait ou non des connaissances en marketing, il est possible d'en comprendre les principes grâce aux explications succintes de l'auteur. Le webmaster occasionnel trouvera toute une série de choses qui ne lui seraient jamais venues à l'esprit sans cette lecture. Le lecteur ne trouvera cependant pas des choses techniques mais bien des concepts.

Certes, il est orienté vers le développement Web mais les techniques pour s'organiser peuvent facilement être transposées vers le développement d'applications classiques.

Le CD-ROM inclus contient soixante documents prêts à l'usage et compatibles avec la plupart des versions d'Office. L'organisation des répertoires selon une "ligne du temps" permet de trouver rapidement le document recherché.

Ces documents sont des documents types. Bien entendu, le lecteur pourra tout à fait les modifier mais l'objectif n'est pas de fixer les moyens de conduire un projet mais bien d'en donner la ligne de conduite.

L'utilisation d'un exemple concret tout au long du livre aurait été une bonne chose pour une compréhension maximum et rapide du lecteur. Il n'en reste cependant pas moins un très bon livre sur le sujet.


couverture du livre UML - Modéliser un site e-commerce

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

UML - Modéliser un site e-commerce

Les Cahiers du Programmeur

de
Public visé : Débutant

Résumé de l'éditeur

Introduction : Un livre simple et didactique pour apprendre à modéliser une appli web

Ce cahier montre à tous les programmeurs combien UML est un outil simple et universel : nullement réservé aux applications Java ou C++, il s'applique parfaitement à des sites Web marchands, dont la complexité en fait des candidats naturels à la modélisation.

Du cahier des charges au code, ce livre vous offrira les meilleures pratiques de modélisation avec UML sous la forme d'une étude de cas. Toutes les étapes de conception sont décrites, abondamment illustrées et expliquées, à travers une démarche située à mi-chemin entre processus lourd et processus léger.

Édition : Eyrolles - 152 pages , 1re édition, 1er septembre 2002

ISBN10 : 2212110707 - ISBN13 : 9782212110708

Format : 21 x 23,5

Commandez sur www.amazon.fr :

19.95 € TTC (prix éditeur 21.00 € TTC) livraison gratuite !
QUELLE DEMARCHE POUR PASSER DES BESOINS AU CODE ?

  • Pourquoi modéliser ?
  • Un processus simplifié pour l'e-commerce.



UNE LIBRAIRIE EN LIGNE : L'APPLICATION COTE UTILISATEUR.


  • Exigences fonctionnelles : recherche, découverte, sélection, commande
  • Exigences non-fonctionnelles : qualité et performances
  • Contraintes de conception : panier, paiement sécurisé.


SPECIFICATION DES EXIGENCES D'APRES LES CAS D'UTILISATION.

  • Identification des acteurs
  • Identification des cas d'utilisation
  • Relations entre cas d'utilisation


ANALYSE DES OBJETS METIER.
  • Identification des concepts du domaine
  • Généralisation
  • Structuration en packages de classes.


SPECIFICATION DETAILLEE DES EXIGENCES.

  • Description textuelle des cas d'utilisation : scénarios, préconditions et postconditions
  • Spécification détaillée des cas d'utilisation du site Web : maintenir le catalogue, rechercher des ouvrages, gérer son panier, effectuer une commande.



REALISATION DES CAS D'UTILISATION : LES CLASSES D'ANALYSES.


  • Réalisation


MODELISATION DE LA NAVIGATION.

  • Structuration de la navigation dans le site Web.


CONCEPTION OBJET PRELIMINAIRE.

  • Notation des diagrammes d'interactions
  • Classes de conception préliminaire.


CONCEPTION OBJET DETAILLEE.

  • Architecture des applications Web : patterns architecturaux, client Web léger
  • Solutions techniques : PHP, J2EE, .NET.


ANNEXE.

  • Récapitulatif du modèle UML.

Critique du livre par la rédaction jérôme le 1er septembre 2002


UML est à la mode. L'appliquer au WEB ne coulait pas de source, et pourtant l'auteur parvient à nous démontrer son utilité dans un développement WEB complexe, à travers la modélisation d'un exemple complet (une librairie électronique).

Après un rapide historique de la modélisation et des différentes méthodes de modélisation, l'auteur entre dans le vif du sujet avec l'écriture du cahier des charges puis l'étape de spécification des besoins utilisateurs. Viennent ensuite la description des différents cas d'utilisation et leur diagramme associé.

Tous les diagrammes d'UML ne sont pas utilisés, et l'auteur à pris le parti de n'en traiter que la moitié, insistant plus particulièrement sur les diagrammes de classe et de séquence. Ceci n'est aucunement handicapant, bien au contraire. L'organisation du livre et les nombreux schémas et diagrammes clairs qui parsèment ce livre le rendent très agréable à lire et ne noient pas le néophyte sous des concepts théoriques parfois imbuvables en UML.

Ceux qui connaissent déjà UML trouveront quelques différences puisque certaines notations sont introduites pour coller au contexte du WEB. Ce livre est d'ailleurs à utiliser en complément d'un livre plus référentiel sur UML.

Cet ouvrage didactique devrait prendre sa place dans la bibliothèque de tout programmeur WEB, la clarté des propos tenus et la démonstration que la modélisation est (quasi) inévitable dans un développement WEB professionnel le rendant indispensable.
Ceci est d'autant plus vrai à l'heure où PHP5 fait un bond en avant formidable vers le full objet.

La dernière partie regroupe l'ensemble des diagrammes utilisés tout au long du livre, et appliqués avec des exemples de code en Java (pour des pages JSP), en ASP.NET, et en PHP. Cela permet de se faire une idée des possibilités de chacun de ces trois langages pour la conception d'applications WEB complexes.
Critique du livre par la rédaction ovh le 1er septembre 2002


La collection "les cahiers du programmeur" d'Eyrolles se veut orientée pratique, et l'objectif est atteint. Pour ce genre de sujet assez abstrait par définition je trouve que c'est essentiel. Trop souvent on l'aborde de manière théorique avec une série d'exemples d'école non liés entre eux. Ici on part d'une application concrète qu'est le développement d'un site web d'e-commerce, que l'auteur va décortiquer et analyser entièrement, pas à pas. Bien sûr nous ne verrons pas la réalisation complète, mais chaque diagramme important d'UML est abordé dans un cadre cadre pratique avec pour objectif permanent la réalisation finale et la satisfaction des besoins utilisateur.

Mais UML n'est qu'un langage de modélisation, il faut lui associer une méthode pour lier les diagrammes entre eux et réaliser l'application. La méthode choisie par l'auteur est un mélange d'UP simplifié (processus unifié, classiquement associé à UML) et d'XP (eXtreme Programming), ce qui aboutit à une méthode simple, compréhensible et suffisante dans beaucoup de cas.

Le livre est très bien structuré : un schéma de base liant tous les diagrammes pour chaque étape est conçu dès le départ, et tous les chapitres suivants correspondent à une étape et un type de diagramme UML, à chaque fois replacée dans son contexte par rapport au schéma général.

La phase finale est donc la réalisation technique de l'application, mais on peut regretter que l'exemple choisi n'utilise pas les bases de données. En effet l'auteur a choisi d'illustrer la programmation du panier qui par définition ne stocke rien de manière permanente. C'est dommage car le lien entre classes d'analyse et relations en base de données est intéressant et essentiel pour bien comprendre le lien entre analyse et programmation.
Plusieurs plateformes techniques sont présentées : scripts PHP, Java (J2EE) avec le framework Struts et pages JSP et la technologie acutelle de Microsoft .NET avec les pages en ASP.NET.

Malgré ce manque dans la dernière partie, ce livre n'en demeure pas moins une excellente lecture à conseiller, et qui aidera bon nombre de développeurs à mieux appréhender le lien entre analyse et programmation. De plus, les ouvrages d'analyse ciblent généralement des applications de type standalone (GUI), or avec les sites web actuels de plus en plus riches en fonctionalités une analyse préalable aussi poussée que pour une application classique est vraiment une nécessité et un gage de qualité du développement, ce que démontre brillamment ce livre.


Responsable bénévole de la rubrique Développement Web : Xavier Lecomte -