Why build an experience map?
An Experience map helps the organisation to see the bigger picture, and make decisions about where to focus activity based on research. By seeing the bigger picture, you’re able to:
Identify projects and build a road map of work
Identify opportunities for innovation
Understand where the user experience is currently being well supported
An Experience map helps the organisation to see the bigger picture, and make decisions about where to focus activity based on research. By seeing the bigger picture, you’re able to:
Identify projects and build a road map of work
Identify opportunities for innovation
Understand where the user experience is currently being well supported
CONVERTISSEZ VOS MARCHES ET COURSES QUOTIDIENNES EN UNE AVENTURE DE 40 000 KM AUTOUR DU MONDE !
The UX Design Process: What Clients Need to Know
Thinking about working with a UX agency for the first time? Great! Welcome! You’ve probably heard about user experience, user-centered design, usability and a host of other names for following a customer-centric approach to designing products. There is a wealth of nuance here, but these are the key things you need to know.
Thinking about working with a UX agency for the first time? Great! Welcome! You’ve probably heard about user experience, user-centered design, usability and a host of other names for following a customer-centric approach to designing products. There is a wealth of nuance here, but these are the key things you need to know.
Aujourd’hui, le web offre des possibilités énormes quant à l’interaction et le design des éléments. C’est pourquoi un simple bouton n’est plus simplement ponctué par les 3 états que tout le monde connaît : l’état normal quand il est encore inutilisé, l’état actif quand il est en train d’être utilisé, et l’état passé quand évidemment il vient d’être utilisé.
Comment travailler avec des icônes en SVG
03 APRIL 2016 on SVG, CSS, Intermédiaire, Design
Par Florens Verschelde
Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Elle répond à nos besoins, qui comprennent :
Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript.
Des icônes qui sont souvent de simples icônes monochromes — chacune pouvant être utilisée en différentes couleurs, selon le contexte et les interactions utilisateur — mais possibilité d’avoir des icônes en bichromie.
Compatibilité navigateurs IE9+.
03 APRIL 2016 on SVG, CSS, Intermédiaire, Design
Par Florens Verschelde
Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Elle répond à nos besoins, qui comprennent :
Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript.
Des icônes qui sont souvent de simples icônes monochromes — chacune pouvant être utilisée en différentes couleurs, selon le contexte et les interactions utilisateur — mais possibilité d’avoir des icônes en bichromie.
Compatibilité navigateurs IE9+.
Depuis ses débuts, le monde du web a toujours voulu rendre animé ses interfaces. Les développeurs de l’époque avaient compris que le web permettait ce que le papier ne pouvait pas, c’est-à-dire pouvoir animer les éléments d’une page.
Pourquoi utiliser les animations sur un site ? CLICK TO TWEET
Pourquoi utiliser les animations sur un site ? CLICK TO TWEET
Aligning Text Smartly in CSS
Almost complete guide to flexbox (without flexbox)
28th March 201627 Comments
Unfortunately, not everyone has a browser/device capable of viewing flexbox layouts. This is a cheatsheet-esque guide that offers backwards compatible alternatives to flexbox properties.
28th March 201627 Comments
Unfortunately, not everyone has a browser/device capable of viewing flexbox layouts. This is a cheatsheet-esque guide that offers backwards compatible alternatives to flexbox properties.
POPPER.JS
A KICKASS LIBRARY
USED TO CREATE POPPERS IN WEB APPLICATIONS
A KICKASS LIBRARY
USED TO CREATE POPPERS IN WEB APPLICATIONS
Material Kit.
A BADASS BOOTSTRAP UI KIT BASED ON MATERIAL DESIGN.
A BADASS BOOTSTRAP UI KIT BASED ON MATERIAL DESIGN.
Create interactive maps
Make a guide, embed maps on your website, organize your geo-data
Make a guide, embed maps on your website, organize your geo-data