Wie kann man die Designentwicklung der Webseiten gewinnreich machen (Teil4)

Heute wenden wir und an das von Prototypen. Ich möchte sofort 32% der Leser bitten, welche dieses Thema schon kennen, die restlichen 49% nicht stören, die mit den Service für Prototypenbildung nicht gearbeitet haben, diese Frage erlernen.   

Wissen Sie über das Existieren von Service für Prototypenbildung 

• 32% Ich weiß es und benutze; 

• 25 Ich habe etwas gehört, gelesen, aber habe nicht benutzt; 

• 14% Ich habe die Trial Versionen getestet, aber für mich ist es teuer; 

• 5% Ich habe benutzt, weiß es, aber für mich es ist teuer; 

• 24% Ich habe es nicht getestet, aber es ist mir interessant, wie es funktioniert.

Das Thema «Prototypieren» 

Hier, vielleicht, ist es am besten abstrakt zu erzählen, als konkretisieren und nur einen Service behandeln, da im Unterschied zu anderen Arbeitsarten, es gibt ziemlich viel – mehr als 50 populäre. Für die skeptisch eingestellten sage ich sofort, - komme ich zu mir einige Jahre früher und erzähle, wie weit man die Zeit sparen und die Leistung erhöhen kann, so würde ich sofort den Service für das Prototypieren kaufen. 

Einen schönen sonnigen Morgen, als ich zur Arbeit kam und eine Tasse starken Kaffe für mich kochte, ich beschloss die E-Mail von dem Kunden lesen – und ich wollte ihn mit diesem heißen Kaffee begießen, in ihn die Tasse werfen, den Vertrag zerreißen und die von ihm unterzeichneten Modelleessen lassen (im Brief hat der Kunde geschrieben, in der Hälfte der fertigen Arbeiten: wollen wir die Spitze, Unten und zwei Seiten neu machen – dieHauptseite und die Liste der Dienste). 

Und eben dann haben wir mit den Designer begonnen daran  zu denken, was genau uns fehlt, was eben benutzen wir nicht: Technische Aufgabe gibt es, Projektdokumentation – gibt es, die Skizzen an der Tafel – haben wir, jedes einzelne Modell unterzeichnet der Kunde - ja. Und jemand sagte skeptisch - wollen wir vielleicht Prototypieren probieren?!» Sofort haben wir gegooglt, haben gelesen, heben die Beilage ausgewählt und kauften sie. Wir haben sofort für das Jahr $69. Es gefiel mir, dass es beim Kaufen für das Jahr eine 25% Rabatt gibt. Aber es handelt sich nicht darum (es war mockflow.com).

Die Versuche die Beilage zu erlernen nahm es uns ein Tagin Anspruch zwei Tagen gab mir der Designer einen sehr lange Link (ich bemerke sofort: einen riesigen, ein großer Nachteil dieses Services ist das, dass er auf dem Flasch ist), nach dem der ganze Prototyp der Webseite öffnete. Alles nahm weniger als 16 Stunden in Anspruch (Webseite war nicht groß, bis 10 Seiten+ 404, Alerten, verkürztes Menü, Brief dem Kunden – also voll ausgestattet). Ich habe mich etwas schon von dem Brief des Kunden ausgespannt und schreibe ihm: «schauen Sie auf das ganze Projekt im ganzen, die Webseite wird so aussehen, nicht mehr und nicht weniger; sehen Sie bitte alle Seiten durch, erlernen Sie das das ganze Projekt; Ihre Webseite wird genauso aussehen, nur in der Farbe und mit dem Foto, aber ihre Struktur, Menü, Tasten … alles wird so, wie im Prototyp». Und wissen Sie, der Kunde antwortete mir, dass er mehr nicht will die Modelle ändern, er hat die ganze Konzeption der Webseite begriffen, und sie passt ihm. Wir haben gleich eine Woche Arbeit gespart, und vielleicht mehr in der Perspektive.

Wie benutzt man

Sie haben eine Idee, Struktur der Webseite, ein Teil der Auffüllung und die Tafel. Fixieren Sie grob an der Tafel mit dem Leuchtstift die allgemeinen Gedanken, Ideen. Besprechen Sie mit dem Personal, Programmierern und den Schrift setzern die Konzeption (machen Sie ein Foto und fügen zum gemeinsamen  google.Dokument, von welchem wir im Teil 3 sprachen). Weiter der Designer, schon mit der Darlegung des Projektes, mit der Foto-Skizze im Dokument, und auch die Struktur des Projektes sehend, bekommet die Aufgabe einen Prototyp zu machen. Das nimmt und von 15 bis 2 Stunden pro Seite in Anspruch, und das ganze Projekt haben wir schon fertig. Der Designer stellt den Link ganz oben im google.Dokument im Informationsblock. 

Wir geben die Aufgabe allen Teilenehmer des Projektes sich mit den Prototypen nach dem Linki m gemeinsamen Dokument vertraut zu machen. Weiter sammeln wir uns und chatten schon da. Was haben wir? Das ganze Projekt – vollständig funktionierende Variante. Weitere Schritte: in ihm die Nichtübereinstimmung dem Modell zu finden. Dieselben Kleinigkeiten, welche immer verschwinden und am Ende gemacht werden. Das, was niemand nicht mag – wenn die Arbeit anscheinend schon beendet ist, und der Kunde oder der Leiter immer wieder weist auf: «hier fehlt ein Link», «und hier haben wir gesprochen, das sein Häkchen wird», usw. Suchen sie sofort alles, was nicht bis zum Ende gemacht ist, alles, was Ihnen später viel Zeit in Anspruch nimmt.

Alles, was sie „später“ machen, multiplizieren Sie sofort auf 2, und nach einem Monat auf  4 – das sind Ihre Verluste. 

Nach den „Details“ zu suchen – das ist der kompliziertester Prozess. Guckst du manchmal auf die Webseite – anscheinen sie ist gut, und dann siehst du, dass fast gleiche wie sie, und die ist schon nicht so gut. Warum? An erster Stelle ist etwas kleines und nicht sofort zu bemerkendes - «Details». Genau «Details» bilden Design zum schönen, und die Ressource günstig. Die Linke für die Wiedererneuerung des Kennwortes, 404 Seite: ausgefertigte Alert, Tultip auf den Zeichen, der Link für die Information und die Zeile der Erklärung. Warum schreibe ich das genau hier?! Ich antworte so – Fotografen mögen bis jetzt die schwarz-weiße Fotos zu schaffen. Auf den sind mehr Kleinigkeiten zu bemerken. Dasselbe ist mit den Prototypen – aus den ist es einfacher alle fehlende Details einzusehen, Tasten, Funktionen, und schließlich die ganzen Seiten, die sofort nicht vorgesehen waren. 

Strukturdes Projektes

In allen Kapiteln ich schreibe über die Struktur des Projektes. Jeder sieht die Struktur aus seiner Sicht – aber sie kann man nicht weglassen. Die günstigste ist, meiner Meinung nach, die verkürzte Version – ohne Erklärungen, einfach die Abzählung mit eingepackten Listen aller Seiten. Aber jedem das Seine. Und im File kann es eine Mehrstuffenstruktur sein, und in den Prototypen und Modellen ist es besser Zweistuffenstruktur zu benutzen.

Verstehen Sie, dass Designer oder der Leiter sehr oft zum Zeitpunkt des Schaffens neuer Modelle das Projekt «vom oben» sieht und versteht und vollständig. Und der Kunde, die Schriftsetzer und die Programmierer, sehen das Projekt, «auf der Erde stehend». Sie verstehen sofort nicht, was das Projekt macht, wie er das macht und Warum.

Ihre Aufgabe – das Projekt linear und Schritt für Schritt zu zeigen, ein Modell (Prototyp) für das andere. Der Kunde muss das erste Modell öffnen (Prototyp), und einfach die Taste „rechts“ (weiter). Ihre Aufgabe – die richtige Kette aufzubauen, die Strukturierte Präsentation der Modelle (Prototype) zu machen. Was gibt das Ihnen? Dass der Kunde Minimum Fragen stellt und bewilligt schneller sogar ihr erstes Modell – und es ist ihr Ertrag. Ja, er sagt ihnen seine Bemerkungen, es werden aber die sachlichen Bemerkungen, aber nicht Luft im Loch. Der Kunde findet die Kleinigkeiten, dieSie jetzt verpasst haben, aber nicht am letzten Tag der Abgabe des Projektes odernach einer Woche.

Wo ist Ersparen und Ertrag?

Machen Sie «storyboard» des Projektes. Der Webseitenbesucher macht auf der Seite irgendwelche Handlungen? Tippt er etwas ein? Reagiert die Webseite darauf irgendwie? Ist das alles auf einer Seiet? Zeigen Sie dem Besuche dem Abschnitt «Artikelbilden auf Chabra» (habrahabr.ru), der aus den Modellen besteht: 

• die Antworten auf die Fragen;

• die Antworten auf die zweiten Fragen;

• leere Form für Posten;

• Form mit den nicht eingefüllten Feldern (wurde nicht validiert);

• Preview Form;

• Form mit allen Einstellungen und Drop-down Listen;

• Alert «Ihr Artikel ist veröffentlicht»;

• die Seite «Vielen Dank für Anordnung …».

Das ist nicht ein Prototyp, das sind nicht drei Prototypen, wo alles aufgeworfen ist. Das ist story-board auf der Prototyp-Etappe. Wenn der Kunde das sieht, versteht er sofort, wie das funktioniert, wie die Webseite mit dem Besucher zusammen wirkt, was Ihre Zeit und Zeit des Kunden spart. Gehen wir weiter: die Zeit ihres Teams sparen. Wir, die Menschen, nehmen mit den Augen auf, und es ist für uns besser einmal sehen als 100 mal hören. Sie sparen noch viel Zeit auf den Erklärungen dem Schriftsetzer, wie muss die Seite sich benehmen. Der Programmierer sieht das Funktional, und Sie sparen die Zeit. Dasselbe findet auf der Prototyp-Etappe statt – die Entwickler können die Effekte, Technologien besprechen, sie können löschen das, was kompliziert oder unmöglich zu machen ist – das alles ist Ersparung. 

Setzen wir weiter fort. Der Kunde soll alles unterzeichnen, bewilligen und verstehen, dass es gibt kein Rückweg. Die Modelle werden nach diesen Prototypen, und genau solche. Ja, sie werden farbig und mit Foto, und die Tasten sind schön, und es wird genauso. Das sind keine Worte – das ist eine Gestalt. Weiter alle Wünsche des Kunden, die zum Prototyp nicht gehören – das sind zusätzlichen Leistungen, die bezahlt werden.  

Fazit

Brauchen sie mehr Tatsachen?! Durchschnittlich nach der Anwendung der strengen Regeln und des Prototypierens gelang es uns in die bestimmten Fristen anpassen und fast in die festgelegten Rahmen laut den Mensch/Stunde anpassen. Ja, ich werde nicht lügenund erzählen, dass es die Lösung aller Probleme ist, aber in Frist und Budget anpassen – das ist schon der Ertrag.  

Im nächsten Abschnitt behandeln wir das Problem  «des ersten Modells», ich erzähle, was die strukturierte Präsentation der Modelle ist und wir behandeln ein Beispiel der Benutzung dieser Service.

Wissen Sie von dem Existieren der Service für die strukturierte Präsentation der Modelle für den Kunden 

• 10% Ich weiss und benutze; 

• 34% Ich habe etwas gehört, gelesen, aber nicht getestet; 

• 11% Ich habe die Trial-Versionen getestet, aber ich sehe keinen Sinn daran;  

• 3% Ich habe getestet, aber für mich ist es teuer;  

• 42% Ich habe es nicht getestet, aber es ist mit interessant, wie es funktioniert. 

© Abysow Igor
Projektleiter