--- title: 'The Aesthetic-Usability Effect' date: 2024-06-04 excerpt: 'When building something new, what''s more important: that it works, or that it looks good? The Aesthetic-Usability Effect says that users perceive more aesthetically pleasing designs as easier to use than less aesthetically pleasing designs.' tags: [ux, design, startup] canonical: https://mikebifulco.com/newsletter/aesthetic-usability-effect --- # The Aesthetic-Usability Effect When building something new, what's more important: that it works, or that it looks good? That's the hypothetical that was asked recently by a startup cofounder and CTO u/FormalFuel6425 [on the Y Combinator subreddit](https://www.reddit.com/r/ycombinator/comments/1d79vwj/does_visual_appearance_matter_more_than/). It's a great question, and one that has been asked many times before. My take? If you want to build a successful product, you need to do both reasonably well, and design needs to be a priority from the start. ## The Aesthetic-Usability Effect > The Aesthetic-Usability Effect is a psychological phenomenon where users perceive more aesthetically pleasing designs as easier to use than less aesthetically pleasing designs. > [More on Wikipedia](https://en.wikipedia.org/wiki/Aesthetic-usability_effect). This means that if your app isn't designed well, users will perceive it as *harder to use* than a more visually appealing app, even if the functionality is identical. Read that again - and let it sink in a bit: the *exact same app* can be perceived as harder to use (and thus *less valuable*) if it's ugly. As a bit of a contrived example, which of these two ChatGPTs would you rather use? ![A screenshot of ChatGPT with 3 design changes made: typeface was changed to Comic Sans, all background colors were changed to solid black, and the layout was changed to a 50/50 split.](https://res.cloudinary.com/mikebifulco-com/image/upload/q_auto:eco,f_auto/v1/newsletters/aesthetic-usability-effect/chatgpt-1) ![A screenshot of ChatGPT with no design changes made.](https://res.cloudinary.com/mikebifulco-com/image/upload/q_auto:eco,f_auto/v1/newsletters/aesthetic-usability-effect/chatgpt-2) These are screenshots of the *same* ChatGPT session, with just three design changes between the two. Which one do you trust more? Which one would you rather use? ## Post.news vs Threads The presentation you choose for your product can have a huge impact on how users feel about it initially. If you're building a new product, it's worth investing in design work early on to make sure your app is as visually appealing as possible. It's rarely the case that we can point to design as the *only* reason something isn't successful, but it can certainly be a contributing factor. A recent example that stands out in my mind: over the past couple years, there has been hot competition for a social network that can compete with Twitter. Two front-runners which stood out early on were Threads and Post.news. Here's a quick side-by-side: ![side-by-side comparison of post.news and Threads](https://res.cloudinary.com/mikebifulco-com/image/upload/q_auto:eco,f_auto/v1/newsletters/aesthetic-usability-effect/threads-vs-post-news) Would it surprise you to hear that [Post.news has since shut down](https://www.theverge.com/2024/4/19/24135011/twitter-alternative-post-news-shutdown)? This isn't entirely a fair comparison, of course - Threads has a *huge* network effect advantage by being tied to Instagram's user graph. But it's hard to ignore the fact that Threads has a much more polished aesthetic than Post.news. I bounced off of Post almost immediately; the newspaper-inspired, serif-forward design felt dated and incomplete. ## The other way around: design work buys you patience with early users In practice, what this means is that if you're building a new product, you're setting yourself up for failure if the goal is *just* to make it work. You need to make it *look* good, too. A product that looks and feels great (or at least *good*) will attract more people, will keep them around longer, and will make them more likely to forgive you when something goes wrong. I like to think of it this way: putting time and effort into designing your app's UX shows that you *care* about the people using your app. It's a gesture that says "Your time and attention is valuable, and I want to make sure you feel at home here." ### Frameworks are your friend You don't need to reinvent the wheel. 99% of the time, you should be borrowing interaction patterns from website and apps that you're already familiar with. The work required to create is largely *already done for you,* and you should be taking advantage of the work that others have done to make your app feel familiar and comfortable. To that end, there's loads of great UI frameworks that will save you time, and can help you get started with something that isn't complete garbage out of the box. If you're looking for a web framework to use, check out [Tailwind UI](https://tailwindui.com), [shadcn/ui](https://ui.shadcn.com/), and [Material UI](https://mui.com/material-ui/) are all great options. If you're lucky enough to be able to hire a full-time designer one day, starting with these frameworks should make it easier to transition to a custom-branded design language later on. ## Design or functionality? Both. Going back to the original question: what's more important, that it works, or that it looks good? The answer is **both.** Your *thing* needs to *work* on some fundamental level, and you should take care to make sure that it looks good and feels familiar to your users. The frustrating thing about being thoughtful about design is that if you do a good job of it, the people using your software may not even notice. But whether consciously or subconsciously, they'll notice if you *don't* do some design work up front, and that's a problem. --- ## More articles on design A few years ago, I gave a talk on design with my pals Andrew Miller and Jeremy Osborn, called [Your App Is Ugly](https://www.slideshare.net/slideshow/your-app-is-ugly/61980421). It is the reason why I spend so much time trying to get developers to invest in design education. If you liked this newsletter, you may also appreciate these past dispatches, which tackle design from a few other angles: - [Become Unreasonable: Designing for Hospitality](https://mikebifulco.com/newsletter/unreasonable-hospitality-and-design) - [UX For Devs: Understanding Gestalt](https://mikebifulco.com/newsletter/gestalt-design-principles-for-developers) - [The finicky nature of color in product design](https://mikebifulco.com/newsletter/color-context-and-product-design) ## Everyone is a designer I'm a big believer that everyone is a designer, and that everyone can learn to be a better designer. I keep a list of great design books I've read over on hardcover that you're welcome to peruse - check out [The Designer's Reading List](https://hardcover.app/@irreverentmike/lists/the-designers-reading-list) if you're looking for some more juicy reads from people *way* smarter than me. ## More from mikebifulco.com - [Nobody Wants a Big Reveal: Why Keeping Secrets Hurts Your Work](https://mikebifulco.com/newsletter/nobody-wants-a-big-reveal) - [Your tastes will always outpace your skill, and what to do about it](https://mikebifulco.com/posts/your-tastes-will-always-outpace-your-skill) - [Designing for hospitality](https://mikebifulco.com/newsletter/unreasonable-hospitality-and-design) --- Written by Mike Bifulco. Originally published at https://mikebifulco.com/newsletter/aesthetic-usability-effect