Startups

Going For “Pretty First” Is Wrong: A Designer’s Take On App Development

Comment

Editor’s note: Chloë Bregman is a product designer working on a new communications startup. Most recently, Chloë designed DrawChat, a drawing based messaging iphone app which is currently being auctioned off, and helped ignite Changemakrs, an inspirational quote site meant to help people inspire and be inspired to change themselves and the world. Follow her on Twitter.

Startup founders often ask me to take their app ideas and make them pretty. They feel that they need a beautiful product in order to get funding. I call this “pretty first,” and it’s when a startup focuses on creating a visually beautiful design for an app before determining whether the product has purpose and is useful.

This newfound emphasis on pretty first is, in part, a response to the increased importance being placed on visual design within tech products. It has provided great recognition for the design community. But “pretty first” is the wrong approach. If your product is not useful and engaging, it doesn’t matter how pretty it is.

First, let’s look at products that have been successful:

  • Uber is hardly a revolution in visual styles, but it makes a black car appear within minutes that you can track on a map and reduces transaction friction in the payment system. The core value proposition works.
  • Instagram was different and functional and engaging, and the look has improved throughout the app. But it certainly didn’t break the mold design-wise. It had the right social mechanisms to start a bonfire around the concept of the app, rather than outstanding visuals in the app itself.
  • Airbnb solves a problem that people have – finding a place to stay. It’s also pretty, but it didn’t succeed on design alone. A lot of the early listings on Airbnb looked really terrible.

Not all startups, however, are realizing this kind of success. Many today are chasing a visually beautiful style without necessarily hammering out the problem that their product solves. The attention they pay to design has led to a newfound enthusiasm for white space, grid patterns, and typographically led designs. This design-heavy influence is translating into a lot of minimalist sites. The look of Web 2.0 is dead. It’s quickly being replaced by “clean design,” which is reminiscent of the Swiss style of graphic designs from the 1950s, embodies many of the principles of the Bauhaus movement, and has almost no drop shadows or gradients.

Some people think this design style, popular in apps such as Flipboard and Letterpress, started in mobile and is moving to the web. But really it is happening everywhere at once. Great examples of this phenomenon online are Svbtle and Qz.com. And Pinterest looks like it was designed with Wim Crouwel’s modernist grid designs from the 1950s.

With all this attention on the visual aspects of products, are we ending up with products that function better? In the chase for perfect pixels, white space and copycat Pinterest interfaces, we are seeing long-standing products undergo redesigns that don’t make them function better and, at times, even makes them less functional. The great Gmail redesign of 2012 has led to user outrage and confusion, partly because it more strongly focuses on “clean design” principles over user benefit and behavior.

How To Design A Product

Steve Jobs put it best: “Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.”

Focus on the benefit to the user. What’s the user problem and how do you solve it? In the beginning, use off-the-shelf icons. Use Balsamiq. Come up with a basic design, build a basic app, and hand it off to users. Spend minimal time on what it looks like.

Before you’ve resolved the core issues in your app, don’t waste cycles on visual design. If you need help from a designer, reach out to an interaction designer or a product designer. You don’t need a visual designer pumping out pretty pixels. You may need someone to help you clarify how to make your product work and accomplish it in a simple and engaging way.

On iOS, you have to deviate pretty far from what comes in the box in order to mess things up. With Twitter Bootstrap, even the most design-averse engineers can create a basic, beautiful website. It has become drastically harder to make a completely ugly product.

Test with real people as soon as possible. We made a mistake on a previous project I was involved with when we spent six months building a newsreader app without extensive user testing. We had amazing interest graph algorithms, but when we launched the app, we found out that no one was interested, no matter how pretty it looked. Everyone thought the app was gorgeous, but no one used it.

When we built DrawChat initially in five weeks, we iterated on the product quickly based on user feedback. Instead of wasting early cycles to beautify features that we later cut, we focused on getting a plain-looking version of a feature into the app, found out if anyone used it or cared about it, and then prettified it later.

One thing we got right with DrawChat is that we made the app friendly and playful to use. Instead of an empty conversation list with a prompt to start chats, we added a draw monster pointing to the “New Chat” button. This type of playful detail will stick in the minds of users far more than the most perfectly fine-tuned gradient pattern.

Another example of playful design is the “Kudos” button on Svbtle, which lights up and pops out. The animation is designed to delight and reward users for giving positive feedback.

Focus on creating a useful product first. When you have a useful product, don’t fine-tune each pixel. Create moments of delight that are always playful and sometimes unexpected.

Investors aren’t stupid. If your value proposition is solid, you don’t need the most beautiful app screens. Their job is to separate the wheat from the chaff. If your product idea is great, they will be able to judge if you’ll be able to build it and make it pretty, too.

Thanks to Gabor Cselle for reviewing this post.

More TechCrunch

Welcome back to TechCrunch’s Week in Review. This week had two major events from OpenAI and Google. OpenAI’s spring update event saw the reveal of its new model, GPT-4o, which…

OpenAI and Google lay out their competing AI visions

Expedia says Rathi Murthy and Sreenivas Rachamadugu, respectively its CTO and senior vice president of core services product & engineering, are no longer employed at the travel booking company. In…

Expedia says two execs dismissed after ‘violation of company policy’

When Jeffrey Wang posted to X asking if anyone wanted to go in on an order of fancy-but-affordable office nap pods, he didn’t expect the post to go viral.

With AI startups booming, nap pods and Silicon Valley hustle culture are back

OpenAI’s Superalignment team, responsible for developing ways to govern and steer “superintelligent” AI systems, was promised 20% of the company’s compute resources, according to a person from that team. But…

OpenAI created a team to control ‘superintelligent’ AI — then let it wither, source says

A new crop of early-stage startups — along with some recent VC investments — illustrates a niche emerging in the autonomous vehicle technology sector. Unlike the companies bringing robotaxis to…

VCs and the military are fueling self-driving startups that don’t need roads

When the founders of Sagetap, Sahil Khanna and Kevin Hughes, started working at early-stage enterprise software startups, they were surprised to find that the companies they worked at were trying…

Deal Dive: Sagetap looks to bring enterprise software sales into the 21st century

Keeping up with an industry as fast-moving as AI is a tall order. So until an AI can do it for you, here’s a handy roundup of recent stories in the world…

This Week in AI: OpenAI moves away from safety

After Apple loosened its App Store guidelines to permit game emulators, the retro game emulator Delta — an app 10 years in the making — hit the top of the…

Adobe comes after indie game emulator Delta for copying its logo

Meta is once again taking on its competitors by developing a feature that borrows concepts from others — in this case, BeReal and Snapchat. The company is developing a feature…

Meta’s latest experiment borrows from BeReal’s and Snapchat’s core ideas

Welcome to Startups Weekly! We’ve been drowning in AI news this week, with Google’s I/O setting the pace. And Elon Musk rages against the machine.

Startups Weekly: It’s the dawning of the age of AI — plus,  Musk is raging against the machine

IndieBio’s Bay Area incubator is about to debut its 15th cohort of biotech startups. We took special note of a few, which were making some major, bordering on ludicrous, claims…

IndieBio’s SF incubator lineup is making some wild biotech promises

YouTube TV has announced that its multiview feature for watching four streams at once is now available on Android phones and tablets. The Android launch comes two months after YouTube…

YouTube TV’s ‘multiview’ feature is now available on Android phones and tablets

Featured Article

Two Santa Cruz students uncover security bug that could let millions do their laundry for free

CSC ServiceWorks provides laundry machines to thousands of residential homes and universities, but the company ignored requests to fix a security bug.

2 days ago
Two Santa Cruz students uncover security bug that could let millions do their laundry for free

TechCrunch Disrupt 2024 is just around the corner, and the buzz is palpable. But what if we told you there’s a chance for you to not just attend, but also…

Harness the TechCrunch Effect: Host a Side Event at Disrupt 2024

Decks are all about telling a compelling story and Goodcarbon does a good job on that front. But there’s important information missing too.

Pitch Deck Teardown: Goodcarbon’s $5.5M seed deck

Slack is making it difficult for its customers if they want the company to stop using its data for model training.

Slack under attack over sneaky AI training policy

A Texas-based company that provides health insurance and benefit plans disclosed a data breach affecting almost 2.5 million people, some of whom had their Social Security number stolen. WebTPA said…

Healthcare company WebTPA discloses breach affecting 2.5 million people

Featured Article

Microsoft dodges UK antitrust scrutiny over its Mistral AI stake

Microsoft won’t be facing antitrust scrutiny in the U.K. over its recent investment into French AI startup Mistral AI.

2 days ago
Microsoft dodges UK antitrust scrutiny over its Mistral AI stake

Ember has partnered with HSBC in the U.K. so that the bank’s business customers can access Ember’s services from their online accounts.

Embedded finance is still trendy as accounting automation startup Ember partners with HSBC UK

Kudos uses AI to figure out consumer spending habits so it can then provide more personalized financial advice, like maximizing rewards and utilizing credit effectively.

Kudos lands $10M for an AI smart wallet that picks the best credit card for purchases

The EU’s warning comes after Microsoft failed to respond to a legally binding request for information that focused on its generative AI tools.

EU warns Microsoft it could be fined billions over missing GenAI risk info

The prospects for troubled banking-as-a-service startup Synapse have gone from bad to worse this week after a United States Trustee filed an emergency motion on Wednesday.  The trustee is asking…

A US Trustee wants troubled fintech Synapse to be liquidated via Chapter 7 bankruptcy, cites ‘gross mismanagement’

U.K.-based Seraphim Space is spinning up its 13th accelerator program, with nine participating companies working on a range of tech from propulsion to in-space manufacturing and space situational awareness. The…

Seraphim’s latest space accelerator welcomes nine companies

OpenAI has reached a deal with Reddit to use the social news site’s data for training AI models. In a blog post on OpenAI’s press relations site, the company said…

OpenAI inks deal to train AI on Reddit data

X users will now be able to discover posts from new Communities that are trending directly from an Explore tab within the section.

X pushes more users to Communities

For Mark Zuckerberg’s 40th birthday, his wife got him a photoshoot. Zuckerberg gives the camera a sly smile as he sits amid a carefully crafted re-creation of his childhood bedroom.…

Mark Zuckerberg’s makeover: Midlife crisis or carefully crafted rebrand?

Strava announced a slew of features, including AI to weed out leaderboard cheats, a new ‘family’ subscription plan, dark mode and more.

Strava taps AI to weed out leaderboard cheats, unveils ‘family’ plan, dark mode and more

We all fall down sometimes. Astronauts are no exception. You need to be in peak physical condition for space travel, but bulky space suits and lower gravity levels can be…

Astronauts fall over. Robotic limbs can help them back up.

Microsoft will launch its custom Cobalt 100 chips to customers as a public preview at its Build conference next week, TechCrunch has learned. In an analyst briefing ahead of Build,…

Microsoft’s custom Cobalt chips will come to Azure next week

What a wild week for transportation news! It was a smorgasbord of news that seemed to touch every sector and theme in transportation.

Tesla keeps cutting jobs and the feds probe Waymo