background preloader

Usabilis - Ergonomie informatique, ergonomie logicielle, design et conception d'interface pour les applications logicielles, web, mobiles et tactiles

Usabilis - Ergonomie informatique, ergonomie logicielle, design et conception d'interface pour les applications logicielles, web, mobiles et tactiles

http://www.usabilis.com/

Related:  WebdesignUXmissclic

Design et refonte de site média : les bonnes pratiques Lors du web2day, Gaëtan Duchateau et Florent Guerlain de l’agence Datagif ont présenté leur point de vue sur le design des sites médias. Ils ont eu la bonne idée de partager leur présentation sur SlideShare. On voit qu’ils maîtrisent le sujet : la présentation est vraiment bien conçue, sur la forme comme sur le fond. Elle se suffit à elle-même, contrairement à la plupart des présentations lorsqu’elles sont orphelines de leur speaker. Nous avons donc décidé de la partager avec vous.

AXA Global Direct et Paris Région Lab lancent l'incubateur "Smart Data for Customer Intelligence" AXA Global Direct (AGD), via l'Institut Open Innovation et Paris Région Lab Incubateurs annoncent un partenariat stratégique pour développer un programme d’incubation de start-ups. L’objectif est d’accélérer la croissance de jeunes entreprises innovantes qui développent des solutions autour du Smart Data et de la Connaissance Client (Customer Intelligence). Un appel à candidatures est lancé du 17 juin au 22 juillet 2014. Ce programme s’adresse aux start-ups développant une expertise et des offres en lien avec les smart data ou la connaissance client. Son objectif principal étant d’accélérer le business entre des entreprises innovantes et AXA Global Direct, un intérêt particulier sera accordé aux candidatures des entreprises qui ont défini leur offre et ont déjà des clients. Les start-ups sélectionnées bénéficieront des compétences et de la renommée de la filiale digitale internationale d’AXA, associées au savoir-faire et au réseau de Paris Région Lab Incubateurs.

Initiation au positionnement en CSS (Partie 1) Pour éviter l'usage inconsidéré des tableaux de mise en page, l'utilisation correcte de chaque élément (balises div, p, h1, ul, li, etc.) ainsi que leur positionnement en CSS est dorénavant indispensable. Les éditeurs HTML visuels n'utilisent qu'une infime partie des possibilités des balises (faussement nommées "calques" en général), ce qui les rend souvent peu compatibles et peu pratiques. Cet article en deux parties explique comment positionner les éléments en CSS de façon optimale.

Méthodes quantitatives en Expérience Utilisateur (UX)[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] L’Expérience Utilisateur (UX) est un domaine où les méthodes d’analyse quantitative peuvent venir en complément des méthodes qualitatives. Nous distinguons les mesures de l’UX (mesurer spécifiquement l'expérience utilisateur) et les mesures en UX (utiliser les méthodes quantitatives dans le domaine de l'UX). Plusieurs outils de mesure existent selon les critères de l’Expérience Utilisateur (UX) que l’on souhaite mesurer (utilisabilité, utilité, émotions, confiance, esthétique, etc.) et le type de dispositif concerné.

Comment Traduire son Thème Wordpress une Bonne Fois pour Toute Note : Cet article a été publié en mars 2012, certaines choses peuvent avoir changé depuis. 9inShare Vous allez être d’accord avec moi, un site destiné au public francophone doit être en français. Le fait est que la majorité des thèmes WordPress sont en anglais. Il faut donc traduire son thème ou se procurer une traduction pour rendre votre site sous WordPress accessible au plus grand nombre. Je proposais auparavant un service de traduction de thème mais je ne peux malheureusement pas aider tout le monde. Design Patterns Les sont des schémas de conception, c'est-à-dire des modèles d'interface répondant à des cas typiques d'interaction. Les design patterns permettent d'avancer rapidement lors de la conception en fournissant des gabarits qu'il suffit d'adapter et d'assembler pour construire l'interface. Notre dernière liste de librairies et sa mise à jour commençaient à dater un peu, voici une nouvelle mise à jour plus complète. Au menu de cet article : des librairies de patterns pour trouver des solutions ergonomiques ( ici ), des galeries de patterns pour s'inspirer ( ici ), et des librairies interactives pour se faire une idée ( ici ). Les librairies de patterns

Ergonomie informatique : les principales méthodes Introduction Cet article présente les principales méthodes utilisées en ergonomie informatique. Cette sélection permet d'avoir une vue d'ensemble du travail de l'ergonome et des outils auxquels il recourt. Nous n'évoquerons donc pas toutes les méthodes, mais uniquement les plus courantes. De plus, cette liste ne détaille que des méthodes "finales", et non pas les techniques qui servent à les mettre en oeuvre (par exemple, la technique de l'interview, qui entre en jeu dans la méthode d'analyse de l'activité). Les exemples et orientations donnés sont principalement issus du web.

6 Etapes Pour Créer un Site avec WordPress en Toute Simplicité Vous disposez maintenant d’un nom de domaine et d’un hébergement web. Les choses sérieuses vont enfin pouvoir commencer ! Note : Je vais vous montrer pas à pas comment installer WordPress. Mon hébergeur étant 1&1, les captures d’écran seront donc issues de cet hébergeur. Télécharger WordPressCommençons par le commencement.

Structure et arborescence d'un site web : comment gagner sur internet Si vous voulez construire une maison, vous attendrez d'avoir des plans bien précis avant de commencer. Pour un site internet, c'est exactement pareil. Lors de l'étape précédente, créer son site web, vous avez : défini vos objectifslisté vos informationsOrdonné vos idéesorganisé vos idées en thèmes Maintenant, pour satisfaire au mieux vos lecteurs, vous devez organiser vos thèmes (groupe d'idées) sous forme hiérarchique : Définissez vos rubriques principales Chaque thème représentera une rubrique de votre site.Chacune de vos rubriques doit contenir assez d'informations pour pouvoir les présenter en thèmes logiques sur d'autres pages de niveau inférieur.Hiérarchisez vos informations à l'intérieur de vos rubriques principales Chaque groupe d'informations représentera une sous-rubrique.Pour chaque rubrique, vous pouvez proposer jusqu'à 7 sous-rubriques.

La fusion des marges en CSS Qu’est-ce que la fusion des marges? La fusion des marges est un mécanisme décrit dans la spécification CSS (CSS 2.1: Collapsing Margins). Il concerne les marges verticales (margin-top et margin-bottom) des éléments de type bloc. C’est un mécanisme qui, pour deux blocs qui se suivent, «fusionne» la marge inférieure du premier et la marge supérieure du deuxième. C’est-à-dire qu’au lieu d’additionner les deux marges, le navigateur va conserver la plus grande des deux. Conception Centrée Utilisateur La conception centrée sur l’opérateur humain est basée sur le principe que les utilisateurs finaux sont les mieux placés pour guider la conception d’un produit. Elle est décrite dans la norme internationale ISO 9241-210 (2010) (anciennement ISO 13407) comme « une manière de concevoir les systèmes interactifs, ayant pour objet spécifique de rendre les systèmes utilisables ». Concrètement, l’application de cette norme, qui mobilise des connaissances et techniques du domaine de l’ergonomie, ne présuppose pas une démarche unique de conception normalisée mais va pouvoir s’intégrer à différents processus de conception, de manière complémentaire. Pour cela, il conviendra d’intégrer au plan de projet global de développement du système un plan spécifiant comment les activités centrées utilisateurs s’intégreront aux autres activités fondamentales. Quatre principes fondamentaux

Outils de prototypage d’interface Pour élaborer rapidement et concrètement l'agencement de l'information (et le zoning) et des fonctionnalités d'une future interface, le maquettage en fil de fer (wireframe) est souvent un passage obligé de l'approche ergonomique. Comme le dit Jean-François Nogier dans son ouvrage : "Le prototypage est la clé de voûte du développement itératif". Que l'on soit à l'aise ou non avec un crayon à papier, quand un client veut pouvoir se représenter concrètement sa future interface, l'esthétique du wireframe a tout de même son importance. De nombreux outils sont à portée de souris et tout dépend de ce que l'on veut en faire. Je vous en propose donc quelques uns, du plus basique au plus étoffé, du plus statique au plus fonctionnel (n'hésitez pas à nous en suggérer d'autres!).

Christophe Le Bot » Web design Et voilà, Enjoy Sunglasses est en ligne ! Ce site e-commerce qui vend des lunettes de soleil, est l’un des rares à proposer d’essayer ses produits… en temps réel et en ligne ! Pour un client, rien n’est plus frustrant que d’acheter un produit qui ne lui va pas. Pour un vendeur, rien n’est plus frustrant que de perdre des ventes parce que le client n’a pas essayé le produit. Que se passe-t-il en mode quirks ? (traduction) Ce billet est la traduction de l’article « What happens in Quirks mode » de Jukka “Yucca” Korpela initialement paru sur le site du Tampere University of Technologie (Finlande) le 13 avril 2007, dernière modification le 28 février 2008. Le mode quirks est un mode de fonctionnement des navigateurs Web tels qu’Internet Explorer (IE), Firefox et Opera. En gros, le mode quirks (aussi appelé mode compatibilité) signifie qu’un navigateur relativement moderne simule intentionnellement de nombreux bugs des anciens navigateurs, en particulier IE 4 et IE 5.

Related: