background preloader

Thoughts on users, experience, and design - InVision Blog

Thoughts on users, experience, and design - InVision Blog
Related:  UX

Cognitive UXD - Hand selected articles about UX and Psychology Genera tu icono 75 Web Animation Tools You Have to Try | Webdesigner Depot Animation is one of those trends that has got its claws into web interfaces. Its popularity fluctuates, but it’s always there somewhere, as an essential component in any web site. From tiny, barely visible, loading spinners, to whole page transitions like a movie experience, animation reaches into every area of our designs. For designers looking to incorporate animation, there are a wealth of options available. 1. Animate.css is a fundamental library of neat cross-browser animations that underlies many solutions. 2. Magic Animations focuses on exceptional effects that give an interface a particular zest. 3. Bounce.js is a small playground where you can conduct experiments with CSS-based animations. 4. AnijS assists in handling animation in an intuitive way by using simple instructions such as If, On, Do, To. 5. Snabbt.js is famous for its minimal approach that brings about fast animations. 6. Kute.js is a sterling animation engine that delivers excellent performance. 7. 8. 9. 10. 11.

Free Stock Images I know your pain. You’re looking for free images for your website. You’ve looked far and wide for gorgeous, free images to use online, but keep running into cheesy pictures of people laughing at their salad. The good news is there are ton of different free and paid images for commercial use available online if you just know where to look. In this post, I’ve compiled the ultimate list of resources to source free images for your website. Take a look, and enjoy! Note: While these may be listed as free, it’s best to double check to ensure what the licensing is for each resource. Unsplash Why it’s good: High resolution stock photography10 new photos every 10 daysRoyalty free Gratisography Free images for commercial useNew photographs added weeklyHumor, and high contrast photography Little Visuals 7 new photos every 7 daysLandscape and nature focused photographyFree high resolution images Superfamous Life of Pix Extremely high resolution photographyNew photography added weeklyCopyright free images Pexels

Guide complet pour développer et intégrer avec Vue js #2 : Création et usages de composants Deuxième article de notre dossier sur Vue.js. Aujourd'hui nous allons décortiquer une des options les plus puissantes de Vue : les composants A qui s'adresse cet article ? Comme pour l'article précédent, cet article ne rentre pas dans la technique et reste sur une présentation très poussée du vue et ses composants. De même, si vous avez du mal à comprendre de concept d'element personnalise, je pense que vous avez beaucoup à gagner à la lecture de cet article, quel que soit votre niveau. Prérequis Cet article étant le deuxième d'une série, il sera important pour sa compréhension d'avoir lu l'article précédent, à moins bien sur que vous ne connaissez déjà le fonctionnement de Vue. Sorti de cela, l'article ne vous demandera que des connaissances simples en HTML et le strict minimum de Javascript Qu'est-ce qu'un composant Vue ? Pour commencer, qu'est-ce qu'un "élément HTML" ? Supposons que nous ayons besoin d'installer un carrousel sur notre site. Comment utiliser un composant Vue ?

Responsive HTML Template Se former en UX Design ? | Le bloc-notes UX ; Expérience Utilisateur C’est une question qui revient souvent et qui est bien légitime. Mais forcément c’est un peu complexe d’y répondre dans l’absolue vu que chacun•e à des compétences et un parcours personnel très différent. Je vais essayer de vous donner quelques indications sur le sujet et si possible de manière progressive. Vous pouvez aussi lire l’article de Romy Têtue sur le même sujet, ça vous permettra de croiser les points de vues. Déjà un petit rappel concernant l’UX Design : L’UX sans utilisateur n’est que pornographie. Donc on parle bien de l’ensemble des processus et des méthodologies qui permettent de prendre en compte l’utilisateur dans la conception d’un service. Faire le bilan Donc avant de se dire « Où vais-je ? Pour commencer Le plus dur est souvent de bien commencer. Vous pouvez aussi attaquer la formation en vous rendant dans des conférences. UX designer en co-concpetion À lire Alors quelques lectures pour partir du bon pied. Ergonomie Web, Amélie Boucher, Ed Eyrolles. À utiliser À faire

The Art Of Asking: Good Research Questions Vs Bad Research Questions “If you do not ask the right questions, you do not get the right answers.” One of the most important skills of a successful UX designer is his ability to discover real needs and problems for his users. Asking good research questions is the secret of discovering these needs and problems. Asking the wrong questions during the discovery phase may lead the whole project into the wrong direction and may lead you to solve the wrong problems. Here are some guidelines and tips for asking the right research questions for your user in order to make sense of real needs and problems. 1- Ask open-ended questions rather than closed-ended questions. Closed-ended questions are great for surveys and statistical analysis, However, open-ended questions will give you more insights, stories, and deep data. Asking “How satisfied or dissatisfied are you with this service?” Asking “Are you satisfied with the service?” 2- Avoid leading questions. Asking “Do you like our improved experience?”.

Ergophile : Ergonomie web & mobile – Jacinthe Busson – Ergonomie web

Related: