How a creative layout can improve your website design

Key quotes:

• "Here are 7 web design tips for improving your website’s UX: White space is a key element of good website design."
• "Creating a margin — also called negative space — around content helps text blocks and images stand out on the page."
• "According to the conversion tool Crazy Egg, padding text and titles with white space increases user attention by 20%."
• "Mobile usage enables users to access content from anywhere, which increases the expectation for fast-loading web pages."
• "Customers navigate your website by following visual cues that move them between important pieces of content."
• "Calls to action (CTA) use active words and bold buttons to help users navigate your site and encourage the next step."

Key quotes:

• "What can you learn: Make your website design better with rich micro interactions, small games and effective use of white space Prototyping design tips: The micro interaction design has been widely used by UX/UI designers to create an interesting and compelling website prototype."
• "Rating: ★★★ Highlights: Broken grid layouts, kinetic text animation and selection effects This design studio website uses kinetic text animation to arouse users’ interests while loading."
• "Rating: ★★★★ Highlights: Interesting mouse cursor styles This jewelry store website stands out for its smart searching, filtering and navigating features, contributing to a fashionable and visually appealing design."
• "What can you learn: Add a special promotion, Q & A or help panel to improve website UX Rating: ★★★★★ Highlights: Parallax Scrolling design This website features an amazing parallax scroll effect which enables users to navigate through a series of videos easily by scrolling the mouse wheel."

Transcript: It's this let me explain it all right pitch this Ben burns and I were talking about how the how we speak differently about design since I went to a design school got my formal training and you pick up all the Arts speak you learn how to present just by watching other people present and though Ben has a media arts degree it wasn't as concentrated so we thought it would be fun to introduce a new segment that we'll be rolling out every once in a while well we'll do as Ben will be showing a frame he'll have a few minutes to think about it and then he will present it to me how we're a critique it in terms of his presentation and then I will pitch it back to him and so you guys can see how we talk about design work a little bit differently yeah and it's definitely something that I've struggled with you know that learning the visual vocabulary right is really if you don't go through a fine arts program it's very difficult to pick up kind of organically because these are words that you rarely use and so as I... See more →

Key quotes:

• "Transition 2 was the rise of blog systems like WordPress and Joomla and tools for creating themes, for example, Artisteer."
• "There are many variants of how to simplify website builders and to add more creativity to web designs."
• "Why is it so hard to create new tools that the Web Design industry needs? It has the free positioning of elements, overlapping, and layers like in Graphic Design tools."
• "Does anyone believe that such restrictions in the current website builders allow for the creation of truly unique and modern web designs? And this is the way for new website builders of Web Design 3.0, the free positioning."
• "We see that this page was designed in the Graphic Design tool, and was uploaded to the website as an image because there is no suitable and easy-to-use website builder for Web Design 3.0."
• "To create websites in Web Design 3.0, we need Revolutionary Changes."

Key quotes:

• "Colors, patterns, comment boxes, separate pages, video content, and many other pieces come together to create a fantastic website."
• "There are three criteria to consider that you should prioritize: content width design, home page header design, and menu bar design."
• "A boxed-width template has a specific, fixed width, preventing it from changing or warping, depending on the device that the website is being viewed on."
• "Home Page Header Design The home page header of your website is likely the first thing that a visitor will see when they come to your site."
• "Static header image with no content designs should only be used by businesses that rely on beautiful photos to appeal to customers, such as hotels, resorts, or restaurants."
• "You should not use a static header image with no content design if you run a business that requires further explanation about what you do and why people should use you."

Key quotes:

• "A web designer may work with a graphic designer for visual elements like illustrations and iconography, but a web designer will then fit all these pieces together to create something interactive and usable."
• "And a website will have different paths users can take — web designers need to make sure users have a good experience and can achieve their goals."
• "Graphic designers have much of the same skill sets as web designers."
• "Web designers aren’t confined by canvas size, but they do need to consider all the possible ways a site will be displayed."
• "Good, thoughtful web designers strip a design down to its essential elements for a consistent user experience."
• "Having good communication skills is important whether you’re a web or graphic designer."