I may earn a commission via some of the links/buttons on this site, which goes to helping me run the website and pay for hosting. Any monies coming in is greatly appreciated. Please see my Disclaimer for more information.

Break the Principles of Standard Web Design

Last updated on 15/02/2020 at 00:33

Rules govern our lives. Some people even say that rules govern the entire universe; otherwise our poor Earth would have already hit the mythical Nibiru. So, it can be safely said that when you are designing a website for the ‘Online Universe’ [I have just coined the term!!], you have to follow certain rules otherwise things like user experience, conversion, navigation etc might go out of control and the entire designing project would lead to a chaos.

But the best thing about these design rules is that they are not absolute. What I mean to say is that unlike the cosmic rules, website designing rules can be bent or broken a little bit because it will definitely not lead to the end of the world, as we know it.

Web Designing rules are meant to be broken only if you know exactly what you are doing. Don’t even try to bend the rules or think of making a deviation if you really have no idea what you are supposed to achieve. Here we are going to show you how you can break designing principles for achieving something really great:

By the way, Do You Know the Rules of Website Designing?

How on earth, you are supposed to break the web design rules if you do not have any idea what these rules are. Rules are nothing but a set of standards that make it easier for us to achieve something. Say for example, it is quite common practice among website designers to use big and bright buttons as opposed to text links for the mobile web interface. Now this is the rule of the thumb and it would be a complete disaster if you try to bend the rule and use ‘text links’ for mobile interface. A disaster will be waiting for you in the wings, as people will not be able to navigate the interface while browsing in mobile devices with smaller screens.

The same problem will crop up if you decide to add too many ‘Call to Action’ buttons on the landing pages. So, do not attempt to deviate from the standard just because you feel like it. Follow the standards whenever possible and make deviations only where it is necessary or where you are confident of achieving greatness. For example, this blog landing page only has one Call to Action text and that is placed conveniently at the end of the articles as to not to interrupt the flow of the reading.

1. Unclear Website Goal

I know it may raise the eyebrows of the conversion optimization experts but this is what some designers are doing. The purpose of a website as we are being told is to make it easier for the visitors to take desired action like ‘buying a product’, ‘filling out a form’ or clicking on the ‘request a quote’ button.

But what if you are to design a website for a big brand like Apple? I hope the purpose of the Apple’s website is not to sell more iPads or more iMacs; if they believe in the philosophy of selling more products, the website would have a big and bright ‘Call to Action Button’. Thankfully, this has never been the philosophy of Apple. They believe in making their brand irresistible and for that purpose, they try to make people read the web content rather than getting them converted at the very moment, they land on the web page. This is a clever attempt to make people spend more time on the website and not the other way around.

Riot of colors - Principles of Standard Web Design

2. Riot of Colors

Use of bright colors, blinking texts etc simply do not go in line with the latest web designing trends and designers simply refuse to use too many colors on a landing page as it might make them look like a rookie. Nevertheless, this does not imply that you have to make your website look lifeless and less cheerful.

Designers do not fear taking risks anymore these days. They are doing loads of experiments with bright colors without making people color blind. By mixing up bright and sober colors, they are trying to add some unique variations in the design and as it appears, this strategy is working very fine. Stuartdanieldesign.co.uk has gone beyond traditional web designing practices. It has used a wide variety of colors and characters to make a powerful impact and seems like it is working.

3. Use of Web Safe Font

Use of web safe fonts is something that almost all web designers follow religiously and therefore, whenever someone tries to make a deviation, it is treated with contempt or indignation. However, it is interesting to note that with the launch of Typefasce. js and Cufón, designers are armed with an opportunity to use fancy fonts without making their website unreadable to the audience. 9Leafs has tried the same but made a hasty retreat after seeing that visitors are not taking things positively. So, you need to take some time to figure out whether visitors are in favor of the change or not.

4. Pop up Message

Yeah I am serious. Though people seem to hate pop up like anything else, they can do good for a website when used judiciously. I love the way Neil Patel uses pop up to encourage subscription. It is just a simple and sane approach to encourage subscription without making the whole process look spammy.

5. Use of same Color for Background and Text

I know this might ruffle the feathers of many leading web designers, but some designers are simply not afraid of using same background color texts. Though these designers are well aware of the fact that maintaining high readability level is going to get tough when they are using background color texts, they are doing well as evident from the feedback of the audience.

Further Resources

firstsiteguide.com – Learn best practice to create and manage your blog with free beginners guides.

Like what you read share the love...


Leave a Reply

seven − 5 =

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Enjoyed This Article?

Sign up to my blog to get similar content straight to your inbox & as an added bonus I will throw in a Free WordPress Security Checklist, as a thankyou.

By subscribing you agree to receive my newsletter and agree to the Privacy Policy. You may unsubscribe at any time.