[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"v1G-IfNI60LgL3hODohswNTLgOxIKdMHAYSv4_i6Rzo":75,"e3At9I6cAS4Kw7cVlSSZi_9uTSpZ9qPMt-3hLvfPH7c":172,"_apollo:default":214},{"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":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":150,"wpHeaderImage":13,"wpHeaderImageOld":153,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":165,"author":166},"NodeWpPost","1165","NUI ist das neue GUI - nämlich: natural User Interface",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1306148301,"UTC","+00:00","2011-05-23T10:58:21+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/nui-ist-das-neue-gui-namlich-natural-user-interface",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","NUI ist das neue GUI - nämlich: natural User Interface | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/nui-ist-das-neue-gui-namlich-natural-user-interface","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","563","gui","/tag/gui",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"861","natural user interface","/tag/natural-user-interface",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"895","nui","/tag/nui",{"__typename":151,"processed":152,"format":120,"summary":13},"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            \n\u003Ca href=\"/sites/default/files/styles/full_width/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg?itok=t5E5UQ9F\" data-rel=\"lightbox-gallery-Nu66ZuRL\" data-rl_title data-rl_caption title class=\"js-image-link\">\u003Cdiv alt=\"nui_ist_das_neue_gui_kreis\" data-entity-type=\"media\" data-entity-uuid=\"5c6abe25-d12d-4892-aedf-796c66437e40\" 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/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=c11Q_F38 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=kPHpJrCT 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=T_jWkDw9 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=ny7zAHd4 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=z64fDvOk 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=zOwiOg56 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=wgosBAc_ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=lPC12vIu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=ikBHPhhM 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=AeGaAd-w 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.jpg?itok=AeGaAd-w\" alt=\"nui_ist_das_neue_gui_kreis\" title=\"NUI ist das neue GUI\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/a>\u003Cp>\u003Cstrong>NUI\u003C/strong> – \u003Cem>Natural User Interface\u003C/em> ist nach GUI – \u003Cem>Graphical User Interface\u003C/em> der nächste Schritt in Richtung besser verständlichere Bedienungsoberflächen, mit einem intuitiven Kern. Worin der gravierende Unterschied zwischen herkömmlichen Bedienungskonzepten besteht, beschreibe ich in diesem Blogbeitrag.\u003Cbr>\n\u003C/p>\n\u003Ch3>Ein kurzer Rückblick\u003C/h3>\n\u003Cp>Wenn man so rückblickt können wir auf unsere technischen Errungenschaften – die dem Menschen das leben leichter machen sollen – schon recht stolz sein. Im Zeitalter der Technik haben wir Unmengen an solchen technischen Helferleins entwickelt. Allen voran der sogenannte Computer, welcher \u003Cspan style=\"text-decoration: line-through;\">hervorragend, je nach User 😉\u003C/span> Daten verarbeiten kann. Wollten wir früher eigentlich mit dem Computer „nur“ Zahlen verarbeiten, so steckt heute ein kleiner Rechner in so vielen Dingen des Alltags. Von der Waschmaschine, über das Telefon bis zum Auto, einfach überall. Aber bei dieser Entwicklung gab es immer eine klitzekleine Hürde zu überwinden, nämlich die Schnittstelle zwischen dem Rechner und dem Menschen, der sie bedienen wird. Ich würde sogar von einem ewigen Wettrennen reden, zwischen den Entwicklern oder Mathematikern etc, und dem User Homo sapiens, der die Komplexität und besonders die verschiedenen Möglichkeiten, dann auch verstehen soll, nämlich vom Kind bis zur Großmutter.\u003Cbr>\nDie Köpfe der Produktentwickler rauchen und rauchen (oder oft augenscheinlich wohl nicht) wie man Bedienkonzepte der komplexen Geräte/Anwendungen näher und einfacher an den Verbraucher bringen kann. 100seitige Bedienungsanleitungen kommen ins Spiel, die meistens „sehr qualitativ“ übersetzt sind, wie wir alle wissen. Die Handbücher müssen weg, Technik soll doch Spaß machen. Mittlerweile hat sich zwar recht viel getan, die großen Meilensteine in den letzten Jahren waren zum Beispiel das iPhone (Touchscreens) und nach meinen Beobachtungen die WII (Gestensteuerung). Senioren zum Beispiel erfassen die Konzepte schnell und können intuitiv die Software bedienen. Dennoch sind wir erst am Anfang von neuen und natürlichen Interaktionsprinzipien.\u003C/p>\n\u003Ch3>Die Entwicklung\u003C/h3>\n\u003Cdiv title=\"nui\" data-entity-type=\"media\" data-entity-uuid=\"5c6abe25-d12d-4892-aedf-796c66437e40\" 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/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=c11Q_F38 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=kPHpJrCT 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=T_jWkDw9 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=ny7zAHd4 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=z64fDvOk 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=zOwiOg56 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"500\" height=\"500\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=wgosBAc_ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=lPC12vIu 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"480\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=ikBHPhhM 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.webp?itok=AeGaAd-w 2x\" type=\"image/webp\" width=\"500\" height=\"500\">\n                  \u003Cimg loading=\"lazy\" width=\"500\" height=\"500\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui_kreis-1.jpg.jpg?itok=AeGaAd-w\" alt=\"nui_ist_das_neue_gui_kreis\" title=\"nui\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Wenn wir uns nun – zur besseren Veranschaulichung – wieder auf den Personal Computer reduzieren, so ist die Hauptschnittstelle bekanntlich ein Sichtgerät (der Monitor) und diverse Eingabegeräte (Tastatur, Maus) und das großflächig, bis heute. Früher gab es ja nicht mal eine grafische Oberfläche (GUI) sondern nur ein sog. CLI – \u003Cem>Command Line Interface\u003C/em>. Bedeutet: Eingabe von text- oder zahlenbasierten Zeichen und danach eine Antwort vom Rechner, alles linear und trocken. Der nächste Schritt, Bill Gates: Windows. Was für eine Errungenschaft. Durch den Einzug des Desktopprinzips innerhalb der Betriebssysteme war eine grafische Gestaltung der Oberflächen möglich. Somit konnte der Rechner in viele Lebensbereiche dringen. Textverarbeitung, Tabellen, Grafikprogramme, dies gehört heute alles zu unserem Alltag. Interaktive Systeme haben daher eine besondere und tolle Gestaltung erreicht und die dazugehörige Usability ist am Vormarsch.\u003Cbr>\n\u003C/p>\n\u003Ch3>Der Wandel von GUI zu NUI\u003C/h3>\n\u003Cp>Bei Layouts oder Bedienkonzepten war eine Zeitlang die Phrase „Look & Feel“ modern und in aller Munde. Den Look haben wir ja gerade besprochen, aber bei NUI – \u003Cem>Natural User Interface\u003C/em> geht es besonders um das \u003Cstrong>Feel\u003C/strong>. Das natürliche Gefühl, welches mir die Applikation vermittelt. Der User soll sofort und intuitiv erkennen was er mit der Oberfläche alles anstellen kann, am besten ohne Stirnrunzeln und noch besser ohne jegliche Bedienungsanleitung. Beim Konzept von grafischen Oberflächen wird es immer wichtiger natürliche Nutzungsverhalten mit einzubeziehen. Irgendwie wird es dreidimensionaler, was klassiche Entwurfsmöglichkeiten wie ein Mockup in den Hintergrund drängen. Jetzt könnte man eigentlich von User Experience sprechen, aber NUIs haben einen wesentlichen Unterschied. Virtuelle Elemente der Oberfläche sollen sich wie natürliche, dem User bekannte Dinge verhalten und nicht nur einfach benutzerfreundlich sein. NUI bedeutet gelernte Handlungsmuster aus dem Alltag in die Applikationen zu übernehmen. Intuiton ist das wichtigste Stichwort in diesem Zusammenhang.\u003C/p>\n\u003Ch3>NUI & Webdesign\u003C/h3>\n\u003Cp>Ebenso in unserem Bereich haben Webseiten einen Wandel, von reiner oberflächlicher Funktionalität, zu richtigen Applikationen erlebt. Mittlerweile spreche ich gerne von Informationsdesign, denn die Herausforderung ist eigentlich die Informationen richtig anzuordnen und in einen ordentlichen Kontext zu bringen. Damit es Spass macht gehört ein frisches Design dazu. Doch wo kommt jetzt das Thema NUI ins Spiel? Mit einem ordentlich überlegten NUI kommt zum tollen Design die Überlegung hinzu, wie die Nutzer in dem angebotenen Kontext agieren. Das neue Webseitenlayout wird mit subtilen Bewegungen und Anordnungen angereichert. Wichtige Bedienelemente oder Objekte bewegen sich passend, damit die Orientierung viel leichter fällt. Durch diesen zusätzlichen Kontext ist der Inhalt leichter fassbar. Inhalte tauchen immer nur dann auf wenn sie relevant sind und im richtigen Kontext stehen. Subtile Bewegungen und Anordnungen zeigen dem User die Möglichkeiten. Das kann zum Beispiel ein Slider sein, wo sich andere Designelemente beim Fokussieren zurückziehen. Also einfach gesagt, sinnvolle Bewegung ( kein Flash) kommt ins Spiel. Genau dies wird und ist mit HTML5 und CSS3 wunderbar möglich.\u003Cbr>\nBei unserem frischen Projekt „cheeremup“\u003Ca href=\"http://cheeremup.at/\" target=\"_blank\" rel=\"noopener noreferrer\"> http://cheeremup.at/\u003C/a> haben wir ein NUI miteinbezogen. Die Football Helme wackeln, damit der User weiß, dass er hier interagieren kann und die Helme im Wettbewerb/Kampf stehen. Wenn man mit der Maus darüber fährt verstärlt sich die Wackelbewegung zusätzlich, ohne zu aufdringlich zu sein. Die Lasche oben im Header kennt man aus dem Alltag (Jalousien zum Beispiel, das natürliche Gefühl etwas herunter ziehen zu können). Die Wall erzeugt das Gefühl hier gehts um Punkte, so gibt es viele NUI Elemente in unserem Designkonzept.\u003C/p>\n\u003Ch3>Die Zukunft\u003C/h3>\n\u003Cp>War es bisher wichtig benutzerfreundliche Interfaces zu gestalten (Usability) so kommt nun der nächste Schritt hinzu. Relevanz und \u003Cstrong>natürliche, intuitive\u003C/strong> Handlungsweisen sollten bei der Bedienung miteinbezogen werden. Hier sind klarerweise Touchscreens ein tolles Beispiel ( Gesten), aber auch bei Webkonzepten sollte ein natürlicher Handlungsstrang wichtig sein. Überflüssige Designelemente spielen keine Rolle mehr, sinnvolle und relevante Bewegung und Darstellung innerhalb des Kontexts sind die Zukunft! Der User soll sich gut aufgehoben fühlen, das Informationsdesign kann mit subtilen Bewegungen unterstrichen werden, gewohnte Elemente aus dem alltäglichen Leben in Designobjekte umwandeln und schon ist man einem NUI sehr nahe. Da kommt uns HTML5 und CSS3 gerade recht 😉 Wir freuen uns auf eine intutive Zukunft mit Natural User Interfaces!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":154,"id":155,"excludeFromScreenreader":13,"mediaImage":156,"name":161,"path":164,"status":20},"MediaImage","2175",{"__typename":157,"url":158,"width":159,"height":160,"alt":161,"title":161,"size":162,"mime":163},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2015/02/nui_ist_das_neue_gui-1.jpg",1920,1280,"Liechtenecker Büro",182476,"image/jpeg","/media/2175/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\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/nui-ist-das-neue-gui-namlich-natural-user-interface/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"NUI ist das neue GUI - nämlich: natural User Interface - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"NUI – Natural User Interface ist nach GUI – Graphical User Interface der nächste Schritt in Richtung besser verständlichere Bedienungsoberflächen, mit einem intuitiven Kern. Worin der gravierende Unterschied zwischen herkömmlichen Bedienungskonzepten besteht, beschreibe ich in diesem Blogbeitrag. Ein kurzer Rückblick Wenn man so rückblickt können wir auf unsere technischen Errungenschaften – die dem Menschen das […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2011-05-23T12:58:21+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://liechtenecker.at/wp-content/uploads/2015/02/nui_ist_das_neue_gui_kreis-1-300x300.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=\"5 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\":\"ImageObject\",\"@id\":\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://liechtenecker.at/wp-content/uploads/2015/02/nui_ist_das_neue_gui_kreis-1.jpg\",\"width\":500,\"height\":500,\"caption\":\"NUI ist das neue GUI\"},{\"@type\":\"WebPage\",\"@id\":\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/#webpage\",\"url\":\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/\",\"name\":\"NUI ist das neue GUI - n\\u00e4mlich: natural User Interface - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://liechtenecker.at/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/#primaryimage\"},\"datePublished\":\"2011-05-23T12:58:21+00:00\",\"dateModified\":\"2011-05-23T12:58:21+00:00\",\"author\":{\"@id\":\"https://liechtenecker.at/#/schema/person/663b2d5142421ab394bf325c1b48cecf\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://liechtenecker.at/blog/nui-ist-das-neue-gui-namlich-natural-user-interface/\"]}]},{\"@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":167,"id":168,"myRole":169,"name":170,"nickname":171},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":173},[174,189,202],{"__typename":79,"id":175,"title":176,"path":177,"wpTeaserText":178,"wpPromotedTeaserImage":13,"wpHeaderImage":179},"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":154,"id":180,"excludeFromScreenreader":13,"mediaImage":181,"name":187,"path":188,"status":20},"3364",{"__typename":157,"url":182,"width":183,"height":184,"alt":185,"title":13,"size":186,"mime":163},"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":190,"title":191,"path":192,"wpTeaserText":193,"wpPromotedTeaserImage":13,"wpHeaderImage":194},"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":154,"id":195,"excludeFromScreenreader":13,"mediaImage":196,"name":200,"path":201,"status":20},"3355",{"__typename":157,"url":197,"width":183,"height":184,"alt":198,"title":13,"size":199,"mime":163},"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":203,"title":204,"path":205,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":206},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":154,"id":207,"excludeFromScreenreader":21,"mediaImage":208,"name":212,"path":213,"status":20},"3303",{"__typename":157,"url":209,"width":183,"height":184,"alt":210,"title":13,"size":211,"mime":163},"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":215,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":216,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":220,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":223,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":226,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":229,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":232,"Menu:nuxt-main-menu":235,"ROOT_QUERY":249,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":265,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":268,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":271,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":274,"Menu:footer":277,"TermCategories:8":287,"TermTags:563":298,"TermTags:861":299,"TermTags:895":300,"MediaImage:2175":301,"User:23":303,"NodeWpPost:1165":304,"MediaImage:3364":329,"NodeWpPost:1619":331,"MediaImage:3355":334,"NodeWpPost:1616":336,"MediaImage:3303":339,"NodeWpPost:1606":341},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",217,"internal",20,"expanded",21,"attributes",219],{"__ref":218},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",221,"internal",20,"expanded",21,"attributes",222],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",224,"internal",20,"expanded",21,"attributes",225],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",227,"internal",20,"expanded",21,"attributes",228],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",230,"internal",20,"expanded",21,"attributes",231],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",233,"internal",20,"expanded",21,"attributes",234],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",236],[237,239,241,243,245,247],{"__ref":238},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":240},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":242},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":244},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":246},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":248},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",250,"menu({\"name\":\"NUXT_MAIN_MENU\"})",251,"menu({\"name\":\"FOOTER\"})",253,"route({\"path\":\"/blog/nui-ist-das-neue-gui-namlich-natural-user-interface\"})",255,"latestKnowhow({\"excludeId\":\"1165\",\"limit\":3})",258],"Query",{"__ref":252},"Menu:nuxt-main-menu",{"__ref":254},"Menu:footer",["null","__typename",77,"entity",256],{"__ref":257},"NodeWpPost:1165",[259,261,263],{"__ref":260},"NodeWpPost:1619",{"__ref":262},"NodeWpPost:1616",{"__ref":264},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",266,"internal",20,"expanded",21,"attributes",267],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",269,"internal",20,"expanded",21,"attributes",270],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",272,"internal",20,"expanded",21,"attributes",273],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",275,"internal",21,"expanded",21,"attributes",276],{"__ref":218},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",278],[279,281,283,285],{"__ref":280},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":282},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":284},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":286},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",288,"langcode",289,"changed",290,"metatag",291],["null","__typename",118,"processed",119,"format",120],{"__ref":218},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[292,294,296],["null","__typename",93,"tag",94,"attributes",293],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",295],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",297],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",154,"id",155,"excludeFromScreenreader",13,"mediaImage",302,"name",161,"path",164,"status",20],["null","__typename",157,"url",158,"width",159,"height",160,"alt",161,"title",161,"size",162,"mime",163],["null","__typename",167,"id",168,"myRole",169,"name",170,"nickname",171],["null","__typename",79,"id",80,"title",81,"changed",305,"created",306,"langcode",307,"path",90,"promote",21,"status",20,"sticky",21,"metatag",308,"category",315,"contentElements",13,"evergreen",13,"tags",317,"wpBody",324,"wpHeaderImage",13,"wpHeaderImageOld",325,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",165,"author",327],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":218},[309,311,313],["null","__typename",93,"tag",94,"attributes",310],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",312],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",314],["null","__typename",109,"property",110,"content",81],{"__ref":316},"TermCategories:8",[318,320,322],{"__ref":319},"TermTags:563",{"__ref":321},"TermTags:861",{"__ref":323},"TermTags:895",["null","__typename",151,"processed",152,"format",120,"summary",13],{"__ref":326},"MediaImage:2175",{"__ref":328},"User:23",["null","__typename",154,"id",180,"excludeFromScreenreader",13,"mediaImage",330,"name",187,"path",188,"status",20],["null","__typename",157,"url",182,"width",183,"height",184,"alt",185,"title",13,"size",186,"mime",163],["null","__typename",79,"id",175,"title",176,"path",177,"wpTeaserText",178,"wpPromotedTeaserImage",13,"wpHeaderImage",332],{"__ref":333},"MediaImage:3364",["null","__typename",154,"id",195,"excludeFromScreenreader",13,"mediaImage",335,"name",200,"path",201,"status",20],["null","__typename",157,"url",197,"width",183,"height",184,"alt",198,"title",13,"size",199,"mime",163],["null","__typename",79,"id",190,"title",191,"path",192,"wpTeaserText",193,"wpPromotedTeaserImage",13,"wpHeaderImage",337],{"__ref":338},"MediaImage:3355",["null","__typename",154,"id",207,"excludeFromScreenreader",21,"mediaImage",340,"name",212,"path",213,"status",20],["null","__typename",157,"url",209,"width",183,"height",184,"alt",210,"title",13,"size",211,"mime",163],["null","__typename",79,"id",203,"title",204,"path",205,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",342],{"__ref":343},"MediaImage:3303"]