{"id":16906,"date":"2020-05-14T12:52:07","date_gmt":"2020-05-14T12:52:07","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/7-nachste-moglichkeiten-um-ihre-website-fur-mobile-ux-zu-gestalten\/"},"modified":"2020-05-14T12:52:07","modified_gmt":"2020-05-14T12:52:07","slug":"7-nachste-moglichkeiten-um-ihre-website-fur-mobile-ux-zu-gestalten","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/7-nachste-moglichkeiten-um-ihre-website-fur-mobile-ux-zu-gestalten\/","title":{"rendered":"7 n\u00e4chste M\u00f6glichkeiten, um Ihre Website f\u00fcr Mobile UX zu gestalten"},"content":{"rendered":"

\"ux<\/p>\n

Die mobile Revolution steht vor der T\u00fcr, als Google 2018 seinen ersten mobilen Index herausbrachte. Und mit 52,2% des Internetverkehrs<\/u> Wenn Sie 2018 von Mobilger\u00e4ten kommen, ist es jetzt an der Zeit, dass Ihr Unternehmen Ihre Website f\u00fcr das mobile Erlebnis gestaltet.<\/p>\n

Es ist wichtig zu bedenken, dass sich die mobile Erfahrung von der Desktop-Erfahrung unterscheidet. Auch mobile Benutzer verhalten sich anders. Daher sind bestimmte Designelemente zu beachten und bestimmte M\u00f6glichkeiten, wie Sie Ihre Website optimieren k\u00f6nnen, um das Beste aus ihr herauszuholen.<\/p>\n

Die gute Nachricht ist, dass die Gestaltung Ihrer Website f\u00fcr das mobile Erlebnis nicht zu kompliziert sein muss. Werfen wir einen Blick auf die 7 M\u00f6glichkeiten des n\u00e4chsten Levels, um dies zu tun.<\/p>\n

Machen Sie A \/ B-Tests<\/strong><\/h2>\n

Sie k\u00f6nnen nicht alles A \/ B versuchen. A \/ B-Tests funktionieren nur dann wirklich, wenn Sie zuerst eine Hypothese haben. Es gibt jedoch bestimmte Elemente, die alle Websitebesitzer mit A \/ B ausprobieren sollten, um die Benutzererfahrung zu optimieren. Diese beinhalten:<\/p>\n

Platzierung und Farbe der Tasten <\/strong><\/h3>\n

Die Navigation ist oft wichtiger als der eigentliche Text. Daher m\u00fcssen Sie seine Farbe und Position festnageln. <\/p>\n

Ihr Ziel mit Schaltfl\u00e4chen, insbesondere Handlungsaufforderungen, besteht darin, dem Endbenutzer dabei zu helfen, die Hauptaktion zu identifizieren, die er ausf\u00fchren soll. Die Platzierung ist daher besonders wichtig. Probieren Sie verschiedene Orte und Farben aus, um zu sehen, wie sich dies auf die Conversions auswirkt.<\/p>\n

Typografie<\/strong><\/h3>\n

Farbe und Gr\u00f6\u00dfe sind hier wichtige \u00dcberlegungen. Wenn Sie die Schriftgr\u00f6\u00dfe nur um einen Punkt \u00e4ndern, k\u00f6nnen sich Ihre Conversions drastisch \u00e4ndern.<\/p>\n

Sehen Sie, wie klein oder gro\u00df Ihr Text sein kann und wie sich diese \u00c4nderungen auf Ihre Conversions auswirken.<\/p>\n

In Bezug auf die Farbe scheint Schwarz auf Wei\u00df f\u00fcr viele Marken die Standardauswahl zu sein, aber versuchen Sie herauszufinden, was f\u00fcr Sie am besten funktioniert.<\/p>\n

Schlagzeilen<\/strong><\/h3>\n

Ihre \u00dcberschriften auf Ihrer mobilen Website werden wahrscheinlich k\u00fcrzer sein. Beispiel: "Dies sollten Sie tun, wenn Sie glauben, kaffees\u00fcchtig zu sein" funktioniert m\u00f6glicherweise auf dem Desktop, ist jedoch f\u00fcr mobile Ger\u00e4te zu lang.<\/p>\n

Also k\u00fcrzen Sie es und testen Sie dann Ihre \u00dcberschriften. Sie m\u00fcssen k\u00fcrzer sein, aber Sie m\u00fcssen immer noch \u00fcberzeugend sein.<\/p>\n

Formen<\/strong><\/h3>\n

Formulare auf dem Desktop enthalten h\u00e4ufig mehrere Felder. Das ist in Ordnung, weil es einfach ist, sie auf dem Desktop zu navigieren.<\/p>\n

Auf Mobilger\u00e4ten sieht das anders aus. Teilen Sie Ihr Formular in Abschnitte und testen Sie die Ergebnisse. Welche Informationen sind unbedingt erforderlich und welche Felder k\u00f6nnen verworfen werden?<\/p>\n

Wenn es um Formulare auf Mobilger\u00e4ten geht, ist es umso besser, je weniger Taps der Benutzer ausf\u00fchren muss.<\/p>\n

Optimieren Sie die Geschwindigkeit der Website<\/strong><\/h2>\n

Die Geschwindigkeit der Website ist f\u00fcr die Benutzererfahrung von entscheidender Bedeutung. Wenn er Das Laden der mobilen Version Ihrer Website dauert mehr als 3 Sekunden<\/u>Sie verlieren Conversions.<\/p>\n

Es gibt verschiedene M\u00f6glichkeiten, wie Sie Ihre Website f\u00fcr die Geschwindigkeit der Website optimieren k\u00f6nnen. Eine ist, eine zu w\u00e4hlen Hosting-Anbieter<\/u> Dies reduziert die Zeit f\u00fcr das erste Byte und verbessert daher die Antwortgeschwindigkeit des Servers.<\/p>\n

Eine andere M\u00f6glichkeit besteht darin, ein Bildkomprimierungswerkzeug zu verwenden, um sicherzustellen, dass Ihre Bilder nicht zu gro\u00df sind und daher die Geschwindigkeit verringern.<\/p>\n

Stellen Sie sicher, dass Sie auch einen aufnahmef\u00e4higen Rahmen verwenden (siehe oben) und verwenden Langsame Ladung<\/u>Dadurch kann der Benutzer einen Teil seines Inhalts so schnell wie m\u00f6glich sehen. Dies kann die Wahrscheinlichkeit verringern, dass Personen vorzeitig abreisen, da sie zumindest feststellen k\u00f6nnen, dass einige Elemente Ihrer Website gerade geladen werden.<\/p>\n

Beseitigen Sie auch Flash und beseitigen Sie alle technischen Fehler. Vergessen Sie nicht, Ihre Website \u00fcber a Geschwindigkeitstester f\u00fcr mobile Websites<\/u> auch. <\/p>\n

\"mobile<\/p>\n

\nWeniger ist mehr, wenn es um Inhalte geht<\/strong> <\/h2>\n

Langforminhalte funktionieren besser als Kurzforminhalte auf dem Desktop. Mehr wird geteilt, weil es dem Endbenutzer mehr Wert und Tiefe bietet. <\/p>\n

Mobile Benutzer verhalten sich jedoch anders als Desktop-Benutzer. Zum einen sind sie durch einen viel kleineren Bildschirm eingeschr\u00e4nkt. Auf der anderen Seite sind sie in Eile und wollen umsetzbare Informationen. <\/p>\n

In der Tat f\u00fchren Benutzer mobiler Ger\u00e4te h\u00e4ufig Produktrecherchen durch. Sie m\u00f6chten nicht, dass Inhalte zu lange brauchen, um anzuhalten. \u00dcberlegen Sie, wo Sie sich gerade befinden, wenn Sie auf Ihren Telefonen surfen – auf einen Bus warten, im Stau stecken oder w\u00e4hrend einer Kaffeepause bei der Arbeit ein wenig recherchieren. Daher m\u00f6chten sie unterwegs schnelle Informationen. <\/p>\n

Es ist daher eine gute Idee, Ihre Inhalte f\u00fcr den mobilen Leser anzupassen. Dies bedeutet, dass Sie Ihre \u00dcberschriften so k\u00fcrzen, dass sie perfekt auf den Bildschirm passen, und dass Sie Ihre Kopie pr\u00e4ziser und direkter anpassen. Gehe zum schnellsten Punkt. Beseitigen Sie alle unn\u00f6tigen Informationen und stellen Sie dem Endbenutzer die Antworten auf einem Teller zur Verf\u00fcgung. <\/p>\n

Gehen Sie auch f\u00fcr Abs\u00e4tze mit einem Satz. Vielleicht nicht immer, aber die Abs\u00e4tze eines einzelnen Satzes sind auf den Bildschirmen mobiler Ger\u00e4te besser lesbar und halten den Leser daher l\u00e4nger interessiert. Das Letzte, was ein mobiler Benutzer sehen m\u00f6chte, ist, Textausschnitte auf seinem Bildschirm vorherzusagen. Verwenden Sie auch mehr Untertitel und nutzen Sie die Leerstelle. <\/p>\n

Wenn Sie jedoch l\u00e4ngere Inhalte f\u00fcr mobile Ger\u00e4te erstellen m\u00fcssen, m\u00fcssen Sie die Dinge mit auff\u00e4lligen Bildern aufschl\u00fcsseln. \u00dcberfordern Sie den Benutzer nicht mit zu viel Text. Erw\u00e4gen Sie auch das Hinzuf\u00fcgen von Infografiken, da diese Ihnen helfen, viele Informationen in einem einzigen Bild zusammenzufassen. <\/p>\n

Es ist auch eine gute Idee, mehr Videopostings zu erstellen. Wenn Sie Inhalte in Langform haben, die f\u00fcr Benutzer mobiler Ger\u00e4te m\u00f6glicherweise zu \u00fcberw\u00e4ltigend sind, erstellen Sie m\u00f6glicherweise eine Videoversion f\u00fcr Ihr mobiles Publikum. <\/p>\n

Machen Sie die mobile Kommunikation zum Kinderspiel<\/strong><\/h2>\n

Wie bereits erw\u00e4hnt, haben mobile Benutzer es im Allgemeinen eilig. Sie wollen schnelle, umsetzbare Informationen und sie wollen Antworten. <\/p>\n

Zu diesem Zweck sollten Sie Ihrem mobilen Benutzererlebnis einen Schub geben, indem Sie die Kommunikation zum Kinderspiel machen. Dies kann bedeuten, dass Sie Ihrer Website einen Live-Chat oder Chatbot hinzuf\u00fcgen, der Kundenanfragen in Sekundenschnelle beantwortet. <\/p>\n

Ihre Website sollte auf diese Weise "immer aktiv" sein. Andernfalls erhalten Ihre Kunden ihre Antworten stattdessen von einem Rivalen. Ein mobiler Chatbot personalisiert die Benutzererfahrung, indem er dem Endbenutzer spezifische Antworten gibt. Und es ist rund um die Uhr verf\u00fcgbar. <\/p>\n

Erw\u00e4gen Sie das Hinzuf\u00fcgen FreshDesk<\/u>Es ist auch eine Helpdesk-Software f\u00fcr mobile Ger\u00e4te, die die Kommunikation ihrer Kunden auf allen Ger\u00e4ten und Kan\u00e4len verwaltet. <\/p>\n

\"mobiles<\/p>\n

\nOptimieren Sie Ihr Logo<\/strong> <\/h2>\n

Ihr Logo repr\u00e4sentiert das Gesicht Ihrer Marke. Es hilft, Vertrauen und Vertrautheit aufzubauen, und eines ist der Schl\u00fcssel. Wenn Sie noch keinen haben, k\u00f6nnen Sie ein Tool wie verwenden Schl\u00fcpfrig<\/u> Damit Sie in wenigen Minuten ein professionelles Logo erstellen k\u00f6nnen. <\/p>\n

Sobald Sie Ihr Logo haben, ist die Positionierung der Schl\u00fcssel. Auf Mobilger\u00e4ten befindet sich das Logo normalerweise in der oberen linken Ecke. Dar\u00fcber hinaus ist es im Allgemeinen ein Link, der den Benutzer zur Startseite f\u00fchrt. <\/p>\n

Dies ist wirklich wichtig f\u00fcr Browsing-Zwecke. Wenn der Benutzer verloren geht und so schnell wie m\u00f6glich zur Startseite zur\u00fcckkehren m\u00f6chte, klickt er auf sein Logo in der oberen linken Ecke. Stellen Sie also sicher, dass Ihr Logo professionell und gut sichtbar ist und dass der Endbenutzer zur Startseite zur\u00fcckkehrt. <\/p>\n

Verwenden Sie einen empf\u00e4nglichen Rahmen <\/strong><\/h2>\n

Bevor Sie Ihre mobile Website starten, m\u00fcssen Sie sie mithilfe eines reaktionsf\u00e4higen Frameworks entwerfen. Ein empf\u00e4nglicher Rahmen wie Ohr<\/u> Passen Sie Ihre Website an das Ger\u00e4t an, auf dem sie angezeigt wird. Dies bedeutet, dass der Endbenutzer nicht zoomen muss, um den Text zu lesen, gen\u00fcgend Platz f\u00fcr Ber\u00fchrungsziele vorhanden ist und kein horizontales Scrollen erforderlich ist. <\/p>\n

Stattdessen ist das Design transparent und einfach zu bedienen. Dar\u00fcber hinaus ist eine reaktionsschnelle Website f\u00fcr Suchmaschinen besser sichtbar, was bedeutet, dass sie die Reichweite f\u00fcr Kunden erh\u00f6ht. <\/p>\n

In der Vergangenheit haben Websitebesitzer eine separate Website f\u00fcr Desktop- und Mobilger\u00e4te erstellt. Das kostet nat\u00fcrlich Zeit und Geld. Heute k\u00f6nnen Sie ein Tool wie Bootstrap verwenden, und die gute Nachricht ist, dass es den gr\u00f6\u00dften Teil der harten Arbeit f\u00fcr Sie erledigt. <\/p>\n

\nBehalten Sie alles in einem Browserfenster<\/strong> <\/h2>\n

Auf dem Desktop ist es in Ordnung, wenn ein Aufruf zum Handeln ein neues Fenster \u00f6ffnet, da der Benutzer sehr leicht den Weg zur\u00fcck zu der Seite findet, auf der er sich befindet. Es geht nur darum, von einem Tab zum anderen zu springen.<\/p>\n

Auf Mobilger\u00e4ten ist es etwas komplizierter. <\/p>\n

Es ist eine gute Idee, Ihren Benutzer in einem einzigen Browserfenster zu belassen. Implementieren Sie keine Handlungsaufrufe, die neue Fenster \u00f6ffnen, da es f\u00fcr den Benutzer schwierig sein kann, dorthin zur\u00fcckzukehren, wo sie waren. Zumindest denken sie vielleicht, dass sich die Zeit, die Sie zwischen Fenstern wechseln, nicht lohnt. <\/p>\n

Fazit<\/strong><\/h3>\n

Da haben Sie es also, unsere n\u00e4chsten 7 M\u00f6glichkeiten, Ihre Website f\u00fcr die optimale mobile Benutzererfahrung zu gestalten. Stellen Sie sie bereit, nehmen Sie an der mobilen Revolution teil und beobachten Sie die Trends der mobilen Benutzerfreundlichkeit, um sicherzustellen, dass Sie der Kurve einen Schritt voraus sind. <\/p>\n

\"mobiler<\/p>\n ","protected":false},"excerpt":{"rendered":"

Die mobile Revolution steht vor der T\u00fcr, als Google 2018 seinen ersten mobilen Index herausbrachte. Und mit 52,2% des Internetverkehrs Wenn Sie 2018 von Mobilger\u00e4ten kommen, ist es jetzt an der Zeit, dass Ihr Unternehmen Ihre Website f\u00fcr das mobile Erlebnis gestaltet. Es ist wichtig zu bedenken, dass sich die mobile Erfahrung von der Desktop-Erfahrung […]<\/p>\n","protected":false},"author":1,"featured_media":16907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/7-formas-de-siguiente-nivel-para-disenar-su-sitio-web.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/16906"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=16906"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/16906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/16907"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=16906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=16906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=16906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}