How To Use Color Contrast To Get The Maximum Impact

Colors influence our whole life from the very beginning. They could attract or distract attention, set a mood, or even influence our emotions and perceptions. As we know, “an image worth more than 1000 words”.  Therefore, the professionals involved in the communication area use the colors to send, support or to highlight a message.

However, sometimes it could be hard to know where to start when choosing the color palette for your design projects. Which could be the best option? Using the pairing colors or the contrast ones?

Well, there is not just one right answer or a magic formula for this. You should try different color schemes and combinations to see which of them appeal you the most and transmit the right message. But before doing this, you should know the basics of the colors and their combination. In this post, we will focus on the contrast (or complementary) colors and their usage, with some case studies.       

So, let’s start with the basics.

Contrast is more than opposites like black and white or large and small. Contrast is a design principle that should be a part of every design project. Why? Because it helps you organize the design and establish a hierarchy, showing the viewers which parts of your design are more important and help them focus on those. On the other hand, the contrast adds to visual more interest, regardless if we are talking about the logo design, print or online ads, website design, indoor or outdoor signage.     

In the color theory, the contrasting (or complementary) colors are directly or almost directly positioned across one from another on the color wheel. For example, purple and yellow, red and green, or blue and orange. As you can see below, the complementary colors provide the maximum contrast.

 

In terms of contrasting colors, we can also talk about Hue, Saturation and Color’s temperature.

Hue

Hue is a specific term for colors, traditionally one of the 12 found on the color wheel. But the color theory also can provide some handy information for graphic and web designers. Besides the traditional complementary colors, some other options include

  • Split-Complementary: any color on the color wheel plus the two that flank its complement; this scheme still has strong visual contrast, but is less dramatic than a complementary color combination.
  • Triadic: any three colors that are evenly spaced on the color wheel.

 

Saturation

The saturation of colors refers to the color intensity, comparing to the black – white spectrum (the complete absence of a hue).  A color in its purest and brightness form is 100% saturated. The more you desaturate a color, the closer you are to gray (or black, or white, depending also on the brightness of the color). Therefore, using bright and saturated colors can be a strategic plan to highlight the important parts of a design project.

Temperature

As we know, based on their temperature, all colors can be categorized into groups, based on their temperature: cool, worm and neutral. Reds, yellow and oranges are considered warm colors; blues, and greens are cool; black, white and gray shades are neutral. Depending on how they are used, the beiges and browns can be considered neutrals. You can get a high contrast by mixing the color temperatures in a design, especially warm and cool colors.

Using the contrast colors

In logo design:

The companies use many times contrasting colors in order to underline and emphasize their branding messages. But before choosing your color palette, you should start with the following elements: your brand persona, your brand message, the color psychology and meaning.  Let’s take a look, for example, to the following logo designs:

 

Mountain Dew uses green and red. Right away, a name like “Mountain Dew” evokes images of the great outdoors. Green works for the Mountain Dew’s logo because it nods to the brand’s connection to nature. But the red brings the kick that’s so central to the brand persona.

Visa uses yellow-orange and blue. They are definitely complementary colors. But besides the positions of the colors on the color wheel, let’s have a closer look to the meaning of the colors. Blue is a color often associated with trust, loyalty, royalty, friendliness, wisdom and peace. Yellow evokes positivity. So, the general message is trust, loyalty, positivity and wisdom. What else can we ask from a company at whom we throw wads of cash?

In web design:

On the web, color contrast is about finding colors that not only provide maximum contrast, but also provide enough contrast between content and the background for anyone. This doesn’t mean you have to limit your colors to complementary colors, but the contrast should be kept in mind all the same. You can combine different saturated and desaturated colors, to enhance the drama.

For example, the primary objective for this website is to reflect the adventure and wildness through the design, by combining different colors, textures and layering.  In order to do this, the designer not just used the vibrant orange-red letter on the forest green, but also used contrasting levels of the saturation.  

Using contrasting colors in web design helps you not just add more appeals to your design, but also organize your message and highlight the important parts of the design.

For example, the Mint website. The designer used one of the powerful combinations of contrasting colors. The white text, the orange color used for the call-to-action buttons and the bright green logo contrast with the dark background and stand out. Again, the designer used not just complementary colors, but also played with the dark and bright colors in order to highlight different elements of the website page.

In print design

For print design, the principles of the contrast are the same as for the web design. Whether you are working on a flyer, a brochure, a poster or have to publish an ad into a magazine, establishing the contrast is one of the most important things to consider. If it’s done properly, the contrast should be really noticed. It helps you separate the things, but it’s also the bond that puts the things together. Not only that a page is more attractive when contrasting colors are used, but the purpose and organization of the document are much clearer.

For example, the Hilton/F&B Brochure.

They use contrasting colors in their brochure design in order to highlight not just the pictures, but also the copy. Both of them are important, so the designer created the contrast playing with the colors.

On the other hand, let’s take a look to the Relic’s ad. They used tonnes of complementary and pairing colors in order not to just organize their design, but also highlight the message and create a summer feeling.

As in the web design, using the contrasting colors in print design helps you create a focus. For example, the adverts from the iPod used contrasting colors to focus the viewer’s attention on the music player. The ad featured a black silhouette character on a brightly green background. The iPod and the earphones appear in white and stands out from the black silhouette and the bright background.     

In indoor and outdoor signage

Because business signage is the first visible advertisement for any company’s services or products, you should give a special attention to the colors used for them. It’s true that the colors used have to match to your brand colors in order to provide a unified image of your company, but there are also other things you should take into consideration. One of them is the level of the visibility that will be created. By contrasting a light color on a dark background or a dark font or graphic on a light background, the viewers will be more drawn to your signage.  

For example, Starbucks uses white text on dark green background; and the signage can be viewed during the days and nights. Staples uses white text on the dark red. Although the white is a neutral color, combined with the dark red, it pops up!

With LEDs signs, it’s important to use contrasting colors. Contrasting colors do not only make colors eye-catching and more vibrant, it forces eyes to gaze at it. This is the key to getting the most marketing power out of your color choices – add some contrasting colors in the message that you’re trying to send.

Bottom line

As we said in the beginning, there is no magic formula for using the contrasting colors. You have to try and experiment by mixing different colors, using not just the primary colors, but also tones, shades and tints, because each concept and color combination can drastically change what you are trying to say with your project design.

Read More at How To Use Color Contrast To Get The Maximum Impact

from Web Design Ledger https://webdesignledger.com/contrast-colors-use-get-maximum-impact/

My Journey Of Learning Programming Through Flatiron School #12

My name is Mason Ellwood, and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Something that I have struggled with personally, is finding a comfortable place to work. I do not believe I am a complete introvert because I love being around and interacting with people. With this personal trait sometimes it is hard to sit in front of a computer all day which lacks that “human” aspect.

Learning to overcome this, I have set a routine for myself. Weekly I work to update my surroundings and interactions I have with people to break the monotony of isolating work. This has helped me to maintain sanity while establishing a productive routine to get through school.

Spending all day at a computer “learning” in an online program is challenging, and I won’t beat around the bush. It is easy to get distracted and set focus on other things. When your time frame to complete school is “self-paced” it is hard to set that pace aggressive enough to complete the school in a timely manner. Setting a schedule for myself through location and set aside time has increased my chances of success dramatically and I encourage you to the do same.

Boolean Enumerables:

As stated in previous posts; Module Enumerables are able to provide a set of methods that can search, sort, manipulate, and transverse a collection` such arrays or hashes. With your understanding of arrays, loops, and hashes you will be able to pick up on this concept quickly. There not really doing anything new, just doing the same thing in less line while being more semantically correct.

As I talked about before, #all iterates over a block and returns true or false, depending on the value being passed. Unlike the #all? Enumerator which must return true for each iteration of the entire #all? Method to return true.

Every iteration, every loop for the block must return true, or else it will return false like the example above.

Unlike #none? Which is the opposite of of #all?, which we are interested in none of the elements in an expression returning true within the block passing to #none?

This expression #none? Returns true because none of those numbers will produce a true expression when asked if they are even within the block. The way #none? Works is that no iteration of the block passing to #none? Can create a true expression. #any? Ensures that at least one element in a collection will create a true expression within the block passed.

#include? Will return true if the given object exists in the element if no match returns false.

I have only covered a few that I tend to use quite often. For a more comprehensive list, please visit ruby-doc.org (http://ruby-doc.org/core-2.4.0/Enumerable.html). Again ruby-doc.org will save your life over and over again. Next we will get into Hashes and Regex and finally move onto Object Oriented Ruby! These are concepts that I am currently fighting to understand so bear with me through these next couple of confusing posts.

Read More at My Journey Of Learning Programming Through Flatiron School #12

from Web Design Ledger https://webdesignledger.com/my-journey-of-learning-programming-through-flatiron-school-12/

The Hipstory Collection – 21 Famous People Depicted As Hipsters


Hipstory is a project created by Amit Shimoni, an Israeli artist (29), graduate of the Be’zalel Academy of Arts and Design in Jerusalem.

A little bit about the creator, Shimoni is the founder and operator of his design studio Amit Shimoni Illustration based in Tel Aviv where he happily lives with his wife Noga and their adorable dog Adam. Among the studio’s projects Shimoni worked with top brands in Israel and around the world including the New York Times and illustrating a cover for the New York Observer. Shimoni received over 300 media coverage worldwide including leading magazines, newspapers and TV Shows like The Guardian, The German Stern, Wired magazine, Vice, Entertainment weekly and Comedy Central.

Shimoni’s artwork is exhibited in galleries around the world including Berlin, Madrid, Tel Aviv, New York and more.

HIPSTORY doesn’t talk about politics, it talks about generation Y.

“I often find myself wondering about the difference between my generation and the great leaders of modern history. About their belief system, the way they thought and what motivated them to act for change. Compared to our more self-centered generation which in my opinion is in a constant chase after fashion, style and trends as a way of self-expression while steering away from the big ideologies and meanings. I wanted HIPSTORY to re-imagine the great leaders of modern history and place them in a different time and culture era- ours. I wanted to created a sort of mirror- a mirror that on the one hand is supposed to make one smile, and on the other to make him think. As I see it criticism doesn’t always have to be poignant it can simply be a method to arouse discussion and show things under a certain light”.

What is the creation process of HIPSTORY?

“For every character I try putting my own interpretation, but I’m always leaving a place for the viewers own interpretation. During my thinking process I study each character as a leader and as a person. I try bringing a new twist to the smallest details that define the character, for instance, on Obama’s chest you can find the words “Hope” and “change” which are details anyone can recognize. On the other hand, I also leave details that are less notable like the tattoo on his right shoulder which represents a scene from Moby-Dick which probably just a few can recognize as Obama’s favorite book.”

For more information about Hipstory, you can visit their website at http://www.shimoni-illustration.com.

 

1. Albert Einstein

 

2. Donald Trump

 

3. Dalai Lama

 

4. Santa Claus

 

5. Shimoni Che

 

6. George Washinton

 

7. Margaret Thatcher

 

8. Queen Elizabeth

 

 

9. Vladimir Putin

 

10. Barack Obama

 

11. Martin Luther King

 

12. Angela Merkel

 

13. Nelson Mandela

 

14. Abraham Lincoln

 

15. Vladimir Lenin

 

16. John F. Kenedy

 

17. Hillary Clinton

 

18. Mahatma Gandhi

 

19. Winston Churchill

 

20. Queen Beatrix

 

21. Benjamin Zeev Herzl

Read More at The Hipstory Collection – 21 Famous People Depicted As Hipsters

from Web Design Ledger https://webdesignledger.com/hipstory-collection-21-famous-people-depicted-hipsters/

20 Best Business & Services WordPress Themes

business featured image

No modern business can be a success without solid web presentation. Most of the entrepreneurs understand this very well. Web design services are in demand now and will be asked for many years to come.

However, not every website will make a business thriving. It should look trendy, use advanced technologies, be simple, user-friendly, and comply with the latest web design and development standards. If you are a web developer, this compilation will help you build such kind of website quickly, without extra efforts, deliver it to the customer and take your money for a great job.

Business & services WordPress themes for the compilation were created by TemplateMonster.com, a famous industry leader.

Buying templates from the experienced, highly professional companies like TemplateMonster guarantees your and your customers’ satisfaction. The templates will be easy to handle, which will free your time and the result will exceed clients’ expectations. By the way, the guys from TemplateMonster have more than 26 000 of templates in stock, but their inventory is being replenished daily.

Please view this 2-minute video to know about one of their latest releases – Monstroid2 – a multipurpose WordPress theme.

The theme takes the first place in our list.

But this is not all good news for today. The company launched a new service for its partners and clients. It is TemplateMonster Web Studios Catalogue.

The best thing about this catalogue is that it is useful both for end users looking for professional assistance and web design studios seeking for the ways to expand their client base and increase their income.

The Catalogue includes a list of all web design studios and freelancers who have successfully completed TemplateMonster’s certification and proved their high level of expertise of working with TemplateMonster’s WordPress, Joomla, OpenCart, PrestaShop, HTML5, Magento, Drupal, and Moto CMS themes.

The Catalogue features an extended list of TemplateMonster’s partners. The availability of integrated advanced search form allows people to come across the right studio in their location quickly and easily. Thus, one can filter all partners by country, city, and CMS they work with.

The Catalogue also includes a rating chart. Depending on the number of projects you have launched, you receive a rank on the chart. The greater amount of released sites results in higher rankings.

TemplateMonster’s audience vast, it consists of the users of different backgrounds and skills levels. A list of certified partners allows them to come across the best studio or a freelancer who can get their theme customized in the short run.

A person who buys a template is not necessarily aware of what to do with it next. How to get it installed and modified according to personal needs. That is why they start looking for third party agencies who can do the job for them. TemplateMonster Web Studios Catalogue saves the users’ time on search and helps them come across contacts of certified partners who know how to work with TemplateMonster’s themes.

In addition to being listed on a certified partners chart, every freelancer and web design studio can let the audience know more about their services, recent projects, story, and read TemplateMonster’s feedback on a separate profile page. This is where you can locate personal information, contact details, links to social media profiles, a list of CMS that your studio works with, pricing, and any other information that you want to share. Whenever a client reaches the page, he/she can get in touch with a studio via a request form.

Hopefully, the above info was useful for you. Are you ready to view the showcase of 20 best business & services WordPress Themes right now?

Have an efficient browsing!

Monstroid2 – Cool Multipurpose WordPress Theme

If you like all-in-one solutions, Monstroid2 is the theme for you. It has a clean and crispy design, bulletproof layout consistency, and intuitive navigation. It includes 9+ pre-built websites, 7 customizable header styles, and 4 customizable blog styles. Moreover, the theme has GPL3 license, which means that you buy it once and use forever. The theme has extensive plugins block, WooCommerce Plugin, and a number of other extraordinary features that will make your project one-of-a-kind.

Monstroid2 - Multipurpose WordPress Theme

Details | Demo

Financial Services WordPress Theme

Choose this theme for your financial company even if you know nothing about coding. Build pages easily without touching it. Take advantage of more than 25+ modules, a library of presets, and drag-and-drop functionality. Also, with an advanced set of configuration options, you can easily customize the design of your theme. Choose from a variety of layout options and experiment with your pages structure.

Financial Accounting WordPress Theme

Details | Demo

Financial Advice WordPress Theme

The theme is built on Cherry Framework 4. This framework that offers you easy-to-install themes with solid Bootstrap options, numerous shortcodes, and widgets, and a foolproof way to update the current design. MotoPress Editor plugin can ease the process of editing your website. With its help, you will have an opportunity to manage page elements in the visual mode. Drag and drop is always good.

Financial Advisor Services WordPress Theme

Details | Demo

Market Research Agency WordPress Theme

The theme offers Content Modules that allow you to add multiple content types to your page. This includes buttons, images, pricing tables, contact forms, sliders, and much more. Each of them has an extended set of options that you can tweak to match the style of your website. Take advantage of custom widgets that enrich your theme with advanced functionality. Simple Slider, post carousel, and social media widgets help you build a stronger online presence, and offer you additional ways for displaying your content.

Business Analysis and Market Research Agency WordPress Theme

Details | Demo

Emmet – Business Responsive WordPress Theme

All sections of the front page of this theme are completely customizable. Change texts, images, and links to each section or simply hide them. Choose one of the predefined colors or make your own one to make your website colorful and outstanding. The theme is equipped with Visual Page Builder, a complete solution for building responsive pages without coding, by dragging and dropping content elements. You can display your projects in Portfolio section, present offerings in Pricing Tables, introduce the stuff in a Team section, put Newsletter form, edit Testimonials sections, set Contact Form, and adjust Google Map to show your location.

Business Responsive WordPress Theme

Details | Demo

News GPL WordPress Theme

This theme for news portal comes with Live Customizer. It gives you the possibility to see the results on the fly when you make changes to your website. A huge set of Premium Widgets like Calendar, Social media block, and others makes theme layout user-friendlier. The theme is highly customizable (it provides a front page for various layouts). Besides, intuitive navigation and fabulous readability will make the users come back to your website every now and again.

KingNews GPL WordPress Template

Details | Demo

Top Level Business Company WordPress Theme

This theme for a business company is very attractive. Parallax effect adds depth and perspective to its layout. You can choose between multiple slider plugins when crafting your pages, including Cherry Simple Slider and Premium MotoPress Slider coming with the template. They allow you to assemble professional-looking slides of text, images, and videos, spicing them up with various transition effects. Use 80 handy shortcodes to simplify the embedding of media content.

Business Company WordPress Template

Details | Demo

Cozy House WordPress Theme

The theme is delivered with Cherry Real Estate Plugin. It will turn your website into a true Real Estate monster. Add properties to your site and let your clients find exactly what they need. Filter the search results by required categories and see where exactly the property is located on a map with preview markers. You can also allow your visitors to leave property submissions by filtering out a form and assign each of the submission to one of your agents.

Real Estate Agent WP Theme

Details | Demo

Professional Financial Advisor Services WordPress Theme

Stock Ticker Widget is included into template’s package. This financial data widget displays real-time market prices and statistics information on your website. It provides your site users with access to the latest financial data of the needed companies in the elegant and readable way. The site users are able to calculate their lease payments for particular periods by submitting real prices online on your website with Lease Calculator Widget. The widget will help you enhance the overall user experience by providing useful tools for the customers’ needs.

Financial Advisor Responsive WordPress Theme

Details | Demo

Business Consultant Services WordPress Theme

With background video, you will be able to tell much more about your company. Using large, browser-size videos as a background for your web page improves a visual experience in a creative way. Enhance the mood and atmosphere onsite or demonstrate your product in action. You can tell a complete story that will be easy and fun to view – as opposed to regular, static pages. The theme is provided with parallax effect as well.

Business Responsive WordPress Theme

Details | Demo

Good Advice WordPress Theme

This theme was crafted for you with care. Enjoy the sleek, modern design of your theme. Each element of a design is carefully created and corresponds with the latest web design trends. Customize your site with multiple theme options. View all the changes you make to your design life, without reloading your page.

Financial Advisor WordPress Theme

Details | Demo

Real Estate Responsive WordPress Theme

This theme lets you showcase your projects using a large variety of layouts and filter options. It has a full support for the dsIDXpress plugin. Embed live real estate data from an MLS directly into your blog. The dsIDXpress is not included in the package and has to be installed separately. The theme is mobile-friendly and looks great on any device and screen resolution.

Bellaina - Real Estate Responsive WordPress theme

Details | Demo

Stylist Responsive WordPress Theme

The theme includes an Appointment Booking Plugin. This is a must-have plugin that allows your guests to book appointments with or without registration. The plugin comes with color pickers to help you apply suitable website colors. It can be easily integrated with WooCommerce payments and read-only appointment calendar feeds. Backend plugin management is a real ease.

Business Responsive WordPress Theme

Details | Demo

Business Consultations WordPress theme

This business theme is WPML Ready. WPML makes it easier to run multilingual WordPress site with a single install. With WPML you can modify pages, posts, custom types, menus, and even the theme’s text so that the right ones are displayed in every language. Advanced SEO support is integrated into the theme. This is important because SEO optimized pages can help you find your site easier on the web.

business consultant WP theme

Details | Demo

Business Solutions WordPress Theme

This business theme is provided with MegaMenu. It is a powerful tool for creating a better look and professional navigation easily without technical knowledge. It allows organizing your categories, subcategories easily with different content showing-off. Also, the theme contains a Contact Form. By means of this built-in web form, customers can easily get in touch with you, inquire more information about your services and give their feedback on using them.

Business Firm WordPress Theme

Details | Demo

IT WordPress Theme

Owing to the valid, semantic code your site will have better SEO ratings, impress your visitors with faster page loading speeds and get more flexible. All PSD files are fully customizable and were optimized to be used equally well by experts and beginners. The detailed documentation covers all the ins and outs of your theme. Use it to squeeze the most out of your website’s functionality. The theme is Cross Browser compatible, so doing whatever changes to your website, be certain to have its look and performance the same perfect in all browsers.

Information Technology WordPress Template

Details | Demo

Business News Responsive WordPress Theme

The theme includes Custom Page Templates. Build a unique and stylish site for any kind of business with a variety of custom pre-designed page templates. It is possible to use unique types of posts for various info like customers’ testimonials, team bio posts, company services description, and other posts you would like to highlight. Every page of your website can possess its inimitable charm. All you need to do is to choose from a list of available post formats, individually designed to match different tastes and needs.

Business Responsive WordPress Theme

Details | Demo

Advertising Agency WordPress Theme

This theme for an advertising agency is responsive. Your site will quickly adapt to any gadget with any screen size the user has at hand right now. Text and images are flexible as well, so they will be rendered correctly. This will boost your conversion as your visitors will have no limits in terms of their location or device. The theme is retina ready, by the way.

Advertising Agency WP Theme

Details | Demo

Contemporary Business Firm WordPress Theme

Built by qualified developers, the theme ensures a cutting-edge performance on all screen resolutions and modern browsers. Find and change any element of the theme quickly and easily. The code of the theme is clean, well-structured, and carefully commented. Written in accordance with the latest web-standards, it lets you understand the purpose of any of its elements easily. The template’s package includes 24/7 effective and friendly support.

Business Firm WP Theme

Details | Demo

Financial Vision WordPress Theme

The theme is not only responsive but retina ready. The retina ready templates will perform and look awesome even on displays with high pixel density. In this way, they will help you keep the site up to date for years to come. The theme is built on Cherry Framework 4. It is a simple framework that offers you easy installation, solid Bootstrap options, numerous shortcodes and widgets, and loads of other helpful features.

Financial Consultant WordPress Theme

Details | Demo

This was the utmost collection of 20 best business and services WordPress themes. Did you find anything suitable for your business? Please tell us which theme did you choose and what features were crucial for you. Please also let us know what do you think about TemplateMonster’s web studios catalog? Are you going to get on the chart? Any feedback is welcome in the comment section.

Read More at 20 Best Business & Services WordPress Themes

from Web Design Ledger https://webdesignledger.com/20-best-business-services-wordpress-themes/

20 Creative Ways to Use Social Media for Storytelling

Storytelling has always played a part in successful marketing.

Stories enable us to build personality and create a connection with consumers. But can we actually tell a story on social media? Is it possible to narrate a story with social media posts that are supposed to be short and sweet?

It turns out there are many ways to use social media for storytelling!

In this post, I’d love to share 20 actionable ways to use social media for storytelling. 

Ready to dive in?

20 Ways to Use Social Media for Storytelling

Navigating this article

To make it easier to navigate this article, the 20 ideas are grouped according to the various social media platforms. If you prefer, feel free to jump to your favorite section by using the quick links below:

Let’s go!


Facebook

1. Write your entire story in a Facebook post

National Public Radio (NPR) studied over 3,000 of their Facebook link posts and found that shorter posts (those under 120 characters) had higher click-through rates than longer posts (those above 280 characters). But, that’s not the full picture!

Longer posts had more “Other Clicks” such as clicks to “See More”, which appears on long Facebook posts. This could mean that people got everything they wanted from the post itself without having to click on the link. That’s great if you are telling a story rather than trying to drive traffic to another site.

Longer posts had significantly higher adjusted click-through rates.

(NPR calculates adjusted click-through rate by adding link clicks and other clicks together and dividing that sum by post impression.)

The Humans of New York Facebook Page is a great case study for this. Most of the posts on the Facebook Page are long and require people to click on the “See More” button to read the full posts. While it feels like a hassle to read such Facebook posts, they actually receive incredibly engagement. I believe it is because they tell beautiful, captivating stories.

http://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fhumansofnewyork%2Fposts%2F1550838591656902%3A0&width=500

An idea to try:

If you want your Facebook fans to read stories about your customers or your company (instead of driving them to another site), it might be better to write longer Facebook posts. Instead of summarizing the story or just having the title, tell the full story.

2. Create a Facebook photo album

A photo tells a thousand words; many photos tell many thousand words. 😉

Creating a Facebook photo album is another great way to share a story with your followers. This tends to be perfect for events where you would have many photos taken to share. Here’s a bonus: I believe Facebook re-shares the whole album on the News Feed whenever you add new photos to it (e.g. Buffer added 3 new photos to the album: Buffer Meetups.). This allows you to share the album with potentially more people.

During our Hawaii retreat last year, we decided to share photos from teammates and their partners and families through a Facebook album. This gave people who were interested a chance to follow our retreat experience.

Buffer Hawaii Retreat Facebook Photo Album

(If you are curious, here’re our Facebook photo albums.)

An idea to try:

Whenever you organize an event, invite your colleagues and the event attendees to snap as many photos as they like and send them to you. Create a Facebook photo album with the best 10, 20, or 30 photos.

3. Produce a long Facebook video

Sometimes, even a collection of photos might not be sufficient to tell the story you have in mind. Perhaps you can consider videos if you have the resources and time. As Facebook videos can be up to 120 minutes long, they are great for longer stories. Furthermore, Facebook is tweaking its News Feed algorithm to prioritize longer videos that engage viewers.

Tough Mudder told a great story — many stories, actually — with its new promotional video for Tough Mudder 2017. It’s a montage of interviews with people who have attempted Tough Mudder on how the race have changed them for the better.

http://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ftoughmudder%2Fvideos%2F10154853413387790%2F&show_text=1&width=560

An idea to try:

Collect video testimonies from your company’s biggest fans or messages from your colleagues and compile them into a video montage to share on Facebook. For example, we did a Facebook video for Thanksgiving last year.

4. Go live on Facebook

Being authentic is a key aspect of storytelling, and there’s no other way to be more “real” than going live to engage with your audience. It is also a great way to reach your Fans since Facebook ranks live videos higher in the News Feed when they are live than after they end.

Candace Payne’s (as known as Chewbacca Mom) Facebook Live video was the most watched Facebook Live in 2016 (or perhaps ever). While it isn’t a branded content, it has a nice three-act structure (a model often used in screenwriting) we can learn from:

  • Setup – Introduction of the video where she describes her trip to Kohl’s
  • Confrontation – Build-up as she unboxes the Chewbacca mask
  • Resolution – Climax where she laughs uncontrollably

http://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FcandaceSpayne%2Fvideos%2F10209653193067040%2F&show_text=1&width=560

An idea to try:

It can be tough to go onto a Facebook live without preparation. Try creating a storyline using the three-act structure for the live video. This can be a live video where you share tips, a behind-the-scene video, or a question-and-answer session.

5. Sequence your Facebook ads

I learned about this amazing storytelling method on Social Media Examiner. It is such a clever way to tell a story and get results!

Refinery29, a fashion, style, and beauty website, partnered with Adaptly and Facebook to test the effectiveness of sequenced messaging of Facebook ads (or storytelling through Facebook ads). One of the test groups was shown three Facebook ads in a narrative sequence — introduction to the brand, an article from the brand, a call-to-action for an email subscription) — while the other test group was shown three Facebook ads with different creatives but same email subscription call-to-action.

Refinery29's Facebook ads — introduction to the brand, an article from the brand, a call-to-action for an email subscription

They found that the test group which was told a story through the ads converted at the highest rate.

Refinery29's Facebook ads study results

An idea to try:

If Facebook advertising is part of your social media marketing strategy, give this sequencing method a try. Introduce your brand with the first ad, share something about your brand with the second ad, and have a call-to-action on the third ad. Here’s how to sequence your Facebook ads.

Alternatively, you can use Facebook or Instagram carousel ads to create a similar effect. You can create carousel ads by selecting the “Multiple images in one ad” option when you are creating your ad.


Instagram

6. Create a narrative with your Instagram caption

While a high-quality image is important for an Instagram post, a captivating caption can help to complete the story by sharing a narrative.

Airbnb is one of my favorite storytellers on Instagram. This is because they not only use beautiful photos but also tell a short story through the caption of each photo.

//platform.instagram.com/en_US/embeds.js

With such an image and caption, I’m so intrigued to read the story! If you are, too, here’s the story.

An idea to try:

For your next Instagram post, share a short story about the photo with more than three sentences. It might be helpful to note that Instagram captions are limited to 2,200 characters, and after three lines of text the captions become truncated with an ellipsis.

7. Tell a visual story with your Instagram profile

A creative way to share on Instagram is to use several posts to create a huge image on your Instagram profile. When done well, it can look very appealing.

Herschel Supply Co. has been recently using this method of visual storytelling on Instagram to promote their newest collection of bags.

Herschel Instagram profile

An idea to try:

If it fits your Instagram style or if you want to experiment with new ideas on Instagram, create an image on your profile with three, six, or nine images. A tool to help you with that is Instagrids. If you prefer to use Photoshop or Sketch, the recommended dimensions for each square grid are 1080 pixels by 1080 pixels.

  • Three-grid image: 1080 pixels in height by 3,240 pixels in width.
  • Six-grid image: 2,160 pixels in height by 3,240 pixels in width.
  • Nine-grid image: 3,240 pixels in height by 3,240 pixels in width.

8. Curate user-generated content on Instagram

This strategy has helped us grow our Instagram account from 4,000 to 20,000 followers over the past year. (And it is a great way to get to know people from our community!)

We curate user-generated content by sharing short stories from our community through photos on our Instagram profile. Another way to curate user-generated content is to create a branded hashtag for a story that you want to tell. TOMS does this with its annual One Day #WithoutShoes campaign, and in 2016, this hashtag campaign generated 27,435 Instagram posts from its customers.

TOMS Instagram Hashtag Campaign

An idea to try:

Encourage your Instagram followers to post a photo on Instagram with your branded hashtag and promise to re-post a few of the best ones or send the person with the best photo a small gift.

9. Create a short video or boomerang on Instagram

Many companies have been using Instagram videos to tell short stories. (Here are 17 inspiring examples from HubSpot.)

Unlike Facebook videos that can be 120 minutes long, Instagram videos can only be up to 60 seconds long. But constraints can help breed creativity. Great stories can be told in seconds. One of my recent favorite video stories is from Nike.

Greatest ever. @serenawilliams #justdoit

A video posted by nike (@nike) on Jan 28, 2017 at 2:02am PST

//platform.instagram.com/en_US/embeds.js
An idea to try:

Create a short 30-second or 60-second video, sharing the history of your company. The video doesn’t need to have stunning footage to work. Nike’s video told a powerful visual story purely with words.

Here are four actionable tips from NewsWhip after the team studied the most successful Instagram videos:

  • Stick to the point (This doesn’t mean your videos have to be short.)
  • Use on-screen captions to help storytelling
  • Use text captions to expand on the video story
  • Square videos are more popular than landscape ones but experiment with both

10. Use a series of Instagram stories

And, of course, you can tell Instagram Stories (or Snapchat Stories). 😉

Even though there’s no limit to the number of Instagram stories you can post a day, we found that 10 stories a day are a good amount of us. With 10 stories, you can share quite a bit of content. Here’s a recent example from us:

An idea to try:

Turn one of your recent blog posts into a series of Instagram stories. You can use a mix of photos and videos of yourself talking or create graphics using a graphic creator such as Canva. The recommended dimensions for an Instagram story is 1080 pixels in width and 1920 pixels in height.


Twitter

11. Tweet a storm

Can’t fit your story into 140 characters or one tweet? Try using more tweets.

Tweetstorm is the practice of sharing a train of thought that is longer than 140 characters through a series of tweets. They are like mini-essays. Usually, the tweets will start or end with a number to indicate the sequence of the tweets.

Here’s an example from Ryan Hoover when he shared Product Hunt’s acquisition by AngelList:

Ryan Hoover Tweetstorm about Product Hunt joining AngelList

To string your tweets together, simply reply to your previous tweet. Apps like Tweetstorm and Storm It make it even easier to tweetstorm.

An idea to try:

If you have written a listicle recently, try sharing the key points of the listicle through a Tweetstorm. Remember to include the numbering in your tweets.

12. Create a Twitter Moment

According to Twitter, Moments is a new and dynamic way for people to tell their stories. They’re like tweetstorms but more beautiful and interactive. This creative format of telling a story could be a way to drive clicks and engagement.

Here’s a Twitter Moment we created to share the history of Buffer:

//platform.twitter.com/widgets.js

An idea to try:

Curate news and timely content relevant to your industry into a Twitter Moment to help keep your followers up-to-date with the latest happenings like Product Hunt did when Snap Inc. announced Spectacles. Here’s how to create a Twitter Moment and three more ideas to experiment with.

13. Attach multiple photos to a tweet

Research by Twitter has shown that tweets with photos get 313% more engagement. While most tweets with images have only one image per tweet, attaching multiple images to a tweet is a great way to tell a story. It helps to give more details to your story or allows you to tell a longer story.

Here’s a tweet with multiple photos by The New York Times during the recent Super Bowl. Having more than one photo tells people who saw the tweet more about the game than just having one photo.

//platform.twitter.com/widgets.js

An idea to try:

If you have hosted an event recently, share up to four of the best photos from the event in a tweet to give your followers a better idea of how the event went.

14. Create a GIF to share on Twitter

GIFs have become a popular form of content on Twitter. In 2015, more than 100 million GIFs were shared on Twitter. Apart from being popular, GIFs are entertaining and tend to perform well, too. CoSchedule found that their tweets with memes and GIFs receive far more likes and retweets than regular images.

Here’s a fun, short story told through a GIF:

//platform.twitter.com/widgets.js

Apart from telling a story through a GIF, another popular use of GIF is to spice up a tweet by adding an element of emotion or fun. Here’s an example.

An idea to try:

Try adding GIFs to your tweets to paint a more vivid picture of the idea you want to express — like how happy you are to have a full Buffer queue before a long weekend! Two GIF creation tools to try are GIPHY and gifs.com.

15. Spread your own hashtag

Hashtags can be a great way to curate stories from your community. Popular hashtags like #MyFirstSevenJobs, #LikeAGirl, and #ThisGirlCan became amazing collections of stories.

But you don’t always have to make your branded hashtag go viral. It can be meaningful enough when your customers and community understand the purpose of your hashtag and use it in their tweets, too.

At Buffer, we started using #BufferLove in our tweets last year to show our appreciation to people who shared our tweets, mentioned us, or gave us a shoutout. Gradually, our community began using it, too!

//platform.twitter.com/widgets.js

An idea to try:

Create a hashtag for your community, use it often, and encourage your community to use it whenever appropriate. #BufferCommunity is another hashtag we use often.

16. Tap into a trending hashtag

Instead of using a hashtag to curate stories about your company or community, you can also tap into a trending hashtag to share your brand story. It doesn’t always have to be a viral hashtag (though, it might be great). Most importantly, the hashtag has to be relevant and appropriate for your brand.

Since it’s legendary Super Bowl tweet, Oreo has been participating in relevant hashtag conversations such as #MarsAnnouncement, #NationalCookieDay, and #FathersDay with timely and entertaining tweets.

//platform.twitter.com/widgets.js

An idea to try:

Find a relevant trending hashtag in your industry and contribute to the conversation. #talkpay was a Twitter hashtag conversation we participated in last year.


Snapchat

17. Design a relevant Snapchat Geofilter

From our State of Social 2016 report, we found that only 5 percent of marketers and brands created on-demand geofilters in 2016.

If your audience is on Snapchat, Snapchat Geofilters could be one of the best ways to reach them. Entrepreneur Chris Hall was able to get $0.001 cost per thousand impressions (CPMs) for his Snapchat filter and generated over 10.5 million views of his filter in just seven hours.

In 2015, (RED) and Snapchat partnered for World AIDS Day to offer Snapchat filters in an attempt to raise funds for organizations fighting against AIDS.

(RED) Snapchat Geofilters

(Image from (RED))

An idea to try:

If you run a brick and mortar business such as a hotel, cafe, or clothing retail, experiment with a Snapchat Geofilter that allows your customers to share their experiences at your place, like Starwood did. Here’s everything you need to know about Snapchat Geofilters and how to build your own.

YouTube

18. Create a YouTube channel or playlist

Among all the different types of content (videos, social media posts, news articles, etc.), videos are the type of content that most people consume thoroughly, according to a research by HubSpot. Personally, I think it’s the best format for storytelling. Videos tend to capture my attention much more than articles.

HubSpot's research chart

Airbnb has a YouTube playlist, Airbnb Stories, which contains remarkable stories from the Airbnb community. In the playlist, there are videos created by both Airbnb and its community. Here’s a story of an Airbnb host, Michael:

An idea to try:

Interview some of your customers and share their stories and experiences with your company in a video. It doesn’t have to be a long video, one to two minutes long is great.

Others

19. Use an infographic

Infographic is a great format for visual storytelling. A study by Contently’s data scientists on 3,200 pieces of content created using the Contently platform found that infographics have a higher completion rate (73 percent) than blog posts (66 percent).

In the infographic below, Happify, a company that aims to help people lead happier and more meaningful lives, shares the importance of happiness and ways to make ourselves happier.

Happify infographic

An idea to try:

Use an infographic tool to turn one of your latest blog posts into an infographic. Here are seven powerful yet easy-to-use infographic tools to help you get started.

20. Create a SlideShare presentation

Over 70 million people visit SlideShare to learn new things, making it one of the top 100 most-visited websites in the world. SlideShare presentation decks make it easy for people to consume information as flipping through a deck and absorbing the information is faster than reading through pages of text.

We previously turned one of our blog posts, If Don Draper Tweeted: The 27 Copywriting Formulas That Will Drive Clicks and Engagement on Social Media, into a SlideShare deck. It has become one of our most-viewed SlideShare decks, with more than 600,000 views at the time this post was written.

An idea to try:

Convert your most popular article into a SlideShare presentation desk using less than 30 slides. To give you some inspiration, here’re the 10 best social media SlideShares of 2016.

Over to You

There are countless ways of telling stories on social media, and I hope these 20 ideas have inspired you to experiment with creative ways to tell your brand story.

As I’m sure you are much more creative than me, I’d love to hear how you have been telling your brand stories on social media. If you are up for it, feel free to comment below and share the link to a social media posts where you told a story. Thanks!

Hat tip to Fran Merlie whose article taught me about the three-act structure in Candace Payne’s Facebook Live video.

from Social https://blog.bufferapp.com/social-media-storytelling

How to Add a Responsive Lightbox in Adobe Muse

Muse For You - The Lightbox Widget - Adobe Muse CC - Web Design Ledger

How to Add a Responsive Lightbox in Adobe Muse. No Coding Skills Required.

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

A Lightbox is a great way to have your website visitors focus their attention on a specific item on your web page. With a Lightbox you can have the website be in the background while a specific item is emphasized in the center of the website. An opaque or solid overlay covers the website so it is not seen in the background while an element is focused on. Adobe Muse has a few Lightbox features but one of the drawbacks with the Adobe Muse built-in Lightbox is that it is not responsive. That is why I decided to create “The Lightbox” widget. With this widget you can add a YouTube video, Vimeo video, image, Google Map, or website to the Lightbox. As the user resizes the browser the Lightbox changes size as well to fit all devices. You can also set the opacity of the overlay in the Lightbox to be more solid or more see through. You can have a solid color or choose a gradient for the Lightbox overlay.

Muse For You - The Lightbox Widget - Adobe Muse CC - Web Design Ledger

Features Include:

  • Set the background color and opacity of the Lightbox background.
  • Add a gradient for the Lightbox background.
  • Link a YouTube video to the Lightbox.
  • Link a Vimeo video to the Lightbox.
  • Link a website to the Lightbox.
  • Link an image to the Lightbox.
  • Link a Google Map to the Lightbox.
  • Link a Muse For You Hover Box to the Lightbox.

Muse For You - The Lightbox Widget - Adobe Muse CC - Web Design Ledger

Here are the steps to add “The Lightbox” widget:

1. Install the The Lightbox Widget by clicking the .mulib file inside of the widget folder. This will install directly into the Adobe Muse library panel.

2. Drag and drop “The Lightbox – Add First” widget from the library panel onto the Adobe Muse website. If you would like to have a gradient background in the Lightbox add “The Lightbox – Add First – With Gradient.” If you do not see the library panel go to Window > Library. From the “Add First” widget you can style the color and opacity of the Lightbox overlay.

3. Next drag and drop “The Lightbox Widget” onto your Adobe Muse website. You will notice there is an option that says “Graphic Style Name.” This is the graphic style name you will want to apply to the element that opens the Lightbox when clicking on it. To assign the graphic style name open the graphic styles panel. If you do not see the graphic styles panel go to Window > Graphic Styles. Then assign the graphic style name that is in the widget to the element you would like to open the Lightbox.

4. Afterwards link the element in Adobe Muse to a YouTube video, Vimeo Video, Image, Google Map, or website via the built-in “Hyperlinks” section in Adobe Muse.

5. Preview in the browser to see the Lightbox.

6. Done!

Muse For You - The Lightbox Widget - Adobe Muse CC - Web Design Ledger

For more widgets and tutorials for Adobe Muse visit http://museforyoushop.com.

Happy Musing :).

Read More at How to Add a Responsive Lightbox in Adobe Muse

from Web Design Ledger https://webdesignledger.com/how-to-add-a-responsive-lightbox-in-adobe-muse/

Facebook Messenger App Gets A Brand New Look

The popular social networking platform made yet another important change that was not formally announced. Facebook made a move that has probably been planned for a long time: the platform just changed the entire messaging experience by integrating the Messenger app into its desktop version. Reactions of all kinds soon appeared online.

The change brought to Messenger app was spotted by most users, especially that this time it seems to be more than just a simple beta “test.” When we look at the home page, we notice that the Messenger icon in the blue navigation bar at the top of the screen has replaced the old inbox icon; when you click on it, you go to a radically overhauled inbox, similar to a Messenger.com.

Judging by the public statements made by its representatives, Facebook needed to go more mobile. The platform is also meant to help its users by presenting them with relevant information which can be more easily accessed. Indeed, the following features of the newest Facebook Messenger version can be quite useful:

  • The new “home page” divided into modules/panes allows you to see a list of the most recent messages and the friends you chat most frequently with are highlighted in the “Favorites” module below.
  • You can now easily find a particular conversation, change the chat’s color, edit nicknames.
  • The new “Active Now” module allows you to see when your friends are available, and the “Birthdays” module will remind you of your friends’ birthdays.
  • The new Messenger includes in-built emoji, stickers and GIF buttons, and, what is more important, payment options to transfer money to contacts, and video games.
  • The new Messenger is easier to use because it gives you the possibility to reorganize your chat threads based on your favorites and active users so that you might get to important chats faster, and get immediate responses back.

 

On the other hand, numerous users were not pleased with the new changes, stating that the old inbox layout was better and asking how they can switch back to the old Messenger (which is not possible).

The features people mostly complained about are:

  • The possibility to see your other messages on the side. This can be quite distracting and inconvenient, especially when you have lots of messages from your admiring fans and exes
  • The extra space for ads that was added on the right side can be disturbing
  • The bigger version of the inbox covers half of the message screen now and this can also make the app harder to use
  • the message box only scrolls to the right, so users can’t easily see the whole message to guide the feel of the message or easily check for typos. That can be frustrating.
  • When users try to copy parts of a conversation and save it in word, this is not possible anymore. Also, the date and time of the messages can’t be copied at all
  • Users now can’t write longer messages without their paragraphs being truncated in the composer
  • Messages can’t be filtered by “unread”
  • Photo sharing needs improvement
  • Currently, you don’t have the ability to delete individual messages within a conversation

What users generally complained about most is the fact that Facebook complicated things unnecessarily, without doing usability studies or testing the changes in focus groups first. The loss of the inbox layout shook most users which openly expressed their complaints online. People are also discontent with the fact that the Messenger app, originally designed for mobile, is now being forced upon desktop and laptop users without choice.

In reply, David Marcus, the vice president of messaging products at Facebook, stated that the changes were meant to harmonize the user experience across all platforms, especially when the app is used by 1 billion+ people primarily on mobile. Clearly, the Messaging app needed to feel and look more mobile.

Mr. Marcus also claimed that what Facebook was actually trying to do with the New app is add more value to messaging, to make it more relevant and more interesting than before. And he promised his team would look into the features that people are not currently pleased with.

Stan Chudnovsky, head of product for Messaging at Facebook, also stated that the only change brought to the network is the introduction of the new modules, which actually put together different messages or different people. Messages have been displayed in chronological order since the beginning of the smartphone era.

The Facebook representative also claimed that there is more in store for Messenger: new modules will be progressively introduced to the app because people deserve an enriched messaging experience. The need for innovation is undeniable, especially in this field. It looks like you’re going to have to keep your eyes on your smartphones to see what the platform offers you next.

Facebook’s intent is apparently to revolutionize messaging communication, but will these new changes convince the public?

What do you think about the new update? Let us know in the comment section bellow.

 

Read More at Facebook Messenger App Gets A Brand New Look

from Web Design Ledger https://webdesignledger.com/facebook-messenger-app-gets-brand-new-design/

Proven Instagram Stories Strategies from the Experts at Bustle – Hannah Caldwell [SSM030]

Instagram Stories is quickly becoming one of the go-to marketing channels for some of the world’s top brands.

Take Bustle, for example, with more than 1.4 million followers on Instagram alone, they are seeing incredible results from investing in a consistent and thoughtful Instagram Stories strategy.

In fact, they’re seeing so much success that they’ve dedicated an entire position to creating beautiful Stories 5-6 times per week.

Behind those Bustle Instagram Stories?

Hannah Caldwell. Hannah shares her expert strategies on how you can create simple, yet beautiful and engaging Stories that will help to grow your account and “wow” your audience.

Hannah also digs into the nitty gritty of what it take to produce great content on the platform. A huge thank you to Hannah for jam-packing this episode with actionable wisdom and takeaways for social media managers and marketers alike looking to take their Instagram Stories content to the next level in 2017!

How to listen: iTunes | Google Play | SoundCloud | Stitcher | RSS

This episode is available on:

In this episode, here’s what you’ll learn:

Hannah Caldwell shares her expert insights into how marketers and businesses can create unique and share-worthy Instagram Stories. You’ll also learn tips like:

  • The process of creating Stories from start-to-finish
  • Ideal length and format of their top Instagram Stories
  • Developing content ideas and executing on them consistently
  • How Instagram Stories helps to grow your overall Instagram account
  • The most important metrics to measure success and growth

Instagram Stories at Bustle

3 Key Takeaways for Marketers Looking to Create Quality Instagram Stories for their Brand or Business

In Hannah’s words…

1. Think about what you like to watch

What do you like to watch? That’s a great starting point for you to begin to create relevant and engaging Instagram Stories. And if you’re not within the demographic of your target audience, then you can talk to people who are about what they would like to see.

2. Make sure it feels native to the platform

Make sure that everything feels native and natural to the platform. For example, I use my phone to film and shoot everything for our Stories even though I am not a video producer. That helps it to feel native and organic on Instagram.

3. Let it change and grow

Let your Instagram Stories change and grow as the platform changes and grows. It’s a new thing and they’re launching new features all of the time which is amazing for marketers. Make sure that you move and change with them and adapt to the changing landscape that we’re all a part of.

A Great Moment

 

“It’s fun for the Instagram Stories to reflect a little bit more of what our site might look like. In other words, the experience you might get on our website is reflected in our Instagram Stories.”

– Hannah Caldwell

Awesome People & Stuff Mentioned in the Show

Favorite Quotes

Quote from Hannah Caldwell of Bustle on Instagram Stories

  • We’ll create Instagram Stories that are anywhere between 5 slides and 30 slides – total. The most important part is that it is based around what type of content it is.
  • To produce as much content as we do at Bustle, it’s definitely is a time commitment, but, truly anyone can create beautiful Instagram stories with just a few inexpensive tools.
  • Completion rate and direct messages are the metrics that I watch closely and the ones that I really trust. Some days the views are high because we happen to be at the front of someone’s feed that day because of how the algorithm works.
  • We’re trying to create content that we want to be watching. Our own employees at Bustle are the target audience, so we try to create Stories that we as a team would watch. And also, we want to have a direct link to our users through messages and connections.
  • You have to think about the platform and you have to consider what it allows you to do and what it doesn’t allow you to do. So if you only have 10-15 second clips, community well within that 15 seconds.

How to Say Hello to Hannah (and us)

If you’re looking for some awesome Instagram Stories inspiration – check out Bustle on Instagram! You can also say hello to Hannah on Instagram and read more about Sunny’s journey at bustle.com

Thanks for listening! We’d love to connect with you at @buffer on Twitter or with the hashtag #bufferpodcast.

Enjoy the show? It’d mean the world to us if you’d be up for giving us a rating and review on iTunes!

About the Show

The Science of Social Media is a podcast for marketers and social media managers looking for inspiration, ideas, and results for their social media strategies. Each week, we interview one of the very best in social media marketing from brands in every industry. You will learn the latest tactics on social media, the best tools to use, the smartest workflows, and the best goal-setting advice. It is our hope that each episode you’ll find one or two gems to use with your social media marketing!

The Science of Social Media is proudly made by the Buffer team. Feel free to get in touch with us for any thoughts, ideas, or feedback.

from Social https://blog.bufferapp.com/hannah-caldwell-show-notes

50 Video Marketing Stats to Help You Create a Winning Social Media Strategy in 2017

.single-content iframe {
min-height: 20px !important;
position: absolute !important;
margin-left: 7px !important;
}

Video is taking over social media.

In our end of 2016 social media survey, 83 percent of marketers said they’d like to create more video content if they didn’t have restraints such as time and resources. We also found that 30 percent of marketers are looking to spend more time focused on Facebook video in 2017.

To help you make the fullest use of video marketing on social media and create a successful social media strategy for 2017, we’ve pulled together 50 of the most relevant video marketing statistics for social media marketers.

Did you know, for example, that Facebook video receives, on average, 135 percent more organic reach than a Facebook photo? Or that 73 percent of B2B marketers say that video positively impacts marketing ROI?

Check out more fascinating video statistics covering topics like marketing trends, user behavior, engagement, and much more below!

video-stats@2x

50 Statistics About Social Media Video Marketing for 2017

The statistics are categorized into:

  1. Trends
  2. Marketers’ Usage
  3. Video Watching Behavior
  4. Engagement
  5. Live Videos
  6. Video Ads
  7. Purchasing Behavior
  8. ROI

Feel free to use the quick links above to jump to the section you’re most interested in. There are also three detailed infographics about video marketing at the end of the post.

Let’s jump right in!


1. Trends

1) Online videos will account for more than 80% of all consumer internet traffic by 2020 (CISCO, 2016). //platform.twitter.com/widgets.js

2) Over 8 billion videos or 100 million hours of videos are watched on Facebook every day (TechCrunch, 2016; TechCrunch, 2016). //platform.twitter.com/widgets.js

3) 10 billion videos are watched on Snapchat every day (Bloomberg, 2016). //platform.twitter.com/widgets.js

Over 8 billion videos or 100 million hours of videos are watched on Facebook every day (TechCrunch, 2016; TechCrunch, 2016). 10 billion videos are watched on Snapchat every day (Bloomberg, 2016).

(Image from KPCB)

4) Video views on Twitter grew 220X from December 2014 to December 2015 (Twitter, 2015). //platform.twitter.com/widgets.js

5) Periscope users have created more than 200 million broadcasts (Periscope, 2016). //platform.twitter.com/widgets.js

6) Periscope users watch over 110 years of live videos every day (Periscope, 2016). //platform.twitter.com/widgets.js

Periscope users have created more than 200 million broadcasts (Periscope, 2016). Periscope users watch over 110 years of live videos every day (Periscope, 2016).

7) More than 500 million hours of videos are watched on YouTube every day (Business Insider, 2016). //platform.twitter.com/widgets.js

8) Searches related to “how to” on YouTube grew 70% from 2014 to 2015 (Google, 2015). //platform.twitter.com/widgets.js

9) More than 100 million hours of how-to YouTube videos were watched in North America in the first five months of 2015 (Google, 2015). //platform.twitter.com/widgets.js


2. Marketers’ Usage

10) 60% of marketers used videos in their social media marketing in 2016 (Social Media Examiner, 2016). //platform.twitter.com/widgets.js

11) 14% of marketers used live videos in their social media marketing in 2016 (Social Media Examiner, 2016). //platform.twitter.com/widgets.js

60% of marketers used videos in their social media marketing in 2016 (Social Media Examiner, 2016). 14% of marketers used live videos in their social media marketing in 2016 (Social Media Examiner, 2016).

12) 73% of marketers plan on increasing their use of videos (Social Media Examiner, 2016). //platform.twitter.com/widgets.js

13) 50% of marketers plan on using live videos. (Social Media Examiner, 2016). //platform.twitter.com/widgets.js

14) 44% of SMB owners and marketers plan to spend money to promote their video content on Facebook in 2017 (Animoto, 2016). //platform.twitter.com/widgets.js

15) 83% of marketers said they’d create more video content if there were no obstacles like time, resources, and budget (Buffer, 2016). //platform.twitter.com/widgets.js

16) 43% of marketers said they’d create more live videos if there were no obstacles like time, resources, and budget (Buffer, 2016). //platform.twitter.com/widgets.js

83% of marketers said they’d create more video content if there were no obstacles like time, resources, and budget (Buffer, 2016). 43% of marketers said they’d create more live videos if there were no obstacles like time, resources, and budget (Buffer, 2016).

17) 1 in 4 marketers and SMB owners feel behind on video marketing (Animoto, 2016). //platform.twitter.com/widgets.js


3. Video Watching Behavior

18) Videos up to 2 minutes long get the most engagement (Wistia, 2016). //platform.twitter.com/widgets.js

Videos up to 2 minutes long get the most engagement (Wistia, 2016).

19) 65% of people who watch the first three seconds of a Facebook video will watch for at least 10 seconds, and 45% will watch for 30 seconds (Facebook, 2016). //platform.twitter.com/widgets.js

20) 55% of people consume videos thoroughly — the highest amount all types of content (HubSpot, 2016). //platform.twitter.com/widgets.js

55% of people consume videos thoroughly — the highest amount all types of content (HubSpot, 2016).

21) 85% of Facebook videos are watched without sound (Digiday, 2016). //platform.twitter.com/widgets.js

22) More than 50% of videos are watched on mobile (Ooyala, 2016). //platform.twitter.com/widgets.js

23) 93% of Twitter videos are watched on mobile (Twitter, 2016). //platform.twitter.com/widgets.js

24) Half of 18- to 34-year old YouTube subscribers would drop what they’re doing to watch a new video by their favorite creator (Google, 2016). //platform.twitter.com/widgets.js

Half of 18- to 34-year old YouTube subscribers would drop what they’re doing to watch a new video by their favorite creator (Google, 2016).


4. Engagement

25) Facebook is rated as the most impactful social channel for video — 8.4X higher than any other social channel (Animoto, 2016). //platform.twitter.com/widgets.js

26) A Facebook video receives, on average, 135% more organic reach than a Facebook photo (Socialbakers, 2015). //platform.twitter.com/widgets.js

A Facebook video receives, on average, 135% more organic reach than a Facebook photo (Socialbakers, 2015).

27) In an average week, YouTube reaches more 18+ year-olds on mobile alone during prime-time TV hours than any cable TV network (Google, 2016). //platform.twitter.com/widgets.js

28) 43% of people want to see more video content from marketers in the future (HubSpot, 2016). //platform.twitter.com/widgets.js

29) Native videos on Twitter drive 2.5X replies, 2.8X retweets, and 1.9X favorites than third party players (Twitter, 2015). //platform.twitter.com/widgets.js

30) Videos are 6X more likely to be retweeted than photos and 3X more likely than GIFs (Twitter, 2016). //platform.twitter.com/widgets.js


5. Live Videos

31) People spend, on average, more than 3x more time watching a Facebook Live video than a video that’s no longer live (Facebook, 2016). //platform.twitter.com/widgets.js

32) Facebook users comment 10X more on live videos than they do on regular videos (Facebook, 2016). //platform.twitter.com/widgets.js

33) 80% of Lifestream’s survey respondents would rather watch live video from a brand than read a blog (Livestream, 2016). //platform.twitter.com/widgets.js

34) 82% of Lifestream’s survey respondents prefer live video from a brand to social posts (Livestream, 2016). //platform.twitter.com/widgets.js

35) Video of a live event increases brand favorability by 63% (Twitter, 2016). //platform.twitter.com/widgets.js


6. Video Ads

36) Captions on Facebook video ads increase video view time by an average of 12% (Facebook, 2016). //platform.twitter.com/widgets.js

37) Snapchat video ads capture over 2X visual attention than Facebook video ads, over 1.5X than Instagram, and 1.3X than YouTube (MediaScience, 2016). //platform.twitter.com/widgets.js

Snapchat video ads captures over 2X visual attention than Facebook video ads, over 1.5X than Instagram, and 1.3X than YouTube (MediaScience, 2016).

38) Snapchat video ads deliver over 2X the lift in purchase intent compared to TV, YouTube, Instagram, and Facebook video ads (MediaScience, 2016). //platform.twitter.com/widgets.js

Snapchat video ads deliver over 2X the lift in purchase intent compared to TV, YouTube, Instagram, and Facebook video ads (MediaScience, 2016).

39) Snapchat video ads receive 5X more swipe up rate than average CTR on comparable platforms (Snapchat, 2017). //platform.twitter.com/widgets.js

40) Twitter video ads are deemed to be 10% more relevant, 8% more favorable, and 8% less intrusive, compared to similar skippable pre-roll ads on publisher sites (Twitter, 2016). //platform.twitter.com/widgets.js

Twitter video ads are deemed to be 10% more relevant, 8% more favorable, and 8% less intrusive, compared to similar skippable pre-roll ads on publisher sites (Twitter, 2016).

41) Video ads are nearly 2X as memorable on Twitter than skippable pre-roll ads on premium sites (Twitter, 2016). //platform.twitter.com/widgets.js

Video ads are nearly 2X as memorable on Twitter than skippable pre-roll ads on premium sites (Twitter, 2016).

7. Purchasing Behavior

42) 6 in 10 YouTube subscribers would follow advice on what to buy from their favorite creator over their favorite TV or movie personality (Google, 2017). //platform.twitter.com/widgets.js

YouTube research 2

43) 4X as many consumers would rather watch a video about a product than reading about it (Animoto, 2015). //platform.twitter.com/widgets.js

44) 4 in 5 millennials consider video content when researching a purchase decision (Animoto, 2015). //platform.twitter.com/widgets.js

45) 70% of millennials are likely to watch a company video when shopping online (Animoto, 2015). //platform.twitter.com/widgets.js


8. ROI

46) Companies which use videos in their marketing grow revenue 49% faster year-on-year than those which don’t (Aberdeen Group, 2015). //platform.twitter.com/widgets.js

47) 76.5% of professional marketers and SMB owners are seeing results with video marketing (Animoto, 2016). //platform.twitter.com/widgets.js

48) 73% of B2B marketers say that video positively impacts marketing ROI (Tubular Insights, 2015). //platform.twitter.com/widgets.js

49) Having a brand logo in a video can increase purchase intent by 9% (Twitter, 2016). //platform.twitter.com/widgets.js

50) Companies which use videos in their marketing enjoy 27% higher CTR and 34% higher web conversion rates than those which don’t (Aberdeen Group, 2015). //platform.twitter.com/widgets.js

3 Infographics on Video Marketing

If the 50 social media video marketing statistics are not enough, here are three informative and comprehensive infographic about video marketing. Hope there’s a statistic for whatever you are looking for!

Where is Social Video Heading?

The 2016 Social Video Forecast by Animoto

The 2016 Social Video Forecast

31 Statistics to Up Your Video Marketing Game

31 Must Know Video Marketing Stats by Hyperfine Media

video-marketing-statistics-infographic

How to Make Full Use of Videos for Your Business

The 2015 Video Marketing Cheat Sheet by Animoto

The 2015 Video Marketing Cheat Sheet

What is Your Favorite Statistic?

Wow, that’s a lot of numbers in a post! Hope you are now pumped about video marketing and have found a tip or two (or 50) to improve your video marketing efforts in 2017.

What is your favorite video marketing statistic? If it is not on this list, would you be up for sharing it with us?

Thank you!

from Social https://blog.bufferapp.com/social-media-video-marketing-statistics

My Journey Of Learning Programming Through Flatiron School #11

My name is Mason Ellwood, and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Last week I was reading on wired that the next big blue collar job was going to be coding. I did not really know what to think of this. At first glance, programming lost its luster of being an untapped needed career, making me (a programmer) replaceable. This has always been the case but the recent boom of programmers is scary when entering a profession, competing against some of the smartest people in the industry.

On Wednesday I went to meet up with my weekly trivia team, and a new guy came who was a “full stack” developer. He used that term loosely because of the “what the heck does that entail” title that holds. But he kind of reaffirmed my fear of the article and agreed. Sure he said but this is no different than any other career now. It seems like everyone is fighting to stay ahead of the curve and automate as many processes as they can. Because technology has become such a cornerstone for many companies, automating and maintenance surly would follow. But because of this the need for “maintenance” increases especially within the dev community.

He agreed with the article, but development turning into the lusterless career path is not true. The need for developers is greater now that it has ever been. Being apart of the growing community of developers is a great place to be right now. And the need for “you” in a company setting is only going to become more prevalent.

Search Enumerables 

So picking up where we left off. Every method in Ruby must return a value. When we iterate or enumerate over a collection with #each, its return value is always the original constant. With this in mind, if we want to display the changed array values, dependent on what your method does, you may need to add an empty array ( new_array = [ ] ) to shovel ( << ) those values into.

There are many forms of #each, that can enact different outcomes. A few of the others are:

  • #select => When you invoke #select on a collection, the return value will be a new array containing all the elements of the collection that causes the block to pass a return value as true.
  • #detect/#find => #detect and #find can be used interchangeably. This will return only return the first element that makes the block true.  
  • #reject => #reject will return an array with the elements that return a false value

These listed above are all apart of the family of search enumerators whose purpose is to help you refine a collection to only matching elements.

A few that I use most often, I have found, is #each, #collect or #map (which are interchangeable), and each_with_index. A little more about enumerators can be found, and a quick reference that I have found very useful, is located here (http://ruby-doc.org/core-2.2.0/Enumerator.html). You will use these all the time, and I know how important this concept is. Locating and changing information based within your set of data is a key to programming. Essentially programming is the pushing and pulling of data and data manipulation. Being able to quickly and effectively iterate through data will increase your chances of landing a job, and becoming an officiant “blue collar worker” – as Wired so eloquently stated.

Read More at My Journey Of Learning Programming Through Flatiron School #11

from Web Design Ledger https://webdesignledger.com/my-journey-of-learning-programming-through-flatiron-school-11/