Adult Web Design

Web Design Trends in 2014

24.02.2014
Flat UI will continue to grow
As a fan of sans serif fonts I am happy to report that clean currently beats fancy. Windows 8 was really influential in this regard, and then Apple ditched skeuomorphism when it launched iOS7. I think flat design has a lot of legs left in it.
 
Mobile versus desktop
Smartphone and tablet usage has skyrocketed in recent years, and is overtaking desktop traffic for many websites. In 2014 mobile devices will continue to dominate, forcing designers to rethink the user experience for smaller screens (they should think about bigger ones too). The need to adapt to a growing mobile-enabled user base can make a company more agile, driving innovation within organisations. 
Of course the reality - for most firms - is that 'mobile first' doesn't really apply. It is still very much 'mobile second', at least for now, but for those that embrace responsive and / or adaptive design, the ROI can be nothing short of majestic. 
 
Scrolling
Explored scrolling websites back in 2012, when it was a relatively nascent trend. It has grown a lot since then. Partly I think it is because scrolling is easy enough to execute, and partly it's because designers are thinking about mobile and tablet devices, and about how to design with the swipe in mind. Parallax scrolling, horizontal scrolling, column-based scrolling and infinite scrolling are all things that we'll probably see more of in 2014 and beyond. There are a few things to be wary of though, particularly around infinite scrolling.
 
More HTML5
Rather than listening to me bang on about the joys of HTML5 I suggest that you visit Codepen and play around with some of the examples, to see what's possible. Alternatively, check out a few of these rather creative agency websites, which blend dollops of HTML5 with sprinklings of CSS3 and jQuery. 
 
Less text
The web seems to becoming a lot less text-heavy, and some apps and websites have almost no visible text, instead relying on images and icons to convey information to the user.
In some cases this works really well, but in others I think the absolute avoidance of text is unhelpful. For example, the Snapchat homepage, which contains less than 10 words, and requires visitors to watch a video to make sense of things. 
 
CSS replaces images
Why use an image as an icon when you can use CSS? Who wouldn't want a set of lovely CSS checkboxes on their website?
 
Making the most of one page
More and more sites avoid loading new pages, preferring instead to present additional content on the current page. Lightboxes, overlays, and expanding / repositioned tiles can all reduce the amount of clicks in an average user journey.
 
Varied typography
Web fonts are on the rise, designers are favouring bigger font sizes than ever, and mix and match is proving to be very popular. In addition, responsive typography should become a bigger part of responsive web design.
 
Fixed position content / navigation
This is when you scroll down and the navigation (or some other content unit) stays on the page. Sometimes the navigation will reduce in height into a narrow bar, or a small icon that can be expanded (as per point eight). This is now becoming fairly commonplace among freshly-designed websites, and let's stick with Awwwards for an example.