Skip to main content

Home/ @Publish/ Group items tagged Design

Rss Feed Group items tagged

Pedro Gonçalves

No--You Don't Need To Learn To Code ⚙ Co.Labs ⚙ code + community - 0 views

  • If you still want to work in the tech world but are reconsidering coding, designer Nick Marsh suggests doing something coders find useful. Brilliant as great developers are, there are plenty of things that they hate doing or are just no good at. Coding requires a level of focus bordering on tunnel vision, and if there’s one thing developers hate, it’s distractions. For a coder “distractions” mean dealing with business people, management, customers or, in fact, anyone outside the engineering team. If you want to get popular with developers, spare them from some of these interactions, which they often see as a shocking waste of their time. A great product manager, for example, is as crucial to success as a competent coder. It doesn’t matter how clear the code is, if nobody wants the product. Translate the language of the developers into that of the users and vice versa. Promote the product. All makers of creative work want their work to be used. Marsh concludes that it’s much more important to understand coders than to understand code
Pedro Gonçalves

Windows 8.1: A Fresh Coat Of Paint Over Still-Shaky Walls - ReadWrite - 0 views

  • Microsoft's own employees admit the one big drawback for Windows 8: this is an operating system designed for touch screens, which many legacy PCs don't have yet. This means Windows 8 market penetration is reliant on brand-new laptops and PCs that do have touch-screen capabilities, or the sales of mobile devices like tablets and smartphones.
Pedro Gonçalves

How Users Read on the Web - 0 views

  • 79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word. (Update: a newer study found that users read email newsletters even more abruptly than they read websites.)
  • Web pages have to employ scannable text, using highlighted keywords (hypertext links serve as one form of highlighting; typeface variations and color are others) meaningful sub-headings (not "clever" ones) bulleted lists one idea per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph) the inverted pyramid style, starting with the conclusion half the word count (or less) than conventional writing
Pedro Gonçalves

F-Shaped Pattern For Reading Web Content - 0 views

  • This dominant reading pattern looks somewhat like an F and has the following three components: Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar. Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem.
  • The F viewing pattern is a rough, general shape rather than a uniform, pixel-perfect behavior.
  • Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't. The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second. Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.
Pedro Gonçalves

7 Marketing Lessons from Eye-Tracking Studies #CRO - 0 views

  • Authorship photos might cause people to assume that the page is an article or a blog post rather than a product page.
  • most pages can be optimized by including images that serve as visual cues for where visitors should look next.
  • Relying on the screen above “the fold” to do all of the heavy lifting is one of the biggest usability mistakes you can make. The idea that it is the only place web users will browse is a complete myth.
  • ...6 more annotations...
  • This coincides with additional research that shows people tend to view the left side of the screen overall far more than the right.
  • According to this study from the Nielsen Group, all across articles, e-commerce sites, and search engine results, people almost always browse in an F-shaped pattern that heavily favors the left side of the screen.
  • Multiple tests (including this one and this other one) have shown that users have no problem scrolling down below the fold. Surprisingly, they will browse even further down if the length of the page is longer.
  • Users are extremely fast at both processing their inboxes and reading newsletters. The average time allocated to a newsletter after opening it was only 51 seconds. This means that you need to get to the point in your emails in under a minute.
  • This coincides with a study from MarketingSherpa that shows people prefer short, clear, and un-creative headlines for their emails. (Creative headlines can seem mysterious, and mystery in an inbox may equal spam.)
  • Once you’ve earned the right to appear in a prospect’s inbox, be sure to keep that privilege by crafting emails that are clear and get to the point quickly. You don’t have as much time to broadcast your message as you would in an online article.
Pedro Gonçalves

The Line Length Misconception | Viget - 0 views

  • Anything from 45 to 75 characters is widely-regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both letters and spaces) is widely regarded as ideal.
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

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.”
Pedro Gonçalves

Azure (color) - Wikipedia, the free encyclopedia - 0 views

  •  
    #007FFF
Pedro Gonçalves

A List Apart: Articles: A Modest Proposal - 0 views

  • a prudent client—the kind you really want—will choose a web partner on the strength of the entire package. Doing otherwise, selecting on a matrix of numbers, dates, and line items, is an exercise in foolishness, akin to buying a car without knowing the make and model. Relationships, even in business, are founded on and strengthened by mutual compatibility. Proposing to work together on a project is remarkably similar to proposing marriage (despite the obvious and important differences): it ought to be a decision based on both emotion and reason, supported by a high degree of trust. In writing a proposal, you are making the case for the appropriateness of your new life together. These early, hesitant steps toward knowing one another better are crucial.
  • At some point later in the document, include the contact information for a few of your best clients. References reassure the reader that you are who you claim to be. You might also wish to provide a brief overview of some previous projects similar to the project on which you are bidding. Business is as much (if not more) about people as it is about dollars and cents, deliverables and timelines. If your company is difficult to relate to because your proposal is generic, it shouldn’t surprise you when you are inevitably forgotten.
  • Meticulously evaluate every client before issuing a proposal. Once you do, don’t panic if they walk because you stuck to your philosophical guns. You just saved yourself bucket-loads of stress and misery.
  • ...4 more annotations...
  • Under-promise. Don’t commit to anything you can’t deliver. It’s better to lose a project by leaving yourself room to over-deliver than to boast of your prowess only to find yourself in the weeds later. Managing expectations is critical to having happy clients.
  • Have a template, but don’t be a slave to it. Reuse language about your company, but focus on making the parts unique to this project shine. Proposals ought to be preceded by a period of getting to know the client. Use that knowledge to shape the language, tone, approach, and content. This proposal may be shown to people you haven’t met personally, so make sure it conveys who you are without your presence.
  • Shorter is better. Superfluous examples, references, and blathering on about “capabilities” are easily identified as boilerplate and possibly even a bit desperate. Make the client feel special.
  • Why should you be selected for this project? Because you’re the cheapest? The quickest? Because you promise to do more than the other guys? Maybe. Sometimes those are the reasons, but they’re also the levers you least want to rely on pulling. Website design and development are services and not, on the professional level, commodities. Providing a commodity is an exhausting, unsatisfying, deadening experience.
Pedro Gonçalves

In 2014, The Mobile Web Will Die-And Other Mobile Predictions - ReadWrite - 0 views

  • In 2014, the mobile Web will die. That’s right, that bastardized version of the normal Web will crawl into a shallow grave and leave us all in peace. No more websites crippled with horrible “mobile.yourawfulwebsite.com” URLs. No more reading janky websites that display way too much fine print or omit crucial features when viewed on your smartphone or tablet. 
  • The mobile Web will die because the companies that make the engines it ran upon are killing their mobile browsers and replacing them with fully functional versions that run on any device. In 2014, these browsers will be updated to put the final nail in its coffin. In turn, developers will continue to build websites that can work across any screen size. Responsive design (what we do at ReadWrite to make the site look pretty everywhere) will continue to grow in 2014 as people realize that their old websites are losing them a lot of traffic from mobile devices.
  • Location-based consumer apps didn't let me down; as predicted, they remained stagnant this year. Foursquare and its kindred just are not hot anymore, even if Foursquare did just raise a funding round this week.
  • ...2 more annotations...
  • HTML5 Takes Over The Mobile Web
  • Combined with CSS and JavaScript, HTML5 is what the Web will be built on in the future. And it will just be the Web, mobile or otherwise.
« First ‹ Previous 141 - 160 of 160
Showing 20 items per page