Le contenu est maitre et le design est son serviteur Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ? Un beau site ?Ou bien un site où vous trouverez l’information recherchée ? Pour la plupart d’entre nous, notre première attente est le contenu pertinent en rapport avec la requête que nous avons formulée. Pourtant, le design revêt une importance capitale dans la satisfaction de l’utilisateur d’un site web, a condition d’être au service du contenu. Sans contenu utile, le design n’est rien. Le plus beau des sites web sera jugé avec déception s’il ne tient pas la promesse qui nous a amenés à celui-ci. Que ce contenu soit relatif à un produit que vous souhaitez acheter, une vidéo que vous souhaitez regarder, une information que vous souhaitez connaître, vous venez pour lui, le maitre, le contenu. Et pourtant encore presque en 2011, de nombreux sites sont conçus à l’envers. Tous les designers que j’ai pu rencontrer me disent tous la même chose. Dit comme cela, ça nous paraît évident. En résumé
Quand la psychologie s'invite dans le design : le principe de Gestalt. Le design est un domaine en constante évolution. Au fur et à mesure de son développement, il puise dans des sources d’inspiration aussi différentes les unes que les autres. La psychologie en fait bien évidemment partie. Gestalt et la psychologie de la forme Née au début du XXème siècle en Allemagne, la théorie Gestalt (qui signifie grossièrement « forme » en allemand) défini, entre autres, les principes de la perception visuelle. le tout est différent de la somme de ses parties Cette théorie est décomposée en de nombreuses lois. Loi de la bonne forme (ou prégnance) : le cerveau va tenter de percevoir des « bonnes formes » dans un groupement plus ou moins aléatoire de parties. Loi de continuité : des points rapprochés sont perçus dans une continuité et tendent à représenter des formes. Loi de la proximité : des points proches tendent à être considérés comme faisant partie d’une même forme. Le principe de Gestalt dans la perception visuelle Le logo IBM représente bien la loi de proximité.
Plus de 100 tutoriels gratuits pour Joomla! 3 - Tutoriels Joomla! 3 gratuits | Apprendre à utiliser Joomla! | CINNK Depuis maintenant plus de 3 ans, CINNK (anciennement kiwik.net) propose de nombreuses ressources gratuites pour débuter avec Joomla!, prendre en main le CMS et construire et maintenir des sites web de qualité avec cet outil. Aujourd'hui, voici un récapitulatif des 100 tutoriels gratuits parmis les plus consultés pour Joomla!. Certains de ces tutoriels sont des contenus originaux créés et écrits de toutes pièces, d'autres sont des traductions de sites référents anglophones. Débuter avec Joomla! Introduction à Joomla!. Joomla! Les extensions Joomla!. Mise à jour, migration & maintenance Migration de Joomla 1.0.xx vers Joomla 3.x. Migration de Joomla 1.5 vers Joomla 3 avec l'extension SP Upgrade. Mise à jour de Joomla 2.5 vers Joomla 3.x. Mise à jour de Joomla 3.x vers Joomla 3.4. Sauvegarder un site avec Akeeba vous guidera pour créer une sauvegarde complète de votre site en quelques clics. Vous préférez la vidéo ? Afin de toujours utiliser la dernière version de Joomla! La boutique Joomla!
Et on reparle de l’emplacement des intitulés de champs de formulaire Voilà plus de 10 ans que je fais ce métier, et je ne me souviens pas d’une période aussi trouble que celle que nous sommes en train de vivre… Je fais bien évidement référence à LA grande question que tout le monde se pose : Où positionner les intitulés de champs dans un formulaire en ligne ? Cette question peut vous faire sourire, mais le débat est toujours actif, la preuve avec cet article publié par UXMovement : Why Users Fill Out Forms Faster With Top Aligned Labels. Il y est donc question d’une étude de eye-tracking qui met en évidence le nombre de points de fixation et la distance parcourue par l’oeil dans cette comparaison entre les intitulés alignés à gauche et en haut : Cette démonstration est équivoque : Les intitulés positionnés au dessus des champs diminuent grandement l’effort de lecture / compréhension. Jusque là tout est logique dans la mesure où ceci confirme les conclusions de cette précédente étude : Web form design guidelines: an eyetracking study.
Étude : usage et avenir des assistants vocaux pour les marques Retour au plus naturel et intuitif des outils de communication : la voix. Comme l’expliquent les équipes de J.Walter Thompson London et Mindshare Futures, « il y a toujours eu un intrus dans notre relation avec la technologie : un clavier, une souris ou un écran ». Avec l’émergence des assistants vocaux, nul obstacle, si ce n’est la pertinence encore perfectible des différentes intelligences artificielles du marché. Afin d’en savoir plus sur l’usage et les promesses de cette nouvelle technologie, les pôles « Innovation » et « Futures » des agences J.Walter Thompson et de Mindshare viennent de dévoiler l’étude Speak Easy. L’usage Si l’idée d’interagir naturellement avec son smartphone par la voix nous paraissait lointaine, l’étude « Speak Easy » de J. Le rapport « Speak Easy » permet d’identifier 4 grandes tendances : Les principales requêtes : L’impact sur la mémorisation et l’activité cérébrale : Pour les marques Pour en savoir plus, téléchargez l’étude Speak Easy.
Les Blogs sont morts ? Je vous explique pourquoi ce sont des INCAPABLES qui disent cela !ConseilsMarketing.fr On l’entend de plus en plus, même par des “experts” en marketing, “les blogs sont morts”… A chaque fois cela me fait bien rire ! Car si les blogs sont moins à la mode, si de nombreux blogs sont abandonnés, si le mot blog est moins recherché (cf cette analyse avec Google Trends)… un Blog reste TOUJOURS une des clés pour une stratégie efficace sur les Media Sociaux, pour le SEO, voire même pour créer un business ! Oui, il existe des alternatives efficaces pour créer un business, avoir du trafic, trouver des prospects… Par exemple certains Youtubers (Norman, Cyprien, Chris…) gagnent très bien leur vie avec une chaîne Youtube. Voici par exemple la vidéo de Chris qui l’a fait connaître, lorsqu’il a “dévoilé” le salaire potentiel des Youtubers qui lui a fait connaître le succès : Mais d’une part ce sont de très rares exceptions, et surtout c’est aussi dur (voire plus) que de tenir un Blog. Et si leur blog est un échec, c’est simplement car ils ont été incapables d’utiliser cet outil marketing…
Webdesign : 21 livres à télécharger gratuitement - Framasoft Framafox Vendredi 16 juillet Webdesign - 16 juillet 2010 :: 08:17 :: Par Eric Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Le webzine spécialisé dans le design Sepckyboy recense 21 livres gratuits sur le webdesign. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si Si vous bossez dans le design, le développement et l’intégration de sites web et que l’anglais ne vous fait pas peur, voici un peu de lecture pour l’été. Certains bouquins sont au format HTML et donc à feuilleter en ligne (si vous avez un iPad ou n’importe-quelle tablette ou E-Book reader doté d’un navigateur web ce sera parfait) alors que d’autres sont à télécharger en PDF : Tous les aspects du webdesign sont abordés, de la typographie à l’accessibilité, en passant par JavaScript, Ruby, jQuery et HTML5. (source) Plus d'infos sur : E-Books, Web
NEW UI #13 : Les nouvelles interfaces du flux Toutes les semaines ne manquez pas d’inspiration et suivez les tendances de design UI avec la sortie des nouvelles conceptions d’interfaces. Nous choisissons parmi les multiples sites d’inspiration et de partage de conceptions graphiques les nouveaux travaux des meilleurs designers. Seulement de la nouveauté que vous inspirera pour vos conceptions d’interface. GIF ou PNG, mobile ou desktop, animation ou navigation, vous aurez une sélection différente en fonction des semaines et des sorties. Les NEW UI c’est aussi une façon de grouper des références de design de site ou d’application qui peuvent être utiles lors de présentation ou benchmark fonctionnel. Au delà de l’inspiration, ce sont des compositions d’interfaces ou des principes de navigation que vous pouvez exploiter ou présenter facilement. Les nouvelles interfaces animées du flux #NewUI Click To Tweet 1- Présentation d’une application en one page by Denis Kovalev 2 – Formulaire d’ajout d’un cours en ligne by George Kvasnikov by Cuberto
Stratégie de présence en ligne : 7 fiches pratiques pour les entreprises et institutions La Chambre de Commerce et d’Industrie (CCI) de l’Ariège, dans le cadre de son activité d’accompagnement des entreprises touristiques (hôtels, restaurants, sites…) baptisé High Hospitality Academy propose un ensemble de fiches pratiques librement téléchargeables avec des conseils concrets. Plusieurs de ces dossiers concernent l’acquisition de savoir et savoir-faire sur la thématique numérique avec la mise en place recommandée de stratégies tout ceci avec un objectif commun à toutes les fiches : « réussir mon accueil en ligne ». Conseils pratiques et méthodologie Ces documents condensés permettent tout à la fois d’acquérir une méthodologie de présence sur le Web pour les acteurs économiques et culturels du secteur du tourisme tout en ne négligeant pas l’outillage technologique et applicatif nécessaire. Etre présent en ligne pour des entreprises : 7 fiches avec recommandations Créer et gérer mon site Internet : Réussir mon accueil en ligne (4 pages, en pdf)
Introduction to CSS3 – Part 1: What is it? This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. What is it? CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. Modules The development of CSS3 is going to be split up into ‘modules’. The Box ModelLists ModuleHyperlink PresentationSpeech ModuleBackgrounds and BordersText EffectsMulti-Column Layout View the full list of modules Timescale Several of the modules have now been completed, including SVG (Scalable Vector Graphics), Media Queries and Namespaces. It is incredibly difficult to give a projected date when web browsers will adopt the new features of CSS3 – some new builds of Safari have already started to. How will CSS3 affect me? Hopefully, in a mainly positive way.
e-String-Florent Colautti e-String is first an homebuilt string instrument with electromagnetic bows (e-bow) piloted by the computer. Then, I amplify the string sound and process with Max/msp. The instrument offers special sound modes: short sounds, continuous sounds, pitched or not, and various behaviors related to electronic control and transformations. The instrument sounds acoustic, but amplification (pickups + contacts) recovers various audio qualities. I’m focused on shaping the matter of the strings, carving and reconstructing it, but also on the physical quality and texture of the acoustic string vibrations. My compositions develop a link between the acoustic instrument and electronic material, and they suggest an auditory journey where acoustic waves becomes abstract textures.
HTML5 : le guide du débutant La capacité à créer de belles et convaincantes pages web est une compétence utile qu'il faut avoir. Elle vous permet de présenter des informations qui vous intéressent tout en capturant l'attention des personnes qui visitent votre page web. Si vous ne souhaitez pas utiliser les gestionnaires de contenu (tels que WordPress, Drupal et Joomla) pour mettre sur pied votre site web et que vous voulez apprendre les bases du HTML5, alors ce guide est fait pour vous ! Et au fait, une fois que vous aurez appris les ficelles du métier pour le HTML5, je vous suggère de jeter un œil à ma « Fiche de révision HTML5Fiche de révision HTML5 » ci-dessous. Historiquement, les sites web sont créés à partir du HTML, du CSS et du JavaScript. Ce renouveau est appelé HMTL5, et il est utilisé avec beaucoup d'enthousiasme par les entreprises et les développeurs. Même si tout ça peut sembler intimidant au premier abord, ça ne l'est pas du tout. Ici on trouve beaucoup de choix VI-A. VI-B. VI-C. VI-D. VI-E. <! <!
Become A WordPress Theme Developer Who Rocks In Four Steps (and It has been proved. You can become a “RockStar” developing WordPress themes. Think at the audience, think at the creative process… in my opinion a great WP theme is like a great rock song. In my experience I’ve developed some themes for this great blogging platform and when I start a new WordPress-based project my mind automatically thinks at the development of the website in four steps (once the concept is set). The steps are clear and in this post you can find some useful tutorials and excellent readings to really become a star as WordPress Themes Designer. First Step: Design Your Layout in Photoshop Below there are the top tutorials for learning how to design a perfect web-layout. How to Make an Impressive Blog Layout in Photoshop Create an Elegant Photoshop (PSD) Template for Wordpress Create a wordpress interface in Photoshop How to Create a Unique Wordpress Theme Creating a tech blog layout in Adobe Photoshop Wordpress Layout #5 Create a Vibrant Modern Blog Design in Photoshop