{"id":63323,"date":"2018-01-02T00:00:00","date_gmt":"2018-01-02T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2018\/01\/02\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/"},"modified":"2018-01-02T00:00:00","modified_gmt":"2018-01-02T00:00:00","slug":"buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/","title":{"rendered":"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox"},"content":{"rendered":"<p>Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-114 size-full\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg-1.gif\" alt=\"\" width=\"1380\" height=\"750\" \/><\/p>\n<p>Wie Du wei\u00dft, haben wir erst k\u00fcrzlich einen superdupernagelneuen Firefox herausgebracht. Ausgestattet mit wahnsinnig viel neuer Browser-Technologie f\u00fcr noch mehr Geschwindigkeit. Viele dieser \u00c4nderungen, die wir im vergangenen Jahr vorgenommen haben, sind auf ersten Blick unsichtbar. Weil sie unter der Oberfl\u00e4che stattfinden. Wir wissen aber auch: Das Auge klickt mit. Und so haben wir die UI Touchpoints (also die Benutzeroberfl\u00e4che) ordentlich aufgeh\u00fcbscht. Also das, was die Browser-Nutzung f\u00fcr Dich im wahrsten Sinne des Wortes zus\u00e4tzlich <i>attraktiv<\/i> macht. Wenn Du n\u00e4mlich nicht <i>f\u00fchlst<\/i>, dass der neue Firefox Quantum schneller und fluffiger als je zuvor ist, hat niemand was davon.<\/p>\n<h3>Schnell sein muss man sehen k\u00f6nnen!<\/h3>\n<p>Uns war eines besonders wichtig: Unser Frontend-Umstyling! Es beinhaltet viele bedeutende Ver\u00e4nderungen \u2013 besonders wichtig war uns hierbei auch, den Look \u2018n\u2019 Feel der Firefox Navigations-Icons zu verbessern und sie intelligent zu organisieren. Das letzte UI-Refresh liegt immerhin schon f\u00fcnf Jahre zur\u00fcck, deswegen wollten wir es nun besonders modern und umfassend gestalten.<\/p>\n<p>Zuerst haben wir also sichergestellt, dass der neue Firefox dem Design anderer aktueller Betriebssysteme gerecht wird, schlie\u00dflich ist dort designtechnisch viel passiert. So haben wir die goldene Mitte zwischen deren Looks und unseren gefunden.<\/p>\n<p>Danach haben wir uns genau angeschaut, wo sich die verschiedenen Elemente in unserer Navigations-Hierarchie befinden, um sie in logische Gruppen zu unterteilen: Die Hauptnavigation findet sich jetzt auf der rechten Seite und alles, was mit einer Internetseite zu tun hat, haben wir in die URL-Leiste integriert. Alle Icons, die f\u00fcr deine pers\u00f6nlichen Pr\u00e4ferenzen entscheidend sind, haben wir ganz rechts angeordnet, damit Du immer genau wei\u00dft, wo Du Deine Chronik, Screenshots oder <a href=\"https:\/\/getpocket.com\/\">Pocket<\/a> finden kannst.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-113 size-full\" src=\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Bookmark-Pocket-UI-New-Screen-1.gif\" alt=\"\" width=\"940\" height=\"510\" \/><\/p>\n<h3>Was denkste?<\/h3>\n<p>Und jetzt kommst Du: Sag uns doch, was Du von unserem Refresh h\u00e4ltst! Hol Dir gleich heute den neuen Firefox und mach Dich doch gleich mit der Navigation vertraut. Wir hoffen, Du findest die Neuerungen so genial, wie die neue Geschwindigkeit und die Leichtigkeit des neuen Firefoxs selbst. Schlie\u00dflich sollten Neuerungen nicht nur gut <i>funktionieren<\/i>, sie sollten sich auch gut <i>anf\u00fchlen<\/i>.<\/p>\n<p>Falls Du jemanden kennst, der es zu sch\u00e4tzen wei\u00df, dass ein Browser es nicht darauf abgesehen hat, seine pers\u00f6nlichen Daten an Drittanbieter und Werbetreibende zu verkaufen, sag ihm, er soll sich der Browser-Bewegung anschlie\u00dfen und Firefox downloaden. Der Browser der vom Not-for-Profit Mozilla gemacht wird.<\/p>\n<p>Denn surfen sollte unabh\u00e4ngig bleiben d\u00fcrfen! Mach mit!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling! Wie Du wei\u00dft, haben wir erst k\u00fcrzlich einen superdupernagelneuen Firefox herausgebracht. Ausgestattet mit wahnsinnig viel neuer Browser-Technologie f\u00fcr noch mehr Geschwindigkeit. Viele dieser \u00c4nderungen, die wir im vergangenen Jahr vorgenommen haben, sind auf ersten Blick unsichtbar. Weil sie [&hellip;]<\/p>\n","protected":false},"author":1490,"featured_media":50407,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[422,313583,290437],"tags":[],"coauthors":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox<\/title>\n<meta name=\"description\" content=\"Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!|Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/\",\"url\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/\",\"name\":\"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif\",\"datePublished\":\"2018-01-02T00:00:00+00:00\",\"dateModified\":\"2018-01-02T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/c9bebc70eab3389a3162d83d22469c99\"},\"description\":\"Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!|Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif\",\"width\":1380,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/de\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/c9bebc70eab3389a3162d83d22469c99\",\"name\":\"Candice Holmes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/image\/ebae564173ffb9c6c39f9a5da22840a4\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ee9c0622c2ee84997bd605361e545cf1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ee9c0622c2ee84997bd605361e545cf1?s=96&d=mm&r=g\",\"caption\":\"Candice Holmes\"},\"url\":\"https:\/\/blog.mozilla.org\/de\/author\/candiceholmesoliver-agency\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox","description":"Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!|Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!","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:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/","url":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/","name":"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif","datePublished":"2018-01-02T00:00:00+00:00","dateModified":"2018-01-02T00:00:00+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/c9bebc70eab3389a3162d83d22469c99"},"description":"Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!|Firefox neuestes Update ist richtig sch\u00f6n schnell. Und das von innen und au\u00dfen. Entdecke jetzt unserer Frontend-Umstyling!","breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#primaryimage","url":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif","contentUrl":"https:\/\/blog.mozilla.org\/wp-content\/blogs.dir\/278\/files\/2017\/12\/Quantum_Nav_Reorg.gif","width":1380,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/de\/design\/buttons-die-die-welt-bedeuten-das-neue-icon-design-in-firefox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/de\/"},{"@type":"ListItem","position":2,"name":"Buttons, die die Welt bedeuten: Das Neue Icon Design in Firefox"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/de\/#website","url":"https:\/\/blog.mozilla.org\/de\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/c9bebc70eab3389a3162d83d22469c99","name":"Candice Holmes","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blog.mozilla.org\/de\/#\/schema\/person\/image\/ebae564173ffb9c6c39f9a5da22840a4","url":"https:\/\/secure.gravatar.com\/avatar\/ee9c0622c2ee84997bd605361e545cf1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ee9c0622c2ee84997bd605361e545cf1?s=96&d=mm&r=g","caption":"Candice Holmes"},"url":"https:\/\/blog.mozilla.org\/de\/author\/candiceholmesoliver-agency\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/posts\/63323"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/users\/1490"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/comments?post=63323"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/posts\/63323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/media\/50407"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/media?parent=63323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/categories?post=63323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/tags?post=63323"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/de\/wp-json\/wp\/v2\/coauthors?post=63323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}