{"id":999,"date":"2016-08-23T10:47:45","date_gmt":"2016-08-23T08:47:45","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=999"},"modified":"2016-10-07T15:53:04","modified_gmt":"2016-10-07T13:53:04","slug":"kommunikation-entwickler-designer","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/kommunikation-entwickler-designer\/","title":{"rendered":"Wie verbessert man Kommunikation zwischen Webentwicklern und Designern"},"content":{"rendered":"<p>Entwickler und Designer haben sehr verschiedene Job-Profile und Perspektiven. Auch wenn sie sich mit dem gleichen Thema besch\u00e4ftigen, betrachtet sie dieses doch grunds\u00e4tzlich aus anderen Blickwinkeln.<\/p>\n<p>Ein Beispiel: W\u00e4hrend ein Webdesigner sich das gesamte externe Design ansieht und \u00fcberlegt, wie Leute damit interagieren, ist der Job eines Entwicklers ganz anders. Als Webentwicklerin \u00fcberlegt man, wie eine Idee sich umsetzen l\u00e4sst, und wie man Code daf\u00fcr bestm\u00f6glichst einsetzen kann.<\/p>\n<p>Auch wenn Job-Beschreibungen h\u00e4ufig sehr verschieden sind, arbeiten Entwickler und Designer doch h\u00e4ufig als Team zusammen. Im heutigen Artikel geht es daher darum, wie sich die Kommunikation zwischen Entwicklern und Designern verbessern l\u00e4sst. Los geht\u2019s!<\/p>\n<p><!--more--><\/p>\n<h2>Die Magie der Kommunikation<\/h2>\n<p>Was w\u00fcrden Sie unternehmen, um die Kommunikation zwischen Entwicklern und Designern zu verbessern? In diesem Artikel geben wir Ihnen ein paar Tipps und Tricks.<\/p>\n<h2>#1 Keine r\u00e4umliche Trennung<\/h2>\n<p>Besonders in gro\u00dfen Unternehmen, besetzen verschiedene Abteilungen h\u00e4ufig unterschiedliche R\u00e4ume. Cubicles, Abtrennungen oder verschiedene Stockwerke k\u00f6nnen schnell zu Kommunikationsproblemen f\u00fchren.<\/p>\n<p>Ein erster Schritt w\u00e4re daher, r\u00e4umliche Trennungen aufzuheben. Entwickler und Designer-Teams k\u00f6nnen dann auch r\u00e4umlich &#8211; zum Beispiel im gleichen Stockwerk &#8211; n\u00e4her zusammenr\u00fccken.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1048\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/open-office-developer-1.jpg\" alt=\"open-office-developer\" width=\"600\" height=\"226\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/open-office-developer-1.jpg 1200w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/open-office-developer-1-300x113.jpg 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/open-office-developer-1-1024x385.jpg 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/open-office-developer-1-140x53.jpg 140w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>#2 Zusammenf\u00fchrung als ein gro\u00dfes Team<\/h2>\n<p>Wenn ihr Team bereits r\u00e4umlich zusammen ist, gibt es weitere Aspekte, an denen Sie arbeiten k\u00f6nnen. Stellen Sie sich Ihre Entwickler und Designer als ein gro\u00dfes Team vor. Beide sollten regelm\u00e4\u00dfig miteinander sprechen und sich austauschen. Das hilft, ein Problem noch einmal aus anderen Blickwinkeln zu sehen.<\/p>\n<h2>#3 Kommunizieren Sie deutlich<\/h2>\n<p>Entwickler erhalten oft sehr vage Beschreibungen von Designern wie etwa: \u201cDieser Button soll so aussehen wie bei Twitter, aber so funktionieren wie bei LinkedIn\u201d.<\/p>\n<p>Beschreibungen wie diese machen es schwer, Ideen zu verstehen und f\u00fchren nicht selten zu Misverst\u00e4ndnissen. Das liegt daran, dass jeder seine eigene Vorstellung hat, wie ein Produkt am Ende aussehen soll.<\/p>\n<p>Es kann daher helfen einen eindeutigen Design-Plan zu erstellen, den ein Designer verantwortet. Dieser soll so spezifisch wie m\u00f6glich sein, sodass Au\u00dfenstehende direkt verstehen, was gemeint ist.<\/p>\n<h2>#4 Fragen Sie Entwickler nach visuellem Feedback<\/h2>\n<p>Ich war in Projekt Meetings, in denen es um Design-Feedback ging, bei denen kein einziger Entwickler anwesend war.<\/p>\n<p>Wow. Das war ein gro\u00dfer Fehler!<\/p>\n<p>Entwickler sind eine hervorragende Quelle f\u00fcr Design-Feedback. Sie kennen sich sehr genau mit dem Produkt oder der Website aus und wissen, was aus technischer Sicht m\u00f6glich ist und was nicht. Daher lohnt es sich in jedem Fall beim n\u00e4chsten UX und Design Meeting auch die Entwickler einzuladen. Auch dann, wenn Sie nur neue Ideen \u00fcberlegen.<\/p>\n<h2>#5 Verh\u00e4ltnis Designer &#8211; Entwickler<\/h2>\n<p>Viele Tech-Unternehmen sind auf Entwicklung fokussiert, weshalb es meistens wesentlich mehr Entwickler als Designer gibt. Ein Verh\u00e4ltnis von 1:8 (Designer &#8211; Entwickler) ist dabei keine Seltenheit. Wenn das Unternehmen etwas mehr UX orientiert ist, dann sind Verh\u00e4ltnisse wie 1:4 oder 1:2 m\u00f6glich.<\/p>\n<p>Eine richtige Antwort, wie das richtige Verh\u00e4ltnis auszusehen hat, gibt es dabei nicht. Ich empfehle aber UX genug Aufmerksamkeit zu widmen. Andernfalls erh\u00e4lt man ein System, das so aussieht:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1050\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/designer-developer-problems-1.png\" alt=\"designer-developer-problems\" width=\"615\" height=\"347\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/designer-developer-problems-1.png 615w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/designer-developer-problems-1-300x169.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/designer-developer-problems-1-140x79.png 140w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/p>\n<h2>#6 Wie sieht gute Informations-Weitergabe aus?<\/h2>\n<p>W\u00e4hrend kleinere Projekte Interaktion zwischen nur einem Entwickler und Designer verlangen, wird es komplizierter je gr\u00f6\u00dfer Projekt und Team sind. Gerade bei gro\u00dfen Teams gilt es sicherzustellen, dass jeder up-to-date ist und Informationen weitergegeben werden.<\/p>\n<p>Mit einem festgelegten Informationsweg oder Ort, in dem Updates geposted werden, k\u00f6nnen Designer und Entwickler gleicherma\u00dfen an einem Projekt teilnehmen und effektiver arbeiten.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1051\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/slack-for-designers-developers-1.png\" alt=\"slack-for-designers-developers\" width=\"526\" height=\"354\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/slack-for-designers-developers-1.png 826w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/slack-for-designers-developers-1-300x202.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/slack-for-designers-developers-1-140x94.png 140w\" sizes=\"(max-width: 526px) 100vw, 526px\" \/><\/p>\n<h2>#7 Pairing: design &amp; Entwicklung<\/h2>\n<p>Es gibt Designer, die wenig von Code verstehen, genauso wie es Entwickler gibt, die wenig Ahnung von Design haben. Eine gute M\u00f6glichkeit, dass diese Teams gut zusammenarbeiten ist die M\u00f6glichkeit des &#8220;Pairings&#8221;. Dabei geht es darum, dass jeweils eine Entwicklerin und ein Designerin zusammenarbeiten.<\/p>\n<p>Das Konzept des <a href=\"http:\/\/usersnap.com\/blog\/remote-web-development-teams-productivity-boosts\/\"  >pair programming<\/a> kommt aus der agilen Software-Entwicklungs-Welt. In diesem Fall arbeiten zwei Entwickler zusammen an der gleichen Workstation.<\/p>\n<p>Eine Alternative dazu w\u00e4re nun, nicht zwei Entwickler, sondern einen Entwickler und einen Designer zusammen arbeiten zu lassen. Damit k\u00f6nnen UX Probleme direkt diskutiert werden.<\/p>\n<h2>#8 Eins + Eins = Drei<\/h2>\n<p>Designer brauchen immer Entwickler, um ihre Ideen zu realisieren, und Entwickler brauchen andersrum auch immer Designer. Erst dann kann man tolle Anwendungen oder Websites gestalten.<\/p>\n<p>Mir gef\u00e4llt besonders dieses <a href=\"http:\/\/blog.teamtreehouse.com\/mindset-developer-vs-designer\"  target=\"_blank\"  >Statement <\/a>von Andrew Chalkley in seinem Artikel: <em>Mindset: Developer vs Designer:<\/em><\/p>\n<blockquote><p><b><i>Design should lead the development and development should inform design. Separating out these two roles or facets of your application can cause bad experiences for users.<\/i><\/b><\/p><\/blockquote>\n<p>Nur weil Sie ein gro\u00dfartiges Entwickler-Team haben, bedeutet das noch nicht, dass Sie Ihre Design-Ideen schneller umsetzen k\u00f6nnen. Das gleiche gilt f\u00fcr Designer.<\/p>\n<p>Setzen Sie realistische Deadlines und stellen Sie sicher, dass Ihr Team genug Zeit hat, falls Probleme auftauchen sollten.<\/p>\n<h2>Fazit<\/h2>\n<p>Technologie ist heute zu einem wichtigen Teil eines jeden Business geworden. Das Bed\u00fcrfnis nach besserem Software Design und Funktionalit\u00e4t ist allgegenw\u00e4rtig.<\/p>\n<p>Mit zunehmendem Wettbewerb ist es wichtig, dass Teams gut aufeinander eingespielt sind, um ihren Kunden das bestm\u00f6glichste Ergebnis zu bieten.<\/p>\n<p>Ein integraler Teil eines jeden Teams sind Designer und Entwickler: Menschen, mit sehr verschiedenen F\u00e4higkeiten und Talenten, die am gleichen Produkt arbeiten. Diese Zusammenarbeit gilt es zu f\u00f6rdern, denn gerade die kann den Unterschied machen zwischen einem guten und einem gro\u00dfartigen Produkt.<\/p>\n<p>Wir von Usersnap hoffen, dieser Post hat Ihnen gefallen und freuen uns, wenn Sie uns auf <a href=\"https:\/\/twitter.com\/usersnap\"  target=\"_blank\"  >Twitter<\/a> folgen. Dort tweeten wir regelm\u00e4\u00dfig \u00fcber Web Development, Webdesign und UAT.<\/p>\n<p><em>Usersnap 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<p><img decoding=\"async\" class=\"alignnone wp-image-107 size-full\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/02\/Bildschirmfoto-2016-02-24-um-14.58.05-e1458129781372.png\" width=\"600\" height=\"150\" \/><\/p>\n<p>[usnl]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Entwickler und Designer haben sehr verschiedene Job-Profile und Perspektiven. Auch wenn sie sich mit dem gleichen Thema besch\u00e4ftigen, betrachtet sie dieses doch grunds\u00e4tzlich aus anderen Blickwinkeln. Ein Beispiel: W\u00e4hrend ein Webdesigner sich das gesamte externe Design ansieht und \u00fcberlegt, wie Leute damit interagieren, ist der Job eines Entwicklers ganz anders. Als Webentwicklerin \u00fcberlegt man, wie [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1047,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-999","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\/999","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=999"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/1047"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}