e-graphs @_e_graphs

-34% de clics sur la position #1 Google C'est ce que montre une étude réalisée par Ahrefs en 2025 sur l'impact des résumés IA dans les résultats de recherche En gros, ça veut dire que vos prospects reçoivent déjà leur réponse avant même d'arriver sur votre site. Bientôt, la LP ne sera plus le point d'entrée vers un produit ou service, le premier contact se fera ailleurs : moteurs de recherche avec IA, ChatGPT, Perplexity, Claude, etc. Ça ressemble au début de la fin pour les sites web et leur UI léchée. Mais perso, j'ai envie de croire que non. Certes le premier point d'entrée vers un produit ne sera bientôt plus le site web. Mais ce dernier aura toujours un rôle crucial. Il deviendra une couche de confiance et d'action, plutôt que le canal principal de découverte. Pour s'adapter, il faut repenser l'UX en deux branches : 🔹 L'AX (Agent eXperience) : l'expérience des agents IA qui extraient, citent et activent l'information 🔹 La HX (Human eXperience) : l'expérience humaine, là où l'utilisateur intéragit, décide, signe, paye Il faut aussi repenser les landing pages. L'utilisateur va de plus en plus arriver informé sur une LP grâce au résumé IA qu'il aura déjà lu. Il aura moins besoin qu'on lui décrive le produit, mais cherchera plutôt à passer directement à l'action. Le paysage digital évolue. Les sites web commencent à perdre leur position hégémonique en tant que première porte d'entrée. À nous designers de comprendre ces changements et de nous y adapter

0 2 10 2K 8

View Details

Adham Dannaway @AdhamDannaway

11 months ago

📌 It’s amazing how complex a seemingly simple design like this is 🤯 I guess that’s why so many designers still get it wrong. Here are some design guidelines I applied to fix this example: 1️⃣ Most icons are designed to be displayed at a small size, so a container is used to house the icons and provide a sense of scale. 2️⃣ Icons and text are left aligned to create a neat left edge. Reducing the number of different alignments helps to improve readability and aesthetics and also creates more room for text in this example. 3️⃣ Text links are made to describe their destination, so they’re scannable and can be read out of context by screen readers. 4️⃣ Text links are underlined to indicate they’re interactive, so those who are colour blind can distinguish them from other text. 5️⃣ Secondary text is less important than headings, so it’s made less prominent (using size and contrast) to create a clear visual hierarchy. 6️⃣ Secondary text line height is increased to 1.5 to improve readability. 7️⃣ Spacing inside each block is made to be less than the spacing between each block to create clear groups of related information. Spacing is based on a set of predefined spacing options to improve consistency. Do you agree? What would you do differently? 🤔

3 8 47 3K 22

View Details

e-graphs @_e_graphs

12 months ago

@Abmankendrick A if the illustration corresponds to the brand's identity and the visual is too generic, taken directly from an image bank

0 0 0 11 0

View Details

e-graphs @_e_graphs

12 months ago

[#UIdesign] : la cohérence d'une interface repose aussi sur le choix de la typo : un interlettrage plus étroit pour les titres que pour les textes @AdhamDannaway uxplanet.org/14-logic-drive…

0 0 1 63 0

View Details

Abraham John 🦄🦓 @Abmankendrick

12 months ago

UI/UX Designers, here are some hidden Figma plugins you should try out for your next design project. Repost to share with others 💜 🧵Open thread 👇

6 46 397 23K 519

View Details

e-graphs @_e_graphs

12 months ago

@streamlinehq B without hesitation! The angular side of A doesn't evoke the natural side of the volcano

1 0 1 24 0

View Details

e-graphs @_e_graphs

a year ago

[#UXResearch] : le mode sombre répondrait davantage à un effet de mode qu'à une meilleure lisibilité. #UX #UXDesign

Denislav Jeliazkov @DenisJeliazkov

a year ago

I'm obsessed with design psychology. After 10 years of building products, I've discovered a UI/UX secret: Dark Mode makes apps harder to use. Here's why we're all getting Dark Mode wrong, how to use it properly, and what @Apple knew all along:

115 277 5K 842K 4K

0 0 0 31 0

View Details

e-graphs @_e_graphs

a year ago

Une mine d'or ces résultats d'A/B tests #UXdesign #ABtest #research

Adham Dannaway @AdhamDannaway

a year ago

Free 🅰️/🅱️ test results collection Learn design tricks to increase your conversion rates from this curated collection of A/B test results from top apps. → abtest.design

9 31 309 12K 248

0 0 0 43 0

View Details

e-graphs @_e_graphs

a year ago

😍Juste énorme, cette IA génère des maquettes exportables vers Figma #UIdesign @Figma #maquette

Adham Dannaway @AdhamDannaway

a year ago

💭 Prototyping isn’t just for user testing anymore → it’s for brainstorming ideas too. Now, with AI, prototyping is so fast you can use it during ideation to explore multiple directions 🙌 In this demo, I used @ReaddyAI to generate a prototype of a pet care app, added a Lottie

1 11 84 5K 88

0 0 1 58 0

View Details

e-graphs @_e_graphs

a year ago

@AdhamDannaway @ReaddyAI 😍Just huge! I'm still dreading the moment when the AI uses the brand's design system to produce and structure mock-ups. Or is that already the case?

1 0 1 61 0

View Details

e-graphs @_e_graphs

a year ago

#icon : super article sur les pictos avec ce bel exemple d'Heroicons qui gère les différents états selon la taille du picto : adhamdannaway.com/blog/icons/fre… #UIdesign #heroicons #tailwind

0 0 0 52 0

View Details

e-graphs @_e_graphs

a year ago

Cards horizontales ou verticales : quel format choisir ? On s'est tous posé la question ! Cet article explore les avantages et inconvénients de chaque approche. 🔍👇 uxmovement.medium.com/vertical-vs-ho… #UXDesign #ProductDesign #EcommerceUX

0 0 0 40 0

View Details

e-graphs @_e_graphs

a year ago

@yashwanth941v Left! Because it's visually simpler. Every element has its place. The right-hand version is visually nicer, but more complex to maintain when there are lots of different products and photos. I'd just highlight the price

0 0 0 25 0

View Details

e-graphs @_e_graphs

a year ago

La règle des trois clics, un des principes de base UX medium.com/@Flowmapp/bad-… #UX #design

0 0 1 39 0

View Details

e-graphs @_e_graphs

a year ago

En UX, la loi de Miller conforte le fameux "Moins c'est plus" auquel j'ajouterais la nécessité de structurer et hiérarchiser @jeffdavidsond in @Prototypr blog.prototypr.io/the-most-impor… #UX #loiMiller #ui

0 0 0 87 0

View Details

e-graphs @_e_graphs

a year ago

[#UX] : petit mémo sur les boites de dialogues. Croix de fermeture ou CTA ? @uxdesignworld link.medium.com/o3EqrzmlzQb

0 0 1 31 0

View Details

e-graphs @_e_graphs

a year ago

@BastiUi - Le côté timing/timer/chrono avec, anciennement, la type du "20" est abandonné et est compensé par une mise en évidence du mot "minutes" - Simplicité est souvent synonyme d'efficacité, mais ça aurait mérité d'avoir un lettrage du "20" un tout petit peu plus graphique