{"id":16404,"date":"2008-10-15T13:29:18","date_gmt":"2008-10-15T11:29:18","guid":{"rendered":"https:\/\/www.freelance.de\/blog\/?p=16404"},"modified":"2023-07-17T13:03:44","modified_gmt":"2023-07-17T11:03:44","slug":"was-ist-ein-user-interface","status":"publish","type":"post","link":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/","title":{"rendered":"Was ist ein User Interface?"},"content":{"rendered":"\n<p>Ebenso bekannt als: UI, graphical user interface (GUI)<\/p>\n\n\n\n<p>Die Benutzeroberfl\u00e4che (UI) ist eine grafisch gestaltete Shell, die es Benutzern und Ger\u00e4ten erm\u00f6glicht, miteinander zu kommunizieren. Ziel einer Benutzeroberfl\u00e4che ist es dem Nutzer die Bedienung des Ger\u00e4ts zu erm\u00f6glichen und dem Benutzer Informationen zu pr\u00e4sentieren.<\/p>\n\n\n\n\n\n<p>Das Ger\u00e4t kann ein physisches Ger\u00e4t oder eine Maschine sein, aber auch ein Computerprogramm oder Betriebssystem, eine App oder eine Website. Bei Websites wird von einer grafischen Benutzeroberfl\u00e4che (GUI) gesprochen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vorteile einer benutzerfreundlichen Oberfl\u00e4che<\/h2>\n\n\n\n<p>Der Schwerpunkt des User Interface Designs ist die Gestaltung benutzerfreundlicher Oberfl\u00e4chen. Benutzerfreundlich bedeutet, dass die Navigation dem Besucher erm\u00f6glicht, intuitiv, ergonomisch, attraktiv und effizient Aufgaben auszuf\u00fchren. Einfachheit, Klarheit und Konsistenz geh\u00f6ren zu den wichtigsten Eigenschaften einer Benutzeroberfl\u00e4che.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entwicklung des User Interface<\/h2>\n\n\n\n<p>Die Benutzeroberfl\u00e4che eines Computers hat sich im Laufe der Jahrzehnte stark ver\u00e4ndert. Zun\u00e4chst erfolgte die Eingabe \u00fcber Lochkarten. Dieses System wurde in den 70er Jahren durch die Eingabe von Befehlen \u00fcber eine Kommandozeile ersetzt.<\/p>\n\n\n\n<p>Mit der Einf\u00fchrung von Betriebssystemen wie Windows und Mac OS X verwandelte sich der Computer in eine virtuelle Desktop-Umgebung mit einem gro\u00dfen Mauszeiger, die es dem Benutzer erm\u00f6glicht, auf Symbole zu klicken und zwischen verschiedenen Anwendungsfenstern zu wechseln.<\/p>\n\n\n\n<p>Mit der Einf\u00fchrung von Touchscreens in Smartphones und Tablets hat man sich immer mehr daran gew\u00f6hnt, Befehle durch Ber\u00fchren des Bildschirms auszuf\u00fchren. Diese neue Form der Interaktion schafft neue M\u00f6glichkeiten und Herausforderungen f\u00fcr die Gestaltung von Benutzeroberfl\u00e4chen.<\/p>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>Die Benutzeroberfl\u00e4che (UI) ist eine grafisch gestaltete Shell, die es Benutzern und Ger\u00e4ten erm\u00f6glicht, miteinander zu kommunizieren. Ziel einer Benutzeroberfl\u00e4che ist es dem Nutzer die Bedienung des Ger\u00e4ts zu erm\u00f6glichen und dem Benutzer Informationen zu pr\u00e4sentieren.<\/p>\n","protected":false},"author":33,"featured_media":27717,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[470],"tags":[105,855],"class_list":["post-16404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-know-how","tag-freelancer","tag-info"],"acf":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":1,"sum_votes":2},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Was ist ein User Interface? - freelance.de Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Was ist ein User Interface? - freelance.de Blog\" \/>\n<meta property=\"og:description\" content=\"Die Benutzeroberfl\u00e4che (UI) ist eine grafisch gestaltete Shell, die es Benutzern und Ger\u00e4ten erm\u00f6glicht, miteinander zu kommunizieren. Ziel einer Benutzeroberfl\u00e4che ist es dem Nutzer die Bedienung des Ger\u00e4ts zu erm\u00f6glichen und dem Benutzer Informationen zu pr\u00e4sentieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"freelance.de Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/Freelance.de\" \/>\n<meta property=\"article:published_time\" content=\"2008-10-15T11:29:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-17T11:03:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Samuel Ohonin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@freelanceDE\" \/>\n<meta name=\"twitter:site\" content=\"@freelanceDE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samuel Ohonin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\"},\"author\":{\"name\":\"Samuel Ohonin\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/612f40608ce573f9a61162e6be5b825b\"},\"headline\":\"Was ist ein User Interface?\",\"datePublished\":\"2008-10-15T11:29:18+00:00\",\"dateModified\":\"2023-07-17T11:03:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\"},\"wordCount\":262,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png\",\"keywords\":[\"Freelancer\",\"Info\"],\"articleSection\":[\"Business Know-How\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\",\"url\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\",\"name\":\"Was ist ein User Interface? - freelance.de Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png\",\"datePublished\":\"2008-10-15T11:29:18+00:00\",\"dateModified\":\"2023-07-17T11:03:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage\",\"url\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png\",\"contentUrl\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png\",\"width\":800,\"height\":400,\"caption\":\"Freelancer am arbeiten Mobile Application Developber\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.freelance.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Was ist ein User Interface?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#website\",\"url\":\"https:\/\/www.freelance.de\/blog\/\",\"name\":\"freelance.de Blog\",\"description\":\"Alles zum Thema Freelancing\",\"publisher\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.freelance.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#organization\",\"name\":\"freelance.de\",\"alternateName\":\"freelance.de\",\"url\":\"https:\/\/www.freelance.de\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/230315_freelance-de_BLOGLOGO.png\",\"contentUrl\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/230315_freelance-de_BLOGLOGO.png\",\"width\":1746,\"height\":411,\"caption\":\"freelance.de\"},\"image\":{\"@id\":\"https:\/\/www.freelance.de\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/www.facebook.com\/Freelance.de\",\"https:\/\/x.com\/freelanceDE\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/612f40608ce573f9a61162e6be5b825b\",\"name\":\"Samuel Ohonin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2021\/06\/icon_avatar-120x120.png\",\"contentUrl\":\"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2021\/06\/icon_avatar-120x120.png\",\"caption\":\"Samuel Ohonin\"},\"description\":\"Dualer Student im Bereich Marketing Management mit gro\u00dfer Leidenschaft f\u00fcr SEO.\",\"url\":\"https:\/\/www.freelance.de\/blog\/author\/samuel\/\"},false]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Was ist ein User Interface? - freelance.de Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/","og_locale":"de_DE","og_type":"article","og_title":"Was ist ein User Interface? - freelance.de Blog","og_description":"Die Benutzeroberfl\u00e4che (UI) ist eine grafisch gestaltete Shell, die es Benutzern und Ger\u00e4ten erm\u00f6glicht, miteinander zu kommunizieren. Ziel einer Benutzeroberfl\u00e4che ist es dem Nutzer die Bedienung des Ger\u00e4ts zu erm\u00f6glichen und dem Benutzer Informationen zu pr\u00e4sentieren.","og_url":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/","og_site_name":"freelance.de Blog","article_publisher":"http:\/\/www.facebook.com\/Freelance.de","article_published_time":"2008-10-15T11:29:18+00:00","article_modified_time":"2023-07-17T11:03:44+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png","type":"image\/png"}],"author":"Samuel Ohonin","twitter_card":"summary_large_image","twitter_creator":"@freelanceDE","twitter_site":"@freelanceDE","twitter_misc":{"Verfasst von":"Samuel Ohonin","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#article","isPartOf":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/"},"author":{"name":"Samuel Ohonin","@id":"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/612f40608ce573f9a61162e6be5b825b"},"headline":"Was ist ein User Interface?","datePublished":"2008-10-15T11:29:18+00:00","dateModified":"2023-07-17T11:03:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/"},"wordCount":262,"commentCount":0,"publisher":{"@id":"https:\/\/www.freelance.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png","keywords":["Freelancer","Info"],"articleSection":["Business Know-How"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/","url":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/","name":"Was ist ein User Interface? - freelance.de Blog","isPartOf":{"@id":"https:\/\/www.freelance.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage"},"image":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png","datePublished":"2008-10-15T11:29:18+00:00","dateModified":"2023-07-17T11:03:44+00:00","breadcrumb":{"@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#primaryimage","url":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png","contentUrl":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/MicrosoftTeams-image-17.png","width":800,"height":400,"caption":"Freelancer am arbeiten Mobile Application Developber"},{"@type":"BreadcrumbList","@id":"https:\/\/www.freelance.de\/blog\/was-ist-ein-user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.freelance.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Was ist ein User Interface?"}]},{"@type":"WebSite","@id":"https:\/\/www.freelance.de\/blog\/#website","url":"https:\/\/www.freelance.de\/blog\/","name":"freelance.de Blog","description":"Alles zum Thema Freelancing","publisher":{"@id":"https:\/\/www.freelance.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.freelance.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.freelance.de\/blog\/#organization","name":"freelance.de","alternateName":"freelance.de","url":"https:\/\/www.freelance.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.freelance.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/230315_freelance-de_BLOGLOGO.png","contentUrl":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2023\/03\/230315_freelance-de_BLOGLOGO.png","width":1746,"height":411,"caption":"freelance.de"},"image":{"@id":"https:\/\/www.freelance.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/Freelance.de","https:\/\/x.com\/freelanceDE"]},{"@type":"Person","@id":"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/612f40608ce573f9a61162e6be5b825b","name":"Samuel Ohonin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.freelance.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2021\/06\/icon_avatar-120x120.png","contentUrl":"https:\/\/www.freelance.de\/blog\/wp-content\/uploads\/2021\/06\/icon_avatar-120x120.png","caption":"Samuel Ohonin"},"description":"Dualer Student im Bereich Marketing Management mit gro\u00dfer Leidenschaft f\u00fcr SEO.","url":"https:\/\/www.freelance.de\/blog\/author\/samuel\/"},false]}},"_links":{"self":[{"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/posts\/16404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/comments?post=16404"}],"version-history":[{"count":14,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/posts\/16404\/revisions"}],"predecessor-version":[{"id":28500,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/posts\/16404\/revisions\/28500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/media\/27717"}],"wp:attachment":[{"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/media?parent=16404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/categories?post=16404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelance.de\/blog\/wp-json\/wp\/v2\/tags?post=16404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}