Das Design hat damit etwas unmittelbares und der User f\u00fchlt sich, als w\u00fcrde er an einem Moment teilhaben.<\/p>\n
\nAuch das ist ein Kommunikationsmittel, das User einl\u00e4dt teilzuhaben und sich mit Ihrer Website zu besch\u00e4ftigen.<\/h4>\n<\/blockquote>\n
Gifs und Videos <\/b><\/p>\n
Wir bei Usersnap sind schon seit langem gro\u00dfe Gif-Fans und verwenden die kurzen Videos nicht nur in Blog Posts, sondern auch in unserer internen Kommunikation. Warum? Weil Gifs unseren Humor ausdr\u00fccken und ein Teil unserer Unternehmenskultur sind.<\/p>\n
Farben <\/b><\/p>\n
Farben spielen eine besondere Rolle und tragen dazu bei, ob wir uns auf einer Website wohl f\u00fchlen oder nicht.<\/p>\n
![\"Webdesign](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-07-29-um-15.15.39.png\")
<\/p>\n
Durch das helle Gr\u00fcn wirkt die Website von helpling.de frisch und entspannend. Aber stellen Sie sich die Seite einmal in Rot vor. Pl\u00f6tzlich w\u00fcrde der Claim \u201cIn 60 Sekunden zu Ihrer Reiningungskraft\u201d fast aggressiv wirken.<\/p>\n
Kommunikation verbessern mit ansprechendem Design: Das k\u00f6nnen Sie tun!<\/h2>\n
Ausgew\u00e4hlter Content <\/b><\/p>\n
\u00dcberfrachten Sie Ihre Besucher nicht mit Informationen und visuellen Eindr\u00fccken, sondern \u00fcberlegen Sie selbst, wenn Sie auf Ihre Landingpage schauen, was hier dargestellt wird und welche Informationen vielleicht verschoben werden k\u00f6nnen. \u00dcberlegen Sie, ob Ihre Page zu \u201cbusy\u201d aussieht oder aber – im ungekehrten Fall – ob vielleicht Informationen fehlen.<\/p>\n
![\"Design](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-01-um-10.14.39.png\")
<\/p>\n
Websites wie diese hier werden zum Gl\u00fcck immer seltener, aber man kann hier sehr gut sehen, wie Text und Informationen das Gesamtbild \u00fcberfrachten. Die Seite hat viel zu viel Content und wirkt chaotisch, unstrukturiert und un\u00fcbersichtlich.<\/p>\n
Klare Struktur <\/b><\/p>\n
Ein Beispiel f\u00fcr eine klare Struktur und \u00fcbersichtliche Gestaltung hingegen ist die Website von Dropbox.<\/p>\n
![\"Design](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-01-um-10.18.33.png\")
<\/p>\n
Das Design ist sehr einfach und schlicht mit einer ansprechenden Grafik, einer kurzen Erkl\u00e4rung was Dropbox ist und einem Sign-up-Feld. Die dominierende wei\u00dfe Fl\u00e4che symbolisiert Einfachheit und die lustige, animierte Grafik f\u00e4ngt die Aufmerksamkeit des Besuchers ein.<\/p>\n
Direkte Kommunikation<\/b><\/p>\n
Auch wenn Sie auf Begr\u00fc\u00dfungs-Formeln verzichten sollten, bedeutet das nicht, dass Sie mit Ihren Usern – \u00fcber die Texte auf Ihrer Website – nicht direkt kommunizieren k\u00f6nnen. Ein gutes Beispiel daf\u00fcr ist die Website von Evernote.<\/p>\n
![\"Evernote](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-01-um-10.26.09.png\")
<\/p>\n
Hier wird der User direkt mit mehreren Aufforderung angesprochen: \u201cRemember everything\u201d, \u201cSimplify it with Evernote\u201d und \u201cSign in\u201d. Dabei f\u00fchrt der Blick von \u201cRemember everything\u201d in einer geraden Linie zum CTA-Button.<\/p>\n
Zeigen Sie Pers\u00f6nlichkeit<\/b><\/p>\n
Eine Website soll Ihre Brand und Ihr Unternehmen pr\u00e4sentieren und sollte daher Pers\u00f6nlichkeit zeigen. Trauen Sie sich von Webdesign-Standards abzuweichen. Ein sehr gutes Beispiel f\u00fcr ein Unternehmen, das auf seiner Website Pers\u00f6nlichkeit zeigt, ist Mailchimp. Zun\u00e4chst einmal ist das Brand-Icon, der kleine, freundliche Schimpanse, etwas, dass bei Mailchimp sofort in Erinnerung kommt.<\/p>\n
![\"Mailchimp](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-03-um-11.33.17.png\")
<\/p>\n
Auf der Preis-Seite des Unternehmens sind den verschiedenen Pl\u00e4nen Tiere zugeordnet, vom kleinen s\u00fc\u00dfen L\u00e4mmchen bis zum exzentrischen Greifvogel.<\/p>\n
[usnl title=”Development Tipps, Tricks und News” headline=”Tausende Entwickler und Designer erhalten bereits regelm\u00e4\u00dfig neue Artikel.”]<\/p>\n
Fazit<\/h2>\n
Mit dem Design Ihrer Website haben Sie die M\u00f6glichkeit auf verschiedenen Ebenen (Text, Bilder, Icons, Farbe) zu kommunizieren. Dabei sind klare Struktur, Einfachheit und ansprechende Farbgebung sehr wichtig. Auch die direkte Ansprache des Users auf der Website \u00fcber mehr als den CTA-Button kann eine Kommunikation und eine Besch\u00e4ftigung des Users mit Ihrem Unternehmen anregen.<\/p>\n
Wir von Usersnap hoffen, dieser Post hat Ihnen gefallen und freuen uns, wenn Sie uns auf Twitter<\/a> folgen. Dort tweeten wir regelm\u00e4\u00dfig \u00fcber Web Development, Webdesign und UAT.<\/p>\nUsersnap ist ein Bug Tracking und Screenshot-Tool f\u00fcr jedes Webprojekt. Erhalten Sie sofort Feedback von Ihren Website-Besuchern. Jetzt kostenlos testen!<\/em><\/p>\n![](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/02\/Bildschirmfoto-2016-02-24-um-14.58.05-e1458129781372.png\")
<\/p>\n","protected":false},"excerpt":{"rendered":"
Auch wenn Sie nicht jeden User pers\u00f6nlich begr\u00fc\u00dfen: jedes Mal, wenn ein User auf Ihre Website kommt, kommunizieren Sie mit diesem. \u00dcber das Design Ihrer Website. Wie das geht? Kommunikation auf Ihrer Website funktioniert auf verschiedenen Ebenen und reicht von Text, Bildern und der Struktur einer Seite bis zu Farben, Titeln und Buttons. In diesem […]<\/p>\n","protected":false},"author":2,"featured_media":965,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-875","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\/875","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/comments?post=875"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/965"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Webdesign](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-07-29-um-14.55.12.png\")
<\/p>\n![\"invision\"](\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/invision.gif\")
<\/p>\n