Hallo Habr.

In den letzten 3 Monaten haben ungefähr 40% meiner Arbeitszeit mit Designern kommuniziert. Danke, aber kein Bedauern. Ich mache nur Spaß. Notwendig. Designer.

Sie haben mir bereits gezeigt, dass es beim Design nicht um Zeichnen geht, sondern um Entwerfen. Und warum dies so ist, fand ich eine leicht zugängliche Erklärung von Kostya Gorsky , ehemaliger Yandex Art Director. Video ist hier verfügbar .

Illustration von Tanya Zadorozhnyaya .

Einige Präsentationsfolien werden angepasst / neu erstellt, um die Bildqualität zu verbessern.

Design für Manager

Hallo alle zusammen. Mein Name ist Kostya, ich mache ein bisschen Design und werde dir etwas über Design erzählen. Ich werde keinen Vortrag halten, ich werde 7 Geschichten erzählen. Sie sind nicht miteinander verwandt.

Ohne Steve Jobs kann man keine Präsentation über Design machen, deshalb musste ich eine solche Folie einfügen:

Früher habe ich jede Präsentation damit begonnen, zu erklären, warum ich überhaupt darüber nachdenken sollte, dass Design sehr wichtig ist, unbedingt Design machen muss und so weiter. Es scheint, dass es Zeit ist, damit aufzuhören, es zu beweisen. Wir glauben, dass jeder an Design glaubt, so wie wir es tun, damit wir direkt zur Sache kommen können.

Viele meiner Freunde denken, dass Design wie auf dem Bild ist. So etwas wie " WOW " , BRIGHT , EXTRAORDINARY , eine Art Talent, Kreativität.

Alle meine Geschichten werden über die Tatsache handeln, dass dies nicht so ist. Diese Aktivität ist recht einfach, verständlich und für jeden von Ihnen absolut zugänglich.

So wie sich Mythen und Legenden mit Design selbst befassen, denken so viele Menschen, dass Designer eine Art besonders kreativer Menschen sind, dass man talentiert geboren werden muss, dass man dies nicht lernen kann oder umgekehrt, dass man jahrelang lernen muss und vorzugsweise irgendwo in London.

Natürlich nicht. Tatsächlich kann jeder Mensch Designer werden, und es scheint mir, dass jeder es bis zu dem einen oder anderen Grad sein sollte.

Hier sind die Geschichten, über die wir sprechen werden:

Die ersten beiden sind lang, der Rest ist kürzer. Sie sind nicht miteinander verbunden, sie sind in zufälliger Reihenfolge, sie haben zufällige Überschriften.

1. Hat das Design einen Prozess?

Alles beginnt mit einem weißen Blatt Papier. Angenommen, Sie haben beispielsweise die Aufgabe, eine Schnittstelle für neue E-Mails der Zukunft oder einen Browser für die Zukunft zu erstellen. Ich habe kürzlich an einem Browser gearbeitet, daher beziehen sich die meisten Beispiele über mich auf mich. Wie gehe ich mit einer solchen Aufgabe um? Wir kommen um 9 Uhr morgens zur Arbeit, legen ein weißes Blatt vor uns auf den Tisch, setzen uns und zeichnen den Browser der Zukunft ...

Aber wenn Sie dies tun, brauchen Sie natürlich Talent, und alles, was auf den ersten Folien war, wird nicht funktionieren.

Wenn Sie mit einem weißen Blatt beginnen, machen Sie bereits etwas falsch. Design ist ein sehr einfacher Prozess, der aus mehreren Schritten besteht.

Ihre genaue Anzahl wird überall unterschiedlich gezeichnet, es gibt 4-3 Schritte oder 5-6, es spielt keine Rolle. Es läuft alles auf 5 grundlegende Schritte hinaus, und sie haben unterschiedliche Namen. Das ist nicht wichtig. Ich habe Durchschnittswerte gewählt.

Es beginnt immer mit der Forschung. Es bedeutet einfach, die maximale Information über ein bereits vorhandenes Objekt herauszufinden. Was auch immer wir tun, jemand vor uns hat bereits etwas Ähnliches getan. Die Menschheit hat immer irgendwie kommuniziert. Wenn wir einen neuen Dienst über Kommunikation oder E-Mail anbieten, können wir untersuchen, wie Menschen zuvor kommuniziert haben, wie sie jetzt kommunizieren und was die Menschen dazu gebracht haben.

Als nächstes interpretieren wir, was wir geharkt haben. Das heißt, wir versuchen einfach, aus all dieser Datenmenge einige interessante Dinge herauszuholen, an etwas festzuhalten und uns die Aufgabe genau zu stellen.

Dann generieren wir Ideen. Dies ist ein ganz separater Prozess, in dem wir uns viele Dinge einfallen lassen.

Als nächstes entwickeln wir einige Ideen, die uns genauer gefallen,
sammeln Prototypen, testen einige, wählen sie aus und verbessern sie im Verlauf einer unendlichen Anzahl von Iterationen. Dieser Prozess führt also zur Lösung des Problems.

1. Forschung

Wie ich bereits sagte, gibt es viele verschiedene. Dies bedeutet zu verstehen, was die Menschheit geschafft hat.

In Russland ist es aus irgendeinem Grund üblich, diese Phase zu überspringen. Es wird angenommen, dass dies langweilig oder nicht notwendig ist und "... im Allgemeinen werden wir uns jetzt etwas einfallen lassen, wir wissen bereits alles."

Im Westen nähern sie sich dem formal genug, und eine Person darf die Aufgabe einfach nicht ausführen, wenn sie zuvor keinen großen Stapel von Berichten darüber vorgelegt hat, wie viel sie durchgesehen hat. In der Tat, wenn Sie sich umschauen, nachdem Sie die Recherche durchgeführt haben, erscheinen normalerweise wirklich Gedanken in Ihrem Kopf, einige Ideen, wie Sie das Problem weiter lösen können.

Lassen Sie mich Ihnen einige Beispiele für Recherchen im Browser zeigen. Sie wissen jetzt etwas über Browser. Mal sehen, was passiert, wenn wir kurz auf den Verlauf der Browser eingehen. Wie wird sich Ihr Verständnis für dieses Thema ändern und möchten Sie sofort etwas über den Browser der Zukunft erfahren?

Beispielsweise begannen Massenbrowser 1993 mit dem Mosaic-Browser.

Wie Sie sehen, ähnelt es bereits dem, was es jetzt ist: Es verfügt bereits über Vor- / Zurück-Schaltflächen, eine Seitenadresse und eine Adressleiste sowie ein großes Feld zum Anzeigen der Seite. 20 Jahre sind vergangen, Browser sind bis auf die Details bis heute gleich.

Dann Oper 1994.

Dies ist das Unternehmen, das die meisten Innovationen bei Browsern entwickelt hat. Diese Innovationen sind zwar oft ausgestorben oder in den Produkten der Wettbewerber aufgetaucht, und dann wurden sie zum Mainstream.

1994 kamen sie auf die Idee, dass es möglich ist, mehrere Seiten gleichzeitig in einem Fenster anzuzeigen, ähnlich wie in der Entwicklungsumgebung für Programmierer.

Diese Idee hat keine Wurzeln geschlagen, aber in Zukunft führte sie zu Tabs. Es gibt immer noch lustige Schaltflächen, um diese Fenster auf verschiedene Arten zu erstellen.

1995 gab es dann Netscape Navigator 2, es ist bereits ein fast moderner Browser.

Es hat eine ganze Symbolleiste mit Schaltflächen. Das Lustige hier ist das Symbol rechts. Hier drehte sich die Animation. Ich weiß nicht, ob Sie sich daran erinnern oder nicht, aber es war früher so, dass die Seite lange Zeit geladen wurde. Sie mussten die Person irgendwie unterhalten, während sie geladen wurde. In diesem Fenster
wurden einige kurze Animationen gezeigt , natürlich immer die gleichen.

Dann Internet Explorer 3, in dem CSS erschien.

Seine Grafik hat sich ein wenig verändert, zum Beispiel waren die Schaltflächen in Netscape konvex, aber hier verwandelten sie sich in eine flache Symbolleiste, in der die Textur bereits vor dem Hintergrund gezeichnet wurde - das war in diesem Moment in Mode. Auch hier befindet sich rechts ein Symbol, das sich beim Laden der Seite animiert dreht.

Als nächstes Internet Explorer 5, das sich im Aussehen kaum vom vorherigen unterscheidet. Es gibt technologische Veränderungen, die für uns jetzt nicht mehr so wichtig sind (XMLHttpRequest → AJAX).

Und Bang, Opera 5 im Jahr 2000, in dem sofort 3 Mega-Innovationen stattfinden.

Erstens ein Banner. Sie haben es direkt in den Browser gestellt, natürlich hat dieses Ding keine Wurzeln geschlagen. Fast niemand hat ihn in unserem Land gesehen, weil jeder sofort die Raubkopienversion mit ausgeschnittenem Banner heruntergeladen hat. Aber ehrliche westliche Benutzer, die Opera kostenlos heruntergeladen haben, haben sich ein Banner angesehen, auf dem immer Anzeigen geschaltet wurden, und wenn Sie Geld bezahlt haben, ist das Banner verschwunden.

Hier erschienen auch Tabs. Sie sind unten. Die Leute von Opera haben gerade gesehen, dass in Windows unten ein Bereich angezeigt wird, in dem die aktuell geöffneten Fenster angezeigt werden - die Taskleiste. Sie nahmen alle Fenster, die mit Opera zu tun hatten, zeigten sie in ihren Fenstern und gruppierten sie einfach so.

Diese einfache Sache erwies sich als sehr praktisch. Die Schaltflächen zum Umschalten zwischen den Fenstern wurden leicht neu gezeichnet und oben angebracht. Daher gab es Registerkarten, ohne die der Browser nicht mehr vorstellbar ist.

Eine weitere Mega-Sache - hier erschien zum ersten Mal ein Suchfeld, das von Google ohne Zugriff auf die Google-Seite und sofort über den Browser gesucht wurde.

Im Jahr 2007 hatte Opera 9.2 bereits eine Funktion namens Kurzwahl, wenn Screenshots der Seiten, zu denen ich am häufigsten gehe, auf der neuen Registerkarte angezeigt werden.

In ihrem Fall war es möglich, mich manuell für einige dieser Seiten zu konfigurieren, die ich hier sehen möchte, so dass Sie mit wenigen Klicks zur Seite gelangen können, ohne deren Adresse einzugeben.

Und Chrome hat 2008 die letzte mächtige Revolution gemacht.

Wenn sich zuvor die Anzahl der Symbolleisten in Browsern ausbreitete, gab es eine Yandex-Leiste, eine andere Leiste, eine Leiste mit Lesezeichen, viele verschiedene Leisten. Im Allgemeinen wurde der Browser dick.
Chrome fegt alles mit einem Eisenbesen weg, erstellt eine sehr dünne, minimalistische Oberfläche, kombiniert die Adress- und Suchleiste in einer und stellt sie in die Mitte.

Was die nächste interessante Revolution sein wird, werden wir bald herausfinden. Hier ist so eine
einfache Studie.

Nachdem wir uns die Bilder von dem angesehen haben, was war, verstehen wir besser, warum Browser das sind, was sie sind und wohin das alles führen kann.

Ethnographische Forschung

Wir nehmen einen Menschen, setzen uns neben ihn und schauen uns nur an, wie er arbeitet. Wir haben es sehr billig gemacht. Innerhalb des Unternehmens schrieb ich einen Brief an die Mailingliste zu nicht funktionierenden Themen. Es gab einen Text wie "Wenn Sie kein Programmierer sind, haben Sie 5 Minuten Freizeit und es macht Ihnen nichts aus, dass wir Sie anschauen und dann schreiben."

Einige Leute antworteten, wir setzten uns zu ihnen und beobachteten, wie sie Browser benutzen. Programmierer können nicht als normale Benutzer betrachtet werden. Sie haben völlig andere Gewohnheiten, Einstellungen, sie können eine Reihe von Plug-Ins haben, sie verwenden Hotkeys und alle möglichen anderen Dinge, die für einen normalen Menschen nicht charakteristisch sind. Daher ist dies kein relevantes Publikum für uns.

In diesem Stadium versuchen wir, eine Person auszuspionieren und einige interessante Dinge zu verstehen, die eine Person für sich selbst nicht bemerkt. Niemand kann sagen, was er braucht, aber wir können gucken.

Beispielsweise meldet sich eine Person alle fünf Minuten bei Facebook an und führt jedes Mal eine komplexe Aktionskette aus: Klicken Sie auf das Pluszeichen, klicken Sie auf den Favoriten-Link, öffnen Sie den Ordner für soziale Netzwerke, klicken Sie dort auf den Facebook-Link, und dann wird Facebook geladen. Es wäre ihm möglich, diesen Link irgendwo oben zu platzieren. Dies ist ein weit hergeholtes Beispiel, aber unter dem Strich können Sie beim Betrachten von Menschen einige schwierige Wege sehen, die sie gehen, und sich überlegen, wie Sie sie später begradigen können.

Und mehr über das Studium der Wettbewerber. Als wir die Symbole erstellt haben, haben wir eine Matrix erstellt, alle Symbole aus den Symbolleisten der Browser eingefügt und begonnen, unsere eigenen zu zeichnen.

Hier sind einige unserer Versuche von oben und unten hängen. Das Finale ist das höchste. Es gibt lustige Details, die wir studiert haben, als wir darüber nachdachten, wie man Symbole selbst zeichnet.

Hier ist ein Beispiel für eine Lupe. Jeder versteht, dass eine Lupe ein Kreis und ein Zauberstab ist. Übrigens ist es interessant, dass eine neue Generation von Kindern, die noch nie physische Schleifen gesehen haben, denkt, dass dies ein Suchsymbol ist - ein Kreis mit einem Zauberstab, und sie werden sich kaum vorstellen können, dass sich dahinter ein Objekt befindet echte Welt.

Aber wir überlegen uns immer noch, wie man eine Lupe richtig zeichnet. Jeder hat oben einen Kreis, aber bei einigen ist der Griff nach links gedreht, bei einigen nach rechts. Wie zeichnen wir? Ja, rechts halten Sie mit der rechten Hand.

Über die Option, wenn sich der Zauberstab links befindet, gibt es eine weitere interessante Überlegung: In der Welt des Designs wird angenommen, dass die obere rechte Ecke die positivste Richtung ist. Und die Lupe, die in die obere rechte Ecke schaut, ist so positiv, dass sie viel schöner ist als die Lupe, die nach links gedreht ist. Wir haben uns dennoch für die Lupe entschieden, die Sie mit der rechten Hand halten.

Mit den "Seite aktualisieren" -Symbolen war es einfacher, erstens ist zu sehen, dass dieses Symbol für alle ein offener Ring mit einem Pfeil ist, mit Ausnahme des IE, der dort etwas anderes hat.

Die Frage ist, in welche Richtung der Pfeil schauen soll. Zuerst gefiel uns die Option, als sie zum positivsten Winkel aufblickte, aber diese Option wurde schnell abgelehnt, denn wenn Sie sich dieses in Metall gegossene und auf den Tisch gelegte Symbol mit einem solchen Schwerpunkt vorstellen, kann es nicht überrollen In dieser Situation geht es ihr schon gut, sie kann sogar rückwärts fallen.

Aus diesem Grund haben wir dies nicht getan, sondern eine ausgewählt, die in eine positive Richtung zeigt. Rechts ist sie möglicherweise nicht so weit fortgeschritten, aber es fällt ihr leicht, sich umzudrehen. Drück sie einfach ein wenig, sie wird sofort scrollen.

2. Interpretation

Wenn die Forschung abgeschlossen ist, beginnen wir, die Ergebnisse zu interpretieren und Ziele zu setzen

Nacherzählen von Geschichten
Bestellung
Analyse
Schlussfolgerungen und Schlussfolgerungen
Formulierung des Problems
Rahmenbezeichnung

Dies wird eine separate Geschichte sein, also werde ich jetzt nicht damit aufhören.

3. Bildung einer Idee

Aber die Bildung einer Idee ist eine interessante Sache.

Brainstorming
Kreative Techniken
Verbesserung

Versuchen wir eine Übung. Jetzt müssen Sie ein Stück Papier nehmen und es so aussehen lassen:

Wissen Sie, wie sich ein Designerjunge von einem Designer-Mädchen unterscheidet? Wenn Sie eine etwas andere Aufgabe geben, zeichnen Sie nicht nur die Kreise, sondern bitten Sie, das gesamte A4-Blatt fein, fein, fein zu schattieren, dann können es die Mädchen und die Jungen nicht. Studien zufolge toleriert die durchschnittliche Frau monotone Arbeit besser als der durchschnittliche Mann.

Jetzt erkenne ich 1 Minute, und während dieser Zeit müssen Sie versuchen, so viele Kreise wie möglich in verschiedene Objekte zu verwandeln und etwas Einfaches darauf zu malen.

Wenn wir zum Beispiel zwei Augen und einen Mund zeichnen, bekommen wir ein Smiley-Gesicht, wenn wir einen Ast und ein Blatt zeichnen, dann bekommen wir einen Apfel, wenn wir Strahlen zeichnen, dann bekommen wir die Sonne. Sie können mehr als einen Kreis für ein Element verwenden, d. H. mache eins aus zwei Kreisen, aber die Aufgabe ist es, so viele verschiedene Objekte wie möglich zu bekommen. Ein paar Striche sind genug, aber damit ich ohne Ihre Hilfe verstehen kann, was gezeichnet wurde.

Eine Minute ist gegeben und sie ging:

Bitte legen Sie die Stifte beiseite. Fast jeder konnte 5 Ideen und mehr zeichnen, aber mehr als 9 Optionen zogen nur 3 Personen aus der Klasse an. Beeindruckend.

Es könnte sich so etwas herausstellen, es wurde sicherlich in mehr als einer Minute gezeichnet.

Wie ist das allgemeine Gefühl? Was hast du gerade gefühlt? Stress? Frist? Es ist interessant, dass jeder von uns Zehntausende runder Objekte kennt. Wohin gehen sie alle in dem Moment, in dem Sie sie zeichnen müssen? Wir haben viele mentale Blockaden und Komplexe im Kopf, die verhindern, dass diese Ideen herauskommen, wenn sie gebraucht werden.

Erstens geht mir die Situation auf die Nerven, die Zeit läuft ab, das Gefühl, dass ich jetzt keine Zeit habe.

Zweitens sind die Leute oft nur schüchtern. Wenn sie diese Aufgabe kleinen Kindern übertragen, kommen sie auf viel mehr Ideen. Trotz der Tatsache, dass ein erfahrener Art Director Zeit haben muss, um 15 bis 20 Ideen zu zeichnen, ist ein Designer 10 ein gutes Ergebnis. Ein genialer Mensch kann es schaffen, alle Kreise auszufüllen. Ich denke, solche Leute existieren.

Aber Kinder, besonders wenn Sie kleine Kinder aufnehmen, etwa im Alter einer Kindertagesstätte, füllen fast alle Kinder alle Kreise. Natürlich können sie daran festhalten, dass sie etwas für eine lange Zeit zeichnen, aber wenn die Aufgabe zum Beispiel leicht geändert wird, müssen Sie nicht zeichnen, sondern nur Ideen auflisten, dann erhalten sie eine sehr große Anzahl von Ideen. Mit zunehmendem Alter geht diese Fähigkeit verloren. Je älter das Kind ist, desto schwieriger ist es für ihn, schnell auf diese Ideen zu kommen.

Aufgrund der großen Anzahl verschiedener Komplexe, die wir zum Beispiel haben, sind die Leute verlegen: "Verdammt, ich scheine nicht zu zeichnen, nun, es scheint, als könnte ein Hund dort gezeichnet werden, aber es ist nicht ganz rund und ich bin es nicht Ich kann Hunde zeichnen, wahrscheinlich ist es das nicht wert, es wäre möglich, einen Schneemann zu haben, aber er sollte Tassen unterschiedlicher Größe haben, ich bin allein hier, na ja, dann werden sie mich nicht verstehen ... "Alle möglichen dummen Gedanken beginnen, die den Ideenfluss blockieren und verhindern, dass viele Ideen ausgelegt werden.

Grundsätzlich hat die Menschheit verschiedene Möglichkeiten gefunden, um solche Blockaden zu beseitigen, beispielsweise die Verwendung bestimmter Substanzen. Aber diese Methode kann natürlich nicht industriell angewendet werden. Sie können sich einmal hineinschieben und sich etwas einfallen lassen, und es kann sich als eine Art Dummheit herausstellen, nicht die Tatsache, dass der Gedanke dahin geht, wo er sollte. Alle Leute, die versuchten, damit ernsthaft ernsthaft zu spielen, endeten regelmäßig schlecht.

Die meisten Methoden zur Generierung von Ideen und kreativen Techniken basieren auf dem Entfernen störender Blöcke. Am einfachsten ist es beispielsweise, Kritik auszuschließen.

Alle Brainstorming-Sitzungen basieren auf dem Prinzip, dass wir nicht das Recht haben, Ideen zu diskutieren und zu kritisieren. Genau so, dass es niemandem peinlich war, niemand Angst hatte und jede blödeste Idee zur allgemeinen Liste hinzugefügt werden konnte, und dann jemand in einen anderen Gedanken hineingezogen würde, begann die Idee, sich aneinander zu klammern, und eine große Anzahl erschien. Und dann können Sie sich hinsetzen und alles separat besprechen.

Sie können dies sogar in sich selbst tun, wenn Sie allein bewusst entscheiden, dass Sie jetzt einfach irgendeinen Unsinn anbieten, und sich dann separat hinsetzen, um herauszufinden, was Unsinn ist und was kein Unsinn ist. Ich werde nicht lange darauf eingehen, es gibt eine große Anzahl verschiedener Bücher, Artikel zum Thema kreative Methoden und sicher, viele von Ihnen wissen, ich wollte nur das allgemeine Prinzip zeigen.

4. Experimentieren

Nachdem wir viele, viele verschiedene Ideen generiert und aus ihnen fundierte ausgewählt haben, mit denen wir noch weiter gehen können, beginnt die Phase der Experimente und des Prototyping.

Prototyp entwickeln
Prototyp entwickeln
Bewertung
Usability-Tests

Das gesamte Prototyping wird hier grafisch dargestellt. Die Bedeutung dieses Bildes: Wir haben uns etwas ausgedacht, es gezeichnet und weggeworfen. Das gesamte Prototyping läuft darauf hinaus.

Wir haben in einem Browser eine Prototyping-Gruppe aus mehreren Programmierern erstellt, die schnelle Prototypen erstellt haben. Ich sagte ihnen, was ihre Arbeit sein würde, und ich muss sagen, dass nicht alle Menschen dem zustimmten. Ich sagte, dass alles, was Sie tun, weggeworfen wird und 100% Ihrer Arbeit in den Korb geht. Nicht alle Menschen sind bereit, dies zu akzeptieren.

Einerseits scheint es schlecht zu sein, andererseits ist klar, dass es sich um Prototyping handelt. Genau wie beim Entwerfen eines Gebäudes klebt der Architekt zunächst sein Layout aus Pappe, genau dies ist ein solches Kartonlayout. Oder wenn ein Auto hergestellt wird, stellen sie ein Modell im Maßstab eins zu eins aus Plastilin her, blasen es in einen Windkanal und dann geht das Plastilinmodell nicht in Produktion. Hier geht es um die gleiche Geschichte.

Aber die Leute sind in Bezug auf Neuheiten ganz vorne auf der Welle und können verrückte Dinge ausprobieren. 90% dieser Dinge werden überhaupt zu nichts führen, weil wir es versuchen und sagen werden: Bullshit / funktioniert nicht / mag es nicht, aber 10% können einige echte Projekte durchschauen.

Dies alles muss unbedingt sehr schnell erledigt werden. Prototyping ist sinnlos, wenn das Erstellen eines Layouts viel Zeit in Anspruch nimmt. Sie müssen es so billig und auf einfachste Weise tun. Da es weggeworfen wird, macht es keinen Sinn, viel Mühe, Energie und Aufmerksamkeit zu investieren.

Beispiel. Prototypen sind unterschiedlich. Sie können einfach einen Papierprototyp erstellen. Als wir den Browser erstellt haben, haben wir uns irgendwann für sein Aussehen entschieden. In Photoshop wurde ein Bild gezeichnet, das ungefähr zeigt, wie der Browser aussieht. Anschließend haben wir unter anderem die Form der Registerkarten festgelegt und die Nuancen sorgfältig untersucht, z. B. wie die Schatten dort liegen. Hier wird gezeichnet, dass die höhere Lasche einen Schatten auf die niedrigere wirft, aber wie wird das alles Leben sein? Was passiert, wenn Sie wechseln? Wie werden ihre Schatten geworfen? Wir haben uns entschlossen, einen minimalen Prototyp zu erstellen, um ihn irgendwie zu fühlen.

Ich habe in Photoshop ein zweites Bild gezeichnet, in dem die benachbarte Registerkarte geöffnet wurde, und ein drittes Bild, in dem die dritte Registerkarte geöffnet wurde. Nur drei Bilder, wenn Sie sie in einer Präsentation zusammenfügen, können Sie zwischen ihnen klicken, wir sehen bereits grob, was beim Wechseln der Registerkarten passiert, wie es für eine Person aussieht. Ein gewisser Sinn für das Leben zeigt sich bereits.

Aber das Interessanteste geschah als nächstes. In jedem Programm zum Arbeiten mit einer Präsentation können Sie Links einfügen. Sie können ein transparentes Rechteck auf die Registerkarte setzen und einen Link zur nächsten Folie darauf setzen. Dann kann ich die Maus zum Bild bewegen und die Registerkarte wechseln.

Dies ist eine einfache Sache, es macht einen völlig magischen Effekt. Es scheint, dass dies nicht viel weiter als nur drei Bilder ist, aber der Effekt ist 10.000.000-mal größer. Ich habe mich gerade an die Programmierer gewandt, einen Laptop mit dieser Präsentation auf den Tisch gestellt, gezeigt, wie er umschaltet, und sie haben gefragt: "Wow, ist er auf Firefox oder auf Chrom programmiert?" Ihnen ist nie in den Sinn gekommen, dass dies nur ein Bild ist.

Im Allgemeinen besteht die Bedeutung des Prototyps darin, auf betrügerische, oft billige und einfache, sehr schnelle Weise Empfindungen zu erzeugen und zu versuchen, mit ihnen zu interagieren. Ferner wird der Prototyp auf evolutionäre Weise fertiggestellt. Natürlich ist es zuerst sehr rau und rau, allmählich sehen wir, dass wir nicht mögen, was wir mögen. Was wir mögen, wird abgepumpt, was wir nicht mögen, ist poliert und er kommt zum eigentlichen Produkt.

Welches Problem wir auch lösen, wir haben einen einfachen Prozess, der es uns ermöglicht, eine gute Lösung zu finden. Und wie Sie sehen, ist dieser Prozess ziemlich formal, Sie können ihn ohne Inspiration verfolgen, Sie müssen nicht auf einen kreativen Impuls warten, Sie setzen sich einfach hin, tun es und es stellt sich heraus, dass alles sehr einfach ist.

2. Wenn das Design endet

Es ist eng mit der ersten Geschichte verbunden, und es wird auch ein Prozess darin gezeichnet. Es gab eine Art Designer-Arbeitsprozess.

Wir alle haben getan, was als nächstes mit den Ideen und Bildern passieren wird, die wir gezeichnet haben? Es ist interessant, dass weitere Feinde auftauchen.

Plötzlich taucht ein Projektmanager auf, der sagt: "Das ist natürlich cool, aber eigentlich nein, das werden wir nicht tun." Oder Programmierer kommen und sagen: "Es ist großartig, aber wir werden 10 Jahre brauchen, um dies zu programmieren. Lassen Sie uns also etwas einfacher werden." Eine große Anzahl von Feinden greift den Designer an.

Ja, es ist immer noch interessant, dass die Designer einander Feinde sind. Dies ist eine separate Sache, die ich untersuchen möchte, aber wenn Sie ein Bild aufnehmen, dem Designer zeigen und anbieten, es neu zu gestalten, schimpft er zuerst alles, was gemalt wurde, zeichnet dann etwas Neues, und wenn wir dann den nächsten Designer nehmen, schimpft er auch Was die vorherigen gemalt haben, wird auf neue Weise gezeichnet, und dies ist immer der Fall. Es scheint mir sogar, dass, wenn der Designer den vorherigen nicht beschimpft hat, etwas mit ihm nicht stimmt und es besser ist, sich nicht mit ihm anzulegen.

Was ist in dieser Situation zu tun? Ein erfahrener Designer lernt, in die Außenwelt einzutreten. Mir gefällt sehr, wie dieses antike Bild diese Idee veranschaulicht:

Es gab eine so coole, gemütliche Welt, in der es warm und gut war, man konnte zeichnen, erfinden, niemand störte sich, und dann brach man mit anderen Menschen in diese seltsame Welt ein, die so etwas nicht wollen, aber man kann ihnen auch zustimmen, wir Alles in einem Unternehmen, wir konkurrieren nicht miteinander, wir wollen ein Produkt herstellen und müssen uns daher einig sein. Es stellt sich heraus, dass es nicht so beängstigend ist und alles stellt sich heraus.

Jetzt betrachtet der Designer bereits den Lebenszyklus des gesamten Produkts. Ich habe mich immer gefragt, wo der Ort des Designs ist, an welchem Punkt das Design beginnen und an welchem Ende es enden soll.

Zuerst schien es, als ob es beim Design um Design ging. Alle Freiberufler arbeiten an diesem Modell. Der Manager erstellte die Arbeitserklärung, gab sie dem Designer, er zeichnete die Layouts, übergab sie, und dann nahmen die Entwickler diese Layouts auf, das Produkt ging. Im Prinzip ist es möglich, auf diese Weise zu existieren, aber normalerweise passiert nichts Gutes.

Wenn Sie den Designer früher verbinden, ist die Situation besser. Jetzt beteiligt er sich von Anfang an daran, genau diese TK zu erfinden, dann zu forschen und zu schreiben. Es stellt sich viel besser heraus, die Person ist schon da, sie versteht alle Details, ist involviert, erfindet etwas.

Wenn der Designer nach dem Zeichnen des Bildes nicht vom Projekt ausgeschlossen wird, sondern weiterarbeitet, wird es sogar noch besser, denn wenn die Entwickler beginnen, die Bilder zu realisieren, stellt sich heraus, dass vieles vergessen und nicht berücksichtigt wurde, und ansonsten die Entwickler Wir müssen herausfinden, wie sich die Seite verhalten soll, was passieren soll, und dies sind Entwurfsentscheidungen.

Es stellt sich heraus, dass der Prozess über eine dünne Schicht verteilt ist. Dies bedeutet nicht, dass Design eine Bühne ist, Design ist nur ein Zustand, es ist eine Rolle in einem Team, das vom Beginn des Projekts bis zum Ende präsent ist.

Weitere Benutzer, genauer gesagt Menschen. Wir haben uns verboten, das Wort "Benutzer" zu verwenden, weil es etwas abfällig ist oder so. Wenn eine Person das Wort juzvere verwendet, sollte es ihr nicht gestattet sein, Schnittstellen zu entwerfen.

Echte lebende Menschen beginnen, das Produkt zu verwenden. Es stellt sich heraus, dass alles, was Sie sich ausgedacht haben, nicht ganz so ist, wie wir es beabsichtigt haben. Die Menschen sehen das nicht, sie mögen es nicht, was wir wollten, und im Allgemeinen ist alles falsch.

Hier kommt wieder der Moment, in dem Sie aus Ihrer gemütlichen geschlossenen Welt nach außen ausbrechen und mit diesen Menschen sprechen, von ihnen herausfinden, lesen müssen, was sie zur Unterstützung schreiben, in Blogs und Foren kommunizieren und beobachten müssen, was Menschen über das Produkt schreiben .

Es gibt zwei solche Momente, in denen der Designer den nächsten großen aus einer kleinen Welt herausbricht. Ich wollte nachdenken, aber was ist, wenn eine andere Welt? Noch mehr, in denen man durchbrechen kann, nachdem sich herausgestellt hat, dass dies der Fall ist.

Ich denke ja. Sie können sehen, wie sich dieses Produkt im Allgemeinen auf die Gesellschaft, die Geschichte der Technologieentwicklung, andere Produkte und alles andere auswirkt.

Ich frage mich, was als nächstes kommt. Gibt es noch eine andere Außenwelt? Ich weiß nicht, wie ich darüber nachdenken soll. Und genau das passiert, wenn Designer einfach ein Symbol zeichnen. Dann müssen Sie verstehen, dass dieses Symbol, nicht nur eine Art Symbol in einem Vakuum, Teil der Benutzeroberfläche ist, sondern dass diese Benutzeroberfläche Teil des Produkts ist. Echte Menschen verwenden das Produkt, um einige ihrer realen Probleme zu lösen Aufgaben, und all dies geschieht im wirklichen Leben und wirkt sich irgendwie darauf aus.

Dann hat der Designer allen darüber nachgedacht. Sie können zurückgehen und ein Symbol zeichnen, dann wird alles gut

3. Angst, Inhalt und Form

Ich habe diese Geschichte aus John Maedas Vortrag über TED erhalten und ich rate Ihnen dringend, sich diesen Vortrag anzusehen, er ist mega cool . Im Allgemeinen gibt es mehrere Vorträge, man kann alles sehen.

Ich werde eine Kurzgeschichte zeigen, die sehr gut zu dem passt, worüber wir sprechen.

Nehmen Sie zum Beispiel das Wort „Angst“ und sehen Sie, wie sich seine Wahrnehmung in Abhängigkeit von der Form ändert, in der wir diesen Inhalt verwenden.

Das Wort Angst ist in subtiler Helvetik geschrieben. Ängstlich? Es scheint nicht sehr beängstigend, so ein kleines Wort.

Sie können eine ultradünne Schriftart verwenden, und jetzt ist sie überhaupt nicht mehr beängstigend. So etwas wie eine Art Mücke kann etwas unangenehm sein, aber definitiv nicht beängstigend.

Und wenn? Nun, definitiv schlimmer als die vorherigen. Zumindest erwarten Sie hier etwas.

Aber so?

Das ist nicht beängstigend, eher lächerlich, es ist eine Art Piraten, vielleicht ein Zirkus, aber keine Angst im direkten Sinne. Dies ist eine „lustige“ Angst oder Theateraufführung.

Und so ist dies ein Nachtclub:

Vielleicht lass uns in Angst rumhängen? Modischer Ort.

Und hier sieht es aus wie eine Zeitschrift:

Es ist zu sehen, dass die Buchstaben sehr überfüllt sind, wir fühlen direkt physisch, wie sie sie drücken, wie sie mit ihnen umgehen wollen, wegkriechen, aber sie werden gedrückt, und das macht uns ein wenig ängstlich.

Und es kann ein sehr teures Restaurant sein, in dem Sie in zwei Wochen einen Tisch reservieren müssen, um:

Die Bedeutung wird komplett geändert, obwohl das Wort dasselbe ist. Nur je nachdem, welche Form es annimmt und wie wir es zeigen, ist die Bedeutung völlig anders.

Lassen Sie uns die Buchstaben ein wenig ändern, wir bekommen ein anderes Wort, jetzt ist dieses Wort frei - Freiheit. Auch hier ändert sich die Bedeutung der Nachricht, die die Folie übermittelt, vollständig, je nachdem, welche Schriftart verwendet werden soll.

Zum Beispiel ist es hier diese kraftvolle fette Aussage „Hurra, Freiheit“, die Veröffentlichung aller oder einiger assoziiert sie mit „Free! Werbegeschenk! Komm schon! Mega-Action, alles ist im Verkauf. “

Hier ist nur ein anderer Stil derselben Schriftart, und hier ist ein völlig anderer Effekt. Dies ist freier Raum, etwas Luft ist leicht zu atmen:

Sie können diesen Effekt verbessern, indem Sie die Buchstaben verteilen:

Jetzt ist im Allgemeinen alles mit Luft gefüllt, die Buchstaben heben praktisch ab, es scheint uns, dass dies so ein mega-mega-freies Stück ist.

Abhängig davon, wie wir die Form ändern, ändert sich unsere Wahrnehmung, und das Design besteht immer aus Inhalten, über die es frühere Geschichten gab, aber es gibt immer noch eine Form, und dies ist auch ein wesentlicher Bestandteil des Designs.

Wir arbeiten normalerweise als ganzes Team an den Inhalten. Gemeinsam überlegen sich alle, was das Produkt tut. Dann ist die Form bereits die Domäne des Designers.

Designer kennen verschiedene Geheimnisse, und ein guter Designer weiß, wie er die Ausdrucksmittel einsetzt, die er benötigt, um die richtige Botschaft, die richtige Farbe und den Inhalt, den wir haben, zu vermitteln.

4. Ist es schön?

Alle reden von schön hässlich, am Ende kommt es auf das Konzept des "Geschmacks" an. Dies ist eine Definition aus der großen sowjetischen Enzyklopädie:

Ästhetischer Geschmack - die Fähigkeit eines Menschen, das Schöne und das Hässliche in den Phänomenen der Realität und der Kunstwerke zu unterscheiden, zu verstehen und zu schätzen.

Designer können über eine Person sagen, dass sie einen Geschmack hat oder nicht, oder dass sie einen schlechten oder einen guten Geschmack hat. Aber nur wenige können sagen, was zu tun ist, wenn der Geschmack schlecht ist? Wie kann man ihn zum Beispiel erziehen? Woher kommt der gute Geschmack? Woher kommt das Böse?

Es gibt eine allgemeine Antwort darauf, dass der Geschmack seit sehr langer Zeit gewonnen wurde, wenn man sich viel Gutes ansieht. Je mehr ein Mensch die Arbeit beobachtet, die als allgemein anerkanntes Modell des guten Geschmacks gilt, desto mehr bildet sich sein eigener Geschmack in ihm, und im Laufe der Zeit lernt er, das Schöne besser vom Hässlichen zu unterscheiden. Wenn diese Fähigkeit nicht ausreicht oder keine Zeit bleibt, greifen die Menschen auf unterschiedliche Regeln und Gesetze zurück. Ich kann nicht sagen, dass es gut ist. Ich werde Ihnen mehr über die Regeln erzählen.

Geschmack ist oft mit Fingerspitzengefühl und dem Wunsch verbunden, viel oder wenig zu sagen. In den folgenden Bildern zwei Notebooks mit zwei verschiedenen Betriebssystemen.

Das Bild oben zeigt, dass die Notizblockdesigner sich sehr bemüht haben, es gibt Blendung, Farbverläufe, neonblaue Hintergrundbeleuchtung, die unter dem Fenstertitel sauber hervorgehoben sind, damit sie deutlich sichtbar sind. Es wurde viel Arbeit geleistet.

Bei der gleichen Art von Hack. Nur ein weißes Quadrat. Wo ist das Design?

Wenn Sie ein Notizbuch einfach als Präsentationsfolie betrachten - dies ist eine Geschichte, wenn Sie ständig mit einer Benutzeroberfläche arbeiten, ist viel Blendung ziemlich anstrengend. Es mag interessant sein, sie einmal anzusehen, aber wenn Sie jeden Tag 8 Stunden am Tag auf sie stoßen, neigen Sie dazu zu glauben, dass ein einfacher Notizblock seine Funktion besser erfüllen könnte. Dies ist teilweise auf die Tatsache zurückzuführen, dass das Menü auf dem Mac oben im Fenster „festgenagelt“ ist. Ein kniffliger Moment, der Mac-App-Designern das Leben erleichtert.

Mehr über Schönheit. Ich habe jetzt eine Frage an Sie. Hier ist ein Rechteck, findest du es schön?

Für die meisten Menschen scheint dieses Rechteck schön zu sein, weil es Proportionen hat. In diesem Fall spielt es keine Rolle, welche, es kann sich um den Goldenen Schnitt, die Pi-Zahl, die Fibonacci-Zahlen oder nur um ein Verhältnis von ganzen Zahlen handeln.

Es ist wichtig, dass wir beim Betrachten des Bildes es nicht bemerken, aber unser Gehirn spürt unbewusst, dass etwas nicht nur da ist, sondern dass es kein zufälliges Rechteck ist:

Sie können sogar Tests durchführen, 100 verschiedene Rechtecke zeichnen und Tausende von Menschen interviewen, aber jetzt müssen wir uns nicht mehr darum kümmern. Dies ist nur eines der Beispiele, mit denen Designer aus Sicht der Menschen etwas Schöneres machen.

Der nächste Trick. Nehmen Sie dieses Rechteck und multiplizieren Sie es entlang der Ebene des Blattes. Wir bekommen ein Gitter.

Das Raster kann verwendet werden, um Objekte in einer Ebene anzuordnen. Wir kombinieren eine Reihe von Zellen und füllen sie mit Inhalten.

Zum Beispiel können wir die oberste Zellenreihe in die Kopfzeile einfügen, den Text in 9 Zellen füllen und ein Foto in vier Zellen einfügen:

Jeder dieser Blöcke erbt jetzt die Proportionen, die das ursprüngliche Modul hatte, dh das Foto hat jetzt auch die Proportionen, die das ursprüngliche Rechteck hatte.

Das Raster ist ein geheimes Element, es befindet sich nicht mehr im endgültigen Layout, und die Komposition erweist sich als harmonisch und schön. Die Leute applaudieren dem Designer und fragen sich, wie es so einfach passiert ist.

Auf demselben Raster ordnen wir die Objekte unterschiedlich an, wieder platzieren wir einfach den Inhalt in den Zellen, wir verstecken das Raster, wir erhalten eine schöne Komposition:

Designer kennen solche Regeln unterschiedlich. Anfängliche Designer kämpfen für diese Regeln, argumentieren, halten sie ein, stellen Kollegen aus, die sich nicht an die Regeln halten.

Erfahrene Designer brechen bekanntermaßen die Regeln und erzielen sogar noch bessere Ergebnisse als die Einhaltung der Regeln, da sie gut verstehen, woher diese Regeln stammen, und in diesem Fall kann ein Verstoß zu einem gewissen Nutzen führen.

Ich werde jetzt nicht darauf eingehen, aber ich sage Ihnen, damit Sie verstehen, dass es Dinge gibt, die dem Designer besser anvertraut werden können, für die der Designer verantwortlich ist und die er gut kann.

5. So legen Sie eine Aufgabe für einen Designer fest

Ich werde am Beispiel der Autorisierungsseite zeigen, wie die Aufgabe festgelegt wird. So war die Autorisierungsseite in Yandex Mail vor einiger Zeit, jetzt ist es nicht mehr so. Wir haben festgestellt, dass 80% der Leute, die zu ihr kommen, anscheinend keine Post haben und diese Seite verlassen, ohne etwas zu tun. Es war erstaunlich und seltsam, warum sind sie unverständlich dorthin gegangen, und wer sind diese Leute?

Aber sobald sie dort waren, wäre es cool, sie zu locken, damit sie Post von uns bekommen. Jetzt gibt es nur noch einen kleinen blauen Link dafür, und wir haben beschlossen, etwas zu tun, um mehr E-Mails zu erhalten.

Wie stelle ich in diesem Fall eine Aufgabe für den Designer ein? Wie würden Sie die Aufgabe einstellen? Den Link schmerzhaft attraktiv machen?

Hier sind die Fragen, die Sie beim Einstellen der Aufgabe beantworten müssen:

Warum brauchen wir dieses Projekt?
Wie verstehen wir, dass das Ziel erreicht wird?
,

Zunächst müssen Sie die Frage beantworten: "Warum machen wir das?" Wir sollten dies nicht nur verstehen, es ist auch wichtig, an den Designer zu senden. Der Designer muss als vollwertiges Mitglied des Teams alle anfänglichen Voraussetzungen vollständig verstehen.

Daher ist die Option, eine grüne Schaltfläche als Aufgabe für den Designer zu erstellen, nicht cool, da die Schaltfläche bereits eine Lösung darstellt. Was ist die Aufgabe? So erhöhen Sie die Anzahl der Registrierungen in der Mail.

===================================
Warum brauchen wir dieses Projekt?

Wir haben festgestellt, dass auf dieser Seite 80% der Besucher keine E-Mails auf Yandex haben, aber aus irgendeinem Grund dazu gekommen sind. Wir treffen diese Leute in keiner Weise. Deshalb möchten wir es möglich machen, E-Mails sichtbarer zu machen.

Die Anmeldeseite ist jetzt etwas alt. Es hat sich seit Anfang 2000 nicht geändert.

===================================
Wie verstehen wir, dass das Ziel erreicht wird?

Lassen Sie uns die Anzahl der Registrierungen messen. Wir gehen davon aus, dass eine Änderung der Autorisierungsseite zu einer Erhöhung der Anzahl der Registrierungen neuer Benutzer führen wird. Wir werden diese Menge berücksichtigen.

Die neue Seite wird uns gefallen.
Lassen Sie uns ein Experiment machen.
Leute wissen es.

===================================
Was bleibt noch zu tun?

Wir werden die aktuelle Seite von Grund auf neu zeichnen. Wir brauchen ein neues Design und ein neues Layout.

Setze einen großen grünen Knopf ein.
Alles wiederholen.
=====================================

In Bezug auf die Seite erneut Seite. Wenn Sie dieses Element irgendwie herausragen, wird nichts Gutes daraus, da das Element das Registrierungsformular in der Mail ausfüllt. Wenn Sie hier eine auffällige Schaltfläche einfügen, wird das Anmeldekennwort durch Klicken gelöscht. Es wird nichts Gutes passieren.

Vielleicht muss der Designer nicht sagen, dass alles erneuert werden muss. Wir können sagen, dass wir die Anzahl der Registrierungen erhöhen möchten, und ihn einladen, zu entscheiden, ob wir die aktuelle Seite ändern oder etwas völlig Neues zeichnen.

Ich weiß nicht, warum ich so an die neue Seite angehängt wurde. Sie können einfach andeuten, dass die Aufgabe nicht auf die Änderung eines Elements beschränkt ist, da dies das aktuelle Verhalten beeinträchtigen kann. Daher muss man dieses Element entweder radikal überdenken oder generell alles überdenken.

Die wichtige Frage lautet: "Werden wir das aktuelle Verhalten brechen?" Es muss auch berücksichtigt werden, und das aktuelle Verhalten ist, dass viele Leute dieses Formular verwenden, um die Mail einzugeben, wie ursprünglich beabsichtigt. Dieser Teil muss sorgfältig aufbewahrt werden, es ist unmöglich, dieses Formular mit einem Klick zu entfernen oder klein zu machen, es sollte auffällig sein, aber gleichzeitig sollte es ein Element geben, das Aufmerksamkeit erregt und die Leute dazu ermutigt, E-Mails zu starten.

"Warum das?" Weil eine große Anzahl von Leuten auf die Seite kommt und nirgendwohin geht. Diese Fragen sind besonders relevant für Manager bei Yandex.

Fast immer, wenn Ihnen eine Verbesserung einfällt, kann sich herausstellen, dass das Serviceteam bereits darüber nachgedacht hat. Es war eine Entdeckung für mich, aber es ist wahr.

Wenn Sie zum Beispiel eine Vorstellung von Yandex-Mail haben, dann sind sich die Leute von der Mail mit einer Wahrscheinlichkeit von 99% bereits bewusst, auch wenn ihnen nichts darüber erzählt wurde. Nur weil sie ständig darüber nachdenken, überwachen sie eine große Anzahl verschiedener Quellen, und vielleicht steckt Ihre Idee in ihrer Arbeit. Oder vielleicht können sie vernünftigerweise erklären, warum das nicht cool ist, vielleicht haben sie es bereits versucht, und es stellte sich heraus, dass etwas nicht stimmte. Und vielleicht hatten sie keine Zeit, sie konnten oder vergaßen es nicht, dann muss es angehoben und getan werden.

Wir werden jetzt klärende Fragen aus der Liste überspringen.

Als der Designer eine so detaillierte Aufgabe erhielt, beschloss er, einen großen grünen Knopf zu machen, aber an einer anderen Stelle auf der Seite. Folgendes hat er getan:

Wir waren bereit, es wieder gut zu machen. Der Designer sagte, warte, es gibt nicht genug Design, lass uns das besser machen:

Wir dachten, dass einerseits alles gleich ist, an den gleichen Stellen der grüne Knopf groß ist, andererseits irgendwie mail.ru und überhaupt nicht in Yandex. In Yandex - dies ist eine schwarze Schrift auf weißem Hintergrund.

Der Designer sagt, Sie sind müde, ich kann mein ganzes Leben lang keine weißen Seiten mit schwarzen Buchstaben zeichnen, ich möchte Schönheit. Wir haben argumentiert, argumentiert, beschlossen, dass wir versuchen sollten, beide Optionen auszuführen.
Okay, wenn Sie in einem Streit nicht die Wahrheit finden können, testen wir beide Optionen. Für eine Person, die die Seite besucht, wird während der zwei Wochen des Experiments eine weiße oder blaue Seite mit einer Wahrscheinlichkeit von 50% zufällig angezeigt. Seiten hingen mit Zählern. Wir schauen uns genau an, was bei der Konvertierung aller Personen passieren wird, die auf die Seiten gelangen.

Welche Seite hat Ihrer Meinung nach gewonnen? Ungefähr 40% für Weiß, ungefähr 40% für Blau, der Rest glaubt, dass es keinen Unterschied gibt.

In der Tat gibt es keinen Unterschied. Beide Seiten arbeiteten gleich, genau und genau. Es sieht so aus, als ob der große grüne Knopf den Rest überwog.

Bis zum heutigen Tag leben beide Seiten, es gibt eine kleine Glühbirne, die in der Ecke, wenn Sie darauf klicken, die Seite wechselt, so ein geheimer Hack.

6. Was tun mit der Frist?

Eine sehr kurze Geschichte. Alles ist in Ordnung, aber wir müssen bis zu einem bestimmten Zeitpunkt Zeit haben, um das Design zu erstellen. Wir können es uns nicht immer leisten, endlos zu arbeiten. Eine Uhr wie ein Damoklesschwert hängt immer über uns und es ist nicht klar, wie man ist.

Meine allgemeine Antwort lautet: Tatsächlich existiert die Frist nicht. Genauer gesagt kann der gesamte Arbeitsprozess in die Zeitspanne verschoben werden. Tatsächlich ist das Problem sofort gelöst, wenn wir nur eine allgemeine Idee für eine Lösung haben. Je nachdem, wie viel Zeit wir haben, vergrößern wir nur die Details.

Wenn wir beispielsweise einen Monat Zeit haben, können wir die erste Woche für Forschung verwenden, nächste Woche in zwei Tagen, um eine genaue Aussage über das Problem zu treffen, und weitere drei Tage, beispielsweise für Brainstorming und andere Methoden, um viele, viele verschiedene Lösungen zu generieren. Wir haben noch zwei Wochen Zeit
, um einige Prototypen herzustellen, sie zu testen und etwas Gutes auszuwählen.

Wenn wir keinen Monat haben, haben wir überhaupt nur eine Woche, dann führen wir am Montag alle Arten von Studien durch, die am Montag durchgeführt werden können, am Dienstag formulieren wir die Aufgabe, am Nachmittag führen wir eine Reihe von Brainstorming-Sitzungen durch, am Mittwoch machen wir einen Prototyp, am Donnerstag testen wir Remake am Freitag und noch haben wir eine Lösung für die Woche bereit.

Je mehr Zeit, desto besser das Ergebnis, aber Sie können zu einem Ergebnis kommen, wenn fast keine Zeit vorhanden ist.

YouTube-Beispiel:
Die wichtigste wichtige Designentscheidung, die den Erfolg des Dienstes sicherstellte, weißt du? Der zugehörige Videoblock, in dem Sie andere zu diesem Thema gehörende Videos ansehen können. Dieser Block sorgt für Klebrigkeit.

(Dies ist eine sehr alte Version.)

Sie sehen sich ein Video an, dann das nächste, dann das nächste, und dann dämmert es bereits vor dem Fenster. Youtube hat dich gelutscht.

Tatsächlich hängt das gesamte Design von Youtube davon ab, dass wir Videos zeigen müssen, die sich auf das beziehen, was wir gerade sehen. Alles andere ist zweitrangig.

Sie machten eine Neugestaltung. Wie wir sehen, nehmen die wichtigsten Dinge hier einen noch wichtigeren Platz ein. Das Video ist noch größer geworden, der Block mit den Spitzen wurde noch höher angehoben, aber sie sind die Essenz der Lösung.

Wenn wir uns das ausgedacht und es einfach auf Papier oder auf eine Tafel gezeichnet haben und es überhaupt keine Zeit gibt, können Sie es dem Entwickler sofort geben. Die Ausgabe ist eine Art Arbeitsoption. Wenn Sie Zeit haben, können Sie schöne Knöpfe zeichnen.

7. Öffnen

Ich glaube, dass Design ein offener Prozess ist. Der Designer muss die Ergebnisse seiner Arbeit in jeder Phase, auch einige frühe Entwürfe, möglichst vielen Menschen zeigen und eine große Anzahl von Menschen in den Prozess einbeziehen.

Zurück zu diesem Zyklus: In jeder Phase ist es für verschiedene Personen nützlich, daran teilzunehmen.

Bei der Recherche haben wir häufig Manager und Entwickler eingeladen, sich anzumelden. Wenn wir die Geschichte des Browsers studieren wollen, wen interessiert das dann - fliegen Sie weiter, laden Sie alte Builds herunter, installieren Sie, versuchen Sie, graben Sie Screenshots aus. Die Leute sind am Reden interessiert, jeder erinnert sich an seine Geschichten über alte Browser.

Brainstorming ist im Allgemeinen der günstigste Boden. Um möglichst viele verschiedene Teilnehmer in den Prozess einzubeziehen, nicht nur Designer, nicht nur Manager, sondern generell alle, die ihre Ideen in das gemeinsame Sparschwein werfen können.

Sie können dem gesamten Unternehmen zeigen, was sich herausstellt. Das ist ein interessanter Effekt: Die Leute schauen wirklich. Wir veröffentlichen oft einige frühe Layouts in internen Blogs auf Yandex. Die Leute schauen zu, die Leute beginnen Fragen zu stellen, zu diskutieren.

Es gibt mehrere positive Punkte. Erstens ist jeder dabei zu verstehen, was getan wird. Dies ist für das Serviceteam sehr wichtig, denn wenn Sie in Worten beschreiben, stellen Sie sich alles etwas anders vor, wenn Sie Modelle oder sogar Entwürfe sehen, beginnt plötzlich jeder zu verstehen, woran gearbeitet wird. Dies ist gleichermaßen wichtig für benachbarte Teams oder nur für Zuschauer und externe Beobachter.

Natürlich ist dies ein großer Strom von Kritik, die Entwickler bemerken, dass etwas nicht getan werden kann, jemand an einigen Dingen festhält, Leute Bedeutungen finden, an die wir nicht denken konnten, und dies ist der erste Test.

Da der Designer diesen gesamten Kommunikationsprozess organisiert hat, kann er nach eigenem Ermessen einige Kommentare ignorieren und einige zur Arbeit mitnehmen.

Es gibt immer noch eine große Anzahl von Menschen mit der Psychologie "Sie haben mich nicht gefragt". Sie tauchen zu diesem Zeitpunkt auf, was sehr gut ist, denn wenn Sie diese Personen nicht sofort fragen, werden sie dem Start des Dienstes näher kommen und sich einmischen. Und so werden sie Zeit haben, sich zu äußern, wir werden Zeit haben, mit ihnen zu streiten, wir können ignorieren, was sie verlangt haben, aber dann fühlen sie sich bereits wie einige Teilnehmer am Prozess und beruhigen sich. Es ist wichtig.

Damit der Designer einen solchen Kommunikationsprozess organisieren kann, muss er natürlich eine gewisse moralische Ausdauer haben, da die Leute im Internet, die oft genug davon gesehen haben, wie man Design diskutiert, anfangen, es so zu diskutieren, wie sie es gesehen haben.

Dies ist übrigens ein echtes Zitat. Ich habe viel Zeit damit verbracht, ein Zitat zu finden, das in eine echte Präsentation eingefügt werden kann.

Ein erfahrener Designer versteht, dass hinter einem solchen Satz nicht viel Sinn steckt. Sie können eine Person fragen, herauszufinden, was genau sie nicht mag. Oft ist es nicht das, was er am Anfang sagt.

Wenn Sie dem Designer mitteilen müssen, dass etwas mit dem Design nicht stimmt, werde ich versuchen, dies am Beispiel dieses Layouts zu erklären.

Nehmen wir an, der Designer sagt: Ich denke, die Mail sollte so sein.

Möglicherweise haben Sie Haarausfall durch Horror / was dort gemalt ist, aber Sie müssen sich zurückhalten und es ihm in der folgenden Weise sagen. Listen Sie zuerst die Fakten auf, die Sie beobachten. Sie können es so beschreiben, als würden Sie dies einer Person aus einem anderen Raum sagen, die das Bild nicht sieht.

Zum Beispiel gibt es einen rosa Hintergrund, Buchstaben werden schlecht gelesen. Dann können Sie, wenn Sie möchten, die Gefühle hinzufügen, die Sie haben, wenn Sie diese Fakten auflisten. Ich finde es beispielsweise schwer zu glauben, dass viele Menschen den rosa Hintergrund mögen werden. Und dann anfangen, diese Tatsachen zu diskutieren.

Sie können dem Designer nicht sagen "Nun, Sie sind ein Trottel" oder einem anderen kleinen konstruktiven "kompletten Mist / niemand mag es" und anderen bedeutungslosen Ausdrücken.

Wir haben uns sieben Kurzgeschichten über designbezogene Dinge angesehen, die mir wichtig erscheinen.

Ein Zitat, das diese Präsentation abschließt:

Einfachheit ist eine notwendige Voraussetzung für das Schöne. L.N. Tolstoi

Entscheiden Sie nicht für den Designer die Aufgabe des Designers