WebsiteDesign
29.9K views | +0 today
Follow

5 essential elements of a successful 404 error page

From www.webdesignerdepot.com

404 pages are one of the most overlooked aspects of any website design, and when they’re not overlooked, the tendency is to create something fun—in the hope that a bit of humour will lessen the user’s irritation at the missing information.

Many designers opt for the default 404 believing that the rest of their scheme is so full-proof as to not require a back up plan. Others crack a joke, or use the page as a little web experiment.


There’s nothing wrong with being humorous if that’s what the page requires, but fun and functionality are not mutually exclusive, and a good designer will always ensure that their user find the way to the information they were looking for.


No comment yet.

14 motion design trends for web and mobile interfaces

From econsultancy.com

Simplicity is the key to great design. Anything that complicates or irritates should be immediately jettisoned, in favour of a cleaner approach, and functionality should always come before beauty. 


As such I still get shivers when I think about animation and web design, given the amount of user experience crimes committed over the years. Animation was a dirty word. It meant too many crazy gifs, too many flashing ads, or even worse, it meant 'innovative' Flash websites. 

Lots of websites still suffer from animation overload, but when done with appropriate amounts of restraint I think motion can help improve the user experience. 


Moving backgrounds, rolldown navigation and micro UX effects were three of the web design trends I highlighted back in January. I think a broader trend is the rise of animation / motion, and no doubt it will be on next year’s list. 


I thought I’d explore some of the different areas of a website (or mobile app) where motion can come into play, to improve the user experience by communicating meaning, or as a visual flourish that bridges the gap between clicking and loading.

Before we begin, let us doff our hats in the direction of HTML5 and CSS3, not to mention better browsers, faster devices, nicer screens, and quicker internet connections. All of these things have allowed designers to use motion in a way that doesn’t suck.

No comment yet.

Web Typography for Traditional Graphic Designers

From www.webdesignfanatic.com

Learn about web typography for traditional graphic designers. You can use letter.js and kern.js to hand web typography manually, like we were trained to do.
No comment yet.

5 Reasons Why One Page Websites are Great

From theneodesign.com

One page websites are emerging and if you want the reasons why its becoming trend. Check out 5 reasons why one page websites are great.
No comment yet.

20 Impressive Promotional Website Designs

From www.designjuices.co.uk

The following list of 20 impressive promotional website designs include anything from product promotions to event promotions to awareness sites.
No comment yet.

Step Up Your Web Development with BootStrap

From www.pixelcrayons.com

Many developers perceive Bootstrap to be a magic wand that either does development on its own or does a part of it. You will soon change your perception as soon as you start using Bootstrap. Bootstrap is a front-end framework that provides the required elements for page design with sufficient responsiveness using the HTML5 and CSS3 so that site functions consistently everywhere. With an increased focus on CSS, Bootstrap primarily help speed up the site development process since all the necessary ingredients for the purpose are bundled into the framework such as alerts, forms, buttons, navigation, typography, tables, grids, etc. In actuality, using bootstrap means using more of your left-brain, because Bootstrap is overloaded with tools and utilities, and knowing what/when to use it is important besides playing around with it

No comment yet.

25 Beautifully Blue Web Designs to Inspire You

From www.webdesignersblog.net

Blue is also a color that gives the impression of refreshing quality. Its definitely color of corporate world and has long been a popular for designers too.
No comment yet.

20 Useful Infographics Featuring Web Design Tips & Tricks

From webdesignledger.com

Infographics are a good way to turn some boring data into an informative attractive graphic which is easier for a reader to digest. With the rise of the visual web, the number of infographics on various topics increases day by day. I handpicked 20 infographics related to web design that feature useful tips and tricks, trends, and other interesting information you ought to know.


Here you’ll find infographics about time management, creating a perfect landing page, do’s and don’ts of website, mixing different typefaces, usability, latest design and visual trends, responsive design, choosing ideal hosting and much more. 

No comment yet.

10 Great CSS3 Generators for UI Styling l BytesWire

From www.byteswire.com

As we all are well aware that CSS3 is responsible for fancy effects which we see on the web. CSS3 supports to every browser, and mobile devices. You can create a huge variety of new impacts with your designs, with a few changes in CSS. You can create range of effects from gradient generators to easy shadows, text styling and border radius. There are lot of time saving CSS3 tools which web designers and web developers can use to create new impacts with their designs.

No comment yet.

Awesome Showcase of Creative Dark Color Web Designs

From theneodesign.com

Check out inspirational collection of creative dark color web designers to inspire you. These dark color websites will give you enough inspiration to create
malek's curator insight, July 25, 2014 6:50 AM

Bold is beautiful and black is never evil

25 Web and Graphic Design Studio Websites for Your Inspiration

From webdesignledger.com

Advertise here with BSA
It’s always interesting to see what design creative studios and agencies crafted for themselves. These people design websites for the whole world and come up with new trends and tendencies to follow.
No comment yet.

How Responsive Design Can Accelerate Your Conversion Rate #infographic

From www.websigmas.com

Responsive design is perhaps the hottest web design trend in the world. And the reason behind this meteoric rise is the growing popularity of Smartphones and Tablets. With more and more people shifting their focus from desktops and resorting to their mobile phones when it comes to accessing the Internet, it was becoming clearer that businesses with traditional websites wouldn’t be able to survive much longer if they don’t cater to their mobile audiences.

No comment yet.

A Look At The Current Responsive Design Landscape (And How To Speed It Up)

From sideproject.io

When was the last time you visited a website and you were blown away by its performance (i.e how fast you were able to do what you wanted to do)?


The newest iteration of CanIUse.com has that faster-than-a-speeding-bullet kind of feel to it. Not only does it serve up compatibility stats on bleeding-edge features and web technologies, it does it with heroic speed and performance.


This week, Maximiliano Firtman published a thought-rousing article for Smashing Magazine. As a front-end developer, it's a great reminder that the end goal is not a responsive website, but a fast, great experience that happens to be responsive. Not a new thought, but certainly a worthwhile one.


The ultimate goal for a website should be “happy users,” which will lead to more conversions, whatever a conversion might be, whether it’s getting a visitor to spread the word, providing information or making a sale. Users won’t be happy without a high-performing website. — "You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy"


Brian Yanish - MarketingHits.com:

Great artilce about responsive design and site speed.

No comment yet.

C’mon & Play Me Like a Game: Playful Elements in Web Design

From www.onextrapixel.com

Are you a serious person in real life? Maybe you are a backslapper feeling at ease in any company. Sometimes you need to tell a joke or two to become the heart of the party. The same trick works in web design. Nobody likes moody, always whining people no matter how talented they are.


Positive emotions are especially important on the web. What do most visitors come here for? Fun? Entertainment? Information? Work? The reasons are varied, but we don’t think that depression is in the list.


Let’s imagine a typical process of a visitor’s onsite stay. The web becomes simpler and moreintuitive each day. Everything is directed toward the user’s convenience. Site owners take into consideration today’s busy lifestyle and try to give the customers whatever they need as quickly as possible.


Using Fun Elements in Web Design


Such an approach is absolutely justified on most websites, where people come knowing exactly what they want to get. But the fact is that not all websites are dedicated to speedy actions, some show or teach new technologies, information, tell about new company products or services. Would you like the user miss the most interesting part of the journey?Just let this sink in for a minute… We guess you will answer something like this “Like hell!”So, even at this stage of our narration we understand that swiftness doesn’t fit each and every website.

No comment yet.

100 Amazing 404 Error Page Design Examples

From www.tutoriallounge.com

The style & elegant design of 404 error pages is usually underestimated and receive an obnoxious impression.
No comment yet.

Chrome Canary Has a Very Useful Device Emulator Built In for Responsive Web Design

From theultralinx.com

Responsive web design has now become a very important part of web design since more and more people are using their smartphones and tablets to view their favourite websites, moving away from the desktop.


Chrome Canary is Google’s version of Chrome that has all the latest features before they become available on the main version, you could say it’s a browser that’s always in BETA. One feature in Canary that may be one of the most useful yet for web designers is its device emulator.

No comment yet.

Why You Should Choose Responsive Design Over A Mobile Site

From www.searchenginepeople.com

According to Google, over the past two years alone, mobile search traffic has increased five-fold.


As more and more customers are on the go, searching for products and services from their mobile devices it's becoming imperative for businesses to engage with their customers and enhance their mobile experience. For some businesses building a separate mobile website may seem appropriate.


This article reviews and compares the differences between a separate mobile site vs. responsive design… and why Responsive Design is better.


No comment yet.

14 Inspiring UI/UX Designs Made in Bohemian Coding Sketch

From medialoot.com

Sketch is the perfect vector based design tool for UX and UI designers. Its reasonable price makes it more accessible to designers than its Adobe counterpart. More and more designers are starting to use this powerful software and today we’d like to share some awesome designs created in Sketch.
No comment yet.

New types of element input in HTML5

From basicuse.net

One of the strangest features of HTML forms is the use of an element with the vague designation input, it creates variety of control elements, starting from check boxes to text fields and buttons. The specific control element depends on the attribute type of element input.


If browser encounters an unknown type of element input, the web browser treats it as a plain text field. This means that the following three elements are treated exactly the same in all browsers:


No comment yet.

Ten tips for productive Google Analytics research

From justuxdesign.com

Google analytics can be an incredibly powerful tool for optimising your site’s user experience. Here are my top tips for harnessing its full potential.
No comment yet.

26+ Useful Wordpress Cheat Sheets & Resources

From bloomwebdesign.net

For web developers, cheat sheets and resources can be handy to have when developing Wordpress Themes and Plugins. If you're looking for some useful Wordpress Cheat Sheets and Resources, you'll love this collection of 26+ Useful Wordpress Cheat Sheets & Resources. At times when creating a wordpress theme or plugin, wordpress cheat sheets can be a quick resource to have when you're short of time, these cheat sheets will help answer any code problems you have.
No comment yet.

New Free Icon Sets - Web Design Blog

From www.webdesignblog.co

This is a collection of 12 new free icon sets you can download. These new free icon sets are free, & add a great sense of style to your websites & apps.
No comment yet.

White Headline Text in Web Design

From www.webdesignviews.com

The current trend of the use of large or fullscreen background images on website landing pages has forced the introduction of another trend – white headline text.
No comment yet.