background preloader

UI/UX

Facebook Twitter

The Anatomy of an Optimized Web Page [Infographic] Améliorez vos sites avec une analyse complète à l'aide de l'outil Dareboost. Aujourd'hui nous vous présentons un service utile pour améliorer vos sites web avec une analyse complète accompagnés de conseils précis.

Améliorez vos sites avec une analyse complète à l'aide de l'outil Dareboost

Dareboost analyse la structure de vos sites La performance de nos sites web avec les bonnes pratiques de développement permettent de concevoir des sites légers et rapides ! Mais il est difficile de pouvoir gérer parfaitement l'ensemble d'un site entre le HTML, le CSS, les ressources internes (Images, JS, etc.) et les ressources externes (réseaux sociaux, Google font, etc.).

C'est pour cela qu'il existe des outils qui nous permettent de réaliser des analyses afin de mettre en avant les petites erreurs ou les parties à améliorer de nos sites. On connaît l'outil proposé par le W3C qui reste peu séduisant mais qui vous permet de voir les problèmes au niveau du CSS et du HTML. Les conseils sont clairs et précis pour nous accompagner au mieux dans l'amélioration du site. 15 Examples of Great Mobile Website Design. Now more than ever, businesses are focusing on creating delightful mobile website experiences.

15 Examples of Great Mobile Website Design

After all, 80% of Internet users are using smartphones to search online. What's more, marketers are gearing up for a big change Google plans to make to their algorithm starting on April 21, 2015. Google wrote in their official blog that they will be "expanding our use of mobile-friendliness as a ranking signal," and their update should have a significant effect on marketers. When Google makes this change, it will have a bigger impact than Panda or Penguin. To put that in context, their Panda update impacted only about 12% of queries, and Penguin affected about 4% of mobile and desktop queries. Download our free guide here to learn how to design your own mobile-friendly website. In other words, if you haven't been focusing on improving your mobile experience, you'd better prioritize it now, or your search ranking might suffer. 1) Shutterfly 2) Google Maps 3) Etsy. Simple, Real And Bug-Free Foundation Development. Advertisement It’s just like that for your product, too: people rely on our products to work.

Simple, Real And Bug-Free Foundation Development

Bugs erode trust, which in turn loses customers. So when we began updating Foundation, a responsive CSS framework, we wanted to ensure everything worked. Thoroughly. We know that many people rely on our software for their work, and maintaining that trust is paramount. In this article you’ll learn our methodology for testing responsively, not just on a case by case, page-from-PSD comp. Firstly, how do we define “broken”? Trouvez un bon thème WordPress avec cette méthode. Vous êtes-vous déjà trompé en achetant un thème WordPress ?

Trouvez un bon thème WordPress avec cette méthode

Si oui, souvenez-vous de ce que vous avez ressenti. Vous vous êtes probablement dit quelque chose du genre : « Allez, encore de l’argent de jeté par la fenêtre… ». À mon sens, la raison principale qui mène à un mauvais achat de thème (sur Themeforest ou une autre boutique) est une mauvaise définition des besoins du projet… Vous ne devez pas choisir un thème uniquement parce que vous le trouvez beau. C’est un peu plus compliqué que ça. De même, par pitié, n’achetez jamais un thème sur un coup de tête.

Ergolab-tri_de_cartes_ergonomie_web.pdf. Tri de cartes et ergonomie web. Introduction L'architecture de l'information est le fondement de la structure d'une application.

Tri de cartes et ergonomie web

Pour optimiser cette architecture, plusieurs méthodes sont utilisées. Cet article décrit l'une d'entre elles, le tri de cartes. Nous détaillerons les caractéristiques des différents types de tris, le déroulement classique d'une session de tri, ainsi que le rapport entre les caractéristiques de la méthode et les besoins et contraintes de l'ergonomie web. Cet article sera volontairement orienté vers le domaine web, car c'est celui dans lequel nous disposons du plus d'exemples concrets. UX Tools — Hints from the lazy bear. FlairBuilder"FlairBuilder is a prototyping tool that lets you create interactive wireframes for websites and mobile applications.

UX Tools — Hints from the lazy bear

" Macaw"Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. " Pencil Project"An open-source GUI prototyping tool that's available for ALL platforms. " Concept.ly"Transform your Mockups into clickable applications. " MockingBird"An online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application. " Les ressources web du lundi #102. Découvrez 5 sites avec une navigation et un concept original #122. Une nouvelle semaine pour découvrir 5 sites web qui méritent le détour pour leur concept et leur navigation.

Découvrez 5 sites avec une navigation et un concept original #122

Une bonne dose d'inspiration et de nouveauté pour ce lundi ! Hello I'm V Découvrez le portfolio de Valentin Marmonier alias I'm V qui nous plonge dans un univers interactif très poussé avec une grande variété d'effets. On retrouve une one page qui évolue avec le scroll en jouant sur des animations et des effets en 3D très réussi, le résultat donne un rendu innovant et original !