[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"zCnggnjLI9zzjj2_8nmB_ekUktUB7NOPKeUP--gekFw":75,"XPsPv3KiC00GDhTgs-zMLa3lsQUAVrXG6AFR_yHclE0":204,"_apollo:default":246},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":117,"postContentElements":13,"evergreen":13,"tags":142,"postWpBody":172,"wpHeaderImage":176,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":188,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":175,"wpYoastHead":197,"author":198},"NodeWpPost","770","Warum das fertige Produkt vom UX Konzept abweicht",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1608124743,"UTC","+00:00","2020-12-16T13:19:03+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1608124566,"2020-12-16T13:16:06+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Warum das fertige Produkt vom UX Konzept abweicht | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2020/12/fb-1.jpg?h=3ecc83bb&itok=V6DzWX2p",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":124,"processed":125,"format":126},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,139],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":138},"description","Themen aus dem Bereich Design & User Experience",{"__typename":102,"tag":103,"attributes":140},{"__typename":105,"href":141,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[143,148,152,156,160,164,168],{"__typename":144,"id":145,"name":146,"path":147,"weight":122},"TermTags","718","konzept","/tag/konzept",{"__typename":144,"id":149,"name":150,"path":151,"weight":122},"719","Konzeption","/tag/konzeption",{"__typename":144,"id":153,"name":154,"path":155,"weight":122},"1008","product design","/tag/product-design",{"__typename":144,"id":157,"name":158,"path":159,"weight":122},"1392","user experience design","/tag/user-experience-design",{"__typename":144,"id":161,"name":162,"path":163,"weight":122},"1409","ux design","/tag/ux-design",{"__typename":144,"id":165,"name":166,"path":167,"weight":122},"1412","ux how to","/tag/ux-how-to",{"__typename":144,"id":169,"name":170,"path":171,"weight":122},"1418","ux tips","/tag/ux-tips",{"__typename":173,"processed":174,"format":126,"summary":175},"TextSummary","\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Im Titel schwingt gewisse Angst und Unsicherheit mit – dass man sich mit dem Konzept etwas Falsches überlegt hat oder dass man bis zum Schluss nicht weiß, wie das Endergebnis aussehen wird. UX Design Produkte werden monatelang konzipiert und entwickelt – wir verstehen also dieses Bedürfnis nach Gewissheit sehr gut.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Unsere kurze Antwort lautet: Unser Endziel ist immer ein herausragendes digitales Produkt und das bestmögliche Erlebnis für die Nutzer. Wir arbeiten täglich an diesem Ziel – auch wenn wir oft dafür vom ursprünglichen Konzept abweichen müssen, weil wir durch User Tests dazu gelernt haben. Vertraut uns – wir machen was Gutes daraus.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Die ausführliche Antwort lest ihr weiter unten.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Was ist überhaupt ein Konzept und was ist seine Rolle?\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Konzept ist die abstrakte Darstellung eines zukünftigen Produkts. Zum einen bietet es schnell und kostengünstig sämtlichen Stakeholdern ein \u003Cstrong>gemeinsames, erstes Bild\u003C/strong> vom Endprodukt, sodass alle vom selben sprechen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Zum anderen ist es auch das erste Mittel um die Idee bei Ihrer Zielgruppe so schnell wie möglich \u003Cstrong>abzutesten\u003C/strong>. Sind die Annahmen richtig? Löst das digitale Produkt die Pain Points der User? Das Konzept hilft dabei, sehr früh wichtige Daten zu erheben, die für den weiteren Design-Entscheidungsprozess wichtig sind. Damit werden Anpassungen am Produkt vor der Programmierung möglich – was viel Zeit und Geld spart.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Konzept kann \u003Cstrong>diverse Formen\u003C/strong> annehmen. Ein Scribble, ein grobes Wireframe, ein visuell fertiger Klickdummy-Prototyp und/oder eine Textbeschreibung sind in meinen Augen alles „Konzepte“ – also sowohl Low- als auch High-Fidelity Prototypen, wie sie auch genannt werden. Man kann auch sagen \u003Cstrong>alles, was UX DesignerInnen so produzieren, sind Konzepte.\u003C/strong>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"x-wide-100 col-xsmall-12 is-style-default\">\n            \n\u003Cfigure role=\"group\" class=\" wp-block-image size-large is-resized\">\n\u003Cdiv alt=\"Vom Scribble zum detaillierten Konzept zur Live Seite wird das Bild des Endprodukts immer genauer und ausgefeilter.\" data-entity-type=\"media\" data-entity-uuid=\"812d3efd-a2b7-4b8e-97ca-e25a0a8ff3e0\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=EimJfFXC 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=vFJadjqD 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1440\" height=\"467\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=277QjBfS 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=S-0LT9iK 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"332\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=wm7pLu-V 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=xOqviS5P 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"242\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=_Peqs3Ki 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=pmFT_AaV 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"156\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=5ZaBynei 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.webp?itok=gExT0k42 2x\" type=\"image/webp\" width=\"1620\" height=\"525\">\n                  \u003Cimg loading=\"lazy\" width=\"2560\" height=\"830\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2020/12/Scribble-Konzept-Live-scaled.jpg.jpg?itok=gExT0k42\" alt=\"Vom Scribble zum detaillierten Konzept zur Live Seite wird das Bild des Endprodukts immer genauer und ausgefeilter.\" title=\"Scribble-Konzept-Live\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\n\u003Cfigcaption>Vom Scribble zum Detailkonzept zur Live Seite wald-der-zukunft.at. Die ersten zwei Screens zeigen uns Monate vor dem Go-live, wie ungefähr die Seite aussehen wird – auch wenn Illustrationen und Texte noch nicht vorliegen. Das rechte Bild ist ein Screenshot der Live-Seite.\u003C/figcaption>\n\u003C/figure>\n\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Wer sind die Zielgruppen des UX Konzepts?\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>In erster Linie die \u003Cstrong>Enduser\u003C/strong> des Produkts. Mittels des Konzepts können Annahmen überprüft werden – z.B. dass Nutzer den Abschlussprozess in einem Online-Shop als verständlicher empfinden und seltener abbrechen, wenn die Zusammenfassung der Transaktion immer sichtbar ist.\u003C/li>\u003Cli>Die zweite wichtige Zielgruppe sind \u003Cstrong>Programmierer bzw. Developer\u003C/strong>, die auf Basis dieses Konzepts das fertige Produkt bauen. Die Developer verlassen sich dabei darauf, dass die Designer bereits die Anforderungen der User verstanden haben, sodass sie sich auf die Umsetzung fokussieren können.\u003C/li>\u003Cli>Die dritte Zielgruppe des Konzepts sind unsere \u003Cstrong>Kunden – die Auftraggeber.\u003C/strong> Hierbei ist das Konzept wichtig, um Feedback bzw. Freigabe von diversen internen Stakeholdern einholen zu können bzw. zu entscheiden, ob die Funktionalität und Optik den Erwartungen entsprechen und so umgesetzt werden können.\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cstrong>Und hier entsteht schon die erste Falle\u003C/strong> – denn das Konzept arbeitet in den seltensten Fällen mit Echtdaten, bildet jede einzelne Unterseite der App bzw. Seite ab und verhält sich nie exakt wie eine programmierte Lösung. Was kann man also vom Konzept erwarten?\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Was kann ein Konzept\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>Die Aufgabe des sogenannten \u003Cstrong>Innovationskonzepts\u003C/strong> ist es komplett frei und innovativ zu denken. Man lässt sich nicht dadurch einschränken, was bereits machbar ist, und kreiert eher eine Vision, die zum richtungsweisenden Vektor wird. Bei so einem Konzept ist verständlich, dass das Endprodukt vom Konzept abweicht. So ist das meiste, was man auf \u003Ca href=\"https://www.behance.net/\">Behance\u003C/a> und \u003Ca href=\"https://dribbble.com/\">Dribbble\u003C/a> im Bereich UX & Web findet, selten wirklich umsetzbar.\u003C/li>\u003Cli>Das Konzept, so wie wir es meist verwenden, zeigt grob \u003Cstrong>den Aufbau und die Funktionsweise\u003C/strong> des Endprodukts. Zum Beispiel wie die Startseite oder ein Blogartikel in etwa aufgebaut sind, wie der Warenkorb funktioniert und wie man durch diese Seiten navigieren kann (evtl. auch mithilfe eines Flow-Diagramms oder einer Sitemap).\u003C/li>\u003Cli>Das Konzept in einem späteren Stadium kann auch stark auf die \u003Cstrong>Optik bzw. das Design\u003C/strong> eingehen. Ob Buttons eher rundlich oder eckig sind, wie die CI-Farben sich auf der Seite wiederfinden und für welche Elemente sie verwendet werden.\u003C/li>\u003Cli>Gepaart mit den Ergebnissen der User Tests ist das UX Konzept auch die „\u003Cstrong>Stimme der User\u003C/strong>“ – und sollte alle Beteiligten immer wieder daran erinnern, wie das Ideal für die NutzerInnen aussieht. Auch wenn es dann in Realität nicht zu 100 % so umgesetzt wird, weil sich Texte, Bilder oder Daten aus Schnittstellen ändern.\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Was kann ein Konzept NICHT\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>Manchmal wird es auch ein Konzept für das \u003Cstrong>interaktive Verhalten\u003C/strong> von einem sticky Element oder den Übergang von einem großen Header zu einer verkleinerten Variante benötigen – um die Verständlichkeit zum Beispiel im User Test zu überprüfen oder den Programmierern eine Anleitung zu liefern. \u003Cstrong>Das Konzept ist aber nie und niemals die Referenz für jedes einzelne interaktive Verhalten – damit wäre es viel zu ineffizient.\u003C/strong>\u003C/li>\u003Cli>Huhn oder Ei? DesignerInnen arbeiten bekanntermaßen gern mit fertigen \u003Cstrong>Texten.\u003C/strong> Wie diese für das Web aber aussehen sollen, wissen auf Kundenseite die wenigsten und warten auf Vorgaben des Konzepts und Designs, bevor es ans Texten geht. Was also tun? Die Inhalte während der Konzeptionsphase definieren – denn diese sollten genauso den Produktzielen folgen und im User Test überprüft werden. \u003Cstrong>Damit ist das Konzept nicht die Referenz, wenn es um korrekte Texte geht.\u003C/strong>\u003C/li>\u003Cli>Auch wenn das nicht die ideale Vorgehensweise ist, liegen zur Zeit der Konzeption oftmals \u003Cstrong>keine Echtdaten\u003C/strong> vor. Angenommen es wird eine neue Ticketseite konzipiert, bevor ein das neue Kassensystem für den Ticketkauf feststeht. Erst bei der Umsetzung werden die Datenfelder des Kassensystem-Anbieters bekannt, also wird das Konzept flexibel an diese möglichen Daten angepasst. Das bedeutet, \u003Cstrong>das Konzept kann nur so „final“ sein, wie auch die Daten\u003C/strong>. Idealerweise liefert man UX Designern alle Daten vorab. Ist das mal nicht möglich, muss man damit rechnen, dass das Konzept eher ein Gerüst darstellt, das später mit Daten befüllt wird.\u003C/li>\u003Cli>Das Konzept kreiert also die \u003Cstrong>Basis für den Austausch und Entscheidungen\u003C/strong> bezüglich des Produkts. Es schafft damit Sicherheit einer gemeinsamen Vorstellung – und stellt sicher, dass man nicht an User Needs vorbei entwickelt. \u003Cstrong>Aber es bildet nicht bereits das fix fertige Produkt ab und dient eher als Orientierungshilfe für die Umsetzung.\u003C/strong>\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>Aufbau und Optik minus fertige Texte und Daten \u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Konzept ist also der \u003Cstrong>Fahrplan, die grobe Richtung\u003C/strong>, der wegweisende Vektor für das Produkt. Es bedenkt viele Eventualitäten zwar schon mit – muss aber auch flexibel genug bleiben, um sich an Kundenfeedback oder Echtdaten anpassen zu können. Oftmals kommen erst während der Programmierung Dinge auf, an die davor keiner denken konnte. Und das ist auch in Ordnung so. Das Konzept ist immer die aktuell beste Variante – auch wenn es damit nicht die Erwartungen der Auftraggeber erfüllen kann, darin jederzeit schon „das fertige Produkt zu sehen“.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Wie stelle ich sicher, dass das Endprodukt gut wird?\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Cstrong>Designer in die Umsetzung involvieren.\u003C/strong> Developer und Designer arbeiten bereits während der Konzeption eng zusammen. Und auch während der Entwicklungsphase sind Designer involviert. Sie haben einen Blick auf das Produkt, um das Konzept an die echten Daten anzupassen, Unklarheiten zu klären und zu prüfen, ob es maximal so umgesetzt wurde, wie es geplant war.\u003C/li>\u003Cli>\u003Cstrong>Sich vom Konzept lösen und eher das Live-System beurteilen.\u003C/strong> Die meisten UserInnen sehen am Ende nur das echte Produkt, nicht das Konzept (natürlich abgesehen von den wenigen, die in User Tests involviert waren). Es ist also wichtig nicht zu vergessen, dass am Ende die App oder Website zählt und gut funktionieren muss. Auch wenn sie nicht mehr 1 : 1 so ist, wie ursprünglich entworfen.\u003C/li>\u003Cli>\u003Cstrong>Build, measure, learn.\u003C/strong> Nach dem Go Live hat man die besten Chancen, noch besser zu werden. Wichtig dafür ist es aber, Daten vom Live System zu sammeln, und das Produkt damit noch weiter auszubauen und zu verbessern. Denn jetzt hat man im Vergleich zum damaligen Konzept ein viel besseres Verständnis vom Userverhalten & wie sie mit dem tatsächlichen Produkt umgehen, was sie brauchen. Mehr dazu haben wir bereits beim \u003Ca href=\"/blog/ux-benchmarking\">UX Benchmarking\u003C/a> dazu geschrieben.\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Wie stelle ich sicher, dass Auftraggeber wissen, was ich unter „Konzept“ meine?\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wie immer gilt – offen kommunizieren.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>Als Agentur bzw. UX Designer deutlich machen, was in welcher Form geliefert werden kann, was notwendig ist, um das Ziel des Projekts zu erreichen und eine gute Umsetzung sicherzustellen.\u003C/li>\u003Cli>Jegliche Annahmen und Lösungen bzw. Konzeptänderungen dokumentieren, damit aus einem rohen Konzept nach und nach ein ausgefeiltes Endbild wird.\u003C/li>\u003Cli>Als Auftraggeber mitteilen, was für eine interne Abnahme notwendig ist – proaktiv oder auf Nachfrage der Auftragnehmer.\u003C/li>\u003Cli>Einen Artikel zu diesem Thema verfassen bzw. lesen und teilen 😉\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"wide-left col-xsmall-12 col-medium-8 col-medium-offset-1 \">\n            \n\u003Ch2>Und nun?\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Das Konzept ist immer der Start und Fernblick in Richtung fertige Lösung. Wobei man ehrlich sagen muss, dass digitale Produkte per se niemals „fertig“ sind.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Während man auf dem Weg den Horizont am Ende nie aus den Augen verliert, ist es vollkommen normal, dass sich das Konzept im Designprozess verändert und verbessert. In dem Sinne – auf mit euch in den Designprozess, um userfreundliche schöne digitale Produkte zu bauen & die Welt damit ein kleines bisschen schöner zu machen!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cem>Ich freue mich über eure Kommentare und Fragen. Oder Ergänzungen, was ihr unter „Konzept“ versteht.\u003C/em>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Wir erklären, was ein UX Konzept ist, was man davon erwarten kann & wann und warum das Live Produkt anders aussehen kann oder muss.",{"__typename":177,"id":178,"excludeFromScreenreader":13,"mediaImage":179,"name":184,"path":187,"status":20},"MediaImage","754",{"__typename":180,"url":181,"width":182,"height":183,"alt":13,"title":184,"size":185,"mime":186},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2020/12/header_natalia_ux-konzept-vs.-live-produkt-scaled.jpg",2560,1156,"header_natalia_ux konzept vs. live produkt",666247,"image/jpeg","/media/754/edit",{"__typename":177,"id":189,"excludeFromScreenreader":13,"mediaImage":190,"name":194,"path":196,"status":20},"755",{"__typename":180,"url":191,"width":192,"height":193,"alt":13,"title":194,"size":195,"mime":186},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2020/12/fb-1.jpg",1204,630,"fb",541278,"/media/755/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Wir erklären, was ein UX Konzept ist, was man davon erwarten kann & wann und warum das Live Produkt anders aussehen kann oder muss.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Warum das fertige Produkt vom UX Konzept abweicht - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Wir erklären, was ein UX Konzept ist, was man davon erwarten kann & wann und warum das Live Produkt anders aussehen kann oder muss.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2020-12-16T14:16:06+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2020-12-16T14:19:03+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2020/12/Scribble-Konzept-Live-scaled.jpg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"8 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2020/12/Scribble-Konzept-Live-scaled.jpg\",\"width\":2560,\"height\":830},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/\",\"name\":\"Warum das fertige Produkt vom UX Konzept abweicht - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/#primaryimage\"},\"datePublished\":\"2020-12-16T14:16:06+00:00\",\"dateModified\":\"2020-12-16T14:19:03+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/f5795d01ddee367cb938fcf6de43f1cc\"},\"description\":\"Wir erkl\\u00e4ren, was ein UX Konzept ist, was man davon erwarten kann & wann und warum das Live Produkt anders aussehen kann oder muss.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/f5795d01ddee367cb938fcf6de43f1cc\",\"name\":\"Natalia Sander\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/435a9e98ecb2534847a2b58aa799ee6b?s=96&d=mm&r=g\",\"caption\":\"Natalia Sander\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":199,"id":200,"myRole":201,"name":202,"nickname":203},"User","15","UX/UI Designerin ","n-sander","Natalia Sander",{"latestKnowhow":205},[206,221,234],{"__typename":79,"id":207,"title":208,"path":209,"wpTeaserText":210,"wpPromotedTeaserImage":13,"wpHeaderImage":211},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":177,"id":212,"excludeFromScreenreader":13,"mediaImage":213,"name":219,"path":220,"status":20},"3364",{"__typename":180,"url":214,"width":215,"height":216,"alt":217,"title":13,"size":218,"mime":186},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":222,"title":223,"path":224,"wpTeaserText":225,"wpPromotedTeaserImage":13,"wpHeaderImage":226},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":177,"id":227,"excludeFromScreenreader":13,"mediaImage":228,"name":232,"path":233,"status":20},"3355",{"__typename":180,"url":229,"width":215,"height":216,"alt":230,"title":13,"size":231,"mime":186},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":235,"title":236,"path":237,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":238},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":177,"id":239,"excludeFromScreenreader":21,"mediaImage":240,"name":244,"path":245,"status":20},"3303",{"__typename":180,"url":241,"width":215,"height":216,"alt":242,"title":13,"size":243,"mime":186},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":247,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":248,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":252,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":255,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":258,"Menu:footer":261,"ROOT_QUERY":271,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":287,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":290,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":293,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":296,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":299,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":302,"Menu:nuxt-main-menu":305,"TermCategories:8":319,"TermTags:718":330,"TermTags:719":331,"TermTags:1008":332,"TermTags:1392":333,"TermTags:1409":334,"TermTags:1412":335,"TermTags:1418":336,"MediaImage:754":337,"MediaImage:755":339,"User:15":341,"NodeWpPost:770":342,"MediaImage:3364":379,"NodeWpPost:1619":381,"MediaImage:3355":384,"NodeWpPost:1616":386,"MediaImage:3303":389,"NodeWpPost:1606":391},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",249,"internal",20,"expanded",21,"attributes",251],{"__ref":250},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",253,"internal",20,"expanded",21,"attributes",254],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",256,"internal",20,"expanded",21,"attributes",257],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",259,"internal",21,"expanded",21,"attributes",260],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",262],[263,265,267,269],{"__ref":264},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":266},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":268},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":270},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",272,"menu({\"name\":\"FOOTER\"})",273,"menu({\"name\":\"NUXT_MAIN_MENU\"})",275,"route({\"path\":\"/blog/warum-das-fertige-produkt-vom-ux-konzept-abweicht\"})",277,"latestKnowhow({\"excludeId\":\"770\",\"limit\":3})",280],"Query",{"__ref":274},"Menu:footer",{"__ref":276},"Menu:nuxt-main-menu",["null","__typename",77,"entity",278],{"__ref":279},"NodeWpPost:770",[281,283,285],{"__ref":282},"NodeWpPost:1619",{"__ref":284},"NodeWpPost:1616",{"__ref":286},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",288,"internal",20,"expanded",21,"attributes",289],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",291,"internal",20,"expanded",21,"attributes",292],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",294,"internal",20,"expanded",21,"attributes",295],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",297,"internal",20,"expanded",21,"attributes",298],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",300,"internal",20,"expanded",21,"attributes",301],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",303,"internal",20,"expanded",21,"attributes",304],{"__ref":250},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",306],[307,309,311,313,315,317],{"__ref":308},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":310},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":312},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":314},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":316},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":318},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",320,"langcode",321,"changed",322,"metatag",323],["null","__typename",124,"processed",125,"format",126],{"__ref":250},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[324,326,328],["null","__typename",95,"tag",96,"attributes",325],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",327],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",329],["null","__typename",105,"href",141,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",144,"id",145,"name",146,"path",147,"weight",122],["null","__typename",144,"id",149,"name",150,"path",151,"weight",122],["null","__typename",144,"id",153,"name",154,"path",155,"weight",122],["null","__typename",144,"id",157,"name",158,"path",159,"weight",122],["null","__typename",144,"id",161,"name",162,"path",163,"weight",122],["null","__typename",144,"id",165,"name",166,"path",167,"weight",122],["null","__typename",144,"id",169,"name",170,"path",171,"weight",122],["null","__typename",177,"id",178,"excludeFromScreenreader",13,"mediaImage",338,"name",184,"path",187,"status",20],["null","__typename",180,"url",181,"width",182,"height",183,"alt",13,"title",184,"size",185,"mime",186],["null","__typename",177,"id",189,"excludeFromScreenreader",13,"mediaImage",340,"name",194,"path",196,"status",20],["null","__typename",180,"url",191,"width",192,"height",193,"alt",13,"title",194,"size",195,"mime",186],["null","__typename",199,"id",200,"myRole",201,"name",202,"nickname",203],["null","__typename",79,"id",80,"title",81,"changed",343,"created",344,"langcode",345,"path",92,"promote",21,"status",20,"sticky",21,"metatag",346,"category",355,"contentElements",13,"evergreen",13,"tags",357,"wpBody",372,"wpHeaderImage",373,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",375,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",175,"wpYoastHead",197,"author",377],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":250},[347,349,351,353],["null","__typename",95,"tag",96,"attributes",348],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",350],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",352],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",354],["null","__typename",111,"property",115,"content",116],{"__ref":356},"TermCategories:8",[358,360,362,364,366,368,370],{"__ref":359},"TermTags:718",{"__ref":361},"TermTags:719",{"__ref":363},"TermTags:1008",{"__ref":365},"TermTags:1392",{"__ref":367},"TermTags:1409",{"__ref":369},"TermTags:1412",{"__ref":371},"TermTags:1418",["null","__typename",173,"processed",174,"format",126,"summary",175],{"__ref":374},"MediaImage:754",{"__ref":376},"MediaImage:755",{"__ref":378},"User:15",["null","__typename",177,"id",212,"excludeFromScreenreader",13,"mediaImage",380,"name",219,"path",220,"status",20],["null","__typename",180,"url",214,"width",215,"height",216,"alt",217,"title",13,"size",218,"mime",186],["null","__typename",79,"id",207,"title",208,"path",209,"wpTeaserText",210,"wpPromotedTeaserImage",13,"wpHeaderImage",382],{"__ref":383},"MediaImage:3364",["null","__typename",177,"id",227,"excludeFromScreenreader",13,"mediaImage",385,"name",232,"path",233,"status",20],["null","__typename",180,"url",229,"width",215,"height",216,"alt",230,"title",13,"size",231,"mime",186],["null","__typename",79,"id",222,"title",223,"path",224,"wpTeaserText",225,"wpPromotedTeaserImage",13,"wpHeaderImage",387],{"__ref":388},"MediaImage:3355",["null","__typename",177,"id",239,"excludeFromScreenreader",21,"mediaImage",390,"name",244,"path",245,"status",20],["null","__typename",180,"url",241,"width",215,"height",216,"alt",242,"title",13,"size",243,"mime",186],["null","__typename",79,"id",235,"title",236,"path",237,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",392],{"__ref":393},"MediaImage:3303"]