 Also klar, wir warten eben noch auf die letzten ein, zwei Leute, die sich noch hier dazugesellen möchten. Das ist nicht geplant gewesen, dass ich jetzt hier vorne stehe. Auch die Prise habe ich eben mal zwischendurch gebastelt. Wir improvisieren heute ein bisschen und arbeiten zusammen. Das ist als Diskussion gedacht und auch als kleiner Workshop. Deshalb macht auf jeden Fall mit. Ich brauche auch gleich auf jeden Fall ein paar Freiwillige damit wir irgendwie die Zeit ganz gut nutzen. Erste Reihe, zweite Reihe ist immer ganz gut, aber ich nehme die Freiwilligen meistens irgendwo aus der Mitte und von hinten. Das Thema How to Wireframe gehe ich noch mal ganz kurz ein bisschen darauf ein. Wir gehen davon aus, dass wir wissen, wir haben jetzt ein WordPress-Projekt vor uns und wir haben mit dem Kunden gesprochen und müssen irgendwie von dem zu dem kommen, damit der Web-Designer-Textile-Photograph dann weiterarbeiten kann. Also ausformuliert heißt das Ganze dann quasi, wir finden ein Weg aus der Zielgruppe und Zielhandlung ein Wireframe zu erarbeiten und den Weg möchte ich jetzt eigentlich mit euch zusammen finden. Starten wir, keine Zeit verlieren. So gehen wir vor, ich dachte mir, wir machen erstmal so ein kleines fiktives Projekt, dass wir so eine Ausgangsgrundlage haben, da kann man am besten darüber nachdenken. Dann sammeln wir Fragen, wie wir von A nach B kommen können, gruppieren die Fragen und arbeiten daraus irgendwie so ein grobes Vorgehensmodell und ich dachte erstmal irgendwie so die drei Schritte zum Wireframe wäre irgendwie ganz gut. Genau und wenn wir noch Zeit haben zum Schluss, dann machen wir so einen kleinen Test Wireframe und gucken mal, ob das gut funktioniert und vielleicht nehmen wir alle irgendwie was mit. Die Folien, die stellen wir sicherlich auch irgendwie ins Netz und es wird auch auf Video aufgenommen, von daher könnt ihr voll bei uns sein hier. Also, wir haben eine Ausgangssituation. Aktuell haben wir einen Workshop mit einem Kunden gemacht und wir haben mit dem Kunden drüber gesprochen, hey, was ist deine, was möchte ich zu machen? Ja, ich möchte eine Webseite, das und das soll passieren. Wir haben dabei seine Ziele erarbeitet, wer die Seite benutzen soll und was die Leute auf der Seite tun sollen, damit er irgendwie sein Ziel erreicht. Das ist irgendwie so unsere Ausgangssituation. Setzen wir voraus, dass das passiert ist und jetzt lasst uns mal zusammen eben ganz kurz die fiktive, den fiktiven Workshop oder sowas erarbeiten. Welche Branche nehmen wir? Irgendwas Einfaches? Arzt. Arzt. Nee, Arzt sind nicht verberisch, ist nicht so super. Autohaus. Okay, wir haben ein Autohaus, der hat ein paar Ziele definiert. Jetzt müssen wir gucken, wer soll diese Seite benutzen. Autokäufer, okay. Autokäufer 1. Was will der? Welche Situation hat der? Kleines Budget. Will Auto. Wofür? Arbeit. Da haben wir gleich schon den zweiten Angeber. Okay, der mit dem Auto möchte zur Arbeit, der möchte irgendwie, generell einfach irgendwie glücklich sein, eine gute Preisleistung haben. Der zweite ist der Angeber, reichen uns zwei, brauchen wir dritten. Der dritte, sehr gut, will sein Auto reparieren lassen. Auto-Inhaber. Und er möchte reparieren. So, das ist ein Schraubenschüssel, nichts anderes. Okay. Einer von den beiden will Neuwagen, einer an Gebrauchtwagen. Welcher will Neuwagen? Der Angeber. Echt? Ja, ja. Okay. Ja, was er will und was er kann. Okay, der möchte Gebraucht. Okay, also, wir haben nur drei. Okay, zwei bis drei Zielnutzer, Hammer. Wir haben den Autokäufer 1, der hat ein kleines Budget, möchte einfach nur mit dem Auto zur Arbeit. Und wir gucken, dass er das günstig bekommt und hinterher eine gute Preisleistung rauskriegt. Der Autokäufer 2 ist ein Angeber, haben wir jetzt definiert. Hat nicht so viel Geld, will trotzdem Neuwagen haben. Und der dritte Nutzer ist ein Inhaber vom Auto, der hat ein Auto, geht kaputt. Ist von mir aus einer Brücke gezogen und weiß noch nicht, welche Autohäuser es hier gibt. Und fährt, keine Ahnung, die Marke von dem Autohaus. Nehmen wir mal vorweg, das Autohaus hat mehr Marken und er sucht dann einen Autohaus, wo er sein Auto reparieren kann. Okay, ich bräuchte jetzt idealerweise... Nimm mal bitte. Versuch, das mal mit diesen blauen Dingern irgendwie da an die Wand zu pinnen, bitte. Dankeschön. Okay. Wir sind jetzt hier beim Autohaus. Da ist der Chef. Der kriegt, eine Ahnung, das ist eine Krawatte, also ist der Chef. Halt nicht. Ja, ich habe so Reißzwecken, aber ich glaube, das wird dann laut drüben. Teezerfilm oder sowas gibt es hier nicht? Genau, alle. Also, ich habe wohl ein Prittstift, aber ich glaube, das ist... Also, das test du mal. Du hast eben so gelacht, glaube ich. Klebt ja noch mal ein paar mit dran, dann kriegen wir das hin. Wir machen den Dancer schon weiter. Ja, also, wir verlieren hier keine Zeit. Okay, wir sind jetzt bei den Zielhandlungen. Wir haben jetzt drei User quasi definiert und wir nennen jetzt einfach nur 1, 2, 3 und dann können wir mal gucken, welcher das ist, wenn wir es unten, ja, sonst an die Scheibe vielleicht, ja, aber wenn das jetzt erstmal hält, vorsichtig langsam entfernen und dann geht das. Okay, User eins. Ja, komm, machst du das als Fenster? Ja, versuchen wir, ob das geht. Was soll, ich bin jetzt Autohaus-Betreiber. Was soll der Autokäufer mit wenig Budget auf der Webseite machen? Was soll passieren? Bitte. Im Online-Shop. Ja, gut. Das ist, seine Ziele hatten wir im Workshop definiert. Er möchte darüber über die Webseite mehr Autos verkaufen und so weiter. Die Zielhandlung, das heißt das, was der User auf der Webseite machen soll, Autokaufen kann man machen, wenn man einen Online-Shop macht. Ansonsten wäre es, bitte, erst suchen, fangen wir mal an, suchen. Ich nehme einfach mal ein paar, also suchen plus Filtern natürlich. So, genau, dann nehmen wir mal Kontakt hatten wir eben noch. Und jetzt haben wir noch Terminprobefahrt. Das machen wir hier, beim Suchen und Filtern. Okay, reicht das erst mal für den als Weg? Also ich fasse immer gut. Ja. Als Sicht des Autokäufer, braucht er das, wusste er es nicht. Ja, das ist auch keine Zielhandlung. Das heißt, ich mache mal hier, mache mal ein Klammer, er informiert sich über den und über das Autohaus, was dahinter steht. Okay, also er sucht nach dem Gebrauchtwagen auf der Webseite, er filtert das nach Preis und was auch immer er mag, informiert sich dann über den Background, also ist das Autohaus meiner Nähe und gefällt mir das, was ich sehe. Und der soll jetzt halt über diese Reise Kontakt aufnehmen und idealerweise einfach ein Termin zur Probefahrt machen, damit ich den was Auto verkaufen kann. Okay, User 2. Der Angeber. Deckt sich da irgendwas? Hat der andere? Also gibt es noch was anderes oder ist das gleich? Wie seht ihr das? Gut, das ist dann das Thema für den Wireframe. Das ist ja das, was wir machen müssen, damit er das tut. Wir sind jetzt hier gerade bei der Zielhandlung, das heißt, was soll der tun? Der soll Kontaktieren und Probefahrt machen, soll er noch irgendwas anderes tun? Leichen. Der soll leichen, okay. Leichen und teilen. So im Zürich-Media fragen, wieviel Likes er für das Auto kriegt und das mit den meisten Likes kauft er, weil er will ja Newsetter, weil er regelmäßig sein Auto wechselt. Okay, dann machen wir einen dritten. Also der soll einen Termin vereinbaren. Info. Genau, Rezension. Okay. Und soll einen Termin vereinbaren für Reparatur oder soll vielleicht erst auch anrufen und irgendwie fragen, ob das, keine Ahnung, Fragen stellen? Vielleicht soll er mit dem Chatboard reden. Das ist ja auch so eine Sache. Okay, das reicht uns erst mal. Das heißt, wir haben drei Leute, die diese Sachen machen. Also Kontakt, Termin, Probefahrt. Das ist halt unser Hauptziel an der Stelle. Was wir von dem vielleicht wollen, ist hier noch, dass er leigt und teilt und dass wir den nochmal Newsetter haben. Und hier sind die drei, die beiden Hauptziele. Er soll möglichst irgendwie zu uns kommen und dass er sein Auto bei uns repariert. Das eben über einen Termin und über eine Fragestellung. Das kann dann auch über den Chatboard natürlich passieren. Lass uns mal eben eine schnelle Sitemap dann daraus basteln. Welche Seiten brauchen wir auf der Website, damit wir das haben? Wo hatten wir, hat jemand Krippmann? Das ist geil. Du bist dran. Einmal bitte rechts daneben, einfach auch an die Scheibe. Da liegt jetzt Krippmann. Super. Ich gebe mal vor, wir haben hier Kontakt. Wir haben eine Startseite. Was kommt dazwischen? Was brauchen wir? Wir haben Suchen. Also Suche. Oder irgendwie Angebote oder so. Für Fahrzeuge. Also Suchen, Leistungen. Und über uns. Okay, das reicht. Das ist der Aufbau von unserer Website. Ja, das ist jetzt nur die Sitemap. Die Social-Icons. Und da haben wir jetzt kein Twittervogel. Das kann nur irgendwie nach hinten losgehen. Also wir haben jetzt Zielgruppe, Zielhandlungen, soweit definiert, haben eine große Sitemap. Und jetzt wissen wir nicht weiter. Oder das jetzt so ein bisschen die Fragestellung. Wie kommen wir jetzt idealerweise zu einer sinnvollen Struktur? Und da müssen wir jetzt gucken, wie wir da hinkommen. Und ich würde sagen, die könnte man ankleben, die sind halbwegs leicht. Ich frage, müssen wir uns jetzt stellen. Okay, also zunächst gucken wir uns an, welcher User ist das. Ich gucke mal, ob ich dasselbe ankleben kann. Jessica, kannst du mir mal assistieren? Du komm ich nicht zurecht. Kannst du den User einmal gucken, ob du wenig pinst, den an das Board kriegst, vielleicht mit einem oder zwei, wenn es geht. Sonst, das kreppband einfach. Super. Okay, wir fragen uns erst mal, welchen User wollen wir betrachten? Was wäre die nächste Frage? Um zu überlegen, was braucht User 1? Das ist jetzt zum Beispiel die Antwort. Okay, ich suche Feld. Wie wäre die Frage? Okay, also er soll suchen und finden. Das heißt, die Frage ist, wie soll das aussehen, was er haben möchte? Und wo soll es positioniert werden? Was meinst du mit Schaufenster? Auf der Website. Okay, also ich helfe euch mal kurz in eine Richtung. Als Frage, wer ist der User? Und dann wäre die nächste Frage erstmal, was braucht er, damit wir so ein allgemeines Vorgehen haben. Und wir beantworten das gleich einmal für den User durch. Und da kommen dann diese Ergebnisse hin und dann gucken wir, ob das passt. Also, wir haben den User, was braucht er? Was will er? Sehr gut. Wie? Okay, was braucht er? Was will er? Wie dringend? Okay, das haben wir. Was ist dein Motiv? Das unterscheidet sich ein bisschen von, was will er denn? Was will er als Auto? Ja. Genau, also die Motive haben wir schon ausgearbeitet. Wir haben das als Arbeitsgrundlage und wollen jetzt überlegen, wo soll er klicken, was soll er lesen und so weiter. Welche Frage müssen wir uns dafür stellen? Kommt er zum Ziel? Okay. Ich schreibe mal wieder vor. Wie kommt er zur Zielhandlung? Kannst einfach irgendwie dran sein. Ja. Gute Frage. Okay, die Reihenfolge. Was noch? Wir haben die drei User als Zieluser und wir wollen alle drei auf der Webseite bedienen. Wir müssen uns dann ja vielleicht, also, wir fragen diese Fragen ja dann je User. Und wir gehen jetzt davon aus, das sind unsere drei User. Also wir wollen ja den oberen beiden was verkaufen und den unteren Service anbieten und alle müssen wir irgendwie auf der Seite verarzt. Ja, ist aber ein guter Punkt. Ist gut. Ist eigentlich eine sehr gute Frage sogar, weil man kann ja nicht auf jeder Seite alles unterbringen für die ganzen User, die man sich so erdenkt. Und die User dann zu priorisieren, hängen das mal mit hoch bei dem User oder hängen das mal hinten an. Das gehört eigentlich in den Workshop mit rein. Das am Ende vom Workshop, wir wissen, welcher User welche Privo hat. Entschuldigung, dass ich jetzt mit deinem Bänder ist, diese große Stufe da hoch. Das heißt, wir haben den da hinten priorisiert. Das müssen wir natürlich tun völlig recht, damit wir dann wissen, welchen Fokus wir haben bei den User. Welchen wollen wir denn priorisieren? Dann lass uns das doch einfach machen. Dann haben wir hier ein bisschen einfacher das Ganze. Auch im Zuge der Zeit. Welchen nehmen wir in den Fokus? Okay, nehmen wir. Dann haben wir das schon klar. Den priorisieren wir jetzt erstmal. Wir fragen uns, was braucht er, was will er, wie dringend möchte er das, wie kommt er zu seinem Ziel, ist der Mobile Desktop und in welcher Reihenfolge muss das passieren? Was für Fragen müssen wir uns noch stellen? Zahlungsbereitschaft. Zahlungsbereitschaft für das Ziel, Kontakt aufzunehmen und einen Termin zu arbeiten. Brauche ich die auf der Website schon? Das ist im Gespräch. Dann brauchen wir es noch nicht auf der Website. Dann brauchen wir es vielleicht im Telefonat. Zahlungsbereitschaft haben wir vielleicht sogar, wenn wir den Filter haben, nach Preis. Okay, so ein bisschen... Was braucht er, was will er? Das wäre dann hier. Und wenn wir das beantworten, haben wir vielleicht, er möchte ein günstiges Auto oder er möchte ein premium Auto. Muss noch eine Frage dazukommen. Da war noch so eine kleine Erklärung für den Wireframe. So, dann werden wir die nächste, einfach mal weitermachen, gucken, was aus wird. Welche Gruppenbereiche können wir bilden bei diesen Fragen? Wenn wir jetzt nicht so viele, kann man irgendwas zusammenfassen und sagen, was braucht und was will er vielleicht. Das ist irgendwie nah beieinander. Vielleicht weiß er nicht, was er braucht, dann hängen wir die mal so zusammen. Das ist so eine, irgendwie alles nacheinander. Noch hält es. Wie kommt er zu seiner Zielhandlung? Wollen wir den ganzen Reihenfall geben? Was fragen wir zuerst? Klar, User fragen wir zuerst, haben wir identifiziert mit 1. Was beantworten wir jetzt? Jeder einverstanden? Dann passt das so, wie das vielleicht schon ist. Ja. Können wir das erstmal so ein paar gute Fragen in der Reihenfolge nach? Dann gucken wir mal, ob wir das irgendwie Heile da drüber kriegen. Mal kurz schauen, ob wir das einfach machen können. Genau, das wäre super. Das irgendwie grob doller da dran machen und dann das Ganze da drüber. Wir haben uns jetzt überlegt, wir haben den User und wir müssen uns jetzt Fragen stellen, damit wir ein Wireframe machen. Wir machen das hier auf beziehungsweise ich frage euch, dass ihr die aufmalt. Wir haben ja echt ordentlich solche Dinge. Ich mach mal ein Beispiel. Wer hat so was schon mal gesehen? Für die, die es noch nicht gesehen haben, jemand, der es schon mal gesehen hat, was ist das? Okay, das ist eine Karte mit Stift drauf. Was stellt das da? Okay, wer? Okay, das heißt übertragen ist das quasi ein Platzhalter, das hier ein Bild hin soll. Da könnte eine Beschreibung sein und da könnte ein Button sein, also einen Knopf, wo man drauf drückt und dann irgendwo hinkommt. Das sind so einzelne Elemente von so einem Wireframe, das heißt von dem Gerüst einer Website. Und jetzt wollen wir mal gucken, was müssen wir wo haben, damit der User da zu seinem Ziel kommt. Siehst du das dann noch alles? Ja, sehr gut. Wer kann das nicht mehr sehen? Die Hälfte ungefähr. Wir machen das mal dahin. Weil das müssen wir jetzt ein bisschen im Blick haben. Und da dran sollte das, glaube ich, auch halten. Es kommt voll der blaue Strich auf die Wand. Okay, ist dran. Okay, User haben wir, Moral oder Desktop, was wollen wir machen? Startseite. Was brauchen wir für den User 1 auf der Startseite zunächst? Ich habe falsch angefangen. Wir wollen jetzt gucken, ob die Fragen gut sind. Was braucht der? Ein Suchfeld. Okay. Könnt ihr... Ich brauche ein paar Leute vorne. Kommst du in der Vorne? Du hast viel Input gegeben. Ich brauche noch ein, zwei Leute, die so ein bisschen was malen. Wer möchte ein bisschen mitmachen? Sehr gut. Gut, dann... Hier mal der Stift. Ein Suchfeld. Möglichst groß, dass es gerade so auf die Karte geht. Wir sammeln jetzt erstmal hier noch einen Stift. Noch mehr Stifte. Übrigens super, dass ihr so ein Koffer habt, der mega voll ist. So, Stift und Karten. Bitte. Okay, wir haben ein Suchfeld. Haben wir. Was brauchen wir noch? Was braucht er? Was will er? Er braucht... Also wir haben jetzt überlegt, was er braucht, irgendwie ein Anhaltspunkt. Also ich glaube, das ist dann noch noch nicht richtig, weil wir stellen die Fragen wahrscheinlich in der falschen Reihenfolge. Weil wir raten gerade, was er braucht und überlegen vielleicht erstmal, was will er. Das haben wir ja bei der Zielhandlung so ein bisschen vorweggenommen eben. Was will der denn? Lass uns die Fragen mal eben beantworten. Okay. Suchen. Er möchte suchen. Und filtern. Der drückt hoffentlich nicht durch. Er sucht und filtern. Was will er noch auf der Seite tun? Kontakt aufnehmen. Was möchte er sehen? Das ist das, was er soll. Info und Daten. Okay, das ist die Filter. Was meinst du mit Auswahl? Drei. Er möchte so vergleichen. Okay. Bitte. Okay. Vielleicht fehlt uns hier noch eine Frage. Weil wir haben jetzt relativ viel, was er alles will. Vielleicht sollten wir fragen, wann er etwas möchte. Also, weil wir so, dass wir das irgendwie bei einer Reihenfolge, okay, das meinst du mit Reihenfolge? Aber können wir ja mal gut nutzen dafür. Also, wann will er das? Also, wo, wann ist er? User. Das Mobile haben wir jetzt. Okay. Mobile. Mobile. Und wo ist er jetzt? Erst mal. Mit welcher Seite wollen wir uns jetzt befassen? Ist er auf der Startseite, hatten wir eben gesagt. Und jetzt können wir, glaube ich, die Fragen noch ein bisschen besser beantworten. Was will er auf der Startseite? Was will er und was braucht er auf der Startseite? Erstmal, was will er? Er will Suchenfiltern vergleichen. Ungekehrt, er möchte ein Suchfeld finden. Und das heißt, er möchte richtig sein für sein, für sein Verhältnis, was er jetzt zu der Website aufbaut. Und wir übertragen das dann jetzt auf den User. Was braucht der Gebrauchtwagenkäufer mit kleinem Budget um richtig zu sein? Was muss er da vorfinden? Um richtig zu sein, braucht er noch keinen Vertrauen. Aber um Kontakt aufzunehmen, gebe ich völlig recht. Einmal ganz kurz noch das richtig sein. Er braucht den Claim. Er braucht Logo. Du hast gesagt, irgendwie eine Übersicht, Marken und so was. Wie können wir diese Sachen, also wenn wir jetzt irgendwie kleinem Logo marken oder eine Übersicht, man muss wissen, dass es Gebrauchtwagen gibt. Wie können wir das darstellen? Was können wir dann für ein Wireframe-Element nehmen? Also wir haben jetzt irgendwie gesagt, damit er richtig ist, braucht er vielleicht doch noch nicht das Suchfeld. Dann erstmal Bild links, Intro Text rechts. Mal das mal einer. Oder nämlich das hier, geht das. Das ist natürlich dann auf Mobile. Responsive groß. Brauchen wir hier das Logo damit er weiß, dass er richtig ist? Was spricht er dafür? Wenn das Logo gut ist? Okay. Wiedererkennungswert. Warum brauchen die das Logo nicht? Um zu prüfen, ob er jetzt hier richtig ist und um weiter vorzugehen. Genau, kommt so ein bisschen aufs Logo an. Würde ich sagen, also wenn das Logo emotional und gut ist, dann könnte es auch Ausschlag geben. Deshalb würde ich das Logo mal mit dem Fragezeichen belassen, gerade auf Mobile, weil wir da nicht so viel Platz haben. Was wir jetzt gesagt haben, wir brauchen irgendwie ein Bild und ein Text, weil er will erstmal richtig ankommen. Was geben wir denn für ein Titel? Was machen wir für ein Claim? So ganz grob. Was muss da drin stehen? Autohaus Autohaus Gebraucht und Kategorien. Das mache ich bei Wirefames übrigens auch ganz gerne, dass ich dem schon ein bisschen so ein paar wenigstens einfach Stichpunkte gebe, was da ungefähr rein soll, damit man dann wieder den nächsten Schritt machen kann. Was brauchen wir noch? Stellt euch das schön vor und so, dass es mobile gut ist. Mach mal so ein Markenelement, wie man das darstellen könnte. Er ist auf der Startseite. Er möchte richtig sein, suchen und filtern. Also wir sind noch bei richtig sein. Er hat jetzt ein Bild vorgefunden, ein Titel vorgefunden und ein paar Marken vorgefunden. Ist erstmal richtig. Soll jetzt nicht eine Vollständigkeit sein, aber wäre jetzt erstmal richtig. Was braucht er? Damit er Filter und suchen kann, dann kommt wahrscheinlich das Suchfeld. Also irgendwie eine Suche, weil er will suchen und filtern. Das heißt, er braucht Suche plus Filtermöglichkeiten und Bilder, Infodaten. Was war mit Bilder, Infodaten gemeint zu den Autos? Okay, dann findet er die hier in den Suchergebnissen. Das brauchen wir jetzt auf der Startseite da nicht, sondern das ist dann bei einem einzelnen Eintrag dann da drin. Okay, dann haben wir noch irgendwie wie dringend, wie schnell. Ist das was für das Wireframe, hilft uns das, da die nächste Karte zu machen? Vielleicht, wie wichtig ist das? Wie viel haben wir noch? Auf sechs Minuten, ne? Okay, kommen wir so. Das glaube ich eher, je nach User die Priorität dann ist, also wenn jetzt einer auf die Seite kommt und reparieren will, der hat jetzt im Moment zumindest gar keinen Invent auf der Seite. Genau, das heißt, wir haben jetzt im Grunde nur eine Seite für den gemacht. Was wäre jetzt eine Frage, oder wie können wir das jetzt hinkriegen, dass wir die Startseite für alle machen? Ich fand das mit den Blöcken eigentlich ganz gut, weil wir davon ausgehen müssen, dass jeder User jetzt irgendwie auf die Startseite kommt und wir müssen idealerweise dann für ein User eine Seite machen, aber vielleicht ist das dann nicht die Startseite, die wir gerade gemacht haben, sondern die gebraucht wagen Userseite. Das heißt, wir würden auf der dann doch einen Auswahlfeld haben, vielleicht mit für die drei Nutzer? Das stimmt. Vielleicht dann eine gute Frage hierfür, bei dem User, also vielleicht für den Wireframe, was haben die User gemeinsam? Damit wir gemeinsame Elemente finden, die wir beruhigen, gewissens überall beweisen können, weil die alle brauchen. Erstens, da findet sich wieder für eine Motorhaut und wir bildern den direkt am Anfang. Machst du das dran? Das kommt ganz unten. Aber wer ist jetzt auf der Startseite für alle? Ja, aber dann kommen wir doch ganz unten und ein Kontakt locken. Fixiert vielleicht, ja? Also, alle sollen ja Kontakt aufnehmen. Ich hänge das mal hier drunter. Vielleicht ist da irgendwie so ein Kontaktbutton drunter, dass ich, wenn ich dann, dass das hier fix ist, relativ klein und dass ich hier nicht draufklicken muss und noch mal auf Kontakt, sondern ich kann hier draufklicken und mir kommt irgendwas da rein oder so, damit ich die Sachen sofort habe, um möglichst wenig Platz zu haben. Wir sind jetzt schon relativ weit in diesem Projekt und merken eigentlich, dass wir uns eigentlich ganz viele Fragen stellen und gar nicht so strukturiert zu diesem Wireframe hinkommen. Und das ist eigentlich genau das Problem, was ich hier so ein bisschen adressieren möchte, was glaube ich jeder irgendwie hat, zu überlegen, wie kann man das jetzt gut gestalten und was hilft uns dabei? Und da ist jetzt die Frage, hilft uns das dabei, diese Fragen besser zu diesem Thema zu kommen. Das heißt, welche Fragen brauchen wir noch, damit wir das machen können? Kann man eine aufschreiben, was haben die User gemeinsam? Ja, eben. Einfach irgendwie Gemeinsamkeiten draufschreiben. Dann können wir diese Elemente ja vielleicht klassifizieren, dann können wir vielleicht sagen, es gibt zwei Arten von Elementen. Eins, was für alle User ist ein Element, das ist das grün für alle User und keine Ahnung, eine andere Farbe ist für individuelle User in dem Wireframe, weil dann können wir die auch priorisieren. Vielleicht ist das eine gute Idee. Also genau, kannst du das da mal mit? Vielleicht dann noch hier drüber packen, weil wir wissen ja, welche User oder da noch hin. Da oben drüber, glaube ich, ist ganz gut. Okay, ich werde die Zeit auch nicht überstrapazieren. Ich möchte das, was wir jetzt ein bisschen haben, auf drei Grundschritte unterbrechen. Welche drei Sachen können wir machen oder in welche drei Elemente wir diesen Workflow, den wir gerade versucht haben unterteilen. Was wäre Punkt eins? Visualisieren eine Zielgruppen, was mit ihr? Vielleicht noch ein anderes Wort für visualisieren, das man sagt, irgendwie definieren, also weiter ausdefinieren von den Zielgruppen. Wir sollen was machen. Ich überlege mal was. Also Zielgruppen Gemeinsamkeiten und Unterschiede. Ist das vielleicht was? Damit wir eine gute Grundlage haben. Dann ist das unser Punkt eins. Kannst du das mal hier anpinnen? Dann machen wir hier raus die grünen Schritte. Was dann? Was wäre Schritt zwei, wenn man das so... Was heißt Auswahl? Okay, also hier drunter, also unter diesem Punkt fallen natürlich mehrere Sachen. Also unter dem User Gemeinsamkeiten und Unterschiede kommt natürlich, dass wir alle Gemeinsamkeiten auflisten, alle Unterschiede auflisten und die dann auch prioritisieren. Das ist hier dieser grobe Schritt. Ich habe jetzt die Gemeinsamkeiten rausgefunden, Unterschiede auch. Was mache ich jetzt damit? Wir sind jetzt irgendwie ja hier, im Grunde. Also diese Fragen, also den Punkt diese Fragen zu stellen, will ich noch zusammenfassen. Weil das ist ja... oder meintest du das hier mit drin? Dann machen wir einen zweiten Punkt prioritisieren. Dann schreibst du noch eben auf den grünen, auf privatisieren auf. Wann ist das eigentlich so, dass weiter ausdifferenzieren? Ja, das ist die Frage. Wer bräuchte eigentlich noch so eine halbe Stunde mehr Zeit, dann würden wir glaube ich ein gutes Gerüst kriegen. Vielleicht, wer Bock hat, morgen an dieser Stelle weiterzumachen, könnte man überlegen, ob wir das, so dass wir halt für jeden eine Art Anleitung haben, how to wireframe. Wie seht ihr das? Wer das irgendwie für euch sinnvoll, wenn ihr nach Hause geht und sagt, ihr habt so ein Hauptdinger und dann habt ihr darunter Unteraufgaben. Idealerweise kommt irgendwo eine Checkliste raus für uns alle, die wir abarbeiten können, um von da nach da zu kommen. Okay, dann machen wir nämlich jetzt Schluss. Da ist gerade der Stop-Zahn. Keine Zeit mehr für jetzt. Vielen Dank fürs Mitmachen.