New Blog DesignBlog design
We will investigate which items have proved themselves beloved and which have been disgraced. Let us first take a look at the broader trend in online advertising that determines what blog design looks like right now. Prior to examining the design aesthetic triggers of today's web, we need to review some of the information that vendors have come to love - marketer acceptance and browser stats.
Usually reserved for year-end forecast listings, nomadic adoption stats are one of the most important design related issues. As the need is the invention' s mom and more and more humans are turning to portable gadgets to connect to the Internet, blogging and other websites are adapting their looks to meet evolving taste.
You can see that the decrease in the number of users using Web browsing from October 2009 to October 2016 is almost entirely correlated with the increase in the use of portable computing equipment; as more and more users use portable computing equipment to connect to the Web, fewer users depend on them. These trends are also mirrored in the amount of per unit used.
A recent Comscore publication reported that the proportion of spending spend on the use of digit equipment has risen across all metrics - spending spend on mobiles in general, spending spend on mobiles in particular, and spending spend on the use of smart-phone applications - while the overall proportion of spending on the use of desktop computers has declined significantly.
What does this mean for blog design? Not only is the ever-growing number of users using portable equipment as their main access to the Web interesting from a usability point of view, it is also a challenge when it comes to reconciling aesthetics with the very physical limits of engineering specification.
Talking about page loading times - an important measure of ease of use - is usually in the process of optimizing page rates. From the point of view of user-friendliness, however, the page loading times can have other effects. Did you know, for example, that delaying the loading of a web page can lead to a 38% rise in your HR - the same rise seen in people who watch a film?
Steve Jobs said that design is not just what something looks like - it's how something works. To understand this is critical for creating esthetically appealing and worthwhile web-environments. Now that we've looked at some of the broader tendencies that are driving contemporary blog design, let's take a look at some of the style items that are causing a stir in web design right now.
Having spend so much of our lives discussing the importance of wireless connectivity, it seems only natural that the first design item we will look at is reactive design. Was ist response design? RWD (Responsive Web Design) is a concept first developed by the acclaimed web designer Ethan Marcotte (who verbatim written the web design books on RWD ), who described an Web design and engineering paradigm focused on making Web sites available and workable across a variety of device types.
First and foremost, this is done by using query mode, a Cascading Style Sheets (CSS) 3 function that allows a designer to specify that certain items of a Web page are turned on or off according to the browser settings or monitor sizes of a user's machine. Already in 2014 (practically a year ago in web development), fast reacting design was the key to success for techn du jour.
Leaders with little engineering knowledge of their own sites asked the besieged designer just to "respond" and thought that the least expensive and quickest way to get on the train was to just put some CSS rule into a stationary desktopsite. Did you kill Responsibility Design? A lot of developer and designer have turned their backs on Response Design.
As Ethan Marcotte once said, "responsive web design is not meant to be a substitute for portable websites," and this way of thinking has become more and more common in the web design communities. A major reason why many designers reject reactive web design is because it is inefficient and flatulent. A study by web safety and technology analyst Guy Pordjarny found that practically every fast-response website that Podjarny researched provided the full load of an overall desktopsite, regardless of how much information was actually accessed by the users.
Naturally, reactive web design is not alone to blame for these results - poor web pages are poor no matter what devices they are seen on, simply on. However, this study shows how poorly executed design decisions can have a devastating effect on your website. Another thing is the fact that web pages created and build with RWD will always be slow than natively created web pages.
Today, many blog and web sites are specifically built for different types of device, a rethink that puts the user first. Responsible design may be somewhat polarising in the web design communities, but one of the trends that few designer or developer can justify is the unbelievable appeal of advanced web applications. The same functions, plus "Add to Home Screen" feature.
Advanced web applications are sites that look, feels and work like applications designed for portable handsets, giving visitors an app-like browsing experience. What's more, they can be used as a web application to help you get the most out of your webcam. These include features such as pushed alerts, access to home monitors, off-line mode and other items you know if you've ever used an application on your cell phones.
We have seen a constant movement from thick, text-heavy blogging to more visually rich websites with large, colourful pictures as our bandwith increases (along with the computing capacity of portable devices). Among the most visible tendencies in the pictorial language of blog design is the growing prevalence of giant "hero" pictures - a tendency that is likely to persist at least for the time being.
A lot of weblogs and webpages use this technology with great effect. They' are eye-catching, visual and can be used as a foundation for whole design, especially for one-page web pages with long scrolling and web pages that depend on beautiful, high-resolution pictures - like feed-logs. Web publishers who choose to use this design feature must make sure that their pictures are closely aligned with engineering aspects such as page loading times, and there are also singular issues of accessability, such as the proper use of old text and other keypads.
Even though many web pages have large, courageous pictures embedded in their design, other pages have developed a different, significantly different design aesthetics - a truly minimalistic style that completely avoids pictures. One of the main drivers of this design aesthetics was the beloved web hosting and web publication site Media (owned by Twitter).
On the other hand, a large number of media publishing houses do not use pictures at all, a tendency that some other bloggers have taken up. Minimum blog design can be very efficient for certain kinds of contents. Not surprisingly, this aesthetics has proved a favorite with authors, but we've also seen several major news stories take on an image-light design.
It can work very well for some kinds of blog posts, such as opinion-based posts. Colour is one of the most important design features you can use, and this year we've seen powerful, vibrant colour patterns used time and again on many blog posts and web sites. The use of Duoton colour charts is still favoured for certain particular tendencies.
A few websites prefer complimentary Duoton colour themes that use two colours that directly compliment each other, and few websites have done more to promote this tendency than the spotify audio stream service: As Spotify has been promoting the complimentary duo tone pattern for some now, this design tendency is present throughout Spotify's website and throughout its advertising work.
Duo tone colour patterns are unbelievably diverse and very efficient, despite the restricted number of colours in the game. You can use Duoton colour themes in your blog in many ways, so make sure you go through different themes before making a definitive decision. Different colour patterns and their relations as shown on colour wheel.
While the web may be much more visually appealing than before, for most websites text is still the name of the pack, making type one of the most important design features of any website. In addition to daring heroic pictures and duotonic colour patterns, we have seen the continuing use and growing fame of powerful serifless fonts in many blog and website uses.
The General Assembly example shows how a powerful model can improve even the most simple design, a subject that is common throughout the General Assembly brand-building process: Among the most efficient typographic technologies is the combination of two very different but complementing fonts in a unique design, a tendency that has persisted throughout the year and seems to remain in the dark at least a little longer.
How many different facets of graphics and web design does the typeface combination seem much easier than it actually is? And how many of the best design features do winning type combinations seem easy, because of the skills and thoughts they incorporate? Canva Design School provides a useful tutorial on type matching with an explanation of why each combination works.
It' s straightforward to concentrate on items like vibrant colour patterns or eye-catching fonts, but one of the prevailing blogospheric tendencies this year was the continuing appeal of clear, straightforward layout. First, since the design methods of the UX have been incorporated into other areas of design, the main shift away from filling as much rubbish as possible into your blog side bar (blog roles, everyone?) and towards neater, leaner blog layout.
Those principals have also been extended to other web design issues, such as page layout and navigational elements that also support search ability and searchability and help reducing engineering effort. Second, the switch to the cell phone has required new blog design paradigms that promote speeds and performances - both can be adversely affected by foreign web page bar characteristics - and styles that look and feel good on smaller monitors.
However, there are different ideas that business-to-business site owner may have to expect, B2C may not. First is the colour. Have you ever wondered why so many business web pages mainly use colour scheme blues? After all, the colour blues stands for power and confidence - both characteristics that many business-to-business publishing houses like to uphold.
The following illustration shows that many large tech firms use a green colour pattern in their logo to communicate this message: B-2B sites must also include specific commercial goals in their blog design choices. As an example, many publishers and message providers use page bar contents to advertise other related contents - think of personalised page recommendation contents using theme or blog tag information.
It is a frequent design feature on many websites and will encourage the reader to stay on the website to search through other contents, which will reduce your rebound time. It is also noteworthy that these side bar items are not displayed for every single viewer - below a certain level of detail, the side bar items vanish in favour of a one- or two-column page layouts for the contents.
Actually, B2C blog and pages are often subjected to requirements that B2C publishers may not meet, as in the above example. This does not mean, however, that company business-to-business blogging cannot take some of the technologies described in this article - you may have to work a little bit harder to persuade your management to make certain design decisions.