How To Design Call to Action Buttons That Convert Day 4 of Conversion Centered Design week brings us to the mighty call-to-action. If you’re not sure how they should look or what they should say to increase conversions, you’re in for a treat. Today we have another stellar post by Mr. Don’t forget to check out the 3 awesome posts that have already come out this week, and stay tuned for Friday’s post that will close out the week. This article, packed with case studies and examples from the real world, will provide you with important insights on how to design effective call to action buttons for your landing pages. What you need to understand about call to action buttons On your landing pages, the call-to-action represents the tipping point between bounce and conversion. Your buttons consist of two overall elements: design and copy Both these elements have direct impact on conversions; however, they play two different roles in the conversion scenario. Let’s start with an example from the real world It’s all about standing out Visual effects
HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav Les éléments de section HTML5, une nouvelle façon de penser Les éléments de section (section, article, nav, aside, header, footer) segmentent des portions du document ou de l'application web, qui possèdent une valeur sémantique particulière ; contrairement à des éléments génériques comme span ou div qui ont un rôle totalement neutre, et ne servent qu'à regrouper d'autres éléments HTML pour leur affecter un style CSS commun, voire pour interagir avec eux via le DOM... Il ne s'agit donc pas de nouveaux éléments avec des noms génériques : c'est bien plus que ça ! HTML5 inclut la majorité des éléments HTML4 pour assurer une rétro-compatibilité avec les navigateurs. Au-delà de ce critère, les groupes de travail qui ont élaboré HTML5 ont su analyser les usages courants et s'adapter aux tendances du web avec (entre autres) les nouvelles façons de trier l'information sur une page web. Liste récapitulative des éléments de section HTML5 Un cas particulier : Internet Explorer <9 Exemples de documents
What's a good replacement font for ITC Avant Garde Std? - Graphic Design Stack Exchange Just to add, if the ascenders on Futura PT are too crazy high, or if someone finding this is looking for a free alternative to ITC Avant Garde, Didact Gothic on Google Web Fonts has many features in common. The capitals are less eyecatching than Avant Garde's, and the letters are more uniform (e.g. no crazy-slim r), but it has a similar clear clean simplicity. It's probably suitable for use in titles or large, short (bullet list?) text. It's got a decent range of glyphs, but unfortunately only one weight (standard/400), so it's not a good replacement for the elegant light or heavy Avant Garde weights.
7 Website Design Trends To Watch In 2015 The end of the year is coming and that means your inbox will be flooded with “best of” and “trending” posts. I know, I know, it’s not even Thanksgiving. BUT, when it comes to what’s trending, you don’t want to be caught trying to plan big changes at the last minute. Coming from a compulsive procrastinator, trust me when I say this never ends well! Before we dive into my predictions for the top website design trends to watch in 2015, I’ll start by summing up key trends that emerged in 2014. I can do it in one word. Web design this past year was all about stripped out the pizzazz and focusing on design that will maximize visitor to lead conversions. Recommended for YouWebcast: Strategies, Tactics & Tools for Content Marketing in 2015 Building on the concept of simplicity, here are seven trends to watch in the coming year. 1. This isn’t a new one and shouldn’t come as a suprise. Contrary to popular belief, you aren’t creating your website just for phones, tablets and desktops anymore. 2. 3.
HTML li tag Original And Innovative Web Layouts Advertisement The layout is the foundation of your website. It guides the user through the sections and tells them what is most important. It also sets the aesthetic of the website. Therefore, you need to carefully think through how you lay out content. An original, creative layout goes a long way to improving the user experience of a website, although not letting your creativity get in the way of usability is important. Well, the following websites have some quite… unusual layouts. Original Web Layouts Beurre & Sel This website is just beautiful. Hackery, Maths & Design As the page loads, a fun 3D line animation starts to fill the screen. The Drawing Room I love this layout, simple yet so visually interesting. We Love Noise Luke Finch’s portfolio has a fun and friendly layout. Ende This layout is dynamic. Edward Carvalho Monaghan How’s about some color? KathArt KathArt has a great video layout. Cropp Cropp has a big and bold personality, and the layout showcases it.
Link Building Case Study: How I Increased My Search Traffic by 110% in 14 Days Here’s the brutal truth about link building: There are WAY too many people in internet marketing today that think “great content” is enough. They say, “if I publish great stuff, people will naturally link to me”. If only it were that easy… If you’re serious about generating high quality links, you need to be very systematic with how you create and promote your content. Otherwise you’re taking the “cooked spaghetti approach”: throwing a bunch of stuff against a wall and hoping something sticks. Well today I’m going to show you a technique that almost guarantees that you get high quality links from every piece of content that you publish. Get More Traffic This Month: Get access to a free downloadable PDF checklist that will show you how to get higher rankings with The Skyscraper Technique. Keep reading to learn how… The Skyscraper Technique: (Content Marketing for Link Builders) On April 18th I published Google’s 200 Ranking Factors: The Complete List. The best part? Step 1: Find link-worthy content
HTML5 Please - Use the new and shiny responsibly Your Chauffeur Service - Blacklane Which Stats Matter: A Definitive Guide to Social Media Metrics Among the many superpowers I wish I had, one that would be quite useful is the ability to understand social media metrics. I know enough to get by, and I love learning the new techniques to get more from these numbers—and to make sure I’m seeking the right numbers in the first place. In an effort to understand the little bits I can, I’ve done some research into all the many different social media stats you might track and which ones are worthwhile. Wouldn’t you know it, social media stats aren’t just as simple as looking at the right numbers! There’s a difference between knowing what the stats mean and knowing which stats are meaningful. With that in mind, I’d love to share with you some of the stats we value greatly here at Buffer and the reasons why, as well as some new social media metrics we’re excited to try. Why it’s important to know what you’re tracking What are you hoping to get from your social media marketing? That’s question No. 1 as you consider which stats to track. P.S.