 Danke Martin, schönen guten Morgen. Schön, dass ihr alle hergefunden habt zur ersten Hilfe-Depth-Design. Nicht nur Menschen auf Websites sollten hin und wieder mal zum Arzt gehen, also macht es Sinn für Websites. Manchen reicht eine gesunde Untersuchung hier und da, das ist schon eine normale Zuschauer, ob das auch in Ordnung ist, ob alles passt bei anderen. Da gibt es schon wieder ernstere, visuelle Beschwerden, da könnte man schon eine gestalterische Therapie vertragen. Die sollten häufiger zum Arzt gehen und andere wiederum, die befinden sich fast in wachkommertösen Zuständen. Ich merke, ich habe mein Leid auch schon geteilt. Das sind hier wachkommertöse Zustände, man braucht einen Noteingriff und müsste diese wetten. Aber wer soll sich darum kümmern, wer soll das machen? Ich wurde zwar schon vorgestellt, aber ich stelle mich jetzt noch mal vor. Oliver Schöndorfer, auch Twitter, findet mich als Glüfer und ich bin heute hier der Behandlung der Arzt. In Wirklichkeit bin ich natürlich nicht Arzt, aber ich bin mit einer Herzen verheiratet, was mich im titelverliebten Österreich so gut wie zu einem Arzt macht. Entweder ihr könnt mich auch eher Dr. Wien nennen, das funktioniert auch. Aber davon abgesehen, dass ich heute hier so Tourist wäre, ich bin auch Designer am Geschäftsführer von Saison 8060. Wir sind eine Tour für strategisches Design in Bien und wir gestalten für verschiedene Medien und da machen wir Marketingentwicklung, Loboentwicklung, Webdesign, aber eben auch Film- und Bildsprache. Und mein Kollege Michael Holzer übernimmt diesen strategischen Part und ich den Gestalt durch. Bei mir kommt noch eine verhängnisvolle Liebe zur Schrift und Typografie dazu. Heute dürfte auch daran ein bisschen teilhaben. Na ja, wie ist das so? Schlechtes Design hat immer gute Gründe und wir arbeiten für verschiedenste Kunden. Das können jetzt internationaler Unternehmen oder auch Frage sein, aber genauso auch kleine mittlere Unternehmen. Das können auch Start-ups und Künstler sein und bei denen ist eine budgetäre Situation ein bisschen knapper und da müssen andere Prioritäten gesetzt werden. Und das mag schon so ein Grund sein, warum man jetzt kein also ausgereiftes Design hat. Vielleicht beginnt man gerade, da hat man einfach nicht das Budget oder die Prioritäten auf das Design zu setzen. Das ist auch okay, macht eine Situation absolut Sinn, dass es nicht funktioniert, aber mittelfristig wird es schon problematisch und langfristig, holt einen das dann ein, bzw. sie kann auch sehr verheerend. Und wir wünschen uns natürlich, dass die Qualität vom Website steigt, dass auch Unternehmen in eine andere Phase starten können und vielleicht dann auch mit uns zusammenarbeiten können. Und deshalb möchte ich heute ein bisschen was von unserem Wissen hier teilen, damit ihr praktisch jetzt alle meine Kollegen werdet. Wir sind, ist es nicht treffend hier ja im Alkrakah. Und jetzt sprechen wir praktisch von Arzt zu Ärzten. Ihr werdet alle jetzt Therapeuten für gute Webseiten her. Und jetzt ist natürlich auch die große Frage, wenn wir dann schon hier unter Kollegen sind, wie beurteilt man ein gutes Design? Und das macht gutes Webdesign eigentlich aus. Also heute will ich uns vorwählen, um die Starterwäsche, die mir geben. Eine Website sollte vorwiegend einfach drei wesentliche Fragen beantworten. Worum geht es? Kann ich mich zurechtfinden und ist die Atmosphäre ansprechen? Wie können wir das in andere Worte fassen? Worum geht es? Kann man auch mit den Inhalten erzählen. Kann ich mich zurechtfinden? Struktur und Navigation müssen diese Aufgabe übernehmen. Und ist die Atmosphäre ansprechen? Das ist das Design. Das werden auch die drei Hauptteile des Vortrags heute werden. Ihr werdet einen sehr praktischen Vortrag sehen. Ihr werdet viele Beispiele sehen. Ihr werdet gute Beispiele sehen, wie man es richtig macht. Ihr werdet auch schlechte Beispiele sehen. Und eine Warnung, ihr werdet auch ein Beispiel sehen, bei dem ihr euch wünscht, ihr hättet es nicht gesehen. Ihr könnt jetzt noch gehen, okay? Aber ich bin mir sicher, ihr schaut das. Das ist so wie im Sitzieren, das will man auch von euch machen oder das macht was nicht. Und dabei lauten Tod eben überall. Und wir werden uns die zehn tödlichen Fehler oder Krankheiten ansehen. Also starten wir einfach gleich mal durch mit unserem ersten Blog, die Inhalte. Die Inhalte sind im Wesentlichen wie das Herzalber Website oder einer Website. Sie sind der wichtigste Teil, ohne die funktionieren wir gar nichts. Denn im Wesentlichen ist eine Website ja auch nur ein Medium, um Informationen oder Inhalte einfach zu transportieren und eure Botschaft zu vermitteln. Das heißt, ohne Inhalte spielt man nichts. Das ist aber jetzt nicht nur Text. Das kann genauso gut auf Bilder, Videos, Audio files etc. sein. Also Inhalt bezieht sich nicht nur auf Text. Und ganz wesentlich ist natürlich, dass ihr gute Qualität liefert, dass es gut strukturiert ist und es gut geschrieben ist. Ihr könnt natürlich mit großartigen Inhalten und einem katastrophalen Design wunderbar scheitern, aber eine schlechte Website mit schlechten Inhalten einfach, die toll ausschaut, funktioniert genauso wenig. Warum sollte ich mich dort aufhalten, weil es schön ausschaut? Wahrscheinlich nicht. Und SEO sollte man auf jeden Fall auch bedenken. Da gibt es ja dann auch noch einiges zu erfahren, unter anderem von Thomas Kiosk, bei einem schönen Vordergrund gucke ich es auch nur ein Mensch, die mich will. Also, wir starten mal gleich mit der ersten Krankheit. Und die erste Krankheit ist Ziellosigkeit. Was heißt das? In dem Fall fangen wir mal mit etwas Positiven an. Ich zeige euch jetzt mal nur gute Beispiele. Das Gartenbocken ist einfach nur großartig, auf so vielen Gebären. Aber Sie haben auch ein klares Ziel auf Ihrer Website, Sie wollen Tickets verkaufen. Und das machen Sie einfach. Das ist Ihr Ziel. Und du kannst an jeder Stelle auf dieser Website immer sofort Tickets kaufen. An der Stelle oben im Header, wo Sie die nächsten Filme ankündigen, wenn man ein Stück runter geht, sieht man hier auch, welches jedem viel leicht, den richtigen Ticket sofort zu kaufen oder dann später im Programm auch Ticket, Ticket, Ticket, Ticket kaufen. Das ist jetzt total banal, aber es wird überrascht sein, wie viele Leute sich nicht Gedanken darüber machen, was sie eigentlich mit Ihrer Website machen wollen. Ich mache halt eine Website, weil ich eine Website brauche. Aber was ist das Ziel dahinter? Also, ein sehr einfaches Beispiel. Nicht, es wird so ausbedeht, dass ich so bin. Die haben auch einen klaren Fokus auf eine ganz einfache Sache. Wenn ich ganz oben auf der Seite bin, stehe ich, sehe ich Menüplan und kann ständig diesen Menüplan aufklicken. Und was wird das Ziel von Ihrer Website für ein Bierzauß sein? Naja, dass Leute kommen. Und am besten Leute, die ich ja schon kenne, also biederklärende Kunden, und dort ganz einfach immer den Menüplan nachsehen kann. Wie ich heute wirklich zum Stimmung gehe, nein, ich brauche Frequen, hasse ich, ich gehe nicht. Ein gutes Beispiel für eine Kundin, eine Therapeutin, eine Massöerin haben wir eine Website entwickelt. Und die hat natürlich ein Problem während ihrer Behandlung, wenn sie es nicht ihr Telefon abzuleben. Und in dem Fall kanalisieren wir die ganzen Terminvereinbarungen in dieses Kontaktformular. Natürlich gibt es auch eine Nummer, aber das Formular ist verlockender auszufüllen, als die Telefonnummer anzurufen. Und es steht auch, dass man bitte sich doch im Formular eintragen soll. Weil sich während der Behandlung natürlich nicht abheben kann. Und dann kann sie das gesammelt bearbeiten. Das erleichtert ihr praktische Tagesgeschäft. Also Heilmittel für unsere erste Krankheit, Vegetile für deine Website fest. Was soll mit der Website erreicht werden? Was möchtest du denn, warum ist diese Website notwendig? Wie soll man sich mit Kunden oder Zielgruppen verbinden? Welche Möglichkeiten gibt es nachziehen? Ist es ein Kontaktformular, also ein Telefonnummer? Welche Kontaktkanäle wünscht man sich über Social Media, über Chat? Wie könnte die Website auch im Tagesgeschäft helfen? Gibt es Dinge, die die Website abnehmen kann, wo Kunden etwas erledigen können, was es einem leichter macht, ein Tagesgeschäft zu erleben? Das sind Fragen, die man sich gleich am Anfang stellt. Da kann man auch herausfinden, ob das etwas ist für das Website. Für dort gehen wir weiter zum zweiten tödlichen, gefährlichen Krankheitsbild. Userbedürfnisige Gehirn. Das ist eines meiner Lieblingsbeistelle. Wir erleben jetzt, er will jetzt auch noch schön. Jetzt kurz mal hier rüber wechseln. So sehen wir das oben gleich. Also folgende Situation, mein Geld war so gestohlen und jeden etwas anderes. Und ich denke mir jetzt mal, ich möchte zur nächsten Polizeistation, um eine Anzeige zu machen. Was mache ich denn da jetzt am besten? Ich lande immer nach Polizei, Gefahr IT. Und ich bin in Wien, also wirklich mal in Wien. So, Notrufe, Meldestellen. Vielleicht Notrufe? Ja, okay, sind nur Notrufe. Meldestellen, das hört sich gut an. Meldestellen sind, Meldestellen des Bundeskriminalamts, Meldestellen Korruptionsbekämpfung, Meldestellen NSW, der Betätigung. Vielleicht das? Nein, okay. Kontakt, das könnte es sein. Da steht was. Nein, das sind wir nur alle Landespolizeitreaktionen, okay. Wir zurück. Wir zurück. Google Maps. Bitte? Google Maps, ja, das stimmt. Das funktioniert wirklich leider. Aber vielleicht funktioniert es mit... Wo hat mir das Wien? Wien, das finde ich jetzt gar nicht mehr. Ah, da, genau, da war es. Danke. Aber ich glaube, das ist Deutsch, die es nicht ganz geladen hat. Weil die Hauptavigation fehlt. Na gut, ich zeige euch einen Umweg. Dann habe ich ja schon vorhin gedacht, dass ich nicht ins Stein verzeichne. So, jetzt bin ich mal hier. Jetzt bin ich wieder im Bundesland. Wien. Und jetzt kann ich mir entscheiden. Polizeikommissariat irgendwie. Statt Polizeikommand, wie Polizeiinspektionen. Ich weiß jetzt nicht, was da unter sich ist. Also, ich nehme mal das. Aha, da steht Kommissariat. Aber da bin ich schon. Aber rechts, Polizeikommissariat irgendwie. Also, das ist gut. Wo bin ich denn jetzt? Ich bin jetzt hier in welchem Bezirk gemacht und bin ich gemacht? Weil ich... Leutenwurscht, ja, ich nehme jetzt hier irgendetwas. Favoriten auch, okay. Und da habe ich jetzt weitere Wien-Stellen. Also, das war doch einfach. Ja, so viel dazu. Das war auch meine einzige Demo. Ich hatte sogar das Video auf, dass es nicht funktioniert. Aber das ist ein Dosebedürfnis, dass die Menschen haben werden. Wo ist die nächste Filiale? Wenn ich auf die Pillar-Website gehe, finde ich die nächste Filiale. Es gibt es ja nicht, dass ich nicht auf der Polizei-Website finde, sondern Polizei. Aber ja, Google Maps löst das ja so. Ist doch schön, wenn wir das aufsorgen und irgendeinen Dienstleister im Silicon-Welt. Gutes Beispiel wieder. Hier eine Website für eine App. Wie geht die auf Userbedürfnisse ein, an der Stelle? Bei unter dem Download-Button wenn man es nur für iOS-Unterladen kann, wurde auf Android. An der Stelle kann man sich gleich anschauen. Bei der Stelle tritt die Frage auf, warum kann ich hier nicht im Play Store unterladen? Und da wird die Frage beantwortet. Also, es wird ein mögliches Bedürfnis dort beantwortet, wo es entsteht. So, ein kurzes Heilmittel. Beantwortet einfach die Frage bei einer User. Worum geht es auf der Seite, ist es das, was ich möchte? Was mache ich das, wenn es jetzt eine Dienstleistung, eine App, ein Service oder sonst etwas ist? Und wobei hilft es mir? Was macht es besonders? Was ist diese Unicell-Proposition? Und welche Optionen gibt es? Was soll ich tun? Irgendeine Aufforderung. Etwas, was vielleicht auf den Business-Ziel entspricht. Fühlt uns zum nächsten für dich in Krankheit. Einer fehlenden Storyline. Alles noch im Kapitelinhalt. Eine Website von einem Smart-Up-Jogaben heißt es Mio. Ich sehe jetzt einfach Smart-Up-Jogaben. Wie geht es noch ganz ursprünglich? So wie immer. Einfach eine Website durchs Goal. Hier lest keine Websiten. Hier überfliegt sie, wenn ihr auf einer Website seid. Und ich sehe hier mal nur Smart-Up-Jogaben und sehe ein paar Gebete. Dann scroll ich runter zu unserer Philosophie und dann Mio ist die Lösung. Aber wofür für ihre Philosophie? Darunter sehe ich Bilder. Die Bilder sind schön. Schöne Bilder, aber sie erzählen mir wenig. Außer, dass sie schön sind. Gehe ich ein Stück weiter runter und sehe das Produkt. Dann sehe ich links einen Ständer mit einem Funk zu einem Haus, mit einem Kästchen, mit einem Funk zu einem anderen Kästchen, mit einem Funk zu einem Schlauch. Ich weiß nicht, was das ist. Ich weiß jetzt, dass der Sensor das ist. Aber ich müsste mir unten jetzt durchklicken, was die anderen Dinge sind. Und ich muss ihn hier rausfinden. Dann gehe ich ein bisschen weiter runter. Siehe als Systemhighlights. Das funktioniert ganz gut. Solar Power, Easy to Run, Smart Home Connectivity, Cloud Independent, Cloud Arrange. Also das ist etwas, was ich gleich verstehe. Das ist ein guter Teil auf dieser Seite. Dann scroll ich wieder ein bisschen runter und finde dort, ob unabhängig, wie es macht, es macht mich, dass es nicht unabhängig ist. Wieso frage ich, wie es das geht? Grundum soll ich mir so anrufen. Grundum soll ich mir so anrufen. Bin ich nicht grundum solltlos, wenn ich das jetzt verwende? Ich weiß es nicht. Dann scroll ich ein Stückchen weiter runter. Zum Ende der Seite, dort finde ich Hilfe, Downloads und Service Hotschlein. Wenn wir das Ganze mal zusammenfassen, dann haben wir in der Form dort an der Oberleinstelle eine Waage erhält. Leider sind zu viel Träger. Wir haben Bilder, die bezuglos zum Inhalt sind. Vor dem Dekorationen und das erzählt mir nichts außer, es ist schön im Garten. Dann undeutliche Darstellung der Funktionsweise. Gute Fixaufbereitung. Undeutliche Zuordnung der Inhalte, das mit ihm eine Frage aufwirft und was eigentlich am schlimmsten ist. Keine Kaufauforderung bis zum Ende der Seite. Nirgendwo steht, kauf das. Es geht ja nicht darum, dass es jetzt böse ist, das zu verkaufen. Es geht darum, was in dieser Website ist und wenn ich das haben will, wieso macht ihr es mir schwer, das zu kaufen. Es gibt eine Kauferforderung in der Navigation oben. Aber responsive, wenn die nicht da ist. Ein Gegenbeispiel. Better spot. A VPN routed to bring security and privacy to a Wi-Fi, a network's order now. In einem Satz erklärt, da fährt man jetzt ein bisschen mehr darüber, über privacy security, was es macht, die Illustration wieder zu passen, darunter werden die Features gezeigt. Anschließend geht es ein bisschen zur App, wird das erzählt, wie die funktioniert und ganz unten pricing order order. Wenn wir das zusammenfassen, das ist eine klare Storyline. Um wirklich Aufmerksamkeit, attention. Was ist das, wo man hilft, wer antwortet, genau die Frage, dann wird mein Interesse weg. Wenn das Thema Datenschutz, was ist es in Detail, wenn ich nicht weiß, was ein VPN ist und wozu ich das brauchen kann, dann wird die Desire erregt, in dem man einfach die Features zeigt, wie einfach die App zu verwenden ist und es endet mit einer Action. Jetzt kaufen und das ist Urart, aber es ist immer wieder gut, das sogenannte AI, der Modell, Attention, Interest, Desire Action. Es ist eine klare Storyline. Ich fange an mit etwas, was mir sagt, was ist es, es interessiert mich dafür, ich möchte es haben und jetzt setze eine Action. Da geht es nicht um eine Pollution oder irgendetwas, da geht es einfach darum, eine Geschichte aufzuerzählen. Ich möchte ja die Dinge, die ich auf meiner Webseite haben, vermitteln. Also, Entwickler, eine klare Storyline ist unser Herr im Mittel dafür. Denk darüber nach, was du erzählen möchtest, nutze das AI der Modell mit einer Aufforderung. Das finde ich immer wichtig in einem Call for Action. Auch wenn Sie keine Storylines drinnen haben, sollte ich hauptsächlich keine, aber endet bitte mit einer Aufforderung. Irgendwas wollt ihr haben, irgendwas, was eurem Ziel entspricht. Gut, Kollegen, weiter geht es. Struktur, Navigation, unser Zeitablog. Ich hätte nur so ein Pointer nehmen sollen, richtig seither, die uns im Gemüse an der Wand zurückzulassen. Struktur, Navigation, macht es Menschen einfach. Macht es den Leuten leicht. Auch wenn Sie ihn hierhin haben, vorher hatten wir unser Herz, jetzt haben wir unser Hirn, es ist doch wichtig, dass sie es nicht unertig schwierig haben. Und was macht Navigation? Wie schafft Orientierung auf einer Webseite? Wo bin ich? Wo kann ich Ihnen geben? Das ist fast philosophisch. Eine klare Struktur ordnet das Chaos und indem Ihr Prioritäten setzt, schafft Ihr es, das zu fokussieren, was für Ihre Webseite wichtig ist und was für Ihre User wichtig ist. Viele sagen, ich möchte alles erzählen. Ich möchte alles bringen. Und im Endeffekt werdet Ihr wenig erzählen, wenn es zu viel ist. Ihr müsst euch fokussieren. Tödliche Krankheit, die wir alle erkennen und leiden während der Navigation. Ein sehr schöner Skatering ist mich, aber die Navigation ist nicht so schön wie das, was Sie kochen. Wenn ich das schaue, dann möchte ich das nicht anschauen. Das ist so viel. Wieso räumt Ihr nicht auf für mich? Also es ist komplett überladen. Für die, die Kinder haben, die kein, vielleicht diese Laufreder, abgesehen vom Fragwilligen-Grafikdesign, dass vielleicht etwas in die Awe gekommen ist, wird ja leider seit ein paar Wochen sogar neu ist. Aber das war die Webseite bis vor ein paar Wochen an der linken Seite eine komplett überladene Navigation. Das ist nichts, wonach ich mich orientieren kann. Ein anderes Beispiel, ein Kontaktlinzenersteller aus Kanada, glaube ich, das ist eine absolut simple Navigation, wo man sofort sieht Firstbox-Free, Need an Exam, About, Help, Login. Ich habe das sofort überflogen. Ich habe das Gefühl, das ist leicht, das ist einfach, das macht Spaß. Wenn ich das Ganze jetzt auf mobile anschaue, dann haben wir noch häufig auch den Fall, dass das Menü verschwindet, wenn das nicht wenig war. Und da muss ich es wieder aufklicken, links oben. Und das ist ein bisschen blöd, weil aus dem Augen, aus dem Sinn, Menschen öffnen nicht gerne Navigationen, außer wenn sie müssen. Wenn ihr so wenig da ist, jeder Webseite für eine Rechtsarbeit, ganz gleich, wo wir das Design gemacht haben, dann zeigt man doch auf mobile vielleicht immer die Links, wenn es nicht viele sind. Ab dem Moment sind sie immer zugänglich, man braucht nicht suchen, das macht es leichter. Wenn ihr das besser, dann zeigt diese doch, versteckt sie nicht hinter den berühmten Hamburger ein. Also, Lösungsmittel dafür oder Heilungsmittel schafft eine einfache Navigation. 5 bis 7 links maximal, das kriegt sie ihnen, Helperschaft ist auch. Vielleicht sind sie neu. Verwendet kurze Wörter, da haben wir es im Deutschen etwas schwieriger und denkt einfach an mobile, wie verhält sich eine Navigation? Und sie sollte immer zugänglich sein, immer an derselbe Stelle. Nächste Krankheit, Nummer 5 Umklangstruktur. Ja, mit der Lachen. Eine Webseite von einem graben Startup, dessen ziemlich ganz deutlich ist, egal, wenn ich auf dieser Webseite herum scroll, werde ich sehen, wie ihr das versucht, das zu verstehen, aber ich bin super. Wenn man runter scrollt, ein Stück auf der Seite, kommt man zu etwas, das so ähnlich aussieht wie, wo man davor war, und jetzt gehe ich wieder weiter runter, und das schaut auch wieder so aus wie vorher. Ich habe mich jetzt in 3 Bereichen bewegt, aber alle schauen irgendwie aus wie der 1. Bereich. Anderes Beispiel, wenn ich hier auf dieser Seite herum scroll, dann merke ich sofort, ich bin in einer neuen Zone, in einem neuen Bereich, genauso hier. Es ist mir sofort deutlich, wo ein neuer Bereich, eine neue Sektion gibt. Also diese Trennung ist ganz wichtig für die Strukturierung. Strukturierung ist aber auch nicht nur im Kroben, sondern auch im Feinen. Mehr möchte sich jetzt als immer in die Schublade in der Küche schauen. Die räumt man zwar immer wieder mal auf, aber wenn ich einen Tag nachher, dann schaut es wieder aus wie vorher. Und diese Schublade ist unaufwahlbar für die, anscheinend. Da sind so viele Elemente, und das ist ein Start-up, ich glaube aus Deutschland, aber ich meine, Microsoft schafft es auch, ihre Schublade raufzuwahlen. Und die schaffen es ziemlich einfach, die haben sich über Schriften genommen und Sachen gekliedert. So schlicht ist es, so einfach ist es. Und abschließend noch zur Struktur, es geht ja auch darum, was man erzählt. Und wir kennen diesen herrlichen Button und lieben ihn allen. Am Ende einer Seite eines Blogs schreiben wir mehr, mehr ist gut, mehr ist besser als weniger. Aber was mehr? Wo fühle ich das hin? Vielleicht sollte ihr was anderes stehen, wie wir helfen können oder wo uns geht, weiterlesen, jetzt kaufen, etc. Aber nicht mehr. Also sprächende Linksverwenden. Unser Heilmittelbau, eine klare Zeitinstruktur, unterteilt eine Webseite und macht die auch grafisch unser Schneidwerk. Dann unsere Überschriften und Textauszeichnungen um Leute einfach durch die Seite zu lenken und verwendelsprechende Links. So, kommen wir zum nächsten Punkt. Schlechte Usability. Und gute Usability ist so im Wesentlichen, wie wenn man gesund ist. Also Gesundheit definiert sich ja auch durch die Abwesenheit von Krankheit. Sei ich komisch, oder? Und gute Usability merkt man nicht. Wenn es gut ist, ist es eh gut. Wenn man gesund ist, ist man eh gesund. Deshalb gibt es jetzt Beispiele von schlechte Usability. Jetzt machen wir gleich den Aktivierendes Quiz. Findet ein Link. Wer findet hier den Link? Was ist ein Link? Wer sagt, dort, woher aus der Kunst ist, ist ein Link, bitte handhaben. Wer sagt, dass der Text der Kursiv ist mit oberer Saal ist ein Link? Wer sagt, der weiße Text ist ein Link? Ich sage schon mehr, denn die meisten, aber in erster Linie ist es unklar. Das ist ein Überschiff, das ist ein Überschiff, aber Kursiv. Und das andere ist halt der Link. Aber es ist nicht wesentlich, es ist nicht wirklich deutlich. Und ein Beispiel, das ich jetzt bringen muss von einem Design-Konferenz im Film, das war letztes Jahr, und diese Seite bringt mich in den Wart. Also, die will vorwiegend anders sein. Das gräuere ich dann ein Stückchen runter. Okay, ja, da steht was das vor mir fest. Fuck. Dann schaue ich, okay, Track 1. Track 2. Das ist jetzt der, wo ich bin. Track 2. Track 2. Was? Alles passiert, aber es ist offen. Eilke König. Gott, kann sich das auch einfach über den Typ... Okay, Text. Will ich nicht, ich will weg. Wie komme ich weg? Ah, okay, ich muss raus. Da muss die Maus hin. Nein, ich habe schon wieder Bilder. Ich habe so viele Bilder. Nein, raus, raus. Okay. Wie ist überhaupt der Time-Table von dem Konferenz? Wenn wir nicht denken, schauen wir mal. Okay, da ist der Time-Table. Das passiert schon wieder. Ja, da hat es Spaß gehabt. Fuck. Gut, er hat jetzt alle genügend. Das habe ich schon erlebt, und das ist letztes Jahr gewesen. Die von diesem Jahr ist weniger irre, aber auch nicht gut. Anderes herrliches Beispiel. Wer hat größere Macht, ist uns möglich. Aber, das ist einfach immer Wahnsinn. Der Job da ist generell schwierig in der Bedienung. Und dann haut noch eine Ebene dazu. Ja, genau. Und versucht es dann zu bedienen und das ohne zu wissen, was das ist. Das ist kein feile Zeit, da gibt es mehr. Man muss das einfach erleben. Das ist ein Erlebnis. Na gut. Fotografen, Arthé. Auch da ist das Lea ein bisschen in die Jahre gekommen. Nein, das ist nicht der Rahmen von meiner Präsentation. So groß ist die Seite. Das war eine Frage, die ich bekommen habe. Und es ist so etwas wie Fabulous für das Thema möchte. Das ist ein Artenweiter. Dann ist man jetzt iPhone plus Radio. Wenn ich auf dieser Seite abgesehe vom Layout jetzt einfach mal auf News klicke, dann loopen. Oh, ändert sich mal komplett das Layout. Und es steht oben Berufsfotografen. Österreich, Vorstandfotografen. Bei News sind es ja jetzt die Berufsfotografen. Auf selbe Lunge. Dann klicke ich weiter und schau mal wie es da ist. Noch öfter. Auch ein anderes Layout. Aber die Teams sind alle dieselben. Sie führen alle dorthin. Das ist etwas, was mich irritiert als Benutzer. Das ist so als ich, wenn ich in eine Wohnung gehe und ich gehe durch einen Raum und ich bin in einem Wanderhaus. Wenn ich zurück, das macht mich wahnsinnig. Aber News Willi zeigt sich doch in Details. Die gut funktioniert. Super auch bereitet, tolle Typografie. Wirklich schöne Seite. Und dann möchte ich umsonst euch hinfahren. Aber mich irritiert etwas. Am Ende jeder Seite steht, dass ich etwas nicht darf. Ich darf nicht raten. Ich darf nicht fotografieren. Ich darf nicht mein Hund nehmen. Und das darf ich noch nicht. Ich darf kein Stark zeigen. Ich weiß es ehrlich nicht. Ich weiß es nicht. Das ist eine Drohne. Ach so. Ah, okay. Danke. Danke. Aber ich kann es auch nicht mehr rausbinden. Wirklich. Ein bisschen umschaut. Gut. Bitte die beste Usability. Nur zu bekannte, vertraute Usability. Es ist ja okay, die Dinge zu verändern, wenn sie ihn macht. Das Vorwärtsfestival. Gewisse Elemente sollten sich wie erwartet verhalten. Und denke auch an Accessibility. Dass Dinge funktionieren, Metalltext oder zumindest wenn man schon mal so missverständlich geschaltet, dass man es herausbinden kann. Gut. Jetzt haben wir unser Herz besprochen. Jetzt haben wir unser Hirn besprochen. Unsere Inhalte. Und unsere Struktur und Navigation. Und jetzt bitte festhalten. Fett der Navigation. Wow. Alles kommt zu einem Privatprozess. Nämlich so. Design. Design oder nicht sein. Alles ist Design. Ein Glück, dass ich das habe. Denn du kannst nicht nicht gestalten. Wir kennen das alte. Man kann nicht nicht kommunizieren. Aber man kann auch nicht nicht gestalten. Nein. Ein Wettiger funktioniert nicht überall. Nein. Es zeigt dir schon eine Gestaltungssrichtung. Es ist nicht neutral. Nichts ist neutral. Es ist immer gestaltet in irgendeiner Richtung. So. Design legt die Stimmung fest. Und zeugt von Professionalität. Manchmal ist es offensichtlich. Manchmal ist es so viel. Und Design allein kann nichts retten. Also es muss die Dinge, die wir vorher hatten, schon erledigt sein. Dann kann Design funktionieren. Ich musste mal ein Dokument gestalten mit sechs verschiedenen Überschrittsehungen. Ich weiß, es gibt Teils bis H6. Aber man verwendet die H6, auch so wie irgendwas gibt, die zu sein. Es funktioniert strukturell einfach nicht. Die Leute werden wahnsinnig. Also wenn du die Struktur und die, die immer vorher nicht erklärt habt, dann kann man bei Design noch nichts. Kommen wir zum nächsten tödlichen Sinne. Und jetzt bitte festhalten. Dass du das schießen könnt. Aber ihr seid mutig. Überladen mit Seiten für unsere nächste tödliche Kacke. Und es kommt. Es ist auch ein Erlebnis. Ja. Es ist, ich hab das, es ist nicht von, es ist nicht alt. Es ist neu. Und es getorchtet dringe. Und ich weiß nicht warum. Und es ist auch gelegt. Ja. Und es ist verfolgen. Was du siehst, du kennst alles gut. Aber auch das habt ihr jetzt erlebt und es wird euch für immer verfolgen. Diese Seite ist so überladen, es ist absolut schwer, sich darauf zu orientieren. Ich gehe ein Stückchen weiter runter. Die Hölle endet nicht. Was ist ein Leben? Was ist ein Visitor? Jetzt schaue ich weiter und ich selbst auf so einer Seite, wo es so wenig steht, schaffen sie es visuell, dass ich keine Luft kriege. Alles ist total eng und was ich sehr cool finde, auf jeder Seite ist, dass man in meiner Kompetenz traut, das Internet zu bedienen und auch in der Kompetenz eine Seite zu bestalten. Auf jeder Seite diese Aufforderung. Dass ich doch scrollen kann. Ja. Die Simplifer-Wende, Illustrationen, gute Headlines, knappe Texte, klarem Prozess gezeigt, hat viel mit ihr hin und abstellen zu tun. Der Healinger könnte es auch, aber für gut schlechtes Design gibt es immer gute Kunde. Rollen wir ein Design auf. Eine Kernraussage pro seiten Element, versuche nicht alles zu erzählen auf einer Seite. Strukturiere die Inhalte, und schaffe Hierarchien, in den Verabständen verwendest, in den großen Verhältnissen verwendest. Gut, führt zu meinem Lieblingsthema schlechter Typografie. Also es ist nicht mein Lieblingsthema, aber häufig gesehen sehr heller Text ist schwer zu lesen. Schönes Alter, aber hellkauer Text auf hellem Hintergrund, klein, nicht so gut. Anderes Beispiel ist ja immer so schön, irgendein riesiges Hero-Grid zu nehmen und ein weißes Text braucht zu knallen. Ja, wenn man es denn lesen könnte. Es haltet man, findet die eigene Navigation nicht wichtig. Die Kunde-Mailung ist sowieso unnötig. Aber klar. Es geht nicht nur um Kontrast in der Form, aber auch, es geht auch um Schriftgröße auf einem Desktop-Computer, wenn ich mich erholen möchte von schlechter Typografie und schlechter Design. Das war meine Recherche. Und hier 11-Pixel auf einem 27-Zahlmeter also 16-Pixel mindestens das macht keinen Spaß, es zu lesen. Und, je sie. Ach, du liebe gute Zeiten. Was haben wir für Zeiten miteinander verbracht? Auch hier klingt es oben in der Navigation kleiner Text, aber es ist ja noch ein bisschen leichter zu lesen. Ein anderes Beispiel beim INGVAT, das Problem ist mit der Beholung war einfach aufgrund eines Gelers in Frontstack, die gilt sind auf allen iOS-Geräten und dadurch die Schrift wird einfach ungefähr 20% kleiner als der andere. Und das sah dann auch so aus. Und da mussten sie einfach nur die gilt sind als Auslöschen und schon alles besser zu lesen. Aber hier ein schlechtes Beispiel. Ihr seht links oben der Text hat Blocksatz. Es entstehen riesige Löcher zwischen dem Text. Das möchte ich nicht lesen. Das ist schon was, wenn du die lese. Und darunter habe ich dann einen total dichten, kompakten Text, der eher bleibt, wirst du gleich. Auch hier freue ich mich, darauf das zu lesen. Das macht keinen Appetit. Sehr dichte, unruhige Typografie Herrlich, ist doch wie viel erlaubt. Wahrscheinlich drauf, das möchte ich lesen, gut strukturiert, schöne Schriftgröße wundervoll. Oder auch hier, ganz klar hier hin Aufzählungspunkte schön strukturiert, ausreichend Schriftgröße. Also Herz für Typografie kümmert euch um Typografie achtet auf Typografie Typografie achtet auf euch warum achtet ihr nicht auf sie? Ihr achtet auf ab jetzt. Also die kompuste Schriftbeverwenden nicht irgendwelche experimentellen für Fließtexte, deutliche Hierarchien schaffen, guten Kontrast den Schriftgröße oder Farbe und den Text auch in ausreichende Größe setzen. Mindestens 16-Pixel niemals Blocksatzverwenden. Die eine Botschaft die heute mitnimmt und den Rest vergesst gleich, niemals Blocksatz im Bett verwenden. Niemals Nur neun. Keine Optimierung für Mobile wieder, Shiro Banking oder Shiro Match. Da habe ich einen schönen Vergleich anlegen oder sichern VK-Kontrast ist ja auch wieder ein Thema weil es ein Schrift als Hintergrund, aber Mobile wird das Ganze auf einmal nicht mehr zu einem Vergleich, ich kann es nicht mehr direkt auslegen weil es sich auf den Platz nicht ausgeht das ist dann auch nicht optimiert. Dann eine andere Seite Go Urban, ich glaube das ist so wenig wie Cartocono für Roller Hier haben wir auch ein Problem mit dem Kontrast an der Stelle kaum lesbar ist das am Ende, wenn ich die Navigation öffne und bei gewissen Größen, ihr seht ihr Geschäftsgebieten hat man irgendwie nicht drauf geachtet dass man die Schrift also drauf hat. Und wenn ihr das Ganze am Handy anschaut, dann funktioniert das auch nicht als Hierarchie als Unterteilung, dass hier eine neue Sektion geblieben, weil die Grafik, die alte Karte hervorher, sichtbar war und nicht der Titel. Also denkt einfach Mobile First, was diese Dinge betrifft Inhalte müssen auch am Handy passen funktionieren. Leider gleiche Inhalte für Mobile und Desktop. Ihr kennt die Diskussion alle, das brauchen wir am Handy nicht. Vielleicht ist es genau das, dass wir die Sektion nicht verbinden sollten. Und die Seite sollte schneller auch im Mobile Funknetz. Gut, wir gehen jetzt zur Untersuchung Wir haben die schlimmsten Krakaten beruhen und kommen jetzt auf die letzte tödliche Krakat Wir vergessen aus dessen. Ja, halbe über die Seite. Also, dieser Browser wird nicht unterstützt. Ich sollte bitte Chrome verwenden. Was? Ja, das ist Chrome. Andere Spatiales Detail einer Seite über eine Schokoladenseite. Aber das ist nicht die Schokoladenseite der Schokoladenseite, denn wenn ich das am iPhone 6 schau, passt es nur. iPhone SE war ein bisschen blöd. Das ist der Text abgeschrieben, also hat man nicht getestet, ob es auf kleinen Bildschirmen funktioniert. Und eigentlich eine Website zu testen. Am besten, ihr beobachtet einfach mal in User oder Leute, wie sie die Website bedienen und wie sie damit umgehen. Auf verschiedenen Geräten. Smartphone, Pebre, Laptop, großen Computer, in verschiedenen Situationen. Schnelle, langsame Internetverdienung, zum Beispiel. Aber auch mit gewissen Zielen. Ich möchte neue Kunden gewinnen, ich möchte etwas ernebigen. Da hinten schaue ich die Website, dann kriegst du ein Fiber. Ja, ist ihr schön, oder? Kann ich filigriffen. Gut, fassen wir zusammen. Ich sehe immer die schönen Zeitkarten. Drei Fragen muss eine Website beantworten. Worum geht es? Kann ich mich zurechtfinden? Und ist die Atmosphäre ansprechend? Unsere erste Maßnahmen nochmal damit sie das vertiefen können, liebe Kolleginnen und Kollegen. Erstens, lege zielefest, achte auf Userbedürfnisse, schaffe eine Storyline, bauere eine einfache Navigation, bauere eine klare Zeitstruktur. Bitte die beste Usability. Und wandern die Seine auf, wandern die Züber auf. Achte auf gute Typografie, bezeichne sie sich. Denk mobile first und testen, testen, testen, denn gemeinsam heilen wir das Web-Year. Wer ein Style auf Typografie ist und er ist sicher wieder drauf, es gibt noch ein paar Vorträge zur Typografie, ich bin nix von mir. Sie sind natürlich auch schön und somit schrift auch. Ich weiß nicht, ich glaube, ich habe jetzt genau eine Zeit...