{"id":852,"date":"2016-07-28T09:43:39","date_gmt":"2016-07-28T07:43:39","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=852"},"modified":"2016-08-09T17:26:08","modified_gmt":"2016-08-09T15:26:08","slug":"unbekannte-browser","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/unbekannte-browser\/","title":{"rendered":"Mehr als Chrome und Firefox. Diese Browser sollten Sie kennen!"},"content":{"rendered":"<p>Haben Sie schon mal vom Coc Coc Browser geh\u00f6rt? Oder vom YaBrowser? Ich vermute, diese Namen sind neu f\u00fcr Sie. Es w\u00e4re jedenfalls keine \u00dcberraschung.<\/p>\n<p>Bis vor kurzem habe ich diese Browser nicht gekannt. Aber dann bin ich \u00fcber diese Namen in unserem Google Analytics Dashboard gestolpert. \u00dcberraschenderweise sind diese doch eher unbekannten Browser f\u00fcr einen kleinen, aber feinen Anteil an unserem Website-Traffic verantwortlich.<\/p>\n<p>Daher will ich Ihnen heute einige dieser eher unbekannten Browser vorstellen.<br \/>\n<!--more--><\/p>\n<h2>F\u00fcr ein globales Publikum entwickeln<\/h2>\n<p>In unserer <a href=\"http:\/\/usersnap.com\/blog\/7-tips-for-going-international-with-your-website-inside-saas\/\"  target=\"_blank\"  target=\"_blank\">#InsideSaaS Blogserie<\/a> haben wir Einblicke in die Welt von global agierenden SaaS Produkten gegeben und erkl\u00e4rt, wie diese ein internationales Publikum anziehen.<\/p>\n<p>Egal ob Produkt\u00fcbersetzungen, kulturelle Unterschiede oder die Herausforderung von Zeitzonen. Das sind lediglich die ersten Herausforderungen f\u00fcr globale SaaS Produkte.<\/p>\n<h2>\u00dcber welche Browser kommt Website-Traffic?<\/h2>\n<p>Bevor wir \u00fcber das Thema Browser-Diversit\u00e4t sprechen, m\u00f6chte ich Ihnen empfehlen einen Blick in Ihr Analyse- und Tracking-Tool Ihrer Wahl zu werfen. Egal ob Sie Google Analytics verwenden oder ein \u00e4hnliches Analyse-Tool. Die Informationen zu den verwenden Browser-Versionen ist relativ einfach zu finden.<\/p>\n<p>Wenn ich einen Blick in unseren Analytics-Tool werfe, so erwartet mich ein \u00dcberraschung. Unter den Top 15 Browser befinden sich vier Browser Versionen, die mir nicht bekannt sind.<\/p>\n<p><a href=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap.png\"  rel='lightbox'  rel='lightbox' data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" class=\"alignnone wp-image-854\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap.png\" alt=\"browser statistik usersnap\" width=\"256\" height=\"536\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap.png 257w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap-143x300.png 143w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap-67x140.png 67w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<blockquote><p>Oh. Warum habe ich das nicht fr\u00fcher bemerkt?!<\/p><\/blockquote>\n<p>Ich war \u00fcberrascht. Wie sieht unsere Website in diesen Browser aus? Woher kommen diese Benutzer? Wie sieht deren User Experience aus?<\/p>\n<p>Diese Fragen haben mich nachdenklich gemacht. Und deshalb habe ich mich auf eine Entdeckungsreise gemacht.<\/p>\n<h2>Die Rolle von Browser Diversit\u00e4t<\/h2>\n<p>Ein gutes Verst\u00e4ndnis \u00fcber die eigene Zielgruppe zu haben, ist ein wesentlicher Erfolgsfaktor. Und zum Gl\u00fcck haben wir bei unserem letzten Relaunch eine detaillierte Analyse durchgef\u00fchrt und unsere Buyer Personas definiert.<\/p>\n<p>Ich war jedoch \u00fcberrascht, dass wir vergessen haben uns Gedanken \u00fcber die verwendeten Browser zu machen. Folgende Fragen sind deshalb zu beantworten:<\/p>\n<ul>\n<li>Welche Endger\u00e4te werden von unserer Zielgruppe verwendet?<\/li>\n<li>Welche Browser werden von unserer Zielgruppe eingesetzt?<\/li>\n<li>Welche Such-Tools werden eingesetzt?<\/li>\n<\/ul>\n<p>Um diese Fragen zu beantworten, ben\u00f6tigt es eine genauere Recherche.<\/p>\n<p><strong>Schritt 1) Definieren Sie Ihre Ziell\u00e4nder<\/strong><br \/>\nSelbst wenn Sie ein globales SaaS Produkt anbieten, m\u00fcssen Sie sich Gedanken \u00fcber Ihre Zielm\u00e4rkte machen.<\/p>\n<p>Oftmals wird ein englisch-sprachiges Produkt mit einem globalen Produkt gleich gesetzt. Wenn Sie daran denken, dass Ihr Produkt in Spanien oder China vermutlich anders verwendet wird als in den USA, sollte diese Strategie wohl \u00fcberdacht werden.<\/p>\n<p><strong>Schritt 2) Recherchieren Sie Browser-Statistiken in Ihren Zielm\u00e4rkten<\/strong><\/p>\n<p>Wenn wir uns die globale Browser-Statistiken ansehen, finden wir keine gro\u00dfen \u00dcberraschungen. Googles Chrome Browser f\u00fchrt klar in der Statistik, gefolgt von Firefox und Internet Explorer.<br \/>\n<a href=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics.png\"  rel='lightbox'  rel='lightbox' data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" class=\"alignnone wp-image-855\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics.png\" alt=\"world browser statistik\" width=\"650\" height=\"420\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics.png 774w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics-300x194.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics-140x90.png 140w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Nehmen wir nun an, dass wir Russland als Zielmarkt definiert haben. Das Browser-Spiel dort sieht nun etwas anders aus. Chrome mit 47% ist hier auch die Nummer 1, gefolgt von Yandex Browser, welcher immerhin von 12% aller russischen User verwendet wird.<\/p>\n<p>Oder sehen wir uns die Situation in S\u00fcdafrika an. Opera ist dort der meist-eingesetzte mobile Browser. Sehr spannend\u2026.<br \/>\n<a href=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics.png\"  rel='lightbox'  rel='lightbox' data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" class=\"alignnone wp-image-856\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics.png\" alt=\"s\u00fcdafrika browser statistik\" width=\"650\" height=\"420\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics.png 774w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics-300x194.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics-140x90.png 140w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p><strong>Schritt 3) Browser Testing &#8211; richtig gemacht.<\/strong><br \/>\nAbh\u00e4ngig von Ihren Zielm\u00e4rkten ist es ausreichend entsprechende Browser Tests in Chrome, Firefox, Safari oder IE durchzuf\u00fchren. Dies kann vergleichsweise einfach mit bestehenden Browser Testing Tools durchgef\u00fchrt werden. SauceLabs oder BrowserStack geh\u00f6ren hier zu den bekanntesten.<\/p>\n<p>In diesem Artikel finden Sie alle Informationen, um ein Browser Testing Projekt durchzuf\u00fchren:<\/p>\n<ul>\n<li><a href=\"http:\/\/usersnap.com\/de\/blog\/browser-testing\/\"  target=\"_blank\"  target=\"_blank\">Die Basics von modernem Browser Testing<\/a><\/li>\n<\/ul>\n<p><i><strong>Wie k\u00f6nnen Sie nun Ihre Seite in exotischen Browser Versionen testen?<\/strong><\/i><\/p>\n<p>Im Rahmen meiner Browser-Entdeckungsreise stellte ich fest, das die meisten Browser Testing Tools lediglich g\u00e4ngige Browser-Versionen unterst\u00fctzen. Und zum Gl\u00fcck werden auch einige exotische Browser unterst\u00fctzt.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.browserstack.com\/start\"  target=\"_blank\"  target=\"_blank\" >BrowserStack<\/a> erm\u00f6glicht Browser Testing mit Yandex Browser<\/li>\n<li><a href=\"http:\/\/browsershots.org\/\"  target=\"_blank\"  target=\"_blank\" >Browsershots<\/a> unterst\u00fctzt SeaMonkey<\/li>\n<li><a href=\"https:\/\/crossbrowsertesting.com\/\"  target=\"_blank\"  target=\"_blank\" >CrossbrowserTesting<\/a> unterst\u00fctzt den UC Browser<\/li>\n<\/ul>\n<p>Um wirklich 100% sicher zu sein, empfehle ich Ihnen eine lokale Testumgebung einzurichten, in der Sie die\u00a0 Browser Ihrer Wahl nativ testen k\u00f6nnen.<\/p>\n<p>Es gibt jedoch auch noch weitere gute Neuigkeiten.<\/p>\n<h2>Das Chromium Project<\/h2>\n<p>Chromium ist ein open-source Web-Browser, der aus der Entwicklung von Google Chrome hervorging. Die meisten neuen Web-Browser (auch die hier genannten) basieren auf dem Chromium Projekt und verwenden deshalb die gleichen Rendering Engines.<\/p>\n<p>Wenn Sie nun eine fehlerfreie Darstellung ihrer Website sicherstellen wollen, so m\u00fcssen Sie lediglich sichergehen, das Ihre Seite im Chromium Browser korrekt dargestellt wird. Wenn Ihre Seite dort funktioniert, k\u00f6nnen Sie mit hoher Wahrscheinlichkeit davon ausgehen, das Ihre Seite auch in weniger bekannten Browsern fehlerfrei l\u00e4uft.<\/p>\n<h2>Zusammenfassung.<\/h2>\n<p>Wenn Sie nun einen Blick in Ihr Analyse-Tool werfen habe ich meinen Job erf\u00fcllt. Eine bewusste Aufmerksamkeit \u00fcber die vorhandene Browser Diversit\u00e4t ist f\u00fcr die Webentwicklung essentiell.<\/p>\n<p>Als Entwickler, Designer und Projektmanager untersch\u00e4tzen wir oftmals diese f\u00fcr uns unbekannten Browser Versionen. Eine Optimierung f\u00fcr Chrome, Firefox und Internet Explorer ist der richtige, erste Schritt.<\/p>\n<p>In manchen Zielgruppen sind jedoch weitere Browser Versionen ebenfalls zu beachten. Vergessen Sie dies nicht!<\/p>\n<p><em><strong>Was ist der ungew\u00f6hnlichste Browser \u00fcber den Sie bisher gestolpert sind?<\/strong><\/em><\/p>\n<div><iframe loading=\"lazy\" id=\"pinpoll_24369\" src=\"https:\/\/pinpoll.com\/embed\/24369\" width=\"100%\" height=\"466\" frame scrolling=\"no\"><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Haben Sie schon mal vom Coc Coc Browser geh\u00f6rt? Oder vom YaBrowser? Ich vermute, diese Namen sind neu f\u00fcr Sie. Es w\u00e4re jedenfalls keine \u00dcberraschung. Bis vor kurzem habe ich diese Browser nicht gekannt. Aber dann bin ich \u00fcber diese Namen in unserem Google Analytics Dashboard gestolpert. \u00dcberraschenderweise sind diese doch eher unbekannten Browser f\u00fcr [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":913,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/comments?post=852"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/852\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/913"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}