Réveillez l'entrepreneur qui sommeille en vous / Startupeers.co

< Retour

M'inscrire /

Me connecter

L’Adaptive Web Design, au paroxysme de l’optimisation

L’Adaptive Web Design, au paroxysme de l’optimisation

A l’heure où les supports de navigation sur Internet se diversifient au maximum et que le m-commerce connaît un véritable envol, l’adaptabilité des sites web devient l’une des priorités pour chacun des sites de vente en ligne. Le responsive web design (RWD) fait couler beaucoup d’encre ces derniers temps puisqu’il représente une solution rapide et efficace pour l’optimisation de sites vitrines relativement simples. Idéal pour les interfaces créées à partir de ce type d’offre, le responsive web design présente quelques limites quand il s’agit de sites e-commerce beaucoup plus conséquents. L’adaptive web design (AWD) s’inscrit dans le même principe, bien qu’il aille encore plus loin dans l’optimisation pour chacun des supports. Notion d’amélioration progressive Si le responsive design se concentre essentiellement sur la flexibilité des différentes grilles et images et sur la reconnaissance des media queries, afin d’adapter un site à n’importe quel écran, le webdesign adaptatif fonctionne sur le principe du « Progressive Enhancement », ladite amélioration progressive. Contrairement au webdesign responsive qui n’opère aucune modification de contenu, l’AWD se base sur la création d’une version « minimaliste » d’un site, facilement déclinable et étoffable en fonction du support de navigation. Le webdesign adaptatif met en exergue les valeurs et avantages de chaque support. Qu’il s’agisse des donnés GPS d’un smartphone ou de l’appareil photo d’une tablette, l’adaptive web design se focalise sur l’ensemble des fonctionnalités qu’offre chacun des appareils pour développer une interface rapide, pratique et optimisée pour les internautes. Plus poussé que le responsive design, il capte les différentes capacités en termes de navigation que présente chaque support. Il permet ainsi de ne pas lancer le...
Quels dispositifs d’interaction pour un web-design de qualité ?

Quels dispositifs d’interaction pour un web-design de qualité ?

Que dois je utiliser a pour objectif de sensibiliser aux bonnes pratiques du web-design en illustrant de manière efficace des contres exemples ou fausses bonnes idées fréquemment rencontrées sur le web.  Haikusages vous en recommande chaudement la lecture ! Et pour continuer la réflexion, haikusages vous conseille également lorsque vous concevez une interface web ou mobile de vous poser les questions  suivantes jusqu’à ce que la réponse soit oui à chacune d’entre elle : est ce que cet élément / dispositif apporte de la valeur à l’utilisateur ? est ce que sa fonction est identifiable dès le premier coup d’oeil de l’utilisateur ? est ce que l’utilisateur va le trouver facilement au moment ou il en aura besoin ? est ce que l’effet qu’il va produire est celui auquel s’attend l’utilisateur ? est ce qu’il est utilisable quelque soit le contexte d’usage de l’utilisateur ? via : le blog du...
Les 9 points clés d’une Landing Page efficace.

Les 9 points clés d’une Landing Page efficace.

Une landing page permet de présenter de manière synthétique et percutante l’offre que l’on propose (ou que l’on va proposer dans le cas d’un teasing pré-lancement). C’est un outil de communication indispensable qui peut s’avérer décisif dans une campagne de lancement si elle est utilisée à bon escient. De nombreux outils web permettent de créer en quelques clics sa landing page personnalisée (voir à ce titre l’article Entrepreneurs : 33 outils pour vous faciliter la vie !), mais pour les exploiter efficacement il demeure essentiel de bien comprendre les mécanismes qui vont permettre de transformer vos visiteurs en futurs clients. C’est pourquoi l’expert en visibilité et marketing web Neil Patel a décidé de partager ses connaissances sur le sujet, en les résumant sur une infographie à la fois simple et complète. Attention néanmoins, si les conseils prodigués dans cette infographie sont pertinents il vous faudra tout de même réfléchir un minimum en particulier sur les messages que vous voulez faire passer et la manière de les présenter 😉 Lire l’article source sur le blog de...
Responsive Web Design – Décryptage des bonnes pratiques en ecommerce

Responsive Web Design – Décryptage des bonnes pratiques en ecommerce

Découverte au détour d’un tweet de Alice Antheaume, cette infographie présente de manière visuelle et didactique les bonnes pratiques du responsive web design. Si elle peut sembler simpliste, elle n’en contient pas moins les bonnes pratiques du moment. On regrette cependant que les explications ne soient pas un peu plus fournies, en particulier pour la comparaison des layouts PC / tablette / mobile. Enfin, il aurait été intéressant d’y trouver quelques informations sur les nouveaux terminaux connectés car de plus en plus d’objets connectés permettent ou vont bientôt permettre d’accéder au web (télévision, automobile, frigidaire, …). Fournir une expérience de qualité malgré leur multiplication est un enjeu important de demain et le responsive web design est une des réponses. Lire l’article source sur...
Créez un layout responsive en quelques secondes avec ResponsiveWebCSS !

Créez un layout responsive en quelques secondes avec ResponsiveWebCSS !

Découverte au détour d’un tweet de Thibault Martin, ResponsiveWebCSS est un outil permettant de construire en quelque clics un layout et ses déclinaisons reponsive selon des tailles d’écrans prédéfinies, puis de le télécharger sous forme de fichiers HTML et CSS. Simple, intuitif et pratique ResponsiveWebCSS peut vous permettre de gagner du temps pour rapidement mettre en place et tester une structure responsive. Il s’agit d’un outil simple, qui ne remplace pas le travail d’un intégrateur front end mais qui peut permettre de tester plusieurs pistes avant de se fixer et de lancer l’intégration en tant que tel. Tester cet outil...
MOOC – Lancement de Gymnasium, la 1ère université en ligne dédiée aux professionnels du design web.

MOOC – Lancement de Gymnasium, la 1ère université en ligne dédiée aux professionnels du design web.

Si vous ne savez pas encore ce qu’est un MOOC (Massive Online Open Course), vous passez à coté de ce qui est tout simplement en train de révolutionner le monde de l’enseignement. Comme son nom l’indique, un MOOC est une plateforme qui délivre des cours en ligne ouverts à tous (et souvent gratuits) en s’appuyant sur la technologie web. Les cours sont délivrés sous forme de vidéo, les échanges entre élèves et professeurs passent par des forums et tous les exercices sont effectués directement en ligne, évaluation comprise. Aquent, première agence mondiale de talents pour les missions en marketing, création et digital, vient de lancer Aquent Gymnasium (//gymnasium.aquent.com/), le 1er MOOC dédié aux experts de la création et du développement web dont le premier module est “Coder quand on est graphiste”. Comment ça marche ? Comme tous les MOOC, le principe est simple comme bonjour. Chaque mois, Aquent Gymnasium ouvrira une nouvelle classe sur un thème précis découpée en modules composés d’une vidéo de cours, d’exercices pratiques et d’un forum pour échanger avec les étudiants du monde entier inscrits au même cours. Le dernier module sera suivi d’une évaluation finale permettant de mesurer les progrès accomplis et valider ou non l’acquisition des connaissances délivrées. A qui ça s’adresse ? Les cours d’Aquent Gymnasium visent les acteurs du design web de manière générale (graphiste, DA, dev front end, …). Néanmoins chaque classe traitant d’un thème précis, l’intérêt sera différent selon que l’on soit graphiste pur ou dev front end. La première classe, “Coder quand on est graphiste”, est par exemple spécifiquement pour les graphistes et directeurs artistiques qui ne possèdent pas beaucoup...
Responsive design – 10 conseils pour une mise en oeuvre efficace.

Responsive design – 10 conseils pour une mise en oeuvre efficace.

Vous le savez, je ne considère pas le responsive design comme une fin en soit ni comme l’eldorado du web-design. Cependant, il s’agit d’une approche qui a un intérêt certain selon le contexte, et qui peut s’avérer être le parfait compagnon d’une stratégie multi-device. Cette infographie, découverte sur servicesmobile.fr, liste en 10 grandes étapes les questions à se poser par rapport à une stratégie responsive design ainsi que de nombreuses informations utiles qui vous permettront de faire le bon choix : celui qui correspond à votre contexte. En effet, n’oubliez pas que le responsive design n’est pas une approche « systématique » et doit s’inscrire au sein d’une réflexion globale. Bonne lecture ! Cette infographie a été réalisée par...
Design web & mobile – quelques pistes de réflexion issues de mon expérience freelance.

Design web & mobile – quelques pistes de réflexion issues de mon expérience freelance.

Dans le cadre de mes missions de designer de service, les chantiers de design d’interfaces et d’interactions occupent une part importante de mon temps. En effet, la perception de l’utilisabilité et de la désirabilité du service passe en grande partie par la manière dont il se matérialise sur le terminal de l’utilisateur même si bien sur d’autres facteurs importants entrent en jeu (d’ou l’intérêt de ce cadre méthodologique et postural qu’apporte le design de service et qui permet de dessiner une vue d’ensemble, un écosystème tenant compte de l’utilisateur, de son contexte et de ses buts). Je suis ainsi amené à définir des personae, élaborer des maquettes d’interfaces web ou mobiles (wireframes, mockups), définir les principes de navigation et les storyboarder, travailler sur l’architecture de l’information des sites ou Apps, … en étant évidement garant de la pertinence et de l’adéquation de ces préconisations avec les besoins des services en cours de conception.   Ces 6 derniers mois, grâce à la liberté d’action qui m’a été donnée j’ai eu l’occasion d’explorer de nombreuses pistes pour répondre efficacement aux problématiques parfois complexes et peu courantes posées par les services sur lesquels je travaille. Sans toutefois vous dévoiler les détails du projet, j’ai décidé de partager avec vous ce retour d’expérience sur le design web & mobile inspiré par mes recherches, tâtonnements, expérimentations et réalisations ! L’approche retenue : App thinking design A la question « quelle expérience proposer selon le device utilisé ? » la réponse qui s’est imposée naturellement a été : la plus riche possible, avec un niveau d’exigence identique ! Plutôt que de me lancer tête baissée dans les étapes...
Quelques clés pour prendre les bonnes décisions dans un processus de design.

Quelques clés pour prendre les bonnes décisions dans un processus de design.

Ce schéma regroupe les bonnes pratiques mises en oeuvre par Marcin Treder dans le cadre de ses missions de design & UX. Il s’agit d’un basique pour lequel un rappel de temps en temps ne fait pas de mal, tout comme la remarque suivante de Marcin : Good design is always based on specialized knowledge about human behaviour. Cliquez sur l’image pour voir la totalité du...