Skip to main content

Home/ @Publish/ Group items tagged Web Design

Rss Feed Group items tagged

Pedro Gonçalves

The Ideal Length for All Online Content - 0 views

  • 100 characters is the engagement sweet spot for a tweet. 
  • a spike in retweets among those in the 71-100 character range—so-called “medium” length tweets. These medium tweets have enough characters for the original poster to say something of value and for the person retweeting to add commentary as well.
  • the ultra-short 40-character posts received 86 percent higher engagement than others.
  • ...12 more annotations...
  • In the last update, Google changed the layout of posts so that you only see three lines of the original post before you see “Read more” link. In other words, your first sentence has to be a gripping teaser to get people to click “Read More.”
  • The ideal length of a Google+ headline is less than 60 characters To maximize the readability and appearance of your posts on Google+, you may want to keep your text on one line.
  • Many different studies over the years have confirmed that shorter posts are better on Facebook.
  • Writing for KISSmetrics, headline expert Bnonn cites usability research revealing we don’t only scan body copy, we also scan headlines. As such, we tend to absorb only the first three words and the last three words of a headline. If you want to maximize the chance that your entire headline gets read, keep your headline to six words.
  • some of the highest-converting headlines on the web are as long as 30 words. As a rule, if it won’t fit in a tweet it’s too long. But let me suggest that rather than worrying about length you should worry about making every word count. Especially the first and last 3.
  • The ideal length of a blog post is 7 minutes, 1,600 words
  • to ensure maximum comprehension and the appearance of simplicity, the perfect line length ranges between 40 and 55 characters per line, or in other words, a content column that varies between 250-350 pixels wide (it depends on font size and choice).
  • Consider that shorter lines appear as less work for the reader; they make it easier to focus and to jump quickly from one line to the next. Opening paragraphs with larger fonts—and therefore fewer characters per line—are like a a running start to reading a piece of content. This style gets readers  hooked with an easy-to-read opening paragraph, then you can adjust the line width from there.
  • In September 2012, MailChimp published the following headline on its blog: Subject Line Length Means Absolutely Nothing. This was quite the authoritative statement, but MailChimp had the data to back it up.
  • Beyond the perfect length, you can also adhere to best practices. In general, a 50-character maximum is recommended, although MailChimp does point out that there can be exceptions: The general rule of thumb in email marketing is to keep your subject line to 50 characters or less. Our analysis found this to generally be the rule. The exception was for highly targeted audiences, where the reader apparently appreciated the additional information in the subject line.
  • The ideal length of a title tag is 55 characters Title tags are the bits of text that define your page on a search results page. Brick-and-mortar stores have business names; your web page has a title tag. Recent changes to the design of Google’s results pages mean that the maximum length for titles is around 60 characters. If your title exceeds 60 characters, it will get truncated with an ellipse.
  • Finding a hard-and-fast rule for the maximum recommendation of a title tag isn’t as easy as you’d think. Quick typography lesson: Google uses Arial for the titles on its results pages, Arial is a proportionally-spaced font, meaning that different letters take up different width. A lowercase “i” is going to be narrower than a lowercase “w.” Therefore, the actual letters in your title will change the maximum allowable characters that can fit on one line.
Pedro Gonçalves

How To Maintain Hierarchy Through Content Choreography | Smashing Magazine - 0 views

  • Three specifications that we’ll likely find ourselves using in the future are: “Flexbox4,” “Regions5,” “Grid Layout6.”
  • Magic numbers in CSS are best avoided.
  • We need fewer of these HTML containers and more CSS virtual container classes that we can apply to different elements as needed. In other words, instead of this… <div id="container"> <div>Content here</div> <div>Content here</div> <div>Content here</div> </div> … we need more of this: <div class="container">Content here</div> <div class="container">Content here</div> <div class="container">Content here</div>
  • ...5 more annotations...
  • In the latter block, each division might have a different class name or perhaps different additional classes applied. This allows for greater flexibility in rearranging them in the layout. In the first block of code, the three content divisions will always reside inside their parent container.
  • With CSS, we have the ability to rearrange blocks inside a container. We don’t have the ability to break content out of one container and move it inside another container. If you want more mixing of blocks, then you’ll need fewer containers.
  • there are currently far more instances of websites that are dropping columns wholesale
  • Every element is its own unique block and serves as its own container. The page’s main heading is its own contained block. All of the meta information is inside another container directly below it. After that, every paragraph, subheading and image is also its own self-contained block of content. The same goes for anything else that might end up in a post, such as a block quote or code block.
  • a challenge to how we think about structuring our HTML, particularly to how we use containers. Elements can’t move from one container to the next. We can fake it with complex CSS, or we can rewrite the HTML with JavaScript; but, ultimately, if we want to intermix elements, we’re best of using fewer HTML containers to create columns. Instead, we should leave more of our content blocks in their own containers and use CSS to create virtual columns in the layout. This solution doesn’t confine our elements to structural containers and instead enables us to more easily rearrange the elements in different layouts.
Pedro Gonçalves

These Scientists Studied Why Internet Stories Go Viral. You Won't Believe What They Fou... - 0 views

  • Recent research suggests that emotions hold the secret to viral web content. Articles, posts, or videos that evoke positive emotions have greater viral potential than something that evokes negative feelings, but both do a better job recruiting clicks than neutral content. The finer details tell a similar story: triggering high-arousal emotions, such as anger or humor, is a surer path to click gold than triggering low-arousal ones, such as contentment or sadness.
  • positive emotions best negative ones, any emotion bests none at all.
  • content evoking high-arousal emotions (in this case, awe, anger, and anxiety, emotions that tend to whip us into action) went viral more often than articles evoking a low-arousal emotion (sadness, an emotion that often leaves us subdued).
Pedro Gonçalves

Mobile Apps Are the New Network TV, Without the Ad Dollars - 0 views

  • audience for mobile apps has hit 58 million in primetime — 8 p.m.
  • The IAB estimates that the U.S. mobile ad market brought in $3.4 billion in 2012. The IAB didn't break out revenues for apps vs. the mobile web, but Flurry has estimated that 80% of mobile activity occurs on apps
  • Kantar Media calculated that TV advertising accounted for $74 billion in ad revenues in 2012. Even if apps generated 100% of mobile ad revenues, the market would still be just 4.5% that of TV.
  • ...5 more annotations...
  • there are now more monthly users of mobile apps than there are for desktop computers and laptops. Yet the the desktop ad market is still 10 times the size of the mobile ad market in revenues
  • To execute a mobile ad buy, you have to choose between various networks and exchanges and real-time bidding platforms. The ads themselves are also different since they're often designed to prompt users to take action relatively quickly, which mean fewer branding ads and more direct-response executions. To ensure that the ads are effective, it helps to tailor to them to individual users' demographics and geographic location. To make things even more complicated, while on desktop, there are basically two operating systems, in mobile there are at least 10, Becker says and "hundreds of browsers and screen sizes."
  • eMarketer predicts that TV will continue to grow — and outpace digital advertising — through 2017.
  • TV ratings are down — Morgan Stanley analyst Benjamin Swinburne recently found that they fell 50% over the past decade — TV is still the last place where you can find 5 million or more people tuned in at the same time to an ad. You may be able to get in front of 5 million people on Facebook, but if you use a display ad, only about one in 1,000 people will click on it.
  • bigger advertisers are jumping into mobile — Mondelez (nee Kraft) pledged last year to put 10% of its ad budget into the segment
Pedro Gonçalves

6 Free Chrome Apps and Extensions for Small Businesses : Technology :: American Express... - 0 views

Pedro Gonçalves

6 Smart and Effective Email Marketing Tactics - 0 views

  • There’s no denying that email is showing signs of decline — the number of visitors to web-based email sites fell 6% in 2010 compared to the previous year, and email engagement declined at an even greater rate, according to a report from digital analysis company comScore.
  • In response to these changes, brands are quickly adapting by combining email, social media and even mobile marketing tactics.
  • successful brands are doing just that — cross-pollinating email marketing strategies via email clients, social platforms and mobile devices. Ultimately, brands still find email effective because it’s inexpensive and universally accepted by people all over the world.
  • ...6 more annotations...
  • The key to creating hyper-timely emails is planning and being nimble, says Christopher Stemborowski, associate communication strategist for marketing agency Oxford Communications. “Seeming timely can be the result of preparing multiple emails or just one email and waiting for the right time to send it.”
  • Build multiple versions ahead of key events: In the same way that shirts are made ahead of the Super Bowl declaring each team the champion, you can design two versions of an email to respond quickly to the outcome of major events.Plan an email for an event that has an unspecified date: Snowstorms will happen each winter. Will you have an email ready to go out the moment it happens? With a little planning, you can.Track trending online memes: In 2011, we have seen a #winning Charlie Sheen and a really excited Rebecca Black ready to have fun, fun, fun. Smart brands can tap into these memes in email blasts. You can keep track of these popular memes by viewing the trending topics section on Twitter.
  • Blasting irrelevant content to your email subscribers is one of the biggest email marketing mistakes you can commit.“For example, if a salon sends an email to men that highlights services solely for women, it shouldn’t be a shock when the men unsubscribe,” Stemborowski says. “To avoid this, the salon needs to know who in its database are males and who are females and then avoid sending irrelevant messages.”
  • “Self-selection means subscribers willingly receive emails that are in the categories they asked to get,” Stemborowski said, adding that it’s vital to keep the screening short so users don’t abandon the process.
  • More than ever, people are reading emails on their mobile devices. Mobile email usage increased 36% in 2010, according to comScore.
  • The first line of your email should never read, “If you are having trouble reading this email click here,” he adds. “Remember, the first line of the email is what shows up as the preview on smartphones. For this reason, the first line is premium real estate and, with this in mind, you should put your most important message first for a well-crafted call to action.”
« First ‹ Previous 41 - 60 of 87 Next › Last »
Showing 20 items per page