{"id":27,"date":"2014-10-27T19:57:53","date_gmt":"2014-10-27T19:57:53","guid":{"rendered":"http:\/\/courses.candelalearning.com\/cfacreatemultimedia\/?post_type=chapter&#038;p=27"},"modified":"2014-11-05T11:59:16","modified_gmt":"2014-11-05T11:59:16","slug":"can-produce-a-basic-multimedia-product","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/chapter\/can-produce-a-basic-multimedia-product\/","title":{"raw":"Producing a Multimedia Product","rendered":"Producing a Multimedia Product"},"content":{"raw":"Multimedia products - by definition - involve the use of multiple forms of media, including text, pictures, sounds, videos, and interactive elements like controls or simulations. When bringing together disparate forms of media into a single product, it is critically important to insure that these multiple media are organized and presented to the user in a clear, consistent, and intuitive manner. Multiple forms of media means multiple opportunities for users to become confused or disoriented when using your product. What is happening? How am I supposed to interact with this? Did I do something wrong?\r\n<h3>Effective UI Design<\/h3>\r\nThe most important design criterion is consistency. Consistency creates predictability, which allows users to anticipate how your multimedia product will respond as they interact with it. Even complex or convoluted designs can be used if they are complex or convoluted in a <em>consistent<\/em> manner.\r\n\r\n[caption id=\"attachment_107\" align=\"aligncenter\" width=\"630\"]<a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm.jpg\"><img class=\"size-full wp-image-107\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm.jpg\" alt=\"An example set of UI elements for websites.\" width=\"630\" height=\"386\" \/><\/a> An example set of UI elements for websites.[\/caption]\r\n\r\nBecause consistency is so important, many organizations that undertake large multimedia product or software development projects create design guidelines and design libraries so that all designers and developers can create multimedia products with consistent and predictable interactions. (Imagine how confused you would be if the way you italicized text in Microsoft Word differed from the way you\u00a0italicized text in Powerpoint. Or imagine how confused you would be if\u00a0 the way you closed Photoshop differed from the way you closed Excel.) Take a moment to review the design guidelines for several popular products:\r\n<ul>\r\n\t<li><a class=\"external text\" href=\"https:\/\/developer.android.com\/design\/index.html\" rel=\"nofollow\">Android Design Guidelines<\/a><\/li>\r\n\t<li><a class=\"external text\" href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/\" rel=\"nofollow\">iOS Human Interface Guidelines<\/a><\/li>\r\n\t<li><a class=\"external text\" href=\"https:\/\/developer.apple.com\/library\/mac\/documentation\/UserExperience\/Conceptual\/AppleHIGuidelines\/Intro\/Intro.html\" rel=\"nofollow\">OS X Human Interface Guidelines<\/a><\/li>\r\n\t<li><a href=\"https:\/\/developer.yahoo.com\/ypatterns\/\">Yahoo Design Pattern Library<\/a><\/li>\r\n<\/ul>\r\nHow do these guidelines\u00a0 promote consistency across many kinds of user experiences?\r\n<h3>Engaging Users<\/h3>\r\n[caption id=\"attachment_99\" align=\"alignright\" width=\"300\"]<a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach.jpg\"><img class=\"wp-image-99 size-medium\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-300x196.jpg\" alt=\"The images you use in your product set the mood for users.\" width=\"300\" height=\"196\" \/><\/a> The images you use in your product set the mood for users.[\/caption]\r\n\r\nUsers are constantly bombarded by opportunities to use multimedia products. Many of them are boring and \/ or poorly designed. What kind of first impression does your product make? Users will decide very quickly - often in the first few seconds - whether your products looks fun, interesting, or dull. Here are some ways to make sure you engage users during the first few seconds of their experience with your product:\r\n<ul>\r\n\t<li>Keep it professional - Nothing says \"poor quality\" like spelling errors and other obvious mistakes on the home screen or launch page of your product.<\/li>\r\n\t<li>High resolution imagery - A picture truly is worth a thousand words. The right photograph can express your product's personality, set the mood, and create positive expectations for your users.<\/li>\r\n\t<li>Music - Like the right photograph, the right music can express your product's personality, set the mood, and create positive expectations for your users.<\/li>\r\n\t<li>Motion - Moving elements around the screen, even very subtly, is much more attention-grabbing than leaving elements static.<\/li>\r\n\t<li>Value proposition - Quickly communicate to users what they will gain by using your product. Why should they want to continue using it beyond the first few seconds?<\/li>\r\n<\/ul>","rendered":"<p>Multimedia products &#8211; by definition &#8211; involve the use of multiple forms of media, including text, pictures, sounds, videos, and interactive elements like controls or simulations. When bringing together disparate forms of media into a single product, it is critically important to insure that these multiple media are organized and presented to the user in a clear, consistent, and intuitive manner. Multiple forms of media means multiple opportunities for users to become confused or disoriented when using your product. What is happening? How am I supposed to interact with this? Did I do something wrong?<\/p>\n<h3>Effective UI Design<\/h3>\n<p>The most important design criterion is consistency. Consistency creates predictability, which allows users to anticipate how your multimedia product will respond as they interact with it. Even complex or convoluted designs can be used if they are complex or convoluted in a <em>consistent<\/em> manner.<\/p>\n<div id=\"attachment_107\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-107\" class=\"size-full wp-image-107\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm.jpg\" alt=\"An example set of UI elements for websites.\" width=\"630\" height=\"386\" srcset=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm.jpg 630w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm-300x183.jpg 300w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm-65x39.jpg 65w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm-225x137.jpg 225w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/free_dark_web_ui_set_sm-350x214.jpg 350w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n<p id=\"caption-attachment-107\" class=\"wp-caption-text\">An example set of UI elements for websites.<\/p>\n<\/div>\n<p>Because consistency is so important, many organizations that undertake large multimedia product or software development projects create design guidelines and design libraries so that all designers and developers can create multimedia products with consistent and predictable interactions. (Imagine how confused you would be if the way you italicized text in Microsoft Word differed from the way you\u00a0italicized text in Powerpoint. Or imagine how confused you would be if\u00a0 the way you closed Photoshop differed from the way you closed Excel.) Take a moment to review the design guidelines for several popular products:<\/p>\n<ul>\n<li><a class=\"external text\" href=\"https:\/\/developer.android.com\/design\/index.html\" rel=\"nofollow\">Android Design Guidelines<\/a><\/li>\n<li><a class=\"external text\" href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/UserExperience\/Conceptual\/MobileHIG\/\" rel=\"nofollow\">iOS Human Interface Guidelines<\/a><\/li>\n<li><a class=\"external text\" href=\"https:\/\/developer.apple.com\/library\/mac\/documentation\/UserExperience\/Conceptual\/AppleHIGuidelines\/Intro\/Intro.html\" rel=\"nofollow\">OS X Human Interface Guidelines<\/a><\/li>\n<li><a href=\"https:\/\/developer.yahoo.com\/ypatterns\/\">Yahoo Design Pattern Library<\/a><\/li>\n<\/ul>\n<p>How do these guidelines\u00a0 promote consistency across many kinds of user experiences?<\/p>\n<h3>Engaging Users<\/h3>\n<div id=\"attachment_99\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-99\" class=\"wp-image-99 size-medium\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-300x196.jpg\" alt=\"The images you use in your product set the mood for users.\" width=\"300\" height=\"196\" srcset=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-300x196.jpg 300w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-65x42.jpg 65w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-225x147.jpg 225w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach-350x229.jpg 350w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/beach.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p id=\"caption-attachment-99\" class=\"wp-caption-text\">The images you use in your product set the mood for users.<\/p>\n<\/div>\n<p>Users are constantly bombarded by opportunities to use multimedia products. Many of them are boring and \/ or poorly designed. What kind of first impression does your product make? Users will decide very quickly &#8211; often in the first few seconds &#8211; whether your products looks fun, interesting, or dull. Here are some ways to make sure you engage users during the first few seconds of their experience with your product:<\/p>\n<ul>\n<li>Keep it professional &#8211; Nothing says &#8220;poor quality&#8221; like spelling errors and other obvious mistakes on the home screen or launch page of your product.<\/li>\n<li>High resolution imagery &#8211; A picture truly is worth a thousand words. The right photograph can express your product&#8217;s personality, set the mood, and create positive expectations for your users.<\/li>\n<li>Music &#8211; Like the right photograph, the right music can express your product&#8217;s personality, set the mood, and create positive expectations for your users.<\/li>\n<li>Motion &#8211; Moving elements around the screen, even very subtly, is much more attention-grabbing than leaving elements static.<\/li>\n<li>Value proposition &#8211; Quickly communicate to users what they will gain by using your product. Why should they want to continue using it beyond the first few seconds?<\/li>\n<\/ul>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-27\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Original<\/div><ul class=\"citation-list\"><li><strong>Provided by<\/strong>: Lumen Learning. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"http:\/\/lumenlearning.com\/\">http:\/\/lumenlearning.com\/<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><\/ul><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Bohol Beach Club. <strong>Authored by<\/strong>: Greg. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/www.flickr.com\/photos\/-arpi\/4280428638\">https:\/\/www.flickr.com\/photos\/-arpi\/4280428638<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><li>Free dark web UI set. <strong>Authored by<\/strong>: Pixeden. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"http:\/\/www.deviantart.com\/art\/Free-Dark-Web-UI-Set-257211312\">http:\/\/www.deviantart.com\/art\/Free-Dark-Web-UI-Set-257211312<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":9,"menu_order":2,"template":"","meta":{"_candela_citation":"[{\"type\":\"original\",\"description\":\"\",\"author\":\"\",\"organization\":\"Lumen Learning\",\"url\":\"http:\/\/lumenlearning.com\/\",\"project\":\"\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"Bohol Beach Club\",\"author\":\"Greg\",\"organization\":\"\",\"url\":\"https:\/\/www.flickr.com\/photos\/-arpi\/4280428638\",\"project\":\"\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"Free dark web UI set\",\"author\":\"Pixeden\",\"organization\":\"\",\"url\":\"http:\/\/www.deviantart.com\/art\/Free-Dark-Web-UI-Set-257211312\",\"project\":\"\",\"license\":\"cc-by\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-27","chapter","type-chapter","status-publish","hentry"],"part":26,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/users\/9"}],"version-history":[{"count":15,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/27\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/27\/revisions\/117"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/parts\/26"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/27\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapter-type?post=27"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/contributor?post=27"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/license?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}