Bonnes Pratiques Web
46.4K views | +8 today
Follow
 
Scooped by Mickael Ruau
onto Bonnes Pratiques Web
Scoop.it!

Event sourcing à Scala.io 2014 | Blog Arolla

Event sourcing à Scala.io 2014 | Blog Arolla | Bonnes Pratiques Web | Scoop.it
Event sourcing applique la recherche de la vision formulée par Domain-Driven Design d’Eric Evans : pourquoi ce projet, pourquoi ce comportement ? Autre justification : il est plus facile de faire la synthèse d’un ensemble d’éléments plutôt que d’analyser un élément en sous-éléments. L’analyse de texte est plus complexe que la mise en page. Sinon LaTeX c’est très très bien.

Donc premier principe de l’event sourcing : sauvegarder les événements du domaine plutôt que l’état du cumulé du système. Ainsi, le journal (log), d’habitude de contenu technique (en fait fourre-tout), devient un référentiel métier. Il devient exhaustif. Avec l’event sourcing tout est journalisé. A ce niveau, pas de mise à jour, pas de suppression : uniquement de l’ajout d’événements. L’état cumulé est calculé plus loin. Il est optimisé pour être consulté en lecture seule. Corolaire : on sépare ce qui est destiné à modifier et ce qui est destiné à observer. Pourquoi ? Combien de fois je modifie mon système ? Combien de fois je le regarde ? Si le quotient lecture/écriture est très grand autant séparer les deux. Cette architecture a un nom : Command Query Responsibility Seggregation (CQRS). On optimise la lecture en préparant à chaque modification du système la ou les vues possibles. La commande change mon système (écriture). La requête l’observe (lecture).
No comment yet.
Bonnes Pratiques Web
Développement Php, Mysql , Javascript, Jquery, Css3, (X)HTML5...
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...
Scooped by Mickael Ruau
Scoop.it!

Un environnement de développement PHP avec Netbeans et Docker

Un environnement de développement PHP avec Netbeans et Docker | Bonnes Pratiques Web | Scoop.it
Docker, c’est une technologie qui révolutionne la virtualisation. Pour nous les développeurs, Docker signe la fin du syndrome “works on my machine”. Je ne saurais trop vous recommander de suivre les…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Combien gagne-t-on réellement en freelance ? Du CA au compte personnel

Combien gagne-t-on réellement en freelance ? Du CA au compte personnel | Bonnes Pratiques Web | Scoop.it
Il est courant que les freelances débutants s’interrogent sur les tarifs pratiqués parmi les travailleurs indépendants. C’est un questionnement légitime : à profession égale, les TJM moyens des freelances excèdent largement la rémunération habituelle des salariés.
Mickael Ruau's insight:

L’incidence du temps travail sur tes tarifs

Un TJM de 400 € serait extrêmement intéressant si le freelance pouvait le facturer 300 jours par an… Ce qui est largement utopique.

On considère que le freelance travaille en moyenne 220 jours sur une base de 5 jours par semaine, après soustraction des week-ends, des congés et des repos maladie. Globalement, c’est la même chose que pour les salariés.

Problème : il est impossible qu’un freelance facture 100 % de son temps de travail.

Être à son compte, c’est gérer l’administratif, communiquer, gérer les demandes de contact, se former, préparer et assister aux rendez-vous… Toutes ces tâches-là ne sont pas facturables telles quelles à tes clients.

On considère généralement que le freelance ne passe que 60 % de son temps de travail sur des tâches facturables. En reprenant notre petit calcul, cela fait 130 jours facturés par an. Le TJM doit nécessairement être compensé !

 

(...)

Bilan : que gagne-t-on dans sa poche en freelance ?

Tu l’auras compris : un freelance affichant un TJM de 400 € gagne en réalité bien moins que cela.

Si l’on considère qu’il travaille 130 jours par an :

  • 130 * 480 € = 62 400 € de chiffres d’affaires TTC encaissé. 10 400 € de TVA sont reversés à l’État.
  • Sur les 52 000 € de chiffre d’affaires HT, il faut payer les charges sociales à 22 % et l’impôt sur le revenu à 2,2 % (versement forfaitaire libératoire). 52 000 * 0,22 = 11 440 € de charges sociales et 52 000 * 0,022 = 1 144 €.
  • Il reste donc 39 400 €… Qui te serviront entre autres à effectuer tes dépenses professionnelles. Ce n’est donc pas une rémunération nette telle qu'un salaire.

Il faut ajouter à cela les désavantages non quantifiables - ou difficilement - du statut d’auto-entrepreneur : protection sociale amoindrie, retraite peu avantageuse, revenus irréguliers…

Ces écueils rendent d’ailleurs indispensable la constitution tous les mois d’une épargne de secours.

Il est donc très important de fixer des tarifs supérieurs à ton seuil de rentabilité, c’est-à-dire le seuil de recettes te permettant de couvrir tes charges.

Petite astuce pour être sûr de bien prendre en compte tes charges en fixant tes tarifs : additionne le montant de tes dépenses professionnelles mensuelles (téléphone, Internet, logiciels...), divise-le par le nombre de jours facturés dans le mois, et incorpore-le dans ton TJM.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSS : le guide pour choisir la bonne unité de mesure

CSS : le guide pour choisir la bonne unité de mesure | Bonnes Pratiques Web | Scoop.it
Dans un fichier CSS, de nombreuses propriétés cohabitent : des typographies, des couleurs, des valeurs numériques, etc. Certaines d’entre elles ont besoin d’être associées à une unité et ce choix est loin d’être anodin.Besoin d'un graphiste ?Trouvez gratuitement un graphiste qualifié et disponible ! Déposez votre annonceVous êtes graphiste ? Créer un compte gratuitement Il …
Mickael Ruau's insight:

Les unités relatives au viewport

D’autres unités permettent aux éléments de s’adapter à la taille du viewport, c’est-à-dire à la taille de la fenêtre du navigateur.

Ces unités relatives au viewport sont essentielles pour mettre en place un design responsive, et on retrouve :

  • La hauteur du viewport (vh)
  • La largeur du viewport (vw)
  • Le viewport minimum (vmin)
  • Le viewport maximum (vmax)

Les unités vh et vw

Les unités vh et vw sont similaires, à la seule différence qu’elles dépendent respectivement de la hauteur et de la largeur de la fenêtre de navigation.

Retenez que 1 vh = 1 % de la hauteur du viewport et que 1 vw = 1 % de la largeur du viewport.

L’unité de mesure vh est généralement utilisée pour permettre à un élément de s’adapter à la hauteur totale de la fenêtre :

.box {
height :100vh ;
background : red ;
}

Dans cet exemple ci-dessus, l’élément box a une hauteur de 100 % par rapport à la hauteur de la fenêtre de navigation.

Prenons un autre exemple :

h1{
font-size : 6 vw ;
}

Ici la taille du titre H1 correspond à 6% de la largeur de la fenêtre. Par conséquent, si cette dernière est de 1000 px, la taille de la police sera de 60 px.

Les unités vmin et vmax

Ces deux unités de mesure en CSS fonctionnent selon le même principe.

Avec le vmin, c’est la dimension minimale du viewport qui est prise en compte. Par exemple, si ce dernier est de 1000 px de haut par 800 px de large, les éléments ayant une unité vmin s’adapteront en fonction de la largeur de la fenêtre.

Avec le vmax, les éléments s’adaptent en fonction de la dimension maximale du viewport. Selon l’exemple précédent, 1 vmax = 10 px.

Les unités en pourcentage

Le pourcentage fait partie des unités relatives de façon générale puisqu’il s’adapte en fonction de son élément parent.

La plupart du temps, cette unité est utilisée pour définir la hauteur et la largeur d’un élément. Vous la retrouverez notamment dans le framework Bootstrap.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSS : 8 bonnes pratiques pour gérer la taille de votre texte en em

Prenez l’accessibilité de votre site web en main avec l’utilisation des em pour gérer la taille de votre texte. Ce ratio est très utile et simple d’utilisation en suivant ces quelques règles de base.

Mickael Ruau's insight:
 

4. Maîtrisez la taille : ni trop grand…

Il faut savoir que la taille par défaut de 1em a pour vocation d’améliorer l’accessibilité des sites et la lisibilité des textes.

Mais on est pas forcément habitué à voir des textes si grands donc vous pouvez fixer votre body à 0,8em. Dans tous les cas, limitez la grandeur de votre texte à 2em grand maximum.

Bien qu’il n’y ait pas de limite officielle, vous devrez garder une cohérence graphique sur votre page.

5. …ni trop petit !

Respectez le critère de lisibilité.

Pour que la lecture de votre texte reste agréable pour tous, ne choisissez pas un ratio em inférieur à 0,75.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

4 astuces pour réussir votre page Erreur 404

4 astuces pour réussir votre page Erreur 404 | Bonnes Pratiques Web | Scoop.it

Votre page Erreur 404 ne doit jamais être l’étape finale de votre site.

Mickael Ruau's insight:

Une erreur 404 qui se rend utile

Vous pouvez utiliser la logique et vous dire qu’il suffit à l’internaute de cliquer sur votre logo pour revenir à la page d’accueil, ou de faire un clic arrière. Soyez cependant certain d’une chose : tout le monde ne le fera pas.

 

Or, vous n’avez certainement pas envie que de potentiels clients quittent votre site en restant sur ce sentiment d’erreur.

C’est pourquoi il pourra être très utile d’intégrer un petit moteur de recherche ou quelques liens vers d’autres pages de votre site en bas de page. Vous continuez à proposer des choses, vous transformez une erreur en de nouvelles propositions… et c’est ainsi que vous restez dans la partie !

Source : Spotify

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Python 101 Now FREE on Leanpub Permanently

After the amazing response I had when I made Python 101 free for a few days a couple of months ago (see here, I have decided to make it free (or Pay What You Want) permanently on Leanpub (PDF, mobi and epub):

Note: I am still selling it on Amazon, Gumroad and Lulu

Now you can check it for free any time you like. If you happen to like the book, I would appreciate it if you could drop a review of it over on Amazon or contact me about doing a Reader Testimonial on Leanpub since they don’t have an automatic way to leave one of those.

When I originally wrote the book, I noticed that there were few or no books available that described how to create executables of your code or distribute your code via Python’s Package Index (PyPI). Python 101 covers these topics as well as introducing the reader to Python’s standard library, how to install 3rd party packages and an introduction to some of the most popular 3rd party packages for Python, such as SQLAlchemy, requests and virtualenv.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

You Don't Need WordPress: Create A Blog With Google Docs

You Don't Need WordPress: Create A Blog With Google Docs | Bonnes Pratiques Web | Scoop.it
You Don't Need WordPress: Create A Blog With Google Docs
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Statically - The free, fast & modern CDN for open source projects, WordPress, images, and any static assets. | Statically

Statically - The free, fast & modern CDN for open source projects, WordPress, images, and any static assets. | Statically | Bonnes Pratiques Web | Scoop.it
The free, fast & modern CDN for open source projects, WordPress, images, and any static assets.
Mickael Ruau's insight:

Serve your open source files quickly, without having to manually configure DNS, SSL, CDN or hosting. Apply image transformation and filters directly.

Fast & secure, anywhere

4 CDN providers combined into one, picking the fastest for your location.

On-the-fly optimization

Automatic image resize, crop, filter, webp, and more.

Developer friendly

Loads files from git repositories right away with no setup.

 

Fits your workflow

All your favorite apps and tools, integrated with Statically :

Bitbucket
GitLab
GitHub
WordPress
Custom
 

The all-in-one solution for open source static asset delivery

 

 

  • Easy to use
  • Unlimited traffic
  • Unlimited otimization
  • Unlimited static files
  • Unlimited integrations

 

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment bien choisir son nom de domaine ? Nos 15 conseils

Ce qu’il faut retenir :

Les bonnes pratiques :

 

  • Simple et compréhensible
  • Court et facilement mémorisable
  • Peut contenir un mot clé
  • Adéquation avec votre marché et votre activité
  • En phase avec votre stratégie de développement
  • Penser à la sécurité
  • Ne pas omettre les alternatives au .com
  • Racheter un nom de domaine volontairement
  • Vivre avec le cybersquatting
Les mauvaises pratiques :

 

  • Composé de chiffres
  • Inclure des tirets
  • Trop de mots clés
  • Domaine générique
  • Omettre les marques
  • Oublier les traductions
  • Devoir racheter un nom de domaine
  • Subir le cybersquatting
Mickael Ruau's insight:

Les alternatives au .com

Ne pas avoir son .com est gênant mais pas insurmontable. Il est de plus en plus difficile de trouver des noms de domaine courts, simples et mémorisables dans la première extension mondiale.

Il faut savoir que le .com représente à lui seul près de 142.5 millions de noms de domaine, soit 40% des extensions mondiales.

Pour vous donner un ordre d’idée, la Chine est en seconde place avec seulement 23 millions de .cn, la France ne possède que 3.4 millions de .fr.

Certaines extensions pays sont devenues au fil du temps des alternatives, telles que le .io, le .tv, le .co entre autres, qui comme les nouvelles extensions abordées précédemment, sont traitées de la même manière par Google qu’un .com.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Quick Practical Guide for ES6

Quick Practical Guide for ES6 | Bonnes Pratiques Web | Scoop.it
Explore ES6 by comparing the new features to ES5. Discover best practices for using ES6 in your projects and review examples tested on Chrome's developer console.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

9 Design System Traps to Avoid

9 Design System Traps to Avoid | Bonnes Pratiques Web | Scoop.it
We’ve compiled a list of the most common misconceptions we see when our clients take on a design systems project.
Mickael Ruau's insight:

The benefits of building a design system are straightforward and well known. It’s relatively easy to connect a design system to cost savings, scalability, efficiency, and consistency. However, despite the value design systems provide, many organizations fail to provide the resources necessary to make the system successful. Why? Usually because teams feel immense pressure to launch new features, and any resources spent on the design system will decrease velocity on the product that pays the bills.

For a design system to truly deliver savings, scalability, efficiency, and consistency, it can not be treated as a second class citizen. We have seen a design system fail to mature simply because it was treated as an afterthought, despite the teams growing need for such a tool.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Certbot 1.0 est enfin disponible – Vous n’avez plus d’excuses pour ne pas activer HTTPS sans douleur sur votre site –

Certbot 1.0 est enfin disponible – Vous n’avez plus d’excuses pour ne pas activer HTTPS sans douleur sur votre site – | Bonnes Pratiques Web | Scoop.it

Vous vous souvenez de mon merveilleux article sans nul égal au sujet de la mise en place d’un certificat SSL Let’s Encrypt à l’aide d’un formidable utilitaire baptisé Certbot ?

Oui, je suis sûr que vous le relisez religieusement au moins une fois par semaine. Et bien bonne nouvelle, l’EFF (Electronic Frontier Foundation) qui est à l’origine de cet outil vient de publier à l’instant la version 1.0 de Certbot.

Sorti initialement en 2015, cet outil libre et open source permet de déployer et mettre à jour les certificats des sites web très facilement. Plus de prise de chou, même pour le néophyte avec cet outil qui permet d’automatiser tout ça.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Girlz In Web - » Synthèse de la Master Class « Les clés du marketing pour que vous n’ayez jamais à vendre vos services »

Girlz In Web - » Synthèse de la Master Class « Les clés du marketing pour que vous n’ayez jamais à vendre vos services » | Bonnes Pratiques Web | Scoop.it
Si vous n’avez pu être des nôtres mercredi 30 juillet dernier pour assister à la conférence « Les 8 clés du marketing pour que vous n’ayez jamais à vendre vos services… et que vous gagniez vraiment bien votre vie ! » Animée par Delphine Boileau-Terrien, voici une synthèse du contenu qui a été diffusé.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Build a 10 USD Raspberry Pi Tunnel Gateway

Build a 10 USD Raspberry Pi Tunnel Gateway | Bonnes Pratiques Web | Scoop.it
In this tutorial I'll show you how to build an Internet Gateway for your home network using a Raspberry Pi and a HTTPS tunnel for just 10 USD.
Mickael Ruau's insight:

 

You can achieve a similar effect of an Internet gateway by enabling port-forwarding on your home router, however there are downsides to this.

  • Your customer identifier / location is disclosed to users of your services
  • Some ISPs block port 80/443
  • Others give you a DHCP IP which changes often
  • You might not be able to port-forward, perhaps you're behind Carrier Grade NAT, or on a shared WiFi network, where you're not the administrator - think hot-spot, hotel, or university accomodation

 

An Internet gateway with the inlets OSS project will provide a persistent connection behind the trickiest of networks and let you expose your private and LAN services of choice to the Internet.

Why might you want to get access to a service running on your private network? Perhaps you're running an OwnCloud, Plex, a blog, or some other admin dashboard or panel. Maybe you want to build a Twitter, Slack, or GitHub bot and receive webhooks? These are all valid use-cases and I'm sure there's loads more you can think of.

These are the parts you'll need:

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Web design : le guide du mode sombre

Web design : le guide du mode sombre | Bonnes Pratiques Web | Scoop.it

Limitant la fatigue oculaire et offrant plus de confort dans les environnements peu lumineux, le mode sombre est déjà utilisé par les designers des sites et applications les plus connues.B

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Guide CSS : 10 bonnes pratiques à respecter dans votre feuille de style

Guide CSS : 10 bonnes pratiques à respecter dans votre feuille de style | Bonnes Pratiques Web | Scoop.it

Dans ce guide, nous allons vous donner les bonnes pratiques à respecter pour que votre fichier CSS n’impacte pas la qualité du site que vous développez.

Mickael Ruau's insight:

Apporter des informations sur la feuille de style

Au fil du temps vous ne serez pas la seule personne à utiliser la feuille de style CSS sur laquelle vous travaillez.

Il est donc important d’inclure les mentions suivantes :

  • L’auteur
  • L’URL
  • Le nom du thème s’il y en a un
  • Une description
  • Des tags

Lorsqu’une autre personne utilisera le fichier, elle sera ainsi en mesure de contacter le créateur pour éventuellement obtenir des informations supplémentaires.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

3 conseils pour choisir sa typographie

3 conseils pour choisir sa typographie | Bonnes Pratiques Web | Scoop.it

Selon les clients visés et le type de communication, on n’utilisera pas les mêmes typographies. On estime que chaque police a sa personnalité :

  • les serif (à empattements) : expriment la tradition, la respectabilité, le sérieux (Times New Roman, Garamond…)
  • les sans serif : plus modernes, plus épuré (Arial, Helvetica…)
  • les cursives (écriture à la main) : pour l’expression des sentiments ou de la créativité
  • les polices fantaisies : font plus fonction de décors, notamment pour des titres
  • les polices monopace (dont la largeur est fixe) : traduisent une impression de force et de clarté (Futura, Courier New…)

Pour se démarquer, il faut éviter d’utiliser les polices par défaut installées sur les logiciels de traitement de texte. Elles sont trop usitées, voire associées à des clichés, et n’ont pas un effet professionnel (à l’instar de Comic Sans).

No comment yet.
Rescooped by Mickael Ruau from Time to Learn
Scoop.it!

Colorsinspo : un outil complet avec de nombreuses ressources pour comprendre et choisir les bonnes couleurs

Colorsinspo : un outil complet avec de nombreuses ressources pour comprendre et choisir les bonnes couleurs | Bonnes Pratiques Web | Scoop.it

Colorsinspo se veut être la première plateforme au monde pour comprendre les couleurs, c'est-à-dire les couleurs, les palettes ou les dégradés


Via Frédéric DEBAILLEUL
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Inspiration : 10 exemples de guides de style réussis

Inspiration : 10 exemples de guides de style réussis | Bonnes Pratiques Web | Scoop.it

Le guide de style (ou “style guide” en anglais) est un document qui définit l’identité d’une entreprise ou d’une organisation, particulièrement sur le web.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Make a Favicon Small and Cacheable

How to Make a Favicon Small and Cacheable | Bonnes Pratiques Web | Scoop.it
Check out our quick and easy tutorial on how to make a favicon (favicon.ico) small, cacheable, and load faster by delivering it from your CDN.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Quick Practical Guide for ES6: Part 2

Quick Practical Guide for ES6: Part 2 | Bonnes Pratiques Web | Scoop.it
JavaScript ES6 features, comparison with ES5, ES6 best practices, and examples tested on Chrome developer console: all in Part 2 of the ES6 series.
Mickael Ruau's insight:

Bonus: Shallow and Deep Copy in JavaScript

Shallow copy means the memory location of both objects will be the same. So if you change the property value of the copy object, the property value of the original object will also change at deep level of object. A shallow copy will duplicate the top-level properties, but the nested object is shared between the original (source) and the copy (target). But in deep copy, the memory locations will be different/separated. Changing the property values of copies object will not change the original one.

Shallow copy example: The Object.assign() method is used to copy the values of properties from one or more source objects to a target object:

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Make My Persona

Make My Persona | Bonnes Pratiques Web | Scoop.it
Je viens de créer mon buyer persona en quelques minutes avec l'outil de création de persona de HubSpot.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Python Automation Testing: Pytest and Pytest-bdd

Python Automation Testing: Pytest and Pytest-bdd | Bonnes Pratiques Web | Scoop.it
Setting up Python automation testing doesn't have to be challenging. Learn how to use Pytest and Pytest-dbb to do just that.
Mickael Ruau's insight:

This is part of the Python Automation Testing blog series. You can review the code from this article on the Python Automation Git repo.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Building Web Components with Stencil

Building Web Components with Stencil | Bonnes Pratiques Web | Scoop.it
Stencil is an open-source compiler that generates standards-compliant web components.
Mickael Ruau's insight:

 

We can build web components using vanilla JS of course. But Stencil provides some syntactic sugar with TSX (JSX with TypeScript) that makes it a lot easier to build web components with cleaner, reduced code. Stencil’s core API can be used to create components, manage state with the component lifecycle methods, and inputs and outputs to pass attributes into components and emit events from the component respectively.

Here is what a stencil component looks like:

import { Component, Prop, Event, EventEmitter } from '@stencil/core'; @Component({ tag: 'nice-alert', styleUrl: 'nice-alert.scss' }) export class NiceAlert { // input passed to the component @Prop() message: string; // event emitted from the component @Event() alertDismissed: EventEmitter; // triggers on `Yes` button click yes() { this.alertDismissed.emit(true); } // triggers on `No` button click no() { this.alertDismissed.emit(false); } render() { return ( <div> <div class="message"> {this.message} </div> <div class="actions"> <button onClick={() => this.yes()}>Yes</button> <button onClick={() => this.no()}>No</button> </div> </div> ) }

Let’s discuss the elements from the core API used in the above component:

  1. tag in the @Component decorator defines the element tag to use this component in HTML.
  2. styleUrl points to the styles (file) of the component.
  3. @Component decorator wraps the class around and registers as a component for Stencil.
  4. @Prop decorator is used for handling input (attributes data) for the component
  5. @Event decorator is used to create event emitters to emit events outside from the component.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Design a Beautiful Website That Drives Conversions

How to Design a Beautiful Website That Drives Conversions | Bonnes Pratiques Web | Scoop.it
Smart marketers know that an intelligent web design can make a huge difference in conversion rates. Digital first impressions can make or break your credibility as a business. We’ve got some design tips to help you make the best impression on your website’s visitors.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Girlz In Web - » Bilan workshop n°14 : Comment engager vos visiteurs avec un design émotionnel ?

Retour sur le Workshop du 30 janvier dernier qui s’est tenu dans les locaux de l’école IESA multimédia. Au menu de cette session : le design émotionnel dans notre quotidien. Et pour animer ce thème, Jacinthe Busson, co-fondatrice de la start-up Kontestapp et auteur du blog Ergophile.com

Mickael Ruau's insight:

Lors de ce workshop, nous avons abordés les origines du design dans différents domaines comme par exemple le design d’objet, l’architecture, le graphisme, l’ergonomie et même le champs lexical utilisé dans des interfaces web et mobile.

Il faut savoir que le design émotionnel n’est pas quelque chose de nouveau dans notre quotidien mais le terme a surtout été démocratisé par Aaron Walter grâce à son livre « Design Emotionnel » de la collection Book Apart.

No comment yet.