![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131245\/peacock.jpg\")
<\/p>\n<\/p>\n
\n
There’s always beauty in good design, but good design<\/a> isn’t always beautiful.<\/p>\n How can this be true?<\/p>\n The answer is simple.<\/p>\n Good looks aren\u2019t everything, as Steve Jobs liked to remind people<\/a>:<\/p>\n Most people make the mistake of thinking design is what it looks like. People think it’s this veneer \u2013 that the designers are handed this box and told, \u201cMake it look good!\u201d That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.<\/p><\/blockquote>\n You can have a good design that isn’t beautiful, but you can’t have a good design that isn’t functional.<\/p>\n You don\u2019t have to look further than a site like Craigslist, with its infamously austere look, for proof that unattractive websites can be popular and functionally easy to use.<\/p>\n What is it that draws people to use sites that are otherwise considered to be a little less than easy on the eyes?<\/p>\n Wikipedia is a great example of a site that is generally considered to be unattractive but hugely popular because of its usefulness and unique content<\/p><\/div>\n Just because something is beautiful doesn’t make it successful. In fact, we just explored this paradox in 7 Epic Product Fails and the Valuable Lessons They Can Teach Your Small Business<\/a>.<\/p>\n More than anything, sites with great content can overcome even the worst visual design.<\/p>\n You don\u2019t have to look further than institutions like Wikipedia or IMDB for examples of sites that make up for their lack of aesthetic appeal with compelling content<\/a>.<\/p>\n Web veteran The Drudge Report<\/a> is a prime example of a popular yet unattractive website.<\/p>\n Basecamp founder Jason Fried once called the Drudge Report \u201cone of the best-designed sites on the web.\u201d<\/p>\n At first, Fried’s statement seems odd and misplaced. But it makes perfect sense, as Fried explains<\/a>:<\/p>\n To clarify, my definition of design goes beyond aesthetic qualities and into areas of maintenance, cost, profitability, speed, and purpose. However, I still think that the Drudge Report is an aesthetic masterpiece even though I also consider it ugly. Can good design also be ugly? I think Drudge proves it can.<\/p><\/blockquote>\n Fried pointed to several qualities that make The Drudge Report noteworthy, including that:<\/p>\n The important lesson for small businesses and startups is to build a foundation of meaningful, relevant content, user experience, and usability, including mobile app usability testing<\/a>, before worrying about making things pretty.<\/p>\n Gmail’s functionality has more than made up for its not being considered a beautiful design.<\/p><\/div>\n Sites that offer something unique can overcome less than appealing designs.<\/a><\/p>\n Two sites that exemplify this concept of function over form are Gmail<\/a> and eBay<\/a>.<\/p>\n Both sites have long been considered unattractive and have been the subject of many unsolicited redesigns.<\/p>\n Even so, both have been popular for decades, outlasting many other more aesthetically pleasing competitors.<\/p>\n Build a stronger brand with our free guides. Get actionable insights to define your brand\u2019s unique voice, understand your market, and stand out to customers. The guides are concise, actionable, practical, and tailored for the busy entrepreneur.<\/p> Build a stronger brand with our free guides. Get actionable insights to define your brand\u2019s unique voice, understand your market, and stand out to customers. The guides are concise, actionable, practical, and tailored for the busy entrepreneur.<\/p> Build a stronger brand with our free guides. Get actionable insights to define your brand\u2019s unique voice, understand your market, and stand out to customers. The guides are concise, actionable, practical, and tailored for the busy entrepreneur.<\/p> For Gmail, the power of its search, its generous allotment of storage, and how quick and efficient it makes working with email are all unique features that make it stand out amongst countless email competitors.<\/p>\n Regarding online sales and e-commerce, eBay may have the first-mover advantage, but it\u2019s also the power of its auction tools and the site\u2019s many buyers and sellers that make it one of the top 50 most popular sites<\/a> on the web.<\/p>\n The important lesson for small businesses and startups: aims to provide a unique experience or features that can\u2019t be found anywhere else.<\/p>\n A second important lesson for small businesses and startups is remembering this across all your visual design efforts. For example, strive for uniqueness when it comes to your brand. Make sure your company’s name<\/a> and logo<\/a> stand out from your competition. Avoid generic design at all costs because generic design will only damage your business<\/a>.<\/p>\n MySpace is a site that was notorious for having a terribly designed site that was still very popular due to its social reach.<\/p>\n If MySpace did anything (besides providing the business world with a fascinating train wreck<\/a>), it proved that people would tolerate a garish, aggressively user-hostile design to be amongst friends.<\/p>\n Creating and maintaining a site based on a social network is challenging and probably not something most businesses would consider taking on.<\/p>\n The concept that makes social networks successful can be used effectively by businesses looking to make their sites more compelling<\/a>.<\/p>\n Many tools are available to small businesses who want to make their sites more social and communicative.<\/p>\n Chat widgets provided by services like Drift<\/a>,\u00a0Intercom<\/a>, and Zendesk<\/a> make it easy to connect your customers directly with staff.<\/p>\n Another option is to give your customers a more conversational experience by integrating chatbots<\/a> into your site.<\/p>\n The important lesson for small businesses and startups is to make your site more sticky and enable connections for your customers through direct interactions with your staff or other customers or via chatbots<\/a>.<\/p>\n As we\u2019ve shown, making your site (or product) useful is crucial to its success.<\/p>\n Visual design remains important, but a plain-looking site can still be functional and useful.<\/p>\n Simply put: design has to make the site, product, or service easy to use.<\/p>\n Remember the Steve Jobs quote we mentioned earlier? Good design is about how something looks AND how it works.<\/p>\n A visually stunning site with poor user experience<\/a>, usability, and little relevance or utility, is probably doomed to be left in the dustbins of the web.<\/p>\n Steven Bradley, the author of several design books, including Design Fundamentals: Elements, Attributes, & Principals, translated Maslow’s hierarchy of needs<\/a> into a hierarchy of needs for the design.<\/p>\n The most important needs are functionality, reliability, and usability. You’ll notice that all of the examples we’ve offered in this article meet those needs.<\/p>\n There are many factors that create a good user experience<\/a>. These factors include:<\/p>\n The important lesson for small businesses and startups: Invest as much effort, if not more, into user experience and usability as you invest in making designs pretty.<\/p>\n The primary goal of a site or app is to provide people with access to the content and features they need to solve a particular problem or provide information.<\/p>\n We provide access to these crucial things through navigation, which is made up of links, buttons, menus, and alternative methods like search.<\/p>\n Many elements make site and app navigation usable, but there are some best practices<\/a> that most designers agree are important to follow.<\/p>\n One of the most effective navigation design practices is to be consistent<\/b>.<\/p>\n Every time someone uses a new site or app, they must learn how to use it.<\/p>\n Where is the navigation? Where will I get if I click this button? How do I get back to here if I follow this link?<\/p>\n You can help people find their way by providing them with navigation that uses techniques seen elsewhere.<\/p>\n This allows people to leverage knowledge learned from using other sites and apps so they\u2019re not starting from scratch. Some of these techniques include:<\/p>\n The goal of a screen or page is to guide people to the information and features they need.<\/p>\n Make sure you optimize your layouts for these goals and remove anything that either gets in the way of these goals or is irrelevant.<\/p>\n To paraphrase Strunk and White\u2019s Elements of Style<\/i><\/a>: \u201comit needless elements.\u201d<\/p>\n Slow websites and apps can be the death of even the best products.<\/p>\n One of the longest-lived best practices for successful digital products is to make them fast and responsive.<\/p>\n Don\u2019t make your customers wait after clicking a link or tapping a button.<\/p>\n When you need to make them wait (for example, displaying a long list of products or fetching inventory information), give them some indication that things are happening. It can be as simple as displaying a spinner or another \u201cloading\u201d image.<\/p>\n As Google pointed out<\/a>:<\/p>\n Slow loading sites frustrate users and negatively impact publishers. In our new study, \u201cThe Need for Mobile Speed\u201d, we found that 53% of mobile site visits are abandoned if pages take longer than 3 seconds to load.<\/p><\/blockquote>\n Google isn\u2019t just spouting advice on how speed impacts your site users; as of January 2018, they\u2019re also penalizing slow sites in their search results.<\/p>\n This means you have double the incentive to make sure your site and app perform quickly.<\/p>\n As mentioned, people use your site and app to perform an action or find information.<\/p>\n Tossing blockers in their paths like pop-up windows, intrusive advertising, or unwanted notifications can hurt their goodwill and patience.<\/p>\n Don\u2019t let your site be one of the bad guys!<\/p>\n The only thing that negatively impacts people\u2019s confidence in a site more than poor grammar or spelling is a site that doesn\u2019t work.<\/p>\n Links or buttons that lead to nowhere, layouts that display strangely, or apps that spontaneously crash can greatly impact how your business is perceived.<\/p>\n Before you launch a new site or app, you should go through thorough testing to make sure everything works as expected.<\/p>\n There are numerous online services that check for broken links and some that will even check the content, speed, and other crucial tests.<\/p>\n Google\u2019s Webmaster Tools<\/a> does all of this for free, as do Nibbler<\/a>, Sitechecker Pro<\/a>, and Dead Link Checker<\/a>.<\/p>\n You can have all of the compelling content in the world, but if it\u2019s hard to read, it\u2019s not doing you any favors.<\/p>\n Make sure your information is easy to read, so it has the best chance of being read.<\/p>\n This is even more important in other forms of visual design, such as logos and packaging design.<\/p>\n Modern trends in logo design<\/a> all point to making the logo both good-looking and functionally easy to read and remember.<\/p>\n Similarly, modern packaging design trends<\/a> go beyond beauty in engaging prospective customers.<\/p>\n When creating (or improving) websites and apps, there are several changes you can make to improve the readability of your text. Some quick fixes include:<\/p>\n The bottom line: strong user experience and usability can compensate for even the most basic design. Make both a priority for your site or app.<\/p>\n One of the first lessons a good creative learns is that website and app design is not always art, and creatives are not always artists.<\/p>\n Designers are more like artisans, crafting things that are designed to be used.<\/p>\n The reality is that users will tolerate poor visual design if the content or benefit of the site is strong enough.<\/p>\n That doesn\u2019t mean you should ignore how your site looks.<\/p>\n After all, numerous studies show that attractive designs are easier to use<\/a>.<\/p>\n First impressions are very important, as we discussed when we looked at the effects of good design on business<\/a>:<\/p>\n Three studies found<\/a>\u00a0that a mere 50 milliseconds were all people needed to form an opinion about a website. Google performed similar testing<\/a>\u00a0and found an even slimmer margin: a speedy 17 to 50 milliseconds were all people needed to decide how they felt about a website.<\/p><\/blockquote>\n![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131243\/wikipedia.png\")
The power of being useful<\/h2>\n
Offer compelling content<\/b><\/h3>\n
![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131244\/drudgereport.png\")
<\/p>\n\n
![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131244\/action-4_2x.png\")
Be unique<\/b><\/h3>\n
Essential Branding Toolkit for Entrepreneurs<\/h2>
Get your free branding toolkit<\/i><\/a><\/div><\/div><\/div>Essential Branding Toolkit for Entrepreneurs<\/h2>
Get your free branding toolkit<\/i><\/a><\/div><\/div><\/div>Essential Branding Toolkit for Entrepreneurs<\/h2>
Get your free branding toolkit<\/i><\/a><\/div><\/div><\/div><\/p>\n![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131243\/myspace.jpg\")
<\/p>\nFacilitate social connections<\/b><\/h3>\n
The power of user experience and usability<\/h2>\n
![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2018\/03\/27131241\/design-hierarchy-of-needs.png\")
<\/a><\/p>\n\n
Build consistent and sensible navigation<\/h3>\n
\n
Provide a focused layout<\/h3>\n
Make it fast and be responsive<\/h3>\n
Don\u2019t be aggressive<\/h3>\n
Make sure your site or app works<\/h3>\n
Make your site or app easy to read<\/h3>\n
\n
Wrapping up<\/h2>\n
![\"\"](\"https:\/\/images.crowdspring.com\/blog\/wp-content\/uploads\/2022\/05\/06164945\/small-business-blog-master-cta.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"