Brutalist Web Design Trends

The Washington Post has recently published an article highlighting brutalist web design trends.

Web brutalism is a term coined by Pascal Deville, Creative Director at the Freundliche Grüsse ad agency in Zurich, Switzerland, and the owner of Sites which are classified as brutalist have a “ruggedness and lack of concern to look comfortable or easy”.

The site showcases both recent and historical sites which ignore comfortable, familiar templates; approachable interfaces and comfortable colour schemes.

The website has received a lot of attention of late, with a huge increase in visitor numbers and around 100 submissions of sites a day.

The brutalist label can be widely applied, and sometimes include more than just the aesthetics. Deville also looks at the code: “… In the code you can see if it’s really a streamlined application or it’s a very rough, handmade, HTML website,” he explained.

Deville’s curation of such sites have sparked interest with designers, coders and developers. A number of people are drawn towards the aesthetic, with some people trying to imitate and develop it.

While we don’t see this aesthetic movement taking over traditional and justifiably well-established design rules, it’s an interesting rabbit hole to go down for a while before resurfacing to a world where the interfaces, layouts and colour schemes make a bit more sense.

The hottest trend in Web design is making intentionally ugly, difficult sites

Types of Animation in Web Design

We’ve found an excellent source detailing the types of animation in web design.

One of the main web design trends in 2016 is animation. No longer a optional extra, animation is often expected by the user. As well as looking nice, animation provides excellent visual feedback to user’s interactions. They can also save crucial screen space by bridging the gap between main screens and navigation menus. Done well, these interactions can be seamless and non-invasive.

Animation is also excellent for drawing attention. Hover animations (still the sole domain of laptops and desktop computers), show interactive elements of a website. A well-placed animation or two can also guide the user through a website and help steer them in the right (or desired) direction.

In this image-driven age of the internet, galleries and slideshow animation are especially important. Loading animations help distract the user from the inconvenience of waiting. Scrolling nimation may not be glamorous, but without it, we’d still be living with literal web pages. Animation with no purpose other than looking pretty also have their place in brand identity and web presence.

For a full breakdown of these types of animation accompanied with examples, check out the link below.

Web Design Trends Analyzed: 8 Effective Types of Animation

Things to Consider Before Embracing a Trend

While it may be tempting to adopt the latest style, there are things to consider before embracing a trend. Jumping on every device, meme or design layout can be exhausting and pointless if badly considered. Taking a step back from the bandwagons and asking a few simple questions can save you from making a change for change’s sake.


Web Design Psychology Tips

Web Design Psychology Tips

We have some web design psychology tips to help enhance your design knowledge. You may produce beautiful and brilliant websites, but sometimes even the best design can simply not appeal to users due to overlooking subconscious factors. For example, having a good grasp of layout and colour means users will have an easier time navigating your site. Knowing some of these visible and invisible elements can really enhance your design and help to make it all the more engaging.


Safe Online: Videogame for People with Learning Disabilities

Although not technically web design, this recent news of development of a videogame for people with learning disabilities bears mention as part of our continuing exploration of inclusive design.

Working in conjunction with people who have learning disabilities in Edinburgh and Midlothian, the University of the West of Scotland (UWS) and the UWS’ Scottish Centre for Enabling Technologies (SCET) have produced a prototype of #keepmesafe, a videogame which aims to live up to its title.

Videogame for People with Learning Disabilities - #keepmesafe


Deaf Online: Considering Hearing Impaired Internet Users

After our Blind Online: Considering Visually Impaired Internet Users, we thought we’d look at the experience of hearing impaired internet users. Whilst visual accessibility is not a problem for the hearing impaired, there are some interesting insights into their experience which make for better, inclusive design.


The Sites Blocking Ad-Block

The debate about online advertising and user experience continues with news of more sites blocking Ad-block users.

As we covered in our Web Design Trends 2016 – Part Three: The Experience, advertising in the age of Ad-block is a fast-changing field. Some sites have gone in the direction of blocking users who have Ad-block installed. In December 2015, American business magazine Forbes started greeting Ad-block users with a screen urging them to turn off their software in order to continue to a 30-day “ad-light” experience.

Sites blocking Ad-block - Forbes