{"id":6873,"date":"2019-11-22T09:17:46","date_gmt":"2019-11-22T08:17:46","guid":{"rendered":"https:\/\/kokoen.net\/?p=6873"},"modified":"2019-11-22T09:17:46","modified_gmt":"2019-11-22T08:17:46","slug":"mobile-user-experience","status":"publish","type":"post","link":"https:\/\/kokoen.net\/blog\/mobile-user-experience\/","title":{"rendered":"Mobile User Experience &#8211; wichtiger denn je"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Dass eine Website eine gute Benutzerfreundlichkeit aufweisen muss, ist ja mittlerweile allen klar. Und dass eine <\/span><a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/de-de\/insights\/blog\/eine-positive-nutzererfahrung-auf-mobilgeraeten-ist-entscheidend-fuer-den-geschaeftserfolg\/\"><span style=\"font-weight: 400;\">positive Nutzererfahrung der Website auf Mobilger\u00e4ten entscheidend f\u00fcr den Gesch\u00e4ftserfolg<\/span><\/a><span style=\"font-weight: 400;\"> ist, ebenfalls. Doch auf welche Punkte muss man bei der <\/span><a href=\"https:\/\/kokoen.net\/app-entwicklung\/\"><span style=\"font-weight: 400;\">Entwicklung einer App<\/span><\/a><span style=\"font-weight: 400;\"> im Hinblick auf die mobile User Experience ganz besonders achten und welche Rolle spielt das Design dabei?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Zun\u00e4chst m\u00f6chten wir festhalten: Die meisten Websites und Apps bieten heute eine gute mobile User Experience. Dennoch erleben wir auch immer mal wieder den Fall, dass die Benutzerfreundlichkeit zugunsten der \u00c4sthetik beeintr\u00e4chtigt ist.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Eine kleine Geschichte des Responsive Designs<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Zu Beginn der Entwicklung f\u00fcr mobile Ger\u00e4te wurden alle Inhalte priorisiert vor den <a href=\"https:\/\/entwickler.de\/online\/web\/ui-und-ux-design-kenne-den-unterschied-143641.html\">UI<\/a>-Elementen auf den Bildschirm gepackt. Dies f\u00fchrte nat\u00fcrlich schnell zu Platzproblemen, wodurch es schnell zum Trend wurde, das sog. Hamburger-Men\u00fc in der mobilen Version einer Website (und mittlerweile auch auf vielen Websites selbst) zum Einsatz zu bringen. Inzwischen haben die meisten Unternehmen eingesehen, dass es besser ist, die Navigationsstruktur auf dem Smartphone zu vereinfachen. Den Nutzern wird sofort eine Vielzahl von Inhalten gezeigt und je nach Interesse sp\u00e4ter immer mehr auf eine bestimmte Kategorie, Unterkategorie usw. eingegrenzt.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Auff\u00e4llig ist auch, dass man feststellen kann, dass sich viele Probleme (\u00e4hnlich wie Modetrends), die es mit der UX gibt, wiederholen. Besteht ein Problem n\u00e4mlich \u00fcber l\u00e4ngere Zeit nicht mehr, erschaffen viele Designer wieder Elemente, die genau diese Fehler wieder aufweisen.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Mobile User Experience fr\u00fcher und heute<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Folgende Dinge haben sich im Laufe der Zeit verbessert<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00dcbergang vom Web zu einer App<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">fr\u00fcher musste man sich beim Besuch einer Website aktiv daf\u00fcr entscheiden, dass sich die Inhalte, die man angeklickt hat, in einer separaten App \u00f6ffnen. Heute ist es dagegen problemlos m\u00f6glich, zwischen dem mobilen Web und dem App-Web zu wechseln, die entsprechende Anwendung \u00f6ffnet sich automatisch. Dieser nahtlose \u00dcbergang vom Browser zu einer App oder von einer App zu einer anderen stellt sicher, dass die Inhalte optimal in Sachen Nutzerfeundlichkeit ausgelegt sind.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Doch f\u00fcr jeden positiven Effekt gibt es auch einen negativen: Denn f\u00fcr den Nutzer ist es in diesem Web-App-Dschungel auch manchmal schwierig den \u00dcberblick zu behalten, wo er sich genau befindet und wie man wieder zur\u00fcck navigiert.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierte Nutzung der Ger\u00e4tefunktionen<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Zwar nicht immer perfekt, aber dennoch immer h\u00e4ufiger nutzen Websites und Apps die Vorteile der Grundfunktionen des Smartphones oder Tablets. So ber\u00fccksichtigen die meisten Anwendungen beispielsweise Standortinformationen oder nutzen die Kamerafunktion des Ger\u00e4ts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Daher ist es bereits seit Jahren an der Zeit, dass die mobile User Experience mit der der Desktops Schritt h\u00e4lt. L\u00e4ngst liegt der Fokus nicht mehr auf der Entwicklung von Desktop-Design-Strategien, sondern Designer, die sich mit mobile Design und der mobile User Experience auskennen, sind gefragter denn je.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Die gr\u00f6\u00dften User Experience-Unterschiede zwischen Desktop und <\/span><a href=\"https:\/\/kokoen.net\/blog\/10-gruende-fuer-mobile-app\/\"><span style=\"font-weight: 400;\">Mobile App<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">Bei der <\/span><a href=\"https:\/\/kokoen.net\/digitalisierung\/\"><span style=\"font-weight: 400;\">Digitalisierung eines Unternehmens<\/span><\/a><span style=\"font-weight: 400;\"> r\u00fcckt es f\u00fcr Unternehmer und Designer immer mehr in den Fokus, die Unterschiede zwischen Desktop- und Mobile-App-Design zu verstehen und das beste aus beidem zu vereinen. Dabei darf nat\u00fcrlich niemals die User Experience vernachl\u00e4ssigt werden. Die gr\u00f6\u00dften Schwierigkeiten f\u00fcr die Designer ergeben sich aus folgenden Unterschieden:\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Bildschirmgr\u00f6\u00dfe<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Gro\u00dfer Bildschirm mit festen Navigationsleisten vs. kleiner Bildschirm mit Ausklappmen\u00fc<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Interaktion<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cursor mit Optionen wie Hover-Text vs. Gesten wie tippen &amp; wischen<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Darstellung von Inhalten<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Flexibilit\u00e4t in Layout und Positionierung vs. Scrollen und Bildschirme im Hoch- und Querformat<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Funktionalit\u00e4t<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">F\u00fcr gr\u00f6\u00dfere Aufgaben vs. schnelle Suchen oder Spielereien<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Design muss also aufgrund der Gegebenheiten des mobilen Ger\u00e4ts abgespeckt sein, trotzdem will und soll kein Nutzer auf alle Inhalte und Elemente verzichten. F\u00fcr die Designer bedeutet das nicht selten ein Spagat zwischen User Experience und Optik.<\/span><\/p>\n<hr \/>\n<p><span style=\"font-weight: 400;\">Sie ben\u00f6tigen Hilfe dabei, ob Ihre Idee als App umzusetzen ist und auf welche Weise die beste mobile User Experience verwirklicht werden kann? Kontaktieren Sie noch heute unsere <\/span><a href=\"https:\/\/kokoen.net\/web-app-entwicklung\/\"><span style=\"font-weight: 400;\">Web App-Entwickler<\/span><\/a><span style=\"font-weight: 400;\"> f\u00fcr ein kostenloses Beratungsgespr\u00e4ch.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dass eine Website eine gute Benutzerfreundlichkeit aufweisen muss, ist ja mittlerweile allen klar. Und dass eine positive Nutzererfahrung der Website auf Mobilger\u00e4ten entscheidend f\u00fcr den Gesch\u00e4ftserfolg ist, ebenfalls. Doch auf welche Punkte muss man bei der Entwicklung einer App im Hinblick auf die mobile User Experience ganz besonders achten und welche Rolle spielt das Design [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":6874,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0},"categories":[70,64],"tags":[71,125,123,124,122,73],"acf":[],"jetpack_featured_media_url":"https:\/\/kokoen.net\/wp-content\/uploads\/2019\/11\/Mobile-User-Experience.jpg","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/6873"}],"collection":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/comments?post=6873"}],"version-history":[{"count":0,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/6873\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media\/6874"}],"wp:attachment":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media?parent=6873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/categories?post=6873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/tags?post=6873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}