 Hallo und herzlich willkommen. Jetzt geht es los mit einem sehr, sehr spannenden Vortrag zum Thema Interface-Design aus Designersicht. Und hier habe ich die reizende Vanessa und die wird euch jetzt gleich einführen in das Thema Interface-Design aus Designersicht. Und zwar ist dieses Thema so wichtig, weil es immer wieder Probleme gibt in der Kommunikation zwischen Designern und Entwicklern. Allerdings ist es sehr wichtig, dass beide Seiten sich gegenseitig wertschätzen, da nur so eine gute Zusammenarbeit möglich ist. Und wahrscheinlich ging es vielen von euch schon so, dass ihr euch aufgeregt habt über die sogenannten Pixel-Schubsa, die wahrscheinlich euch nur nerven wollen mit ihren Konzepten. Tatsächlich ist dem aber nicht so, denn auch Designer machen sich vorher Gedanken und haben sich eben im Vorfeld darüber Gedanken gemacht, warum das so sein soll. Aber natürlich muss das dann richtig an die Entwickler kommuniziert werden. Und wie das geht, mögliche Ansätze dazu und Gedanken, die gibt euch jetzt die. Liebe Vanessa, begrüße Sie mit einem herzlichen Applaus. Ja, ich hätte erst mal nicht gedacht, dass so viele Interesse daran haben. Aber gut, dann sage ich mal herzlich willkommen zu Interface-Design aus Designersicht, bzw. ja, lauter. Und eigentlich besser gesagt Interface-Design aus Kommunikationsdesignersicht. Aber ich fand Kommunikationsdesignersicht jetzt ein bisschen zu lang. Kurz zu mir, ich studiere an der HS Mannheim Kommunikationsdesign. Und einer meiner Schwerpunkte ist interaktive Mädchen, wo ja Interface-Design im Prinzip ein ganz, ganz, ganz, ganz kleiner Teilbereich ist. Und ich habe mich jetzt dazu, dass ich diesen Vortrag halte. Ich habe mich letztes Jahr auf der Klüpe in, einer der Schuldigen sitzt hier vorne, über vier Stunden das Thema unterhalten. Und dann war es so, ja, bitte. So, besser. Und was Ag dazu beigetragen hat, bei uns an der Hochschule arbeiten wir auch mit den Informatikern zusammen. Mit den Informatikern von der Informatik-Fakultät. Und wir hatten auch sehr oft das Problem, dass wir, dass diese Kommunikation einfach sehr brüchig war. Und jetzt ist meine Frage, wer findet sich in diesem Bild im Prinzip wieder von euch? Ab und an. Ja. Und ich möchte jetzt einfach, ich habe mich darüber überlegt, okay, wie bringe ich das? Wie gehen wir Kommunikationsdesigner bei der Entwicklung eines Interfaces vor? Wie bringe ich euch das am besten näher? Und wir werden uns anhand einer App sozusagen in unserem Prozess entlanghangeln, sozusagen. Und deswegen sieht mein Kontext im Prinzip so aus, wir machen eine Problemstellung, das ist für einen Kommunikationsdesigner eigentlich die wirklich die Ausgangsbasis. Dann eine Problemanalyse, dann die Personas, die egal, in welchem Designbereich du bist, das Wichtigste eigentlich sind. Dann über Sketching, über Wireframing, über das Visual Design, ein bisschen zum Prototyping. Dann ein ganz kurzer Abschnitt in die Usability-Tests und dann am Ende kurz das finale Produkt, wie dann dieser Übergang stattfinden soll im Prinzip. Und bei der Problemstellung war es so, also die App, die ich euch jetzt vorstelle, war für den UX Day in Mannheim. Und der UX Day in Mannheim war im Prinzip noch, obwohl es ja wirklich um User-Experience geht, haben sie halt noch wirklich Printmedium als ihre Programmhefte gehabt. Was ich ein bisschen schade fand und dann war so die Aufgabenstellung, hey, mir möchten gerne eine App dazu. Und ja, das war dann eigentlich sehr spannend und dann geht es im Prinzip damit los. Brainstorming. Brainstorming mit vielen, vielen Post-Its. Ohne groß nachzudenken soll man halt wirklich alles aufschreiben, was einem demoment in den Kopf kommt. Egal was, wirklich, es kann der kleinste, idiotischste Part sein, den man sich vorstellen könnte, weil im Prinzip keine Idee ist sinnlos. Die Sache ist die, alles was ihr aufschreibt, könnt ihr auch später in anderen Projekten benutzen, also wir zumindest. Und selbst wenn es dann in diesem Moment im Next-Enschritt nicht gepasst hat, mit dem, was man aufgeschrieben hat, es ist vielleicht dann passend dafür ein anderes Projekt für ein Next-Orter, das ist Übernexte. Aber man hat zumindest mal so dieses Brainstorming gehabt. Und wenn am Ende die ganze Wand mit ganz vielen Post-Its voll hängt und man ein riesengroßes Chaos hat, muss man strukturieren. Und dann erfindet man erst mal raus, okay, was ist jetzt wirklich für das, was ich möchte, sinnvoll, was ist sinnfrei in diesem Moment. Und man passt halt wirklich Themenfelder unter dem Farbschämen, dann so, okay, was für Features möchte ich drin haben. Hast du ja irgendwann mal überlegt, so, eigentlich wäre es cool, wenn da eine Timeline drin wäre. Das steht zum Beispiel jetzt auf einen dieser Post jetzt. Und dann denkst du, okay, ja, das könnte passen. Also sagen wir jetzt, Themenfeldfeatures ist es drin. Und da kommt halt alles rein. Und wie gesagt, eines der Themenfelder ist dann auch, du hast ja irgendwann gedacht, okay, für wen mache ich das jetzt am Ende eigentlich? Wer ist mein Endkunde im Prinzip? Wer ist der Endnutzer? Und ja, und dann geht es halt wirklich schon in die Personas. Und Personas sind wirklich, sie sind Heidenarbeit. Aber wenn man sich die Arbeit gemacht hat, erleichtern sie einem das Leben. Und bei den Personas ist es im Prinzip so. Wir müssen wirklich hinterfragen. Ist jetzt zum Beispiel, gehen wir jetzt mal, sagen wir mal lieber Harold, ist die jetzt wirklich vertreten für 100 andere Tausend Menschen mit ihren Wünschen, mit ihren Anliegen, was sie gerne an dieses App hätte? Nein. Weil sie ist jetzt einfach nur ein Beispielpersonen, wo ich sagen kann, passt jetzt wirklich, hat sie diesen Schnittfeld mit 100 anderen Menschen, die sie selbst später nutzen werden. Und da macht man sich dann wirklich dann Personas in im Prinzip fiktive Person. Die ganz spezielle Wünsche haben, du gibst den wirklich, du gibst den Namen, du gibst den Alter, du gibst den, sagst, die sind ledig, sie sind verheiratet. Du sagst, die wohnen so und so in diesem Haus, in dieser Gegend, haben die und die Anreise. Und am Ende sagst du auch, okay, was möchten diese Personen am Ende gerne haben? Was sind ihre Wünsche? Und die Beispiele zum Beispiel, ja, ist zum Beispiel Fabian Brecht. Fabian Brecht war für uns die vertredende Person, für die ganzen Informatikbegeisterung, für die Mediengestalter, die halt dort sind, die beruflich hingehen. Und seine Wünsche waren, er möchte die Weiterbildung, er möchte gerne neue Anleitungen, er möchte Inspiration sammeln, er möchte Informationsauftragung und Web-Metworking. Und was auch wichtig ist für uns zum Beispiel, was für Social Media nutzt er? Was sind seine sozialen Medien? Weil wenn du eine App gestaltest und sagst, okay, ich möchte vielleicht ein Feature, dass es sich mit irgendein dieser sozialen Medien später verlinkt. Das ist halt so ein Punkt, den man immer beachten muss. Dann nur kurz. Beispiel, das war jetzt für die ganzen Studenten, weil der UX-Day wird auch von Studenten besucht, dass die halt wirklich auch schon mal anfangen können, hey, was ist gerade der Trend im UX-Bereich? Oh, da sind auch ganz viele Headhunter, die sagen, hey, klingt spannend, was du machst, melde dich doch mal bei uns. Nur als Beispiel. Und wenn du dann am Ende deine ganzen Personas erstellt hast, ist es halt so, dann musst du in der Schein zwischen primär und sekundär. Du entscheidest dich, okay, welche Personas haben die größte Schnittstelle, dass du am Ende damit deine App zu erstellen kannst. Die sekundären sind Sachen, ja, wenn du es mit reinbringst, ist schön, aber es ist auch nicht schlimm, wenn sie nicht dabei sind, die Wünsche also, dass du die erfüllst. Und jetzt beim UX-Day war es so, wir haben hauptsächlich aus der Seite der Besucher das Ganze betrachtet. Wir haben den Veranstalter weglassen, wir haben die Headhunter weglassen. Bei einem Prinzip, es sollte am Ende ein Programm heft werden. Und wenn das Ganze gemacht ist, geht es an die ersten Scribbles. Müssen nicht schön aussehen. Also im Prinzip ein richtig gutes Scribble ist innerhalb von fünf Sekunden auf dem Blatt, maximal zehn Sekunde. Und es muss später im Prinzip, du musst es deinem Kunden sein, kannst du in der ersten Ansatzweise, du, das ist meine Idee, was hältst du davon so ansatzweise? So und so könntest du es aussehen und er muss es auch schon erkennen. Ja, es ist von Vorteil, wenn man es zeichnen kann, wenn man es halbwegs versteht, visuell sich auszudrücken. Aber ansonsten, solange du es rüberbringen kannst, was du später gerne hättest. Und da ist auch so, da machst du noch nicht mal Gedanken über die Proportionen. Die kommt dann später bei dem Wireframs, wo du dann sagen kannst, passt es jetzt wirklich da rein oder nicht. Und das waren jetzt zum Beispiel noch mal ein paar wirklich, die zu dem UX-Day dann damals entstanden sind. Noch mal abgezeichnet. Also, das war unser Ausgangspunkt. Das war ungefähr Phase 1 und dann zehn Wochen später war es wirklich die App, also das Prototype war dann am Ende fertig. Und bei dem Wireframs, das ist jetzt sehr persönlich gesehen. Was mir hilft, ist ein Raster zu entwickeln. Du sagst ein Beispiel, wie viele Quids du möchtest, also wie viele Spalten. Ist auch viel Aufwand, aber es macht dir das Leben auch einfach. Weil wenn du weißt, wie viele Spalten du hast, du kannst dann komplett frei alle Elemente rumschieben. Und es ist trotzdem am Ende noch harmonisch. Und was ich jetzt sage, was ich empfinde, wenn du für Apps machst, reichen drei Spalten, empfinde ich. Und wenn du für Web und alle anderen, wenn du halt Größe ist, fünf aufwärts, dann bist du auch noch mal weiters freier in deiner Gestaltung. Und dann setzt du im Prinzip deine Elemente. Und bei deinen Elementen ist so, musst du auch dann nochmal bedenken, da ist eine Hierarchie schon. Was ist jetzt wichtig? Möchte ich mir das Bilderaussagen? Möchte ich mir das der Text wichtig? Möchte ich mir das Eigens oder andere Sachen wichtig sind? Und geh mir jetzt rein von mir XT aus, es ist ein Programmheft in Handyformat. Also heißt der Text ist wichtig. Das heißt, das Bildmaterial ist eigentlich sehr gering zu halten. Man möchte zwar sehen, wer ist der Speaker später, der diesen Vortrag hält, aber du brauchst jetzt nicht unbedingt ein komplettes, über den ganzen Bildschirm Bild haben, unter anderem. Also das war halt unsere Gedankengang. Wir haben gesagt, wir stellen den Text in Vordergrund. Und wenn dann die Elemente und etc. steht, der Wireframe, dann ist so, dann kommt es ins Visual Design. Was ich sagen muss, was mir am meisten Spaß macht und vielen bei uns im Kommunikationsdesign, weil mir überspringen auch ganz oft den Wireframe schon. Also wir machen sehr oft nicht wirklich diese Kästchen mit den Kreuzen, wir gehen wirklich schon, wir blicken es okay, wie können es später aussehen, weil es für uns einfacher ist, schon mit Farben, mit einem möglichen zu arbeiten und dann Sachen zu ändern. Und da kommen wir dann schon zur Farbwahl. Farbwahl ist auch ein sehr wichtiger Punkt. Ich glaube, wie viele von euch haben Probleme, ein harmonisches Farbbild zu erstellen. Kann ich gleich sagen, geht auch vielen Designern so. Also zumindest Komplituren von mir, die haben auch. Es sind meistens wirklich nur Nuancen von 2-3%. Und da ist es so, wenn man jetzt sieht, auf der rechten Seite, das sind jetzt die Farben, die zur Zeit trenzen. Ja, Gradient und Trend. Es ist schön anzusehen. Überall sieht man diese Farbverläufe, weil ich gerade so zwei überraschte Gesichter sehe. Und da überlegst du dir dann halt auch, okay, welche Farben passen jetzt zusammen, was passt, möchte ich diesem Trend folgen? Möchte ich, wie jede andere, diesem Mainstream folgen? Oder möchte ich, dass meine App doch heraussticht, in dem Fall? Und bei der Farbwahl spielt auch ganz viel Farbpsychologie mit. Sagen wir jetzt zum Beispiel, dieses wunderschöne magenderfarbene rosa-rot. Steht zum Beispiel in asiatischen Ländern für Vertrauen. Deswegen sind noch die meisten Banken in asiatischen Räumen rosa gehalten. Was bei uns wiederum blau ist. Und gehen wir in arabische Ländern, wenn du da rosa nimmst, tue dich deine Kunden direkt wieder vor die Tür setzen, weil sie sagen, rosa ist verweichlichend. Farbpsychologie. Und beim UX-Day war es so, mir hat es ziemlich einfach. Und dann waren die Farben eigentlich schon vorgegeben. Ein Zyron und ein absolut hässliches Neon-Gelb. Und unser Team war so, wir haben gesagt, okay, wir finden diese Farben harmonierlich. Wir haben dann im Prinzip das linke Farbschema entwickelt. Wenn wir gesagt haben, ja, das blau darf drin bleiben, aber dieses Neon-Gelb finden wir einfach nicht passend. Und wenn man dann die Farben hat, muss man eine Farbpära hier erstellen. Weil die Sache ist die, wenn ich jetzt zum Beispiel Ignation auslöse und das Element wird gelb und im nächsten Moment wird plötzlich ein Text gelb, verwirrt es dann endiose. Also du überlegst dir wirklich, wo stehen am Ende deine Farben? Für uns war das Andrazid, war eine Zierfarbe. Von da halt ganz nach hinten. Das Petrol war die Hintergrundfrage, kann deswegen auch ziemlich nach hinten. Das hat keine gröre Sauberdeutung. Das Zyron, das es halt doch wieder mit drin ist, ist auch eine Zierfarbe. Das soll sich vom Hintergrund abheben. Deswegen ist es immer ein bisschen wichtiger als die Hintergrundfarbe. Dieses Kräulichem, weil Reihenweis, tut den Augen einfach nur noch eine Weile weh. Es ist die Textfarbe, deswegen steht es hier ziemlich weit oben. Und gelb war für uns die Aktionsfarbe. Also immer, wenn eine Aktion ausgelöst wurde, wenn du zum Beispiel irgendwas gefaft hast, hat sich die Überschrift auch später in der Timetable, was ich auch noch zeigen werde, hat sich gelb gefaft, dann wusste der User, oh, da ist was passiert, wunderbar. Ich kann weitermachen, ohne dass es wirklich offensichtlich registriert ist. Und da gibt es jetzt für die Leute, die Probleme mit Farbwahlen haben, eine wundervolle Seite, weil die Sache ist auch die, ich empfinde maximal fünf Farben, weil je mehr Farben, desto mehr Farben, desto mehr Farben, desto mehr Farben, desto mehr Farben, desto mehr Farben, desto mehr Farben, desto mehr Farben, desto maximal fünf Farben, weil je mehr Farben desto kitschiger, ich nenn es kitzchiger, wird das halt am Ende. Bei KALAS, kannst du, unter anderem für Leute, du möchtest einen Farbschema klickst einfach auf die Lehrtaste und es tut ihr direktSON neues Farbschema auswillen. Du sagst, oh, dieser grün Ton, der kommt mir in ten Projekt. Kannst du ja unten auf dieses Lok gehen auch zu dem Farbton passen oder du sagst du hast ein Farbton und weißt ganz genau welchen du möchtest aber dir fehlen die restfarben kannst du hier alles eingeben und kannst dann wieder auf lock machen und kannst die rechtlichen farben dir ausspucken lassen so für leute für dies erst mal schwer fällt so in dieses ganze thematik rein zu kommen dann eigens ist auch immer so ein wunderschönes thema bei uns im design die sache ist die du möchtest eigentlich auch dass der nutzer sofort ohne groß erklären weiß oh da ist ein home button das ist ein häuschen das weiß ich auch wenn es jetzt im erste moment sehr banal ist du möchtest dass er die eigens eigentlich wieder erkennt du möchtest dass er wieder gesagt ohne zu erklären seinen weg findet und da hast du dann auch verschiedene möglichkeiten wir erstellen die eigen selber meistens oder mir gehen halt wirklich auf ressourcen zurück wenn wir sagen hey das ist genauso wie es haben wollte warum soll ich es gerade neu erfinden und gibt halt dafür den anderen jenigen sozusagen die laubern er hat super gemacht also nutzig und bei uns war so alle haben bei uns in diesem course diesen Stern genommen wenn es darum geht du möchtest einen talk favorisieren so dass er dir später angezeigt wird und mir so wollen wir auch wieder diesen langweiligen immer wieder gesehenen Stern nehmen nein und zwar beim juicester ist im logo selber eine flamme mit drin und es wird von der kühlhauser gehege macht und die haben auch eine flamme drin und wir haben dann gesagt warum aus dem stern nicht eine flamme mache dann heißt statt statt gefaff geflammt mir ein fach mir ein flammen wegen der neugierig was da später passiert also so kann man dann a spielung kann dann später im prinzip sein das sein individueller machen und da sind zum beispiel seite wo leute die jetzt nicht unbedingt darin begabt den eigens zu erstellen weil es ist doch viel arbeit es ist doch sehr kleines funselsarbeit wenn man wirklich gucken muss ist jetzt alles wirklich allein oder nicht es gibt platikon unter anderem einmal anwenden kostet nichts außer ihr holt halt euch eins dieser premiumprodukte aber ich muss sagen selbst die kostenlosen sachen die man sich laden kann sind wirklich super und anwender dann auch ein konster auch für jeden der sich nicht unbedingt mit der erstellung auseinandersetzen möchte und dann natürlich egal in welchem bereich jetzt das nächste himmer schrift schriften ins gibt die typografische regeln nie mehr als drei schriftarten miteinander kombinieren und am besten eigentlich aus der schrift schnitten also dass du medium bolt light aber das ist das harmonische fürs auger da musst du denken okay mache ich jetzt wirklich für print oder mache ich wirklich für ein brause anwendung oder für eine app und sagst halt es muss es darf nicht verpixeln geschrift es muss gut lesbar sein und du möchtest zum beispiel wie ich auf der linken seite so das zweite kleine da steht dies ist eigentlich der wichtigste part des textes es soll groß genug sein dass du nicht die ganze zeit mit deinem handy six und so was steht da jetzt weil es geht auf die augen es ist doof und irgendwann hat der nutzer da noch keinen lust mehr und ich sag mal wenn du jetzt eine app hast wo du einen ganz präzisen screen haben möchtest ein plakat wie ein plakat dann kannst du von mir aus eine ganz verrückte schrift nehmen und wort keiter man hat gesagt im prinzip diese typografischen regeln kann man brechen wenn man weiß wie dann kannst du wirklich frei handieren kannst machen was du willst ich sag halt für eine app anwendung sind sehr riefenlose schrift am angenehmsten zu lesen am besten wirklich eine die sehr geometrisch sind das freut ist einfach fürs auger angenehmer und wenn das ganze steht um wir unsere den so sein macht haben hocken wir uns ans prototyping und da gibt es verschiedene anwendungen unter anderem marvel figma und x pin und noch viele viele mehr das sind all die mit denen ich mich jetzt auseinander gesetzt habe in den letzten vier jahren x pin ist in der in sich gut du kannst im prinzip mit deinem partner direkt darüber kommuniziere du tust ein du tust da dein interface gestalten deine oberfläche und er kann direkt kommentiere seitlich du guck mal ob du die farbe noch mal änderst oder du das ding ist gerade so weit oben was runter oder er kann selber ändern und du kannst es auch direkt an leute schicken und sagen hey guck doch mal rein ist es in ordnung ist es nicht und der kunde kann direkt reinschauen und kriegt im prinzip sowas zu sehen und freut sich halt darüber mal einen schritt weiter zu sehen als jetzt die skrepes oder dem wireframe ich selber finde marvel ganz gut das ist aber komplett persönlich marvel hat dasselbe prinzip du kannst dich noch mit deinem partner oder mit dem mit in designer wieder da einlocken und können beide darüber schauen passt es passt es nicht ihr könnt beide was verändern und beim marvel ist es schöner eigentlich dann später für den usability test du lädt dir die app aufs handy und kannst direkt was du hier stellt hast aufs handy laden also im prinzip der end der tester später der probant kann im prinzip schon am händeschauen uff ja hab ich das gefühlt habe ich es nicht viel passt es passt es nicht um marvel simuliert auch swiping havern etc. also es ist ziemlich nah am endprodukt schon was ganz schönes einziger nachteil die hotspot setzen du klickst ein bild an zum beispiel jetzt irgendein insta eiken und dann musst du da unten erst mal ewig squarren bist du den bildschirm findest wo du hin wolltest und manchmal kann es sein dass du ihn beim ersten mal nicht findest beim zweiten mal ahnet und irgendwann denkst du ich mache jetzt erstmal eine pause und hol mir ein kaffee oder sowas in der art und das finde ich halt schade weil eigentlich hat marvel schönes potenzial was wiederum dann bei figma ist ein komplett andere aufbaum man hat dann wirklich jeden einzelnen screen hier muss es dann für sich selber ordnen weil schon es ist darin kauswürdig und du findest auch nichts mehr figma hat aber den vorteil so sieht dann das hotspot setzen aus du siehst es du kannst direkt im prinzip sagen okay der oben ganz rechts da möchte ich jetzt dass dieser eiken sich damit verbindet also dass da dann die aktion passiert figma hat aber den nachteil figma simuliert zum beispiel das weib und du kriegst die ganze zeit noch drauf und das zieht dann viele testpersonen haben dann halt man ich möchte eigentlich weib warum geht es nicht und das ist halt das ist danach dabei figma was bei figma aber auch noch spannend ist für leute jetzt wie mich die nicht unbedingt mit kot umgehen können ich bin nicht unbedingt ich kann es ein bisschen aber ich bin ja gut die tun ja am enden kot raus sogar wenn du auf eins der element klickst auf ein der dinge kommt dann ganz rechts kannst du drauf fliegen und dann tun sie dir den kot sagen dann sagen sie da und da das und das allein etc. was für mich manchmal ganz nett ist und dann wenn der prototype steht kommen die usability test und da ist es so ich werde es nur ganz ganz knapp ansprechen also die drei die mir hauptsächlich durchgenommen haben es gibt ja genügend und zwar das in person deshalb wie gesagt du tust auf dem handy du hockst daneben du hast die kamera dabei und du stellst zum beispiel sagst hey klicke mal deinen ticket jetzt in dem fall und dann siehst du versteht er sofort was er machen muss ohne groß erkläre und du musst halt auch immer noch sagen dass er probant während diesem test muss er ganz genau laut sagen was ihm jetzt auffällt was er jetzt macht und du musst ihn immer wieder dran erinnern hey denkt dran du musst jetzt kommentiere laut weil wie soll ich damit arbeiten wenn du mir nicht direkt im moment den moment das feedback gibt bei dem monitor remote ist so das ist im prinzip wie skype ich vergleiche es einfach mit skype ich habe mein monitor jemand anders am monitor mehr reden darüber ich sehe auch direkt was er macht was er nicht macht ich krieg immer noch die emotion mit so verzieter jetzt gesicht weil er nicht versteht was das soll und ja und bei dem online monitor remote ist es halt so du gehst in du setzt dein probant in extra raum wo zum beispiel eye tracking ist und guckst halt wo schaut jetzt hin passt das passt nicht und du siehst erst am ende was wirklich rausgekommen ist und das letzte hera haben wir jetzt nicht gemacht aber es ist halt trotzdem ein sehr weit verbreitet das usability test einer sehr weit verbreiten usability test mit dote und bei der in person wir haben mit hundert leuten dann getestet wir waren fleißig und dann kam halt vieles raus was eigentlich in jeder phase ist dieses repeat egal in welcher phase du bist du musst immer wieder von vorne teilweise anfangen es kommen neue fragen aus zum beispiel ist das ding sicher genug das kommt ja irgendwann später möchte ich überhaupt das leute sich anmelden möchte ich überhaupt das leute ihre e-mail adresse geben weil ich weiß von mir selber je mehr da nicht von mir rausgehen muss dass du und so friedner bin ich eigentlich und das kommt dann immer erst zum nachhinein was möchte ich was möchte ich nicht zum beispiel wir hatten ganz am Anfang also kommentonen hat gesagt eigentlich sollten die leute sich anmelden damit mir später ein archiv haben wo die leute dann gucken oder der talk hat mich fand ich kann direkt da reinschauen ich so die nacht im event löschen die ab sowieso tun sie irgendwann wieder installieren wenn es nächstes jahr wieder ist also ist diese schritt dieses ich melde mich anhaben account total sinnlos in dem moment und das kommt halt immer nach dem schritt zum beispiel genauso bei den farben vielleicht verstehen die leute am ende die farm nicht da musste die farm noch mal neu machen dann verstehen sie die eigens jetzt musste die eigens noch mal neu machen also im prinzip es ist immer wieder und immer und immer wieder wiederholen und deswegen dauert es bei uns auch so lange weil man es wirklich gedankt übermachen passt es jetzt passt es nicht und wenn wir dann glück haben so nach zehn wochen oder früher je nach dem wie gut alles gelaufen ist können wir dann an die entwickler ein so genannten style guide geben und ja und die tun dann im prinzip am ende das machen was wir haben wollen oder was wir haben wollen was ich halt schade finde ich hätte halt gern dass die entwickler und designer mehr miteinander kommunizieren wie das anfangen bild halt war dann ist halt so gott ihr habt so typische vorstellungen wir müssen euch jetzt erst mal auf den boden der tatsachen zurückholen der das war wird zwar gestern ein dozent von meiner hochschule der hier wird er mit mir darüber gehen und seiner frau mich so vorgestellt hat ja und oder was mir auch ganz oft hatten ihr denkt euch ja nix dabei ihr macht das ja willkürlich um es teilweise zu ärgern also es ist bei uns jetzt sehr sehr sehr extrem muss ich sagen ich sag nicht dass es auf alle zu trifft weil davon gehe ich nicht aus und bei uns ist es einfach ich finde es halt schade dass dann oder wenn mir uns mal gegenseitig versuchen was zu erklären zum beispiel hey so und so habe ich mir vorgestellt und er so nee nee nee das geht nicht aber nur weil er sich den moment nicht vorstellen kann was ich von ihm wollte weil es vielleicht falsch aufgesquibbelt wurde ich mich falsch formuliert hatte und das ist dann halt schade wenn diese einfache kommunikation nicht stattfindet weil beide dann irgendwann sagen wir es mal das ganze geht jetzt eine stunde hinterher beide stehen auf durchzug und sagen ich habe kein Bock mehr mitreffen uns nächste Woche wieder es klingt böse hatten wir oft genug und ja ich finde es schade und das möchte ich eigentlich weil ich sage mir viele dann wirklich habe in meinem team hatten auch ganz gute idee so hey die idee ist gut die können mir so und so umsetzen und das macht das ganze sogar noch einfacher oder dann war ein beispiel weil ich sagen interface sollte eigentlich zeitlos sein was man hat länger benutzen kann außer du möchtest halt etwas was jetzt nur für eine wenn ganz spezielles dann kannst du dich da austoben aber viele firm hätten halt gerne was schlicht das was minimalistisches also viele firmen mit denen ich zu tun hatte wollten halt das und dann war so einfach diese sprachwahl mir haben gesagt wir machen e n strich de für die sprachauswahl und dann kam da im wickler ganz stolz guck mal was ich gemacht habe und setzt uns da die britische und die deutsche flacke unter rein in unser design und ich sage mal wenn er vorhin gesagt du ich hätte eine idee aber es nicht direkt umgeandert hat vor der nächsten präsentation wäre es vielleicht ein bisschen klimpfiger ausgegangen weil ich gesagt du mir haben uns wirklich gedank macht warum das so ist und das manche von uns empfinden es dann als respektlos wenn halt leute plötzlich meinen sie haben eine ganz tolle design idee dieses typisch dass da reingehen und einfach machen ohne uns vor mit uns das ganze auszutauschen was ich schade finde als beispiel und einfach diese kommunikation und kommunikationsdesign zum beispiel hat auch viel damit zu tun also wir haben eine problemstellung wir machen eine problemanalyse um versuchen diese problem zu lösen mit allen leuten aus der rum die kommunikation muss halt auch stattfinden zwischen allen und wenn da irgendwie im bindeklid nicht funktioniert dann ist es eigentlich ein großes ärgernis dann sage ich danke und sind noch dankeschön erst mal ein klaus gibt es denn eurerseits noch fragen ja sehr gerne gerade noch mal kurz die handheben bitte hier vorne ja ich wollte fragen wie gehst du vor wenn du design pattern hast die die entwickeln immer verwenden wollen ich kenne es jetzt zum beispiel von klaude ep system da kann man leider nicht so frei design als berater wie man das gerne wollen würde tauscht ihr euch dann immer wieder aus was möglich ist und machst du das design dann anders je nachdem was die empfehlen oder wir hatten letztes semester ein bot bot projekt und da war es so eigentlich hatte der endkunde hatte ein ganz spezielles pattern und wir haben sagt gut wir übernehmen auf jeden fall die farben wir übernehmen halbwegs das raster und haben das aber mit dem kunde auch abgesprochen haben gesagt sozusagen hey das ist nicht schlecht aber du damit mit dieser und dieser idee mit diesem diesem version würdest du vielleicht doch noch mehr die kunden mehr ansprechen also du versuchst es wirklich zu kommunizieren warum du jetzt was ändern möchtest in seinem mehr wie du sagst pattern was eigentlich schon hat es ist nicht dass mir nicht respektlos ging über den kunden sind es einfach nur mehr haben ideen um wenn er sagt nee du will ich nicht dann akzeptieren wir es auch ab einem gewissen punkt wenn wir halt sagen nee dieser argument jahrelso also lassen wir es so das ist dann so wenn wir denken okay schade aber dann arbeiten wir halt damit und versuchen das bestmögliche aus dem ganzen raus zu hungen hat es das beantwortet ja vielen dank für den vortrag habt die erfahrung mit user stories und in welcher diese sequenzen die du erklärt hast man das am besten reinbringen kann bei den personas im prinzip also du je nach dem also kannst dir zeigen klein moment also im prinzip dieser kleine text oben ist so mini ausschnitt aus dieser user story mini mini ausschnitt also du versuchst eigentlich wenn du diese persona vorstellst du redest ja du lest ja keinen text ab in dem sinn du erzählst dann so ja zum beispiel fabian brecht der wohnt jetzt und da und er möchte unbedingt das und das und entwickelt diese story ja immer weiter zum beispiel wenn du wie gesagt bei dem repeat und merkst dann zum beispiel eigentlich hätte er ganz gerne noch mehr sicherheits viel mehr sicherheit in dem ganze dinge also in dem ganzen ending und diese user story ist ziemlich am anfang schon und je entwickelt sich eigentlich mit dem projekt auch immer weiter bis halt zum punkt wo du sagst okay jetzt müssen wir das produkt konzentrieren das war es gibt es denn auch jemanden mit fragen dann wandere ich gerade rüber danke für den vortrag war total cool und ich finde die folien sehr sehr geil hast du noch ein zwei wörter wie du die folien irgendwie erstellt hast weil das nicht mehr total schwierig schöne präsentationen oder gibst du mal ein talk da drüber die folien eigentlich ziemlich simpel so habe ich gelernt mit inde sein also mir erstellen halt mit inde sein mir werden halt wirklich darauf getrimmt so böse es jetzt klingt hier kann ich es glaube ich sagen wir müssen adobe können weil adobe halt das ist was auf dem markt führendes was ich nicht schlecht finde du kannst aber inde sein auch quarks oder auch funktioniert jetzt hier quarks express oder inde sein oder was halt legt zum beispiel ux pen kannst du genauso gut dafür nehmen um folien zu erstellen ist halt eine web anwendung deswegen fand ich sie nicht ganz so prickelnd mehr weil das problem ist sobald du keinen wähler mehr hast kannst du die kannst du das ding nehmen benutze du bist halt immer darauf angewiesen dass du in der zugang hast und das ist halt schade und die folien im prinzip kannst du dir hier zeigen schriften siehst du hier ich habe im prinzip mit spalten du machst da wieder deine spalten du machst dein raster und dementsprechend du entscheidest überschriften du entscheidest was ist deine schrift größer jetzt für nur überschriften was ist deine schrift halt dafür ja wenn net ich kann es dir später auch gerne noch mal genauer erklären wenn du es möchtest so noch mal eine frage hi danke auch von mir für den vortrag meine designer mit den ich immer zusammengearbeitet habe die haben immer eine gerade anzahl an gritzspalten verwendet und du irgendwie immer nur ungerade und zwar ist das haben mir ganz am anfang des studiums gelernt gerade zahl zum beispiel die fünft zahl fünft ist für den menschen weiter aus angenehmer grundlagen der gestaltung war das und du kannst mit denen halt weiter aus mehr spielen du kannst zum beispiel sagen ich möchte jetzt nur zwei drittel zwei fünftel dieser spalten nutzen und kann sagen hey da kommen jetzt die bilder hin das ist dann harmonisch und sagst dann oder drei fünftel sind an text weil immer so drei fünftel ist eigentlich so die angenehmste breite wenn du was nimmst für ein text also ich habe es halt so gelernt ich kenne diese geraden spalten habe ich nicht wirklich mich damit auseinandergesetzt gebe ich ehrlich zu ist halt damit habe ich mich halt herangetastet und mit dem fühle ich mich am wohlsten also es ist je nachdem welcher designer je nachdem was der branche dann hat halt sein sein schema f nachdem er vorgeht muss ich halt am wohlsten fühlt so würde ich jetzt muss sagen danke so noch jemand eine frage so hier ja danke auch für den vortrag ich habe eine frage zu animationen oder zu zur interaktivität hat also was nutzt ihr da für tools oder wie wie kann man das darstellt auch kommunizieren dann später an die entwickler wie eine animation aussehen soll wie die interaktivität sein soll wir nutzen cinemapher die folgt zum beispiel oder auch ganz viel after effects also die meisten nutzen auch einfach die kombination aus cinemapher die also bei uns jetzt ich spreche jetzt wirklich rein von meiner hochschule nicht dass ich noch irgendwelche andere design jetzt irgendwie auf den fuß tritt und zeigen mir machen gift zum beispiel oder manchmal von uns ist so ich kann mit 3d umgehen ich kann die datan so ausstellen dass ich es am ende dem Entwickler geben kann und mir kommunizieren ist dieses datei format wie es dir gibt ist es das passende ist es nicht passend und das läuft da wieder mit dieser kombination feedback und ja und ja also wie gesagt after effects und cinemapher die ich nutze aber zum beispiel auch maia und es ist auch unterschiedlich also du versuchst einem wegzufinden deine animation das war bei den scribbles moment siehst du ganz unter dem eck diese flamme und da gehen ja die feile auseinander und das soll zu sagen andeuten dass diese flamme größer wird im ladeprozess also du versuchst es damit in den scribbles schon mal den leuten darzustellen hey hier soll irgendwas passieren und dann versuchst du es hagenau den zu erklären wirklich beim nächsten briefing sagst du so ist der anfangsbildchen und so hätte ich es gern dass es am ende ist ist das machbar ist das nicht machbar das wieder diese kommunikation weil wie gesagt so bring mich mal wieder auf den boden der tatsachen vielleicht habe ich ja ganz komische vorstellungen weil ich keine ahnung habe gerade ist es brück ist es machbar oder nicht für den jenigen und das ist halt wieder gesagt diese interaktion miteinander so super danke für den vortrag kannst du noch mal ein bisschen näher beleuchten wie die feedback zyklen zwischen entwickler und designer menschen war ich kann der von dem einprojekt sagen da war es wöchentlich und zwar es war es bei unseren war es bei den informatik studenten also die zukünftige entwickler war so die müssen einmal in der woche messe so ein kurz vortrag halten über den stand der dinge und dann war es so entweder hast du dich vor diesem vortrag mit ihnen getroffen also so ein tag vorher oder du hast dich zwischendrin immer mal wieder getroffen und zu sagen hey wie weit seid ihr kann man noch irgendwas tun was braucht ihr dann war so eine zeitraum wo sie halt gesagt haben hey mir können euch gerade nicht gebrauchen weil im prinzip müssen immer noch das umsetzen was ihr vor zwei wochen entschieden habt zu machen und da ist so dann fragst du kann ich noch mal helfen kann ich nicht helfen und dieses im prinzip ist eigentlich sogar dauerhaft mir haben ganz oft etwas leck kommuniziert oder einige haben dann über whatsapp haben whatsapp gruppen gemacht und haben darüber halt im so hey mir bräuchten das und das noch hey wie sieht das aus also du suchst dir wirklich dein kommunikationsmodul aus und dann kannst sagen ich zum beispiel war meistens nur abends erreichbar ich habe tagsüber andere dinge auch noch zu tun und dann war so hey wenn irgendwas wichtig ist in dem bereich ist ich bin ab 17 uhr erreichbar bis ultimo schreibt mir ich kümmere mich ich antworte dann sofort oder wenn was dringliches war dann hat mich halt der jene aus dem andere kurs angestopst du die so und so hat geschrieben sie bräuchten was kannst du kurz mal reingucken also du versuchst wirklich so schnell wie möglich die ganze diese kommunikation abzuschließen und mehr hat es auch ganz viel jetzt mit dieser firma wo wir dieses eine andere projekt hatten die kommunizieren nur über slack zum beispiel und das hat sich dann bei uns halt so eingebürgert über kommunizieren übers leck ja hat das eine frage beantwortet ja super gibt es denn noch offene fragen so schön dass es so viele fragen sorry das hat sich nicht gut angehört dann bedanken wir uns vollere aufmerksamkeit dankeschön