If the median site continued to send 3x the recommended amount of script, when would the web start to feel usable on most of the world's devices?
Guide de "ce qu'il ne faut pas oublier" quand on design pour la performance : écrans de chargement, vide, erreurs, synchronisation, perte de connexion, etc.
We're headed into a dangerous time, when our society is run on digital platforms, and UX isn't leading the way to ensure that those tools are usable. While the best-trained (and highest-paid) UX professionals are put to work optimizing the exploitation and deception of online users, New Yorkers continue to die from Covid, because there's no easy way to schedule a vaccine visit.
Les numéros alloués aux œuvres audiovisuelles sont ceux ayant les racines suivantes :
Racines (format national) 0ZABPQ = 01 99 00, 02 61 91, 03 53 01, 04 65 71, 05 36 49, 06 39 98
There's an issue in Silicon Valley and I think the technology industry as a whole, we think adding features increases value, while adding features actually decreases the experience and the focus.
Cette chasse aux interstitiels doit être envisagée dans une approche plus globale d’allégement de son site ou de “désencombrement”.
Au-delà de faciliter la navigation, la réduction de la publicité au strict minimum et la suppression des images ou vidéos inutiles (entre autres) permettent de recentrer l’attention de l’utilisateur.
The answer is, as with most matters: It depends. Depending on the type of content you’re working with and the kind of information you’re asking for, it could easily either be one checkbox or two radio buttons. The collection of answers above can hopefully help you make a more informed decision. But as with all user interfaces, nothing beats the input you can get from user testing and research. So hopefully the answers above can at least serve as a starting point in situations where you need more to make a decision.
This is where another Sentry feature comes into play. After you’ve signed up and configured everything, head to the Performance section and you’ll see which transactions are getting better over time and which have regressed, or gotten slower
We’ve seen how the “feel” of a site can affect the business, but what does all of that tell us about how to build our sites?
- How fast should we be to reduce frustration?
- What should we be considering in our performance budgets?
- How do we leave our users feeling happy?
- I think these may be secondary questions…
A better question to start with, is:
Will adding a new feature delight or frustrate the user?
In this case, we were given expectations of what content would be displayed and where, and those expectations ended up being misleading. We now have to re-orient ourselves to where the content ends up being displayed.
When the skeleton screen doesn’t match the outcome, we’ve created confusion and frustration that will overcome any benefit you might have gotten from trying to handle that delay in a better way.
There are two reasons why people use CSS grid:
- 😎 CSS is awesome! It's a fact, deal with it.
- 🛠️ Grid is a great tool to build complex two-dimensional layouts.
I sometimes have a third reason to use CSS grid: prevent layout shifts.
[…] sans bonnes performances techniques, l’UX de nos produits ne vaut rien. Tu pourras faire les formulaires les mieux conçus de la Terre, mais si tu as des pages qui mettent 10 secondes à se charger, tu peux fermer boutique.
À l’heure de la dématérialisation complète des services publics, de « l’entreprise digitale », de la prévalence des services web au détriment des guichets physiques, se dessine sous nos yeux une société à deux vitesses.
The deep dive helped our team develop best practices that we are able to apply to our work going forward. It also helped us refine a performance mindset that encourages exploration. As we develop new features, we can apply what we’ve learned while always trying to improve on these techniques.
The open collection of tools and tutorials that helps dealing with complex design challenges.
This talk looks at our perception of performance, some of the issues and challenges with our current approach to designing and delivering fast experiences.
[…]
How we design, develop and deliver our pages determines our visitor's experience.
"We gave the test to 136 people, and the skeleton screen performed the worst by all metrics. Users in the skeleton screen group took longer to complete the task, were more likely to evaluate their wait time negatively (by answering the first question with “Strongly disagree” or “Moderately disagree”), and guessed that the wait time had been longer than users who saw the loading spinner or a blank screen."
"Skeleton screens can improve the feel of any action taking longer than a few hundred milliseconds. Applying them to your rendering bottlenecks will make your UI feel faster and make people happier."
"LazyLoad is a Chrome optimization that defers loading below-the-fold images and certain third-party iframes on the page until the user scrolls near them"
"By using a number of these design techniques, you can help the user of your apps by guiding them to where they want to be and also make your apps feel faster by reducing user anxiety."
"When someone has a negative experience on mobile, they’re much less likely to purchase from you in the future. So if you want to stay ahead of the curve, you need to prioritize speed within your organization."
Pixel Pioneers – Cheating The UX When There Is Nothing More To Optimize
Performance, it’s a mindset
Improving Web Advertising (by changing the Web)
"The growing presence of Chinese companies will most likely initiate a new software evolution for the web through browsers, PWAs, search engines and geolocated services – and Google (Alphabet) is at the cutting edge of these four fields."
"Through data analysis and user research, we’ve come up with a few principles that represent the major pain points and areas for improvement:
"You have optimized every line of code of your site / mobile application, used all the techniques at your disposal to have the fastest loading time possible. Yet, users still complain about the slowness. Let’s learn to use different design techniques and UX to work performance also at the level of user perception."
"It’s time to take a new approach on how you design the email field. The solution is not another field to fill out, but to give clarity to the existing field. Prominent placement, larger input size and a specific label are what you need. Make this change and kill the email confirmation field once and for all."
Lightweight JavaScript library for accurate web loading progress.
"The paint timing API enables website creators to track and monitor the important metrics which affects perceived performance. Consider that 53% of users will abandon a site if it takes longer than 3 seconds to load (source). Being able to keep your paint times low is likely to keep your users happy and improve the perceived performance of your site."
"Common mistakes designers make and how to fix them"
WeChat is an experience, a portal, a platform, a mobile operating system, a web browser, a service repository and a bridge to IoT. Great explanation of Connie Chan about how it works.
"Literally including the phrase “optional” after a label is much clearer than any visual symbol you could use to mean the same thing. Someone may always wonder 'what does this asterisk mean?' and have to go hunting for a legend that explains things."
Une démarche UX n'est pas une analyse "à la marge". Selon Jakob Nielsen, seuls 30% des utilisateurs savent se servir du numérique et moins de 5% savent s'en servir correctement. Faciliter leur accès à vos services est primordial.
L'art et la manière de mettre en place un texte informationnel dans un champs de formulaire.
Common mistakes designers make and how to fix them.
"Free and beautifully human online forms"
"Mais que se passe-t-il vraiment lorsque l’utilisateur se trouve face à ces contrôles ? Voici quelques extraits relevés en tests utilisateurs."
"A Dark Pattern is a user interface that has been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills."
Ou quand l'industrie de la publicité en ligne avoue son échec : "We messed up. As technologists, tasked with delivering content and services to users, we lost track of the user experience."
"A free API for generating random user data. Like Lorem Ipsum, but for people."
Jensen Harris shares behind-the-scenes stories of how the Microsoft Office 2007 Ribbon user interface was imagined, designed, and validated.
Get quickly inspiration!
"We believe users should only see a permission prompt if they’ve demonstrated willingness to grant that permission, or at minimum, intent to use a feature which requires that permission. In particular, we strongly advise against triggering permissions prompts on page load."
Refonte centrée UX, design moderne, contenus revus, moteur de recherche performant... le nouveau Paris.fr est une réussite, pour un budget tout à fait honnête pour ce genre de projet. Félicitations !
"These are some of the ways to make important actions in mobile applications more accessible to one-handed use on large smartphones."