Monday, September 19, 2016

How to Take Advantage of the Psychology of Speed Perception

Speed - by Alex Walker (recalling the ace old Maxel Tape ads).

If User Experience is the 'Prime Directive' of website design, could we say 'speed' is its first rule? Users are moving fast, and they expect sites to load quickly. We live in a world where milliseconds matter!

But here’s the interesting part: Research shows that it’s not so much the raw loading time, as it is the perception of load speed which retains website visitors.

Users don’t measure site load time with a stopwatch; they measure it with their personal patience meter. This means there are tricks we can use to make a site feel faster than it is. Conversely, some web design decisions can make a fast site seem slow — you want to avoid these.

[author_more]

[/author_more]

And remember, we’re after conversions! Research shows that mobile websites that load as much as one second more quickly than other pages improve conversion rates by 27%. That can make a tremendous difference.

Again, perception is reality. So, what can we do to make our websites feel even faster than they are?

Color Me Blue

Blue hourglass

Color has such an impact on people; I’m sure you’re not surprised to learn that color is among the factors that influence how users perceive the speed of your site.

A study conducted at the Hong Kong University of Science and Technology, School of Business and Management and reported in the Journal of Marketing Research affirmed this.

Manipulation of the hue, value and the purity or intensity of color showed that the colors that made people feel relaxed also contributed to their perception of quickness. Furthermore, the study showed that this perception impacted evaluation of websites and likelihood of recommending it to others.

Psychologists call this the “time-emotion paradox.” Decades of research have shown that humans can estimate time with incredible accuracy. The paradox? Under the influence of emotion, we can be extremely inaccurate in our judgment of time.

We've all experienced this. Time flies when you’re having fun, right?

Dodgem Cars

On the flip side, watching an airport clock after a canceled flight is mind-numbingly slow experience.

So, back to web design and how you can make this paradox work for you.

If you want a quick and easy way to understand the power of color, think of nature. Is there anything more relaxing than looking out over a bright blue ocean? Or up into an azure sky? Interior designers use shades of blue to help keep people feel calm in meeting rooms and at home.

Blue speaks of trust and authority, too. It helps build confidence. There’s a reason they call the blue suit a power suit!

Blue UIs

So, to help keep website visitors calm while they’re waiting for the site to load, think blue or some other relaxing color with similar values.

Progress Indicators

I’m sure you’ve noticed the plethora of progress indicators used in an attempt to minimize visitor tension while websites are loading.

In keeping with the psychology of color, these have the effect of relaxing users and keeping them happy while they’re waiting, in part because they feel more in control when they know something’s happening.

Remember, we’re talking seconds and even milliseconds here, but that’s the world we live in today.

But all progress indicators are not created equal. At least one case study has shown that a skeleton screen works better than spinners or progress bars at keeping people engaged while they suspend reality and believe that your site is loading faster than it is because you’ve tapped into their relaxation paradox.

You’ve almost certainly seen a skeleton screen even if you didn’t know it has a name. As a site loads, the blank page gradually fills up with content.

Facebook skeleton screen

Spinners project a perception of slowness. Like watching a clock tick in a waiting room, they literally mark out the time you’re wasting.

Skeleton screens intrigue the visitor who relaxes while waiting for the display to fill. It’s a little like getting handed a tray at the canteen. You know you’re going to eat – it’s just a question of what’s going to fill your tray.

Skeleton screens create a subliminal sense of progress and allow users to feel like your site is loading faster than may be the case.

Don’t Be Shy

In a perfect web world, a business creates a website and users who want or need what the company sells find each other and – voila! – we have conversion!

It doesn’t always work that way, but make no mistake, consumers visit websites because they’re looking for something. If your site doesn’t have a strong, compelling CTA, you’re missing the boat.

Furthermore, research shows that having the CTA show up quickly as a site is loading is among those factors that influence the perception of speed.

CTAs need to be direct

Make sure your CTA isn’t small and hard to read. Don’t bury it at the bottom of a site with lots of content. Make it simple for visitors to know what you want them to do. They’re looking for something, or they wouldn’t be on your site. And be sure the CTA pops out in some way while the screen is loading and you’ll enhance visitor perception of your site’s speed, too.

Continue reading %How to Take Advantage of the Psychology of Speed Perception%


by Claudia Elliott via SitePoint

GitHub Octoverse 2016

opl-small

Annual report One Pager highlighting the incredible past year at GitHub. The super long scrolling Single Page website features impressive statistics, lovely SVG infographics and even an awesome parallax scrolling planet section (that adapts to a stacked layout on mobile!) further down.

by Rob Hope via One Page Love

Sean Thompson

opl-small

Lovely minimal One Pager with a changing background gradient for Sean Thompson, a designer over at Twitter.

by Rob Hope via One Page Love

Tracking Common Rails Performance Issues with Skylight

skylight.io

Today I am going to introduce you Skylight - a smart and easy to use online tool for profiling Rails, Sinatra, and Grape applications. While discovering its main features, we will discuss common Rails performance issues along with ways to fix them.

Skylight is somewhat similar to the popular service called New Relic, but it was designed specifically for Rails apps with a goal to make interacting with the dashboard easier. Skylight's team believes that New Relic has too many features and not all of them are really useful. Therefore, the Skylight team are focusing on core components that provide immediate value. Skylight is free for up to 100k requests per month and you also receive a free 30-day trial to test its functionality. Not bad, eh?

The source code for the sample application can be found on GitHub.

Continue reading %Tracking Common Rails Performance Issues with Skylight%


by Ilya Bodrov-Krukowski via SitePoint

Building Your Startup With PHP: Simplifying Onramp With OAuth

AppLead

AppLead

'AppLead' is a One Page HTML template perfect for creating an app landing page. Features include a fixed header navigation header (that smooth scrolls to relevant sections), intro section with video link, device previews, screenshot image sliders, testimonials, pricing tables and FAQs. There are 10 pre-defined layouts to choose from and they've even put together 17 demos to showcase them all.

by Rob Hope via One Page Love

9 Tips for Better Facebook Video Ads

ms-facebook-video-ads-600

Are you creating video ads for Facebook? Wondering how you can make stronger video ads? Whether you’re working with promoted video posts or videos uploaded as ads, paying attention to the details can improve the impact of your content. In this article, you’ll discover nine ways to improve your Facebook video ads. Why Video Ads? [...]

This post 9 Tips for Better Facebook Video Ads first appeared on .
- Your Guide to the Social Media Jungle


by Mari Smith via