Saturday, May 28, 2016

Comics of the week #341

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Back end

Website redesign

 

Not strong enough

Can you relate to these situations? Please share your funny stories and comments below…

5 Beautiful Hand-Drawn Fonts From Decavantona – only $12!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot http://ift.tt/1RzeGgG




from WordPress http://ift.tt/1P5UwAx

Friday, May 27, 2016

How to Retain Your Customer’s Attention Throughout the Onboarding Process

Onboarding never ends.

Some SaaS teams may approach onboarding as an activity-a one-time event for each consumer.

However, it’s time to change your perspective. Consider onboarding as an ongoing process that continues beyond initial setup.

Whether it’s teaching loyal consumers about new integrations or training newbies about your dashboard, it’s vital that you have their undivided attention.

John Waldron of markITwrite believes that the onboarding stage is “one of the most perilous phases in the whole conversion process.”

So, don’t lose customers just because you failed to capture your audience’s attention. Here are four techniques to get your team started:

1. Offer Ongoing Training

Every customer is different.

Some will adapt quickly to your software. They will learn every feature in one day and possibly point out inefficiencies in your system.

On the other hand, other customers will take longer to learn your platform. They may desire a step-by-step guide to understand everything. And they may need additional content resources to be successful.

To serve both types of consumers, segment training programs based on the customers’ behaviors. This gives everyone an opportunity to learn according to their needs. Moreover, you retain their attention.

“Proactive customer success training is delivered through online courses and on-demand training designed to get your new customers up to speed from acquisition to activation in as short as possible timeframe,” says Miranda Lievers Chief, Customer Officer of Thinkific.

Hubspot offers their customers the option to refresh their learning. The inbound marketing software company has a YouTube playlist dedicated just for product tutorials.

hubspot-product-tutorials-youtube

Visage creates training with the help of strategic partnerships. For example, the data visualization company teamed up with Hubspot to help their users tell better stories with visuals.

data-visualization-hubspot

However, be mindful not to push your customers towards training. It should be at their own pace, not yours.

“[Y]ou should be careful not to take progressive onboarding too far. Let the customer navigate in their own time. There shouldn’t be a need to provide hints on every screen. If you excessively prompt new customers with obvious hints, you risk annoying or distracting your customers,” writes Hannah Levenson, Community Manager at Appsee.

Keep your customers focused. Engage them with ongoing training.

2. Leverage Multiple Communication Channels

Years ago, it took months to communicate with someone. But today, we live in a highly-connected society. And we can talk to someone in a matter of seconds.

In addition, there are various forms of communication channels available to us. With so many ways to get our brand message across, teams forget that the consumer is the one with the ultimate decision.

“By giving people a choice how to reach you, you make your website more user friendly and can drive more leads and sales. Users get to choose the way to communicate that’s most convenient for them, which makes it easier to connect with you and further the relationship,” states Corey Pemberton is a copywriter and marketer.

Experiment with different communication channels, such as text, in-app messaging, and email. If you don’t, your team may risk losing the customer’s interest.

Shopify offers support services via email, live chat, and phone.

got-a-question-about-spotify

Jim Marous, co-publisher of The Financial Brand, says, “Leveraging multiple channels […] allows you to appeal to a customer’s channel preferences while delivering a highly personalized message that will positively impact results.”

Mobile platforms are a popular platform for customer support, with more than 60% of people using smartphones to connect online. Research also shows that “more than 20% of people using Facebook and Twitter seek information about different products and services.” Thus, it may be time for your SaaS to discuss mobile and social solutions.

And here’s a pro tip: Don’t inundate people with bulletins on a dozen different channels. Choose a few and concentrate on delivering attention-getting messages.

3. Incentivize the Process

People like receiving rewards. From an early age, we’re conditioned to expect incentives for positive behavior.

“Everyone loves new and free stuff, and your users aren’t any different. One of the best ways to adopt users or keep them interested in your software is to offer an incentive,” says Omri Erel, Lead Author & Editor of SaaSAddict Blog.

Similar to grade school when earning a passing score may get you an extra recess, reward your customers with a small token for completing a step in the onboarding process

Take advantage of people’s “need to complete.” It’s a powerful psychological driver in customer engagement.

In our brains, completion equates to success. It gives us a sense of relief and accomplishment.

And it can bring back good memories, like when we completed our high school classes or a certificate program.

Offer that same joy to your users. Add a progress bar to the onboarding process.

Each milestone should be simple, yet informative for the customer. You can encourage them to complete their profile or persuade them to learn a new tool.

When setting up an Etsy shop, the brand displays a progress meter showing the next steps in the onboarding process.

etsy-progress-bar

It’s essential to reward them for their positive behavior.

“Whether it’s a discount, promotion, or an enticing statistic to show how the steps you suggest they follow will boost conversions, save them money or any other applicable metric. By providing a relevant incentive, people are much more likely to take action,” states Slava Rudenko, Project Manager and Marketing Executive at myTips.

Go the extra mile. Give your customers incentives for choosing your brand.

4. Build Real Relationships

Your SaaS team is told over and over again to build relationships with your customers. But what does that really mean?

For starters, don’t treat your customers like a number. Referring to someone as Ticket #12438 isn’t going to retain your customer’s attention.

Learn more about their goals and interests to create a better customer experience. That means gathering data from several sources.

“The key is to use the quantitative data that you are collecting through your analytics tools, and the qualitative data that you are collecting through customer interaction and in-context messaging to create a individualized experiences that excite and delight your users,” states Brian Rogers, former Director of Customer Success at Evergage.

Real relationships also translate into unbelievable customer service. No one likes waiting 12 days for their concerns to be addressed.

“New clients are going to have a lot of questions. If you want to earn their trust, you need to be prepared with quick responses. Minimal response time should be something you strive to deliver, and it’s even more important when your clients are still getting to know you,” writes, Ron Williams, Business Success Strategist at ConnectWise, Inc.

Customers need a reason to stick around. A good product is a start, but an authentic relationship is better.

Onboard With Purpose

Customer onboarding is an integral part of the conversion process. It’s the difference between higher retention or higher churn.

Offer users ongoing training to help them easily navigate your platform. Deliver customer messages on multiple communication channels. And focus on building genuine relationships rooted in value.

Retain customer attention. Onboard with purpose.

About the Author: Shayla Price lives at the intersection of digital marketing, technology and social responsibility. Connect with her on Twitter @shaylaprice.

from The Kissmetrics Marketing Blog http://ift.tt/1sCzfEb




from WordPress http://ift.tt/1TNqJg8

Major redesign unveiled for Google Search

Perhaps in a nod to the popularity of card-based design, Google has begun to roll out a new look to its mobile Search results. Dubbed “rich cards” in a post on Google’s blog, this new design is a direct successor to the company’s rich snippets feature.

But that’s not all, Google is also experimenting with its desktop Search results, creating a new design layout there.

Rich snippets, searchers will know, are the search results that feature both small pictures and a brief preview of the webpage’s text. Interestingly, the rollout of rich cards isn’t meant to replace rich snippets—merely build on and complement them.

Rich cards will be displayed to searchers in a carousel format, making them easy to navigate via a simple swipe to the left or right. These carousels will show cards from either the same site or from different sites.

Website owners should be pleased with the redesign of Search since it’ll help them stand out in search results more effectively, thereby helping their organic traffic. Google is rolling out this new layout for two content categories in particular: recipes and movies.

Both categories are ideal for this change based on the visual nature of recipes and movie posters. For instance, food site owners can create a richer preview of their content by featuring a standout image for every recipe and dish. Movie sites can do the same with movie posters and graphics.

The key difference between the original rich snippets feature and this upgrade is the number of images featured. Whereas site owners could previously feature just one image in rich snippet results—which debuted six years ago—they can now see a series of images per results, thanks to the carousel.

As of right now, it’s only possible for searchers to see this change if they’re using the English mobile version of Google. Of course, as with all things that Google is still experimenting with, this won’t last long. The company has said that it’s already exploring new options to provide additional content publishers with richer previews of their content, so it won’t be surprising to soon see new content categories being able to use rich cards.

The company also provides integration with Google Search Console, formerly Google Webmaster Tools, so site owners can see relevant data pertaining to their inclusion of rich cards. For example, they can see which images can be further enhanced if they mark up additional fields. They can also see both clicks and impressions for their rich cards, enabling them to monitor search performance.

For a neat preview of how these new rich cards will work in Search, see Google’s Search Gallery to see screen shots of cards and markup type samples.

On the desktop Search front, the company is taking its cues from its mobile Search redesign. Search results are now placed into individual cards. Interestingly enough, the new desktop Search layout only shows up when one is logged out of Google.

Another big change involves Google’s Knowledge Graph. This is the company’s system that retains facts about people, places and general things, to understand how they all connect. In Search, the Knowledge Graph comes into play when, sometimes, boxes are shown in search results to offer direct answers.

It appears as though Knowledge Graph cards will be placed inline, thus prioritizing them in the view over other, competing websites. From a purely visual standpoint, this new look is much cleaner and more simplified. Contrast that to the usual way Google used to display results, which is in the sidebar, making for a more cluttered design that tended to cramp info together in one place on the page.

The new desktop design has practical implications for users, too. Now, they would have to scroll down further to see more actual results; previously, it wouldn’t be uncommon for Knowledge Graph cards for locations to take up the entire length of the page. As a result, pages would now be twice as long.

Here’s a roundup of the other design changes on desktop Search:

  • Wider tabs for the All, Images and News tabs
  • Sub-links showing up under a main result grouped with the same cards
  • Stories from the “In the News” list appearing in just one card
  • The “People also search for” list shows up at the bottom of the page as opposed to in the sidebar

It will be interesting to see if Google’s new visual experiment will indeed help site owners get more easily noticed in mobile search results and receive more organic traffic. The move to richer images suggests search simplification as the carousels replace more written text, but time will tell.

Overall, it appears as though the company wants to keep the design between mobile and desktop more consistent for its Search feature.

Fashion Forward with the Revista Font Family of 26 fonts – only $15!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot http://ift.tt/1sf2gpq




from WordPress http://ift.tt/27VfSa3

Thursday, May 26, 2016

How to Make Analytics Work for Your Videos

When the word “analytics” comes up, most content owners immediately gravitate toward viewership counts. However, though views are important, they’re only part of the larger picture. Truly comprehensive analytics help content creators ensure the videos they produce are providing real ROI.

Without proper analytics, businesses have no way of knowing whether their videos are just popular or are actually converting viewers into buyers. A video that has lots of views but doesn’t lead to sales is little more than a money pit.

With a well-built analytics tracking system, companies can see exactly where their leads come from, how they convert through the funnel, and where their marketing dollars have the greatest impact.

Real Data and Deceptive Views

Most companies recognize how important good data is to their revenue streams. New marketing technologies allow even the smallest companies to get a firm understanding of how their programs are performing across various demographics.

In the recent past, view counts were king. Businesses understood that more viewers equaled more brand recognition and more sales. Views are helpful, true, but they’re one of the easiest metrics to acquire and interpret. Anyone can go to YouTube and see how many views a video has, but that number only reveals how many people started the video — nothing more.

Views don’t tell you whether users left five seconds in, bailed halfway through, or made it to the bitter end. View count could be double or triple the actual engagement figures, but without other indicators, companies have no way of knowing. Engagement is difficult to measure on the whole, but if one video has 10 percent of viewers watching to the end and another has 90, that’s an excellent place to start.

Additionally, view counts don’t say who is watching a video. A video geared toward Baby Boomers in Texas with an actual audience made up almost exclusively of Millennials in New York probably isn’t accomplishing what the content creator intended. Fewer views within the right audience are worth much more than tons of views in the wrong one.

What You Should Measure

If view count isn’t the end-all of video analytics, what is? Predictably, no single statistic is the answer. A comprehensive analytics strategy should include:

Engagement

Measure engagement with both average and time-based metrics. These numbers will show you what percentage of your video viewers are watching and where in your video they’re leaving. You can tell whether people rewatch a specific part several times or whether one particular lame joke or long-winded section is leading people to lose interest and close the tab.

wistia-video-engagement-metricsMonitor how far into your video viewers are watching to identify where you are losing them. Using heatmaps, you can see which sections of a video a viewer is watching more than once.

Play rate

Play rate refers to the percentage of users who encountered your video on a landing page or website and clicked the play button. In short, it tells you how much appeal your video has before engagement begins. More than a simple view count, this ratio can help you identify ways to optimize your video splash screen and where you locate your player.

average-engagement-wistiaUnderstanding where your viewers are watching from helps identify that you’re hitting the markets you want.

Call-to-action response rate

If your video includes a call to action — such as “Click here for more information!” — your analytics should tell you how many viewers answer that call. This number is the most closely tied to ROI because it directly correlates with lead conversions.

Demographics

Look at where in the world your viewers are located. Are you hitting the markets you want? Are there opportunities arising in markets you didn’t consider before? The more specific your demographic information is, the better prepared your marketing and sales teams will be to develop targeted programs and campaigns for different groups.

demographics-countries-wistiaUnderstanding where your viewers are watching from helps identify that you’re hitting the markets you want.

Unique views

Yes, views is still one of the metrics that, when taken as part of a larger whole, can help you form a better strategy regarding the content and placement of your videos. If you have 100 percent of your target demographic fully engaged and completing your call to action but there are only three of them, you might want to figure out a way to get your video in front of more people.

Used properly, analytics will quickly tell you things about your business that would take years to learn without them. A comprehensive analytics strategy will allow you to make better data-based decisions, save time using automatic forecasting models, view and analyze real-time trends, and save money, as all the wasted man-hours you used before can now be spent boosting your ROI.

Start Measuring the Right Way

You know what works, what doesn’t, and what to measure. Now what? Follow these five steps to kick-start your analytics strategy and get better results from your videos:

Choose the right platform to host and track your videos

You have several great options available. YouTube and Vimeo provide the most cost-effective solutions and work well for most businesses, but they don’t provide some of the more advanced analytics that other platforms do. Vidyard and Wistia cost a bit more, but they’re worth the investment thanks to their great analytical tools and integration capabilities with most CRMs and marketing automation platforms, tracking viewers from first click to conversion.

Set monthly and quarterly tasks to analyze your analytics reports

Compare the results with previous numbers to see what changed to determine whether you need to alter your strategy, placement, or content.

Spend time reviewing engagement, total views, and play rate

Many views with little follow-through could indicate that your call to action is weak, while strong results on low numbers could mean your placement isn’t optimal. If your play rate is low, the placement of your video on the page could be poor or your chosen splash screen might not be attracting an ideal amount of attention.

ABC: Always be creating

Marketing is about consistency, and video marketing is no different. Produce high-quality video content on a regular basis to keep people engaged and your message fresh. Analytics allow you to fine-tune your approach with each passing month to maximize your impact by seeing what worked well and what fell flat. Every new video — success or failure — is an opportunity to gather data and learn how to do better next time.

Too many companies mistake sparse analytics for good data or neglect the analytical approach entirely, leading to millions of dollars in lost potential revenue every year.

Don’t leave money and customers on the table. Use analytics to gather and act upon the information you need to boost your ROI, broaden your brand appeal, and grow your company.

About the Author: Brandon Houston is the CEO of Switch Video, a video animation company that produces simple videos that “explain what you do” in an engaging and compelling format. Switch Video has produced more than 800 videos for clients, including LinkedIn, IBM, HP, Bayer, and American Express. Reach out to Brandon on Twitter.

from The Kissmetrics Marketing Blog http://ift.tt/1sd4qWF




from WordPress http://ift.tt/1P0Sm54

How WebGL is reinventing Flash’s legacy

Do you remember all those projects with outstanding interactions, mind-blowing animations, and thrilling accompanying sound effects that resulted in an intensely immersive user experience? Yep, chances are those were created with the help of Flash.

However I hate to admit it, the era of this rich multimedia platform has come to an end. Flash is finally dead. But fear not! As often happens when one door closes, another opens, and Flash is slowly being replaced by a fresher, more vigorous successor. Technologies like WebGL, and accompanying JavaScript libraries like Three.js are rapidly growing—enabling developers to build Flash-like projects, without the accompanying security issues.

Today we’re going to focus on WebGL and Three.js. This pairing is powerful option for immersive UX.

WebGL and Three.js

WebGL serves as a foundation that provides instruments for manipulating with interactive 3D and 2D computer graphics. It gives you an opportunity to mix and match its elements with HTML elements and combine them with other constituents of the page or background.

Three.js is a Javascript library with a list of high-end features that let you operate with scenes, cameras, lights, geometry, and more. It is intended to unlock the potential of WebGL by adding extra functionality to the platform. It makes it simple to create GPU-accelerated 3D animations without relying on browser plugins.

Compatibility issues

With the modern technologies, you are always caught in a dilemma: either create a “one size fits all” project that will run on various devices and offer consistent user experience, or put everything on the line and instantly impress the audience that you can reach.

With WebGL and Three.js it is the same story. Safari, Opera and the majority of mobile browsers (and that’s to say nothing about Internet Explorer) are like a fly in your Chardonnay. Unfortunately, a great deal of users are stuck with legacy browsers, so compatibility is quite an obstacle—but support is growing (which is more than can be said for Flash) and provided you don’t use it for anything mission critical, WebGL and Three.js are excellent options.

Examples

Void

Void is an experiment by Hi-ReS!, a creative studio based in London. The developers wanted to abstract from the limitations inherent to modern platforms and browsers and test the limits of current technologies. It seems that they nailed it.

It is a purely desktop application that is powered by WebGL and Web Audio features. Along with Howler.js, GSAP, and Coffee Collider, Three.js took part in producing this outstanding playground that inexorably draws online visitors into a journey that looks much like a digital book.

Reshaping Excellence

This interactive campaign dedicated to Sennheiser’s anniversary is an epic odyssey that combines not only dramatic sci-fi landscapes but also numerous cutting-edge features and details. It is a pure Chrome experiment that allows visitors to participate in forming and shaping a monument of sound. Although the phase of formation has been completed—one million people all over the Globe participated in the event—it sill rocks. You are welcome to make your own contribution, examine this massive sound-sculpture, and enjoy the intro video and top-notch execution.

Bruno Quintela

The personal portfolio of Bruno Quintela is a real-time rendered WebGL experiment that demonstrates the potential of the artist and possibilities of the current web technologies. Use your mouse to examine the scene thoroughly. Drag it in different directions to see what is hidden inside this bulk of accurately placed together 3d polygons with glossy surfaces. The idea serves as an excellent opening for the website that leaves a strong, lasting first impression. 

Particle Test

This project exhibits a whirlwind of more less ordered and organized tubes of particles that radiates of high-tech vibe. There is a control center that encourages you to play with such attributes as the radius of a cylindrical-shaped cloud, the density of tubes, height, scale, and more. The concept is mesmerizing.

Water Shader

This artist has managed to imitate a water surface by mimicking the natural behavior of liquid. The convex shape and undulating surface with sun reflections as finishing touches recreate a truly realistic scene that catches the eye from the first second. 

WebGL Particle Head

As they were when Flash was successful, particles are all the rage nowadays. Animations of various size and type can be seen in numerous projects, and this work is one such. The subtle version of a head that is vaguely reminiscent of an intelligent human-like robot from Isaac Asimov’s novels is a true masterpiece. Not only does the realization surprise, but also its behavior. It reacts to mouse movements, naturally tilting head to the right, left, up and down.

Dynamic 3D Confetti Text

Text effect is one of the ways to spice up boring interfaces with a note of playfulness and coolness as well as emphasize the required lettering. Rachel Smith’s confetti-inspired solution will certainly help to enrich the design with bright emotions and place the title to the center stage. Type a word in the input field below to see the whole magic. Vibrant and vivid 3D geometric pieces will shape the request and make the result prettily interactive.

3D Panorama Viewer

Three.js comes in handy in common projects as Max Chuhryaev proves. His solution easily transforms panoramic images into an essential detail of the user experience. It has a pleasant perspective and slowly moving camera: together they make you feel a part of the composition. It goes well with the landscapes, cityscapes, and interiors, allowing users to enjoy the beauty of static multimedia.

Triangle Pattern Generator

<

p class=”p1″>This experiment gives you a fantastic polygonal background with a lovely 3D feeling. It also acts as a playground where you can make some areas brighter and others dimmer: just use your mouse. The panel of options enables you to tune up a bulk of details of the canvas including light, mesh, render and even export settings.

LAST DAY: Instantly Optimize Your Site’s Images with the ShortPixel WP Plugin – only $4.99!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot http://ift.tt/1qLv6N5




from WordPress http://ift.tt/249g1BP