@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning: Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":40834,"date":"2016-08-11T08:18:03","date_gmt":"2016-08-11T12:18:03","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=40834"},"modified":"2023-01-24T22:00:31","modified_gmt":"2023-01-25T05:00:31","slug":"using-videos-web-design","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/using-videos-web-design\/","title":{"rendered":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements"},"content":{"rendered":"

No matter what kinds of websites they visit, people often see dozens of videos per day, sometimes without even realizing what\u2019s happening. That\u2019s not only because online videos are so prevalent, but also because many clips start playing automatically since they\u2019re part of advertisements.<\/p>\n

Due to the constant influence videos have, some people tune them out automatically. However, there are several things you can do in your web design projects that give videos the best chances at getting perpetual user engagement and high retention rates. Keep reading to learn more about the elements associated with using videos successfully.<\/p>\n

Loading Times<\/h2>\n

It\u2019s usually best to do what you can to shorten the loading times for the videos on your website. If possible, consider offering users several file size choices so they can select the one that works best for the connection speed they\u2019re on. Netflix is one extremely popular website that takes such an approach, and it\u2019s likely a very welcome one. That\u2019s especially true when people are restricted to using slow connections or subjected to rigid data transfer limits.<\/p>\n

In addition to thinking about loading times from a web design perspective, simply consider convenience. People probably won\u2019t stay engaged with a video that\u2019s constantly buffering because the file size is too large. If people can\u2019t get the content to load swiftly, they\u2019ll probably look elsewhere to get their media needs served.<\/p>\n

The Playing Format<\/h2>\n

Put simply, web designers should try to emphasize user friendliness, especially when working with videos used for marketing purposes. Similar to the point just mentioned, if people can\u2019t figure out how to make a video begin playing, they\u2019ll probably get distracted by other things online and just give up on watching the content they\u2019d found initially.<\/p>\n

However, it\u2019s not enough to merely remember that good videos should cater to their viewers. From a design perspective, you need to figure out whether it\u2019s best for a video to start playing automatically, or only after some type of user input. Whereas the first option is probably more foolproof, it might also create unintended consequences if a video starts automatically playing loudly when a person is in a very quiet public place.<\/p>\n

Also, look at other specifics, such as whether you want the video to play in a pop-up window, or a window that appears on the original page, but expands when someone clicks on it. These might seem like relatively small details, but they all play a part in determining whether viewers can easily watch videos, or if they\u2019ll get so fed up they ultimately wonder why they even bothered trying.<\/p>\n

Appropriateness of Using Video as a Medium<\/h2>\n

Maybe you\u2019re dealing with client demands that dictate you absolutely must figure out the most creative ways to incorporate videos into a website in progress. On the other hand, if you have more liberty to do what\u2019s most appropriate, always consider whether adding videos is something that fits into your ultimate goals.<\/p>\n

For example, if you\u2019re building a website shop that\u2019ll only sell blender parts, videos may not tie into your overall objective because those products don\u2019t lend themselves well to a visual medium. However, maybe you\u2019re creating a media gallery that encourages people to eat well at home. In that case, you might upload an assortment of videos that encourages people to whip up their favorite dishes in residential kitchens.<\/p>\n

Take a look at the Hampton Creek<\/a> YouTube channel to see how the brand effectively uses videos to entice people about creating healthy dishes. There\u2019s a dedicated channel for recipe clips, and all content is delivered in straightforward ways that cater to today\u2019s fast-paced way of life.<\/p>\n

It\u2019s not a good idea to add videos to a website you\u2019re creating just because it seems like competitors are doing it. When used for the wrong reasons, videos can dilute messages, confuse viewers, and cause people to take their business elsewhere.<\/p>\n

When designing a website, always ask, \u201cWould videos enhance this content in any way?\u201d If you can affirmatively answer that and feel confident about your response, it\u2019s safe to say you\u2019re aiming to use videos to genuinely add value to the associated material.<\/p>\n

Although these aren\u2019t the only factors to keep in mind when working with videos as you design websites, they\u2019re some of the main elements that come into play. By keeping them in mind while doing projects, you\u2019ll be in a better position to make intelligent video-related design decisions.<\/p>\n","protected":false},"excerpt":{"rendered":"

No matter what kinds of websites they visit, people often see dozens of videos per day, sometimes without even realizing what\u2019s happening. That\u2019s not only because online videos … Continue \u2192<\/a><\/p>\n","protected":false},"author":10,"featured_media":40835,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2612,30],"tags":[],"aioseo_notices":[],"yoast_head":"\nUsing Videos in Your Web Design Work? Never Overlook These Crucial Elements<\/title>\n<meta name=\"description\" content=\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/using-videos-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements\" \/>\n<meta property=\"og:description\" content=\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/using-videos-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-11T12:18:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-25T05:00:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"731\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"John Culotta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Culotta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/\"},\"author\":{\"name\":\"John Culotta\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/bee34f6e4b3d0dcefa3bfef862b30b24\"},\"headline\":\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements\",\"datePublished\":\"2016-08-11T12:18:03+00:00\",\"dateModified\":\"2023-01-25T05:00:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/\"},\"wordCount\":785,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg\",\"articleSection\":[\"Video\",\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/using-videos-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/\",\"url\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/\",\"name\":\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg\",\"datePublished\":\"2016-08-11T12:18:03+00:00\",\"dateModified\":\"2023-01-25T05:00:31+00:00\",\"description\":\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/using-videos-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg\",\"width\":1100,\"height\":731},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/using-videos-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\/\/webdesigndev.com\/web-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/twitter.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/bee34f6e4b3d0dcefa3bfef862b30b24\",\"name\":\"John Culotta\",\"description\":\"John is the chief editor here at WebDesignDev. He is a creative who enjoys writing, research,\u00a0and all things design related as well as (formerly) a full-time musician. As an entrepreneur, he has many years of experience in designing websites, packaging, logos, photo editing, and the\u00a0development of his own top-selling products on Amazon and Shopify. You can see his motivational\u00a0Instagram\u00a0account or connect on\u00a0LinkedIn\u00a0and follow him on\u00a0Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/www.instagram.com\/ventureupwards\/\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements","description":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webdesigndev.com\/using-videos-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements","og_description":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.","og_url":"https:\/\/webdesigndev.com\/using-videos-web-design\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2016-08-11T12:18:03+00:00","article_modified_time":"2023-01-25T05:00:31+00:00","og_image":[{"width":1100,"height":731,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg","type":"image\/jpeg"}],"author":"John Culotta","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"John Culotta","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/"},"author":{"name":"John Culotta","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/bee34f6e4b3d0dcefa3bfef862b30b24"},"headline":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements","datePublished":"2016-08-11T12:18:03+00:00","dateModified":"2023-01-25T05:00:31+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/"},"wordCount":785,"commentCount":0,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg","articleSection":["Video","Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/using-videos-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/","url":"https:\/\/webdesigndev.com\/using-videos-web-design\/","name":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg","datePublished":"2016-08-11T12:18:03+00:00","dateModified":"2023-01-25T05:00:31+00:00","description":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements on WebDesignDev.com. Read about Using Videos in Your Web Design Work? Never Overlook These Crucial Elements.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/using-videos-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2016\/08\/video-in-web-design.jpeg","width":1100,"height":731},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/using-videos-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/webdesigndev.com\/web-development\/"},{"@type":"ListItem","position":3,"name":"Using Videos in Your Web Design Work? Never Overlook These Crucial Elements"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/twitter.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/bee34f6e4b3d0dcefa3bfef862b30b24","name":"John Culotta","description":"John is the chief editor here at WebDesignDev. He is a creative who enjoys writing, research,\u00a0and all things design related as well as (formerly) a full-time musician. As an entrepreneur, he has many years of experience in designing websites, packaging, logos, photo editing, and the\u00a0development of his own top-selling products on Amazon and Shopify. You can see his motivational\u00a0Instagram\u00a0account or connect on\u00a0LinkedIn\u00a0and follow him on\u00a0Twitter.","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/www.instagram.com\/ventureupwards\/","https:\/\/twitter.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/40834"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=40834"}],"version-history":[{"count":1,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/40834\/revisions"}],"predecessor-version":[{"id":80478,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/40834\/revisions\/80478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/40835"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=40834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=40834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=40834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}