{"id":2458,"date":"2022-03-15T09:43:34","date_gmt":"2022-03-15T16:43:34","guid":{"rendered":"https:\/\/blogs.qsc.com\/systems\/?p=2458"},"modified":"2022-03-28T09:02:32","modified_gmt":"2022-03-28T16:02:32","slug":"best-practices-for-building-ucis-in-q-sys","status":"publish","type":"post","link":"https:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/tipps-zur-erstellung-von-benutzeroberflaechen-in-q-sys\/","title":{"rendered":"Tipps zur Erstellung von Benutzeroberfl\u00e4chen in Q-SYS"},"content":{"rendered":"<div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation>\n    <div class=\"trp-ls-shortcode-current-language\">\n        <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Deutsch\" onclick=\"event.preventDefault()\">\n\t\t\t Deutsch\t\t<\/a>\n    <\/div>\n    <div class=\"trp-ls-shortcode-language\">\n                <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\"  title=\"Deutsch\" onclick=\"event.preventDefault()\">\n\t\t\t Deutsch\t\t<\/a>\n                    <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458\" title=\"English\">\n             English        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458\" title=\"Fran\u00e7ais\">\n             Fran\u00e7ais        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458\" title=\"Espa\u00f1ol\">\n             Espa\u00f1ol        <\/a>\n\n            <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458\" title=\"English (UK)\">\n             English (UK)        <\/a>\n\n        <\/div>\n    <script type=\"application\/javascript\">\n        \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n        var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n        if ( trp_ls_shortcodes.length > 0) {\n            \/\/ get the last language switcher added\n            var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n            var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n            \/\/ set width\n            var trp_ls_shortcode_width                                               = trp_shortcode_language_item.offsetWidth + 16;\n            trp_shortcode_language_item.style.width                                  = trp_ls_shortcode_width + 'px';\n            trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n            \/\/ We're putting this on display: none after we have its width.\n            trp_shortcode_language_item.style.display = 'none';\n        }\n    <\/script>\n<\/div>\n<\/div>\n<p>In der AV-Technologie werden stetig neue Wege beschritten, um Benutzeroberfl\u00e4chen f\u00fcr Endanwender zu optimieren und die steigenden Kundenerwartungen zu erf\u00fcllen. Viele gr\u00f6\u00dfere Firmen besch\u00e4ftigen umfassende Teams aus Grafikdesignern, Marketingberatern und Branding-Experten, deren Aufgabe ausschlie\u00dflich darin besteht, die Nutzererfahrung ganzheitlich zu evaluieren und zu verbessern, um den Kunden die gleiche intuitive, minimalistische Benutzeroberfl\u00e4che zu bieten, die sie beispielsweise von ihrem Smartphone kennen. Eine unkomplizierte, einfache Bedienung zu gew\u00e4hrleisten ist h\u00e4ufig eine Herausforderung, insbesondere, wenn die Steuerung f\u00fcr ein gesamtes System auf einem 7-Zoll-Touchpanel bereitgestellt werden soll \u2013 doch genau solche Erwartungen m\u00fcssen die AV- und Softwareentwickler erf\u00fcllen.<\/p>\n\n\n\n<p>Hierf\u00fcr gibt es zwar nicht die eine, optimale L\u00f6sung, aber es gibt verschiedene praxiserprobte Herangehensweisen, die Sie f\u00fcr sich nutzen k\u00f6nnen. Schauen wir uns einige davon genauer an.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Nach Branding-Vorgaben fragen<\/h1>\n\n\n\n<p>Bei den meisten Kunden gibt es Richtlinien f\u00fcr das Firmen-Branding, auf die Sie sich beziehen k\u00f6nnen. Diese beinhalten beispielsweise Vorgaben zu Farben, Schriftarten und Logos. Dieser erste Schritt erspart Ihnen Zeit und Aufwand, wenn Sie mit der Erstellung der Benutzeroberfl\u00e4che beginnen. Falls ein Kunde keine Branding-Richtlinien hat, schauen Sie auf seiner Website nach, welche Farben, Schrifttypen, Icons und Logos genutzt werden.<\/p>\n\n\n\n<p><strong>Empfohlene Tools:<\/strong> <a href=\"https:\/\/imagecolorpicker.com\/en\">Image Color Picker<\/a>, <a href=\"https:\/\/www.myfonts.com\/WhatTheFont\/\">What the Font<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Einen User Flow generieren<\/h1>\n\n\n\n<p>Wenn wir Systeme konstruieren, denken wir dar\u00fcber nach, wie jedes Teil mit dem n\u00e4chsten verbunden wird. Dasselbe gilt f\u00fcr das Erstellen von Benutzeroberfl\u00e4chen. Im ersten Schritt wird ein Modell des grunds\u00e4tzlichen User Flows erstellt. Wenn Sie einfach nur Buttons auf einer Seite verteilen, ohne den User Flow zu ber\u00fccksichtigen, wird ihre Nutzeroberfl\u00e4che chaotisch und un\u00fcbersichtlich. Durch das Erstellen eines User Flows l\u00e4sst sich so etwas vermeiden. Schreiben Sie jede Funktion auf, die dem Nutzer zur Verf\u00fcgung stehen soll, und planen Sie dann die Struktur Ihrer Oberfl\u00e4che. Eine M\u00f6glichkeit ist, mit einer einzigen Hauptseite zu arbeiten, von welcher der Nutzer auf Unterseiten zugreifen kann (<strong>Abb. 1<\/strong>). In manchen F\u00e4llen ist es aber sinnvoller, den Nutzer \u00fcber ein Men\u00fc auf verschieden Seiten zu f\u00fchren (<strong>Abb. 2<\/strong>). Egal welche Methode Sie w\u00e4hlen: Planen Sie gut im Voraus, um eine unkomplizierte und \u00fcbersichtliche Benutzeroberfl\u00e4che aufzubauen.<br><br><\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/blogs.qsc.com\/systems\/de\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png\/\"><img decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png\" alt=\"\" data-id=\"2459\" data-link=\"https:\/\/blogs.qsc.com\/systems\/?attachment_id=2459\" class=\"wp-image-2459\" srcset=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png 1024w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-300x188.png 300w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-768x481.png 768w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-250x157.png 250w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-550x345.png 550w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-800x501.png 800w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-287x180.png 287w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-479x300.png 479w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-798x500.png 798w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Abb. 1<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/blogs.qsc.com\/systems\/de\/app\/uploads\/sites\/2\/2022\/03\/Figure-2.png\/\"><img decoding=\"async\" width=\"1024\" height=\"637\" src=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-1024x637.png\" alt=\"\" data-id=\"2460\" data-full-url=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2.png\" data-link=\"https:\/\/blogs.qsc.com\/systems\/?attachment_id=2460\" class=\"wp-image-2460\" srcset=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-1024x637.png 1024w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-300x187.png 300w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-768x478.png 768w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-250x155.png 250w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-550x342.png 550w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-800x498.png 800w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-289x180.png 289w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-482x300.png 482w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2-804x500.png 804w, https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-2.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Abb. 2<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p><strong>Empfohlene Tools: <\/strong>Adobe XD, Figma, oder andere Tools zur Erstellung eines Flussdiagramms<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Automatisieren Sie Ihre Benutzeroberfl\u00e4che<\/h1>\n\n\n\n<p>Besonders bei gr\u00f6\u00dferen Systemen wird die Benutzeroberfl\u00e4che schnell zu kompliziert. Um eine besonders \u00fcbersichtliche Oberfl\u00e4che zu gestalten, ist es in diesen F\u00e4llen oft sinnvoll, nur die Seiten anzuzeigen, die f\u00fcr den jeweiligen Nutzer relevant sind. Bestimmte Seiten je nach den Anforderungen des Nutzers automatisch anzuzeigen oder zu verbergen, kann eine \u201esmarte\u201c Anwendererfahrung erm\u00f6glichen.  Wenn der Nutzer beispielsweise einen Anruf t\u00e4tigt, sollte eine Seite erscheinen, die ausschlie\u00dflich die f\u00fcr den Anruf ben\u00f6tigten Bedienelemente enth\u00e4lt, n\u00e4mlich Kamerasteuerung, Anruflautst\u00e4rke und Stummschalttaste. Ein schneller Zugriff auf bestimmte Steuerungselemente mittels Triggerlogik verbessert die Anwendererfahrung ungemein und h\u00e4lt die Nutzeroberfl\u00e4che schlank und effizient.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Verwenden Sie CSS<\/h1>\n\n\n\n<p>Kaskadierte Stylesheets (CSS) erlauben das Festlegen von Klassen f\u00fcr alle Arten von Steuerungselementen, Textobjekten, Bannern, Icons usw. Es zahlt sich in jedem Fall aus, wenn Sie sich die Zeit nehmen, f\u00fcr die CI Ihres Kunden ein Stylesheet anzulegen. Sie werden so viel schneller skalierbare und auf Vorlagen beruhende Benutzeroberfl\u00e4chen erstellen k\u00f6nnen. QSC bietet mit dem Microsoft Teams Room Sample Design ein gro\u00dfartiges CSS-Beispiel an, das f\u00fcr Sie im Asset Manager bereitsteht. Die Benutzeroberfl\u00e4chen im Beispiel nutzen CSS-Klassen f\u00fcr Buttons, Textobjekte, Symbole und anderes. Ich empfehle, das Stylesheet im Asset Manager zu \u00f6ffnen, indem sie es im Asset Manager installieren. Es kann ein ausgezeichneter Startpunkt f\u00fcr Ihre eigenen Designs sein!<\/p>\n\n\n\n<p><a href=\"https:\/\/q-syshelp.qsc.com\/#Schematic_Library\/uci_styles.htm?\">Hier klicken<\/a> um mehr \u00fcber die Nutzung von CSS in Q-SYS zu erfahren.<\/p>\n\n\n\n<p><strong>Empfohlene Tools:<\/strong> <a href=\"https:\/\/q-syshelp.qsc.com\/#Schematic_Library\/uci_styles.htm?\">Q-SYS Help Guide (UCI Styles)<\/a>, Visual Studio Code<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Erlernen Sie den Umgang mit einem Design Framework<\/h1>\n\n\n\n<p>Ein Design Framework ist ein guter Ausgangspunkt, um bessere Benutzeroberfl\u00e4chen zu erstellen. Google bietet mit Material Design einen hervorragenden Design Framework, der alle relevanten Vorgaben ber\u00fccksichtigt, vom Button-Stil und der Schriftgr\u00f6\u00dfe bis zur Skalierung usw. Egal, welchen Framework Sie nutzen: Ein Design Framework ist eine ausgezeichnete Ressource, um moderne Benutzeroberfl\u00e4che zu kreieren. Ich kann Ihnen nur sehr ans Herz legen, sich einen passenden Design Framework f\u00fcr Ihre Zwecke zu suchen.<\/p>\n\n\n\n<p><strong>Empfohlene Tools:<\/strong> <a href=\"https:\/\/material.io\/\">Material.IO<\/a>, <a href=\"https:\/\/material-foundation.github.io\/material-theme-builder\/#\/dynamic\">Material Theme Builder<\/a><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Viel Spa\u00df!<\/h1>\n\n\n\n<p>Das Erstellen von Benutzeroberfl\u00e4chen in Q-SYS kann sehr viel Spa\u00df machen. In unseren zwei \u00e4u\u00dferst informativen (und unterhaltsamen) Trainingsvideos mit Praxistipps f\u00fcr nutzerfreundliche Designs erfahren Sie mehr (<a href=\"https:\/\/www.youtube.com\/watch?v=KWy3v5m4zdE\">Teil Eins<\/a> und <a href=\"https:\/\/www.youtube.com\/watch?v=xryZ_mBfCPM\">Teil Zwei<\/a>). Und dann legen Sie einfach los \u2013 bauen Sie etwas cooles und teilen Sie es auf <a href=\"https:\/\/developers.qsc.com\/s\/group\/0F94X000000sYccSAE\/show-us-your-qsys\">QSC Communities for Developers<\/a> mit uns, damit wir sehen k\u00f6nnen, an welchen tollen Sachen Sie arbeiten!<\/p>","protected":false},"excerpt":{"rendered":"<p>In der AV-Technologie werden stetig neue Wege beschritten, um Benutzeroberfl\u00e4chen f\u00fcr Endanwender zu optimieren und die steigenden Kundenerwartungen zu erf\u00fcllen. Viele gr\u00f6\u00dfere Firmen besch\u00e4ftigen umfassende Teams aus Grafikdesignern, Marketingberatern und Branding-Experten, deren Aufgabe ausschlie\u00dflich darin besteht, die Nutzererfahrung ganzheitlich zu evaluieren und zu verbessern, um den Kunden die gleiche intuitive, minimalistische Benutzeroberfl\u00e4che zu bieten, die sie beispielsweise von ihrem Smartphone kennen. <a href=\"https:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/tipps-zur-erstellung-von-benutzeroberflaechen-in-q-sys\/\">Read More<\/a><\/p>","protected":false},"author":59,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[28],"class_list":["post-2458","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-german"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Best Practices for Building UCIs in Q-SYS - Q-SYS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Practices for Building UCIs in Q-SYS - Q-SYS\" \/>\n<meta property=\"og:description\" content=\"The AV world is constantly breaking new ground on the user interfaces being offered to end-users, who are now conditioned to expect nothing less. Many larger organizations have teams of graphic designers, marketing consultants, and branding champions working full-time on evaluating and enhancing end-to-end experiences, because customers want the intuitive, minimalist user interfaces that they &hellip; Read More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/\" \/>\n<meta property=\"og:site_name\" content=\"Q-SYS\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-15T16:43:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-28T16:02:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Best-Practices-for-Building-UCI-1200x628-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Emily Eicher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emily Eicher\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/\",\"name\":\"Best Practices for Building UCIs in Q-SYS - Q-SYS\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png\",\"datePublished\":\"2022-03-15T16:43:34+00:00\",\"dateModified\":\"2022-03-28T16:02:32+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/845a2302ab2aea838aff4fde2c95d57e\"},\"breadcrumb\":{\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage\",\"url\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png\",\"contentUrl\":\"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.qsc.com\/systems\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices for Building UCIs in Q-SYS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#website\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/\",\"name\":\"Q-SYS\",\"description\":\"System Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.qsc.com\/systems\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/845a2302ab2aea838aff4fde2c95d57e\",\"name\":\"Emily Eicher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d36f4a88cd1db5897ccb740d94941d0dc481564c9e2cbe97eee7831864a2cde7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d36f4a88cd1db5897ccb740d94941d0dc481564c9e2cbe97eee7831864a2cde7?s=96&d=mm&r=g\",\"caption\":\"Emily Eicher\"},\"description\":\"Emily Eicher is the Product Manager for the Q-SYS Ecosystem at QSC, where she leads efforts around third-party integrations, plugin development, and ecosystem architecture. She began her career with Q-SYS as an AV programmer with an integrator in Cleveland, OH, giving her a hands-on perspective that continues to shape her approach to product management. A graduate of the University of Michigan with a degree in Music and Sound Engineering, Emily combines her technical background with her creative side as an indie musician performing under the name Best Man. Outside of work, she enjoys making music, spending time with her dogs, and hanging out with friends in her home of Colorado.\",\"url\":\"https:\/\/blogs.qsc.com\/systems\/de\/author\/emilyeicher\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best Practices for Building UCIs in Q-SYS - Q-SYS","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:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/","og_locale":"de_DE","og_type":"article","og_title":"Best Practices for Building UCIs in Q-SYS - Q-SYS","og_description":"The AV world is constantly breaking new ground on the user interfaces being offered to end-users, who are now conditioned to expect nothing less. Many larger organizations have teams of graphic designers, marketing consultants, and branding champions working full-time on evaluating and enhancing end-to-end experiences, because customers want the intuitive, minimalist user interfaces that they &hellip; Read More","og_url":"https:\/\/blogs.qsc.com\/systems\/de\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/","og_site_name":"Q-SYS","article_published_time":"2022-03-15T16:43:34+00:00","article_modified_time":"2022-03-28T16:02:32+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Best-Practices-for-Building-UCI-1200x628-1.jpg","type":"image\/jpeg"}],"author":"Emily Eicher","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emily Eicher","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/","url":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/","name":"Best Practices for Building UCIs in Q-SYS - Q-SYS","isPartOf":{"@id":"https:\/\/blogs.qsc.com\/systems\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage"},"image":{"@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png","datePublished":"2022-03-15T16:43:34+00:00","dateModified":"2022-03-28T16:02:32+00:00","author":{"@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/845a2302ab2aea838aff4fde2c95d57e"},"breadcrumb":{"@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#primaryimage","url":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png","contentUrl":"https:\/\/blogs.qsc.com\/app\/uploads\/sites\/2\/2022\/03\/Figure-1-1024x642.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.qsc.com\/systems\/2022\/03\/15\/best-practices-for-building-ucis-in-q-sys\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.qsc.com\/systems\/"},{"@type":"ListItem","position":2,"name":"Best Practices for Building UCIs in Q-SYS"}]},{"@type":"WebSite","@id":"https:\/\/blogs.qsc.com\/systems\/#website","url":"https:\/\/blogs.qsc.com\/systems\/","name":"Q-SYS","description":"System Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.qsc.com\/systems\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/845a2302ab2aea838aff4fde2c95d57e","name":"Emily Eicher","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs.qsc.com\/systems\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d36f4a88cd1db5897ccb740d94941d0dc481564c9e2cbe97eee7831864a2cde7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d36f4a88cd1db5897ccb740d94941d0dc481564c9e2cbe97eee7831864a2cde7?s=96&d=mm&r=g","caption":"Emily Eicher"},"description":"Emily Eicher is the Product Manager for the Q-SYS Ecosystem at QSC, where she leads efforts around third-party integrations, plugin development, and ecosystem architecture. She began her career with Q-SYS as an AV programmer with an integrator in Cleveland, OH, giving her a hands-on perspective that continues to shape her approach to product management. A graduate of the University of Michigan with a degree in Music and Sound Engineering, Emily combines her technical background with her creative side as an indie musician performing under the name Best Man. Outside of work, she enjoys making music, spending time with her dogs, and hanging out with friends in her home of Colorado.","url":"https:\/\/blogs.qsc.com\/systems\/de\/author\/emilyeicher\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/comments?post=2458"}],"version-history":[{"count":0,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/posts\/2458\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/media?parent=2458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/categories?post=2458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.qsc.com\/systems\/de\/wp-json\/wp\/v2\/tags?post=2458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}