7 Web Design Trends for 2019

It’s that time of year again when we in the web design industry look back on the previous year and marvel at all the breakthroughs that occurred while looking forward with Nostradamus-like accuracy to all the predictions, trends, buzz and ill-guided persuasion attempts the new year will bring to web design best practices. I’ve come to view my annual article about web design trends as obligatory as my New Year’s resolutions, which never last past February. Anyway, 2018 was a good year for steady evolutionary increments in web design, such as the further standardization of responsive web design, chatbots, microinteractions, asymmetry, tactile design and font personalization. So what can we expect in 2019? Here are 7 trends that you should consider for your website.

More Focus on UX

web-design-trends

UX, or User Experience, is a central tenet to all modern web design. I like to define UX by pairing it with UI (User Interface) and then making an analogy that has nothing to do with the web design industry. Let’s consider rental cars. If you are like me and travel constantly from airport to airport you have become very familiar with the exercise of de-boarding, dashing to grab your luggage and making a beeline to the car rental center. Rarely do I get the same type of vehicle twice, and I want my experience to be as painless as possible. I honestly don’t care if I get a compact, a sub-compact, a micro-compact, or a nano-compact as long as it gets me where I need to go. My issue has always been with the damn gas cap as I never seem to be able to find where the button is, whether on the dash, on the door, or (literally) hidden under the seat. Nothing frustrates me more than being stuck at a gas station and crawling through the entire car to find it. I always wonder why the engineers that designed the layout simply could not place the gas cap release some place that would be intuitive for all drivers, especially since these models constitute the majority of car rental fleets. I describe this as a very poor User Interface (UI), and because of this I have an equally poor User Experience (UX). You see, the design interface has a direct impact on the overall experience as a user of a product. Poor UI leads to poor UX. The same applies in web design. Make sure that your site is designed with the customer in mind.

More White Space

2019-web-design-trends
Apple started it, and we all followed. Then every website began to look like an Apple wannabe, so we all got away from it. Now it’s back, and not necessarily because Apple is no longer creating innovative products. For good design that translates well for desktop, tablets and smartphones (RWD), use less clutter and more white space. The proper use of white space amplifies the important calls to action on the page that you want your users follow. When it comes to web design, less is certainly more. Do not accept any design that has everything and the kitchen sink thrown into it. This is not expert design but rather an indication of of a designer that is aesthetically-challenged and is attempting to cover up deficiencies by continuing to add more and more to a page. Don’t fall for it. Keep it clean.

More Videos

2019 web design trends

For those of us old enough to remember when computers used to connect to the Internet using a phone line we can all commiserate with the excruciating experience of watching streaming videos on our CRT screens. Thankfully, those days are long gone as the Web is now a safe place for using video as content for your website. Videos are a fantastic way to tell your story and capture the interest of your target audience in a convenient snippet. More and more, you will see videos replacing static images for the hero section of websites, which is the main focal point of the home page. Using a CMS such as WordPress, it is extremely easy for site administrators to add videos on a daily basis. But make sure that the videos are relevant and of high quality. We recommend working only with reputable video production agencies that will help you craft your story, define your narrative and deliver your message on point. Also, you probably want to set up a premium account on a video platform such as Vimeo or YouTube to ensure that they run ad free.

More Bold Colors

2019 web design trends

Approximately 1 in 12 men and 1 in 200 women in the world are color blind. They do not care about which colors you choose for your website. The rest of us do. Color evokes emotion. Color defines the tone, theme and attitude of a website, and bold colors used correctly can provide that extra ‘pop’ you need to really grab someone’s attention and pull them in. Eye tracking studies have shown that the proper use and balance of color can make a difference between bounce rates and conversions. Contrasting color within site elements make appropriate callouts more apparent and recognizable, which will help you craft a site that encourages them to take particular actions and more predictive outcomes. Modern computers can display 16,777,216 different colors, so there’s really no excuse to be drab and boring.

More Creative Fonts

2019 web design trends

Steve Jobs loved fonts. He hated the standard suite used for Windows PC’s (Arial, Helvetica, Sans-Serif) and was the first to insist that his Macs gave us a real choice and ability to express ourselves with personality and creativity using fontography. Fonts are a pillar of good web design that is often and shamelessly overlooked. More than anything, fonts establish attitude and individuality. One of the best ways to make your website stand out is to get creative with your use of fonts. Always ask your web designer what fonts they like to use and how they can help you establish a font profile for your website that is fresh and appealing.

More Gradients

2019 web design trends

Wait a second… did I just write that? For years, I HATED gradients. They were the bane of my very existence. I perceived any use of gradients as a cheap conjuring of poor web design used by designers that simply did not have a clue about good web design philosophy. And worst, they looked HORRIBLE on those older CRT monitors and low quality graphics chips. But as those old menthol ads used to say, You’ve Come a Long Way, Baby. Today, modern chips and screen technologies have the processing power and higher resolution necessary to display gradients as they were initially intended and look fantastic on a website. Gradients provide a subtlety to a design that will allow your colors to shine and your use of fonts to pop. They serve as a conduit from one graphical element to another, allowing your users to transition seamlessly from one section of a page to another. Look for gradients to be a popular choice in 2019.

More Responsive Web Design

web-design-web-standards

Yes, Responsive Design was a top trend for 2018 and 2017 and 2016 and 2015, etc. Need I say more? Responsive Web Design, which is an approach to designing web pages using fluid-based proportion grids, media queries and scalable images, has completely revolutionized the web design industry. In the era of the mobile web, it is imperative that web design place equal emphasis on desktop, tablet and smartphone devices. Responsive websites are easy to maintain and do not require developing a separate mobile site, plus they are compliant with modern web standards, ensuring browser compatibility and search engine optimization. Do not ever consider working with a web design agency that has not adopted responsive web design as its development standard.

Conclusion

This is where I remind you of how important your website is to your brand and marketing strategies and how keeping up with web design trends in 2019 will help you maintain a competitive advantage, yaddi, yaddi, yaddi. Just keep in mind that trends are just that… trends. What’s hot sauce today is cold soup tomorrow, so always approach trends in web design with a modicum of salt. Regardless of how things change with technology and social preference, the fundamentals of marketing remain. Always present yourself with confidence.

We are recognized as a top Magento Development Company on DesignRush.

Antje Knott

More Posts - Website

Posted in Design, Development, Strategy | Leave a reply

Responsive Web Design: The New Standard in Web Design

Responsive web design emerged in 2014 as the new standard in website development, but it is shocking that as we head into 2019 there are still millions of websites out there that are not responsive and therefore ignoring upwards of 50% of their customers that use tablets and smartphones. So, what is responsive web design and why is it important? We’ll start with the “what”.

What is Responsive Web Design?

responsive web design

Responsive web design is an approach to website development that aims to address the rapidly changing landscape of screen sizes and devices capable of displaying the world wide web. A website built using a responsive framework will automatically adjust its content and simplify the navigation structure in order to optimize the user experience, regardless of screen size or device. Responsive websites are created using existing technologies, it is an approach to website development as opposed to being a new technology onto itself.

Responsive Web Design

Responsive sites adapt content using fluid, proportion-based grids, flexible images based upon percentile rather than fixed width and CSS3 media queries.

What Are The Advantages of Responsive Web Design?

  • A responsive website greatly enhances the user experience across all platforms (desktop, tablet and smartphone)
    Gone are the eye-straining days of having to zoom in and scroll around in order to find what you are looking for. Plus, responsive sites are more uniform on all platforms and tend to have a more simplified navigation structure. With responsive design, simplicity is key.
  • A responsive website eliminates the need to build a separate, mobile-friendly version of the website
    Mobile-friendly websites were the stop gap measure used by web designers after the emergence of smartphones and prior to responsive frameworks. Many are still in use today. This required building and maintaining two separate websites, which could be sniffed out by the type of browser your devices uses and displayed accordingly. The added design and development cost of these sites plus the general frustration of having to maintain two sites made the practice cost-prohibitive. Lastly, mobile-friendly sites were basically watered-down versions of your desktop site, resulting in content duplication which will get you penalized by Google.
  • A responsive website increases your search engine optimization
    Responsive sites greatly increase the usability of a website, resulting in longer times spent on the website, a significant metric for Google in determining overall site quality. Responsive sites also tend to load more quickly, especially on mobile devices that are dependent on wireless networks. This is another significant metric for Google. Lastly, a responsive website tends to have a much lower bounce rate as users are spending more time on the site.
  • A responsive website is web standards compliant
    It is important to build your website in compliance with modern web standards, including the World Wide Web Consortium (W3C) and 508c3 government standards for accessibility compliance. A W3C-compliant website will ensure that your site performance is optimized for download speed, cross-browser and cross-device compatibility and usage on older browsers.
  • A responsive website leads to greater conversions and customer acquisition
    All of the aforementioned advantages contribute to what is likely the most important purpose of your website. A site that is search engine-friendly, accessible, intuitive, easy to read and fast to load will naturally generate more conversions, which will lead to more customers and growth for a business.

Indeed, responsive web design is the new standard in web design. It has revolutionized the web design industry and has created a consistent user experience that is finally worthy of the multi-platform world we live in today.

DEEPBLUE is recognized as a top Creative Agency on DesignRush.

Frank Farris

Frank Farris is Founder and CEO of DeepBlue. He has been an active thought leader in the application of emerging web technologies since 1998 and is a champion of the movement to make the Responsive Web Design approach the new industry standard.

More Posts - Website

Posted in Design, Development, Strategy | Leave a reply

7 Web Design Best Practices

What Your Web Design Agency Should Know

Although web design best practices have evolved over the years, some things have not. In this article we will discuss the 7 web design best practices that your web design agency should know.

1. Know Your Business

web-design-know-your-business

Your web design agency does not need to know how to modify your software architecture, increase efficiencies in your manufacturing process or develop new service lines. However, your web design agency does need to understand your business fundamentals: who you are, your core values, what you do, who you do it for and how you differentiate yourself from your competition. Your web design agency should also understand your culture. A tech startup in San Francisco, for example, will have a vastly different culture than a manufacturer in Waco, Texas.

2. Know Your Target Audience

web-design-target-audience

As mentioned above, your web design agency needs to know your target audience. Most organizations have multiple audiences, so your web design agency needs to know how to structure your website architecture to cater to each specific audience.

3. Content & Information Architecture

web-design-information-architecture

They say on the web that content is king, and this is true. But content left unchecked can quickly become a vast wasteland of dead, scrolling pages that customers will either ignore or become so frustrated with that they leave the website. Whether your new website is using re-purposed content or you are creating fresh content, it needs to be well organized. Information architecture is the process in which your web design agency will effectively organize your content. This includes creating navigation schemas, page wireframes and search systems that will provide the blueprint for a well organized website.

4. Design, Design, Design

web-design-information-architecture

Content defines information architecture, information architecture defines design, design defines how successful your new website will be in the eyes of your customer. I describe information architecture as the UI (user interface) and design as the UX (user experience). The design of your website will represent you in the most practical sense, and it needs to be a true representative of your business. Your web design agency should create a custom design based on collaboration and focused on UX on both desktop and mobile views. The process of building a website that adapts itself according to screen size and device is called responsive web design, which is an absolute standard in 2018. If your web design agency does not use responsive web design on its own site or client examples run away. Don’t look back, just run away. A good tool to test for responsive web design can be found at Responsinator: https://www.responsinator.com/.

5. Content Management System

web-design-content-management-system

Your web design agency should build your website using a content management system, or CMS, that is intuitive, robust, scalable, flexible and open source (non proprietary). WordPress is the most popular open source CMS in the world and is our recommended CMS of choice. With WordPress, you get all of the advantages of using a content management system without any of the drawbacks, including ease of use for non-programmers, a large online community of add-on developers, security and perhaps most importantly for small business owners, no license fees. If your web design agency is pushing you towards a licensed platform ask them how it has any advantage over WordPress in regards to these factors.

6. Calls to Action

web-design-calls-to-action

Calls to action are the most important psychological drivers on your website. They drive users to desirable outcomes you have already identified during the planning stages of your website. Your web design agency should work with you to help determine the calls to action and make certain that they take priority in the overall flow and structure of your website. Calls to action can include filling out a request form, signing up for a newsletter, register as a customer, make a purchase or join your social networks. The flow of the website in regards to calls to action should be designed during the information architecture and design phase of the project. All calls to action should be measurable via analytics.

7. Web Standards

web-design-web-standards

Web standards are invisible, but critical to the overall success of your website. Web standards ensure that with compliance your website will be optimized for search engine optimization (SEO), cross browser compatibility, mobile device compatibility, site performance and accessibility. The most popular web standards are the World Wide Web Consortium (W3C), the “Living Standard” created by the Web Hypertext Application Technology Working Group (WHATWG) and 508c3 government standards for accessibility compliance. To test your website for W3C compliance go to https://validator.w3.org/. Ask your web design agency about web standards. Have them place a web standards compliance guarantee in their service and maintenance agreements.

Conclusion

This list of web design best practices is just the tip of the iceberg and I will be adding more components in more blogs to come. The purpose of this article is to help you determine which web design agency is best for you. After all, you are the last word on whether or not it fails or succeeds.

We are recognized as a top Logo Design Company on DesignRush.

Antje Knott

More Posts - Website

Posted in Design, Development, Strategy | Leave a reply

Responsive Web Design and Search Engine Optimization: All the cool search engines are doing it.

If Google jumped off a bridge, would you jump too? The answer, in terms of search engine optimization, is yes. For those of you unfamiliar with the dark arts of search engine optimization, or SEO for short, it is the process in which a website is systematically tuned to most efficiently match the criteria that the algorithms Google, Bing, and other search engines use to determine the relevance of your website to keywords in user searches. This is how search engines determine the display rank for websites based on each search query; and they have endorsed Responsive Web Design as the best way to make sure your website is king of the keywords.

I’ll start with a little background, since this is such a hot, albeit confusing, topic. Originally, these algorithms were not intended to be catered to. However, enterprising individuals discovered the potential that search engine optimization held, and began to wield this power for great evil. The world of SEO fell into darkness…until recently. Thankfully for those of us who hate our results being populated by irrelevant advertisement websites, Google and other search engines have begun taking a very active role in cleaning up their results. They are carefully monitoring SEO practices to make sure only the most relevant and useful information is displayed.

seo diagram
Search engine tree

All the cheap tricks, (link farming, keyword spamming, cloaking, etc.) that were being used to circumvent the original purpose of the search engine (locating useful and relevant content), have been debunked. The websites who succumbed to the cheap thrills of the dark side of SEO have lost their ill-gotten ranking, and all the capital their marketing team had invested in it.

These changes have ushered in the dawn of the Golden Age for legitimate search engine optimization. Google and Bing have begun defining best practices and distributing recommendations and guidelines to help aid us in our goals to develop proper SEO while building the best websites in the world; and it all begins with the foundation. This is where Responsive Web Design comes in.

In recent articles, Google and Bing have tapped Responsive Web Design as their preferred method for building a website that will be visited by any source of mobile traffic; which is any website that exists in today’s world. Google has chosen Responsive Web Design for many reasons, but a few major ones include:

  • A single URL is easier for users to interact with, share, and link to
  • Single URLs are much easier for search engine algorithms to process
  • A singular source of HTML makes crawling the website much easier, and avoids the need to reconcile findings from different bots searching multiple HTML sources
  • Content is contained in one source, enhancing keyword saturation without filler, and allowing search engines to index the content more efficiently and accurately

But what does it all mean?! Basically, the easier it is for search engines to read, analyze, and index the content on your website, the more precisely and confidently they can display that website with a high ranking when a consumer searches their engine using a related keyword.

Non responsive websites force search engines to try and reconcile content from multiple sources, and across a host of redirects, which clogs the algorithm. It’s similar to when those amazing customer service centers transfer you around for 45 minutes trying to find the “right person” to handle your problem. You don’t like it, and apparently algorithms don’t either.

All in all, SEO will still remain a moving target, and not everyone will follow the new rules, but any organization who wants to protect their web investments should do their homework when developing their SEO strategies. The major search engines have laid out their preferences for building effective long-term search optimization, and it begins with flawlessly executed Responsive Web Design.

Frank Farris

Frank Farris is Founder and CEO of DeepBlue. He has been an active thought leader in the application of emerging web technologies since 1998 and is a champion of the movement to make the Responsive Web Design approach the new industry standard.

More Posts - Website

Posted in Strategy | Leave a reply

Don’t Be a Luddite! Embrace Responsive Web Design.

In 1779, legend holds that a youth by the name of Ed Ludd broke two stocking frames – mechanical knitting machines used in the textiles industry – in a fit of rage. Stocking frames represented the first major stage in the mechanization of the textile industry, and played an important part in the early history of the Industrial Revolution. To Ed Ludd and others of like mind, these machines forewarned of a dangerous new world in which machines would replace English textile artisans through less-skilled, low-wage labourers, leaving them without work.

Thus, the Luddite movement was born.

Dont be a luddite
Dont be a luddite

For years, the Luddite philosophy endured as the emergence of technology created a sense of fear and helplessness that coincided with the rise in difficult working conditions in modern factories. In modern usage, “Luddite” is a term describing those opposed to industrialization, automation, computerization or new technologies in general. Neo-Luddism is a viewpoint opposing many forms of modern technology; an inherent – perhaps misguided – belief that technology has a negative impact on individuals and communities. This dictates that humanity was better off before the advent of specific new technologies, labeling these technologies dangerous. These technologies are seen as so foreboding that it challenges faith in all technological progress. Because of this, Neo-Luddites are apprehensive about the ability of any new technology to solve current problems without creating more, potentially more dangerous, problems.

Technology Infiltration

During this era of technological proliferation across all facets of society and into our personal and professional lives, the luddite philosophy has manifested itself into a kind of sub-conscious, heuristic rejection of anything new. If it ain’t broke, don’t fix it – so they say. Although much of the trepidation with new technology can be attributed to the headaches and annoyance of actually having to use our minds to learn something, the intuitiveness and innovation in handling these emerging technologies makes this argument obsolete. Take the iPad Mini, for example. It is a device of supreme simplicity. Take it out of its box, hit the power button, and you are up and running. Anyone can learn how to use it in a matter of seconds. Period. No exceptions. We love our iPad Mini’s because they fundamentally destroy the Luddite living within all of us. Intuitiveness trumps primal fear.

imgres

Slaying the Luddite

This brings me to the point of this posting. Anyone can embrace and learn emerging technologies, but you must consciously confront your internal Luddite.

In 2013, Responsive Web Design will emerge as the new standard in web architecture, and DeepBlue will be at the forefront as a thought leader in this new approach. As I have proclaimed on several occasions, Responsive Web Design represents an elegant solution to a complex problem. The approach allows developers to create a website from a single-data source and adjust its layout accordingly to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices (from desktop computer monitors to tablets to mobile phones). RWD satisfies the user experience demands of today’s multi-platform consumer. Is RWD perfect? No, and I have written previously on the subject of RWD pros and cons (see Responsive Web Design and the Acceptability Threshold: What You Should Know). However, it is our fundamental belief that Responsive Web Design is the right approach for all organizations, large and small.

responsive devices

Embracing Emerging Technologies

Although most of the folks I have spoken to regarding RWD are truly excited about the new approach, I have taken notice that a few remain hesitant. You see, Responsive Web Design represents a SIGNIFICANT departure from the “traditional” way of designing websites. It is a total reinvention of the web user experience and it is only a matter of time of WHEN – not IF – all websites of integrity and reputation go responsive. Companies, particularly the larger ones, tend to err on the side of caution and can be more reactionary than proactive when embracing new technologies. The Luddite prevails. They prefer to sit back and watch as the thought leaders seize the opportunity and establish best-practices. Then, they will play perpetual catch-up as market shares drop and they finally understand and embrace the benefits of emerging technologies and their impact. They allow the Luddite to cage the beast of Innovation until it finally devours its keeper. For any of you out there – CEO’s, Marketing Directors, IT Directors, etc. – who allow themselves to feel the trepidation of the Luddite and decide to sit this one out in 2013, allow me to share with you a small sampling of industry leaders that have already embraced Responsive Web Design:

There is a reason why these icons represent some of the most recognizable and loved brands in the world. They are thought leaders and innovators (although the case can certainly be made against Microsoft on this assertion  ) and they are not afraid to challenge conformity and set new standards. These organizations made the conscious decision to put their Luddite in its place and embrace emerging technologies, particularly Responsive Web Design.

As we head today into a new year full of questions and uncertainty, I challenge anyone out their hearing my words to heed my advice…

DON’T BE A LUDDITE!

Frank Farris

Frank Farris is Founder and CEO of DeepBlue. He has been an active thought leader in the application of emerging web technologies since 1998 and is a champion of the movement to make the Responsive Web Design approach the new industry standard.

More Posts - Website

Posted in Design, Strategy | Leave a reply