[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"78x8rD252qEIzWHZuBzT4orgg1hs0y-JZiLXOIIAIXM":75,"EKrqe5JY8gcqinLPVg63W06OsWE--Cn66WdEimBR_V0":196,"_apollo:default":238},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__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},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__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":164,"wpHeaderImage":168,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":180,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":167,"wpYoastHead":189,"author":190},"NodeWpPost","1115","Warum Grafikdesigner keine User Interface Designer sind",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1613571861,"UTC","+00:00","2021-02-17T14:24:21+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1336544370,"2012-05-09T06:19:30+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/warum-grafikdesigner-keine-user-interface-designer-sind",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Warum Grafikdesigner keine User Interface Designer sind | 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-grafikdesigner-keine-user-interface-designer-sind","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/2012/05/Grafikdesigner-sind-keine-User-Interface-Designer_fb.jpg?h=3ecc83bb&itok=vj6vBd4A",{"__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],{"__typename":144,"id":145,"name":146,"path":147,"weight":122},"TermTags","330","designer","/tag/designer",{"__typename":144,"id":149,"name":150,"path":151,"weight":122},"554","grafikdesigner","/tag/grafikdesigner",{"__typename":144,"id":153,"name":154,"path":155,"weight":122},"1394","user interface","/tag/user-interface",{"__typename":144,"id":157,"name":158,"path":159,"weight":122},"1405","UX","/tag/ux",{"__typename":144,"id":161,"name":162,"path":163,"weight":122},"1493","webdesigner","/tag/webdesigner",{"__typename":165,"processed":166,"format":126,"summary":167},"TextSummary","\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                    \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>Update am 17.02.2021\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>Webseiten gehören zu unserem Alltag, mittlerweile Zielgruppe von alt bis jung. Dabei dürfen wir nicht vergessen, dass es diesen digitalen Kanal eigentlich noch gar nicht so lange gibt. Webservices, so wie wir sie heute kennen, sind taufrisch und erleben explosionsartige Weiterentwicklungen. \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>Ich komme aus einer „Epoche“, in der Look-and-Feel von Webseiten lange Zeit ebenso Aufgabe von IT und Developern war. Daran hat sich dann auch nichts geändert wie CSS dazukam, Layout war immer ein „Nice-to-have“. Das hat sich in den 2010er Jahren jedoch extrem verändert. Der Screendesigner bekam immer mehr Bedeutung und durfte mitmischen. \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>Webseiten wurden Marketinginstrumente und sollten schön aussehen. Zum Zug kamen oftmals Grafikdesigner, welche den Printbereich auch abdecken konnten. Denn Grafik ist doch gleich Grafik, oder nicht? Dass dieser Übergang eine Zeitlang funktioniert hat, liegt daran, dass Webseiten bisher eher eine gewisse 2Dimensionalität hatten, es wurden die Inhalte zusätzlich oder nachträglich schön designet, ähnlich eines Folders oder Sujets. Webseiten wurden eben wie Seiten behandelt. Aus meiner Erfahrung wurde hier oft parallel gearbeitet, auf der einen Seite das Development, auf der anderen Seite der Designer. Bei schmaleren Projekten konnte dies auch alles der \u003Ca href=\"https://liechtenecker.at/ruhe-in-frieden-webdesigner-r-i-p/\">Webdesigner\u003C/a> erledigen (=alles aus einer Hand).\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\u003Ch2>Grafikdesigner sind keine Screendesigner\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>Heute stehen Designer sehr komplexen Aufgaben gegenüber, denn Webseiten sind keine Seiten mehr. Webseiten sind Kommunikationsstrategie, Social Media, Applikationen, Netzwerke. Viele Webdienste entsprechen natürlich nach wie vor dem Ursprungsgedanken der Kommunikation (Stichwort CERN), indem hier Informationen aufbereitet werden. We call it Informationsdesign. Hier reicht kein simpel strukturierter Text, dabei geht es darum Informationen, die der Webseitenbetreiber vermitteln will, semantisch richtig und für den User angenehm lesbar, aufzubereiten. Im Normalfall bewältigt man diese Herausforderung mit einem Mockup oder Wireframe und einem Screendesign, welches den HTML Templates zugrunde liegt. Hört sich einfach an, ist es aber nicht. Denn Informationsseiten, wie zum Beispiel eine Corporate Website, gehören ordentlich strukturiert und sollen hochwertig aussehen. Natürlich spielt hier ein qualitatives Navigationskonzept eine übergeordnete Rolle.\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\u003Ch2>\u003Cstrong>Komplexität is growing\u003C/strong>\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>Viel spannender und komplexer wird es jedoch bei richtigen anspruchsvollen Webservices, die in den letzten Jahren aus dem digitalen Boden schießen. Hierbei geht es um Interaktion. Der User betrachtet das Webdesign nicht nur, sondern er kann auch damit agieren. Schnelle Server und tolle Development Weiterentwicklungen bieten ungeahnte Möglichkeiten – und viel mehr ist nicht am Desktop, sondern auch mobil möglich. Es ist logisch, dass die Skills eines Grafikdesigners, der viel mehr auf Papier bzw. statische digitale Darstellung spezialisiert ist, hier nicht mehr genügen. \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>Wir haben hier \u003Ca href=\"https://liechtenecker.at/blog/warum-webdesign-nicht-700e-kostet/\">in einem Beitrag \u003C/a>zusammengeschrieben, welche Aufgaben bei einem komplexen UX-Projekt heute anfallen, und welche Skills UX Designer also benötigen. \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\u003Ch2>\u003Cstrong>UI Designer\u003C/strong>\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>Aufgrund der vorhin beschriebenen Lücke sind neue Berufssparten am Onlinesektor entstanden bzw. gewachsen. Der User Interface Designer (UI) und der User Experience Designer (UX). \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>Der User Interface Designer (UI) soll dafür sorgen, dass User Interface Elemente einer Applikation, nämlich Interaktionshelfer  (Buttons, Schieber, Regler, Formulare) in einem erfassbaren Zusammenhang stehen und es mit der dahinter liegenden Technik korreliert. Welche Verhaltensweise hat ein Regler, wenn ich ihn anfasse, wenn ich mit der Maus darüber fahre usw. hier werden wie in diesem Bild richtige Schablonen bzw. UI Kits parallel zum Screendesign entworfen.\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\u003Ch2>UX Designer \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>Der User Experience Designer  (UX) soll wiederum dafür sorgen, dass das Nutzererlebnis des Webservice alle Erwartungen des Users erfüllt. Dazu ist ein ganzheitliches Verständnis eines Webdienstes notwendig und hier kommt auch eine 3 Dimensionalität ins Spiel. \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>Es geht besonders um Animationen, die das Erlebnis eines z.Bsp. Buttons unterstreichen sollen. Viele Sachen passieren bei Webdiensten mittlerweile sofort. Wie ist das User-Feedback, wenn ich einen Regler schiebe, wie kann ich hier eine dezente Animation hinterlegen, die dem User hilft es besser zu bedienen oder zu verstehen. \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>Es gibt sogar Animationen, wenn man mit der Seite scollt (Navigation verkleinert sich und bleibt oben haften). Oder ein Formular, das in Echtzeit Feedback und dezente animierte Hilfetexte beim Ausfüllen gibt. Mit CSS3 und Javascript gibt es unendliche Möglichkeiten User Interface Elemente zu animieren, um dem Nutzer bei der Bedienung zu helfen. (Bitte bei diesem Beispiel scrollen. \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>Hier ein Beispiel des \u003Ca href=\"https://liechtenecker.at/projekt/donau-versicherung-klara/\">Beratungstools Klara\u003C/a>, das wir für die Donau Versicherungen gemacht haben – mit einem statischen Grafikdesign hat das nicht mehr viel zu tun: \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=\"wide-center col-xsmall-12 col-medium-8 col-medium-offset-2 \">\n            \n\u003Cfigure class=\"wp-block-video\">\u003Cvideo controls src=\"https://liechtenecker.at/wp-content/uploads/2018/06/donau_wohnen-1.mov\">\u003C/video>\u003C/figure>\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>Grafikdesigner, nicht beleidigt sein\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>Ich will mit diesem Blogbeitrag keinem Grafikdesigner zu nahe treten, eher wollte ich darstellen wie komplex ein Designprozess eines Webservices geworden ist. Ein Screendesign und ein Mockup ist die eine Seite, aber heute braucht es mehr. Wir schreiben richtige Storybooks, wie bei einem Film, für animierte Bedienelemente einer Webseite\u003Cem>. \u003C/em>Dazu entwerfen wir Baukästen und Schablonen für unsere Interfaces wie oben beschrieben. Man braucht hier ein sehr gutes Verständnis für Applikationen und User-Bedürfnisse. Man malt nicht mehr von oben nach 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=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cbr>Einer unserer Screendesigner hat auch viel Erfahrung mit Filmschnitt und Zeitabläufen, das kommt uns beim Entwerfen eines Interfaces mit User Experience sehr entgegen. Ebenso sollte man immer den User beim Designprozess zentrieren und testen, testen, testen.\u003Cbr>Mir gefallen in jedem Fall diese neuen Anforderungen an Screendesigns, das Web wird erwachsener und professioneller.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Grafik ist doch gleich Grafik, oder nicht? Wir erklären, wie sich die Aufgaben von Grafikdesignern & UX Designern unterscheiden und warum es gut ist, dass wir eigene Designer für interaktive Produkte haben.",{"__typename":169,"id":170,"excludeFromScreenreader":13,"mediaImage":171,"name":176,"path":179,"status":20},"MediaImage","705",{"__typename":172,"url":173,"width":174,"height":175,"alt":13,"title":176,"size":177,"mime":178},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2012/05/Grafikdesigner-sind-keine-User-Interface-Designer_website-neu-2880x1300-2-scaled.jpg",2560,1156,"Grafikdesigner-sind-keine-User-Interface-Designer_website neu 2880x1300",595827,"image/jpeg","/media/705/edit",{"__typename":169,"id":181,"excludeFromScreenreader":13,"mediaImage":182,"name":186,"path":188,"status":20},"704",{"__typename":172,"url":183,"width":184,"height":185,"alt":13,"title":186,"size":187,"mime":178},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2012/05/Grafikdesigner-sind-keine-User-Interface-Designer_fb.jpg",1204,630,"Grafikdesigner-sind-keine-User-Interface-Designer_fb",497536,"/media/704/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Grafik ist doch gleich Grafik, oder nicht? Wir erklären, wie sich die Aufgaben der Grafikdesigner & UX Designer unterscheiden.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://liechtenecker.at/blog/warum-grafikdesigner-keine-user-interface-designer-sind/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Warum Grafikdesigner keine User Interface Designer sind - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Grafik ist doch gleich Grafik, oder nicht? Wir erklären, wie sich die Aufgaben der Grafikdesigner & UX Designer unterscheiden.\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/warum-grafikdesigner-keine-user-interface-designer-sind/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2012-05-09T08:19:30+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2021-02-17T15:24:21+00:00\" />\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=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://liechtenecker.at/#website\",\"url\":\"https://liechtenecker.at/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://liechtenecker.at/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/warum-grafikdesigner-keine-user-interface-designer-sind/#webpage\",\"url\":\"https://liechtenecker.at/blog/warum-grafikdesigner-keine-user-interface-designer-sind/\",\"name\":\"Warum Grafikdesigner keine User Interface Designer sind - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"datePublished\":\"2012-05-09T08:19:30+00:00\",\"dateModified\":\"2021-02-17T15:24:21+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"description\":\"Grafik ist doch gleich Grafik, oder nicht? Wir erkl\\u00e4ren, wie sich die Aufgaben der Grafikdesigner & UX Designer unterscheiden.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/warum-grafikdesigner-keine-user-interface-designer-sind/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":191,"id":192,"myRole":193,"name":194,"nickname":195},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":197},[198,213,226],{"__typename":79,"id":199,"title":200,"path":201,"wpTeaserText":202,"wpPromotedTeaserImage":13,"wpHeaderImage":203},"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":169,"id":204,"excludeFromScreenreader":13,"mediaImage":205,"name":211,"path":212,"status":20},"3364",{"__typename":172,"url":206,"width":207,"height":208,"alt":209,"title":13,"size":210,"mime":178},"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":214,"title":215,"path":216,"wpTeaserText":217,"wpPromotedTeaserImage":13,"wpHeaderImage":218},"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":169,"id":219,"excludeFromScreenreader":13,"mediaImage":220,"name":224,"path":225,"status":20},"3355",{"__typename":172,"url":221,"width":207,"height":208,"alt":222,"title":13,"size":223,"mime":178},"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":227,"title":228,"path":229,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":230},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":169,"id":231,"excludeFromScreenreader":21,"mediaImage":232,"name":236,"path":237,"status":20},"3303",{"__typename":172,"url":233,"width":207,"height":208,"alt":234,"title":13,"size":235,"mime":178},"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":239,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":240,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":244,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":247,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":250,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":253,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":256,"Menu:nuxt-main-menu":259,"ROOT_QUERY":273,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":289,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":292,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":295,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":298,"Menu:footer":301,"TermCategories:8":311,"TermTags:330":322,"TermTags:554":323,"TermTags:1394":324,"TermTags:1405":325,"TermTags:1493":326,"MediaImage:705":327,"MediaImage:704":329,"User:23":331,"NodeWpPost:1115":332,"MediaImage:3364":365,"NodeWpPost:1619":367,"MediaImage:3355":370,"NodeWpPost:1616":372,"MediaImage:3303":375,"NodeWpPost:1606":377},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",241,"internal",20,"expanded",21,"attributes",243],{"__ref":242},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",245,"internal",20,"expanded",21,"attributes",246],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",248,"internal",20,"expanded",21,"attributes",249],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",251,"internal",20,"expanded",21,"attributes",252],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",254,"internal",20,"expanded",21,"attributes",255],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",257,"internal",20,"expanded",21,"attributes",258],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",260],[261,263,265,267,269,271],{"__ref":262},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":264},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":266},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":268},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":270},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":272},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",274,"menu({\"name\":\"NUXT_MAIN_MENU\"})",275,"menu({\"name\":\"FOOTER\"})",277,"route({\"path\":\"/blog/warum-grafikdesigner-keine-user-interface-designer-sind\"})",279,"latestKnowhow({\"excludeId\":\"1115\",\"limit\":3})",282],"Query",{"__ref":276},"Menu:nuxt-main-menu",{"__ref":278},"Menu:footer",["null","__typename",77,"entity",280],{"__ref":281},"NodeWpPost:1115",[283,285,287],{"__ref":284},"NodeWpPost:1619",{"__ref":286},"NodeWpPost:1616",{"__ref":288},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",290,"internal",20,"expanded",21,"attributes",291],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",293,"internal",20,"expanded",21,"attributes",294],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",296,"internal",20,"expanded",21,"attributes",297],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",299,"internal",21,"expanded",21,"attributes",300],{"__ref":242},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",302],[303,305,307,309],{"__ref":304},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":306},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":308},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":310},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",312,"langcode",313,"changed",314,"metatag",315],["null","__typename",124,"processed",125,"format",126],{"__ref":242},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[316,318,320],["null","__typename",95,"tag",96,"attributes",317],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",319],["null","__typename",98,"name",137,"content",138],["null","__typename",102,"tag",103,"attributes",321],["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",169,"id",170,"excludeFromScreenreader",13,"mediaImage",328,"name",176,"path",179,"status",20],["null","__typename",172,"url",173,"width",174,"height",175,"alt",13,"title",176,"size",177,"mime",178],["null","__typename",169,"id",181,"excludeFromScreenreader",13,"mediaImage",330,"name",186,"path",188,"status",20],["null","__typename",172,"url",183,"width",184,"height",185,"alt",13,"title",186,"size",187,"mime",178],["null","__typename",191,"id",192,"myRole",193,"name",194,"nickname",195],["null","__typename",79,"id",80,"title",81,"changed",333,"created",334,"langcode",335,"path",92,"promote",21,"status",20,"sticky",21,"metatag",336,"category",345,"contentElements",13,"evergreen",13,"tags",347,"wpBody",358,"wpHeaderImage",359,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",361,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",167,"wpYoastHead",189,"author",363],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":242},[337,339,341,343],["null","__typename",95,"tag",96,"attributes",338],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",340],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",342],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",344],["null","__typename",111,"property",115,"content",116],{"__ref":346},"TermCategories:8",[348,350,352,354,356],{"__ref":349},"TermTags:330",{"__ref":351},"TermTags:554",{"__ref":353},"TermTags:1394",{"__ref":355},"TermTags:1405",{"__ref":357},"TermTags:1493",["null","__typename",165,"processed",166,"format",126,"summary",167],{"__ref":360},"MediaImage:705",{"__ref":362},"MediaImage:704",{"__ref":364},"User:23",["null","__typename",169,"id",204,"excludeFromScreenreader",13,"mediaImage",366,"name",211,"path",212,"status",20],["null","__typename",172,"url",206,"width",207,"height",208,"alt",209,"title",13,"size",210,"mime",178],["null","__typename",79,"id",199,"title",200,"path",201,"wpTeaserText",202,"wpPromotedTeaserImage",13,"wpHeaderImage",368],{"__ref":369},"MediaImage:3364",["null","__typename",169,"id",219,"excludeFromScreenreader",13,"mediaImage",371,"name",224,"path",225,"status",20],["null","__typename",172,"url",221,"width",207,"height",208,"alt",222,"title",13,"size",223,"mime",178],["null","__typename",79,"id",214,"title",215,"path",216,"wpTeaserText",217,"wpPromotedTeaserImage",13,"wpHeaderImage",373],{"__ref":374},"MediaImage:3355",["null","__typename",169,"id",231,"excludeFromScreenreader",21,"mediaImage",376,"name",236,"path",237,"status",20],["null","__typename",172,"url",233,"width",207,"height",208,"alt",234,"title",13,"size",235,"mime",178],["null","__typename",79,"id",227,"title",228,"path",229,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",378],{"__ref":379},"MediaImage:3303"]