Share
Bei FHOKE haben wir hunderte von Projekten auf vielfältige Weise verwaltet. Dank der Branchenerfahrung unseres Teams, dem Laufen oder Arbeiten in Studios, haben wir alles gesehen. Wege, die funktioniert haben und andere, die versagt haben. Im Laufe der Jahre haben wir unseren Prozess verfeinert und einen großartigen, inszenierten Ansatz gefunden, der für alle unsere Kunden gut funktioniert. Das spart Zeit und gibt den Designern mehr Kontrolle.
Der Schlüssel ist, immer eine großartige Beziehung zum Kunden aufrechtzuerhalten, so dass sich die Kunden am Ende eines Projekts zufrieden fühlen. Sie müssen jedoch den Schmerz, die Schmerzen und die Tränen, die ein Projekt mit sich bringen kann, sparen. Wenn Sie also Schwierigkeiten haben, mit Kunden umzugehen, und deshalb die Leidenschaft für das Design verlieren, sollten Sie sich unser Vorgehen nicht entgehen lassen?
Es mag offensichtlich erscheinen, aber allzu oft hören wir von Freelancern und sogar Agenturen, die in ein Projekt springen, ohne vorher an alle Szenarien zu denken. Stellen Sie sicher, dass Sie gut planen, stellen Sie die richtigen Fragen und informieren Sie Ihren Kunden darüber, was er am Ende eines Projekts erwartet. Legen Sie vor allem angemessene Zahlungsschritte und -bedingungen fest, damit keiner von Ihnen nichts mehr hat.
Wenn Sie festgestellt haben, dass Ihre erste Runde visueller Darstellungen abgelehnt wurde, und Sie gefragt werden, warum Sie einen bestimmten Ansatz gewählt haben, haben Sie vielleicht nicht die richtige Anweisung gewählt (vielleicht hätten Sie gar keine haben sollen). )
Ein effektiver Design-Brief ist der kritischste Faktor für den erfolgreichen Start eines Projekts. Es gibt dem Kunden die richtigen Fragen, die Sie als Designer beantworten müssen. Stellen Sie die Fragen richtig und die erste Phase des Projekts war ein Erfolg.
Wenn Sie keine kurze Vorbereitung haben, verwenden Sie eine solche Option, um sie an Kunden weiterzugeben. Nicht alle Kunden verstehen, was ein guter Designauftrag ist, und geben Ihnen nicht immer die gewünschten Antworten. Sie können unsere Vorlage beliebig verwenden. Wenn Sie dies bereit haben, zeigt es Ihren Kunden Ihre Professionalität und spart ihnen (und Ihnen) viel Zeit und Geld. Denken Sie daran: Ermutigen Sie sie, Spaß daran zu haben, und lassen Sie sich so viele Informationen wie möglich geben. Wenn Sie noch Fragen haben, haben Sie keine Angst, nach mehr zu fragen.
Jetzt haben Sie einen großartigen Brief zur Hand, den Sie für die Arbeit benötigen. Dies kann eine detaillierte Auflistung der Funktionalität oder eine einfache Liste von Seiten und Dateien sein, die der Client nach Fertigstellung erwartet. Versuchen Sie, so viele Informationen wie möglich in das Angebot aufzunehmen, da dies genau beschreibt, was der Kunde erhält. Es schließt auch einen Vertrag zwischen Ihnen und dem Kunden ab und verhindert, dass Sie sich schlecht behandelt fühlen, wenn ein Kunde neue Funktionen oder Elemente hinzufügt, die nie besprochen wurden.
Warum verwenden Sie diese nicht als Überschriften in Ihrer Spezifikation:
Eine der wichtigsten Vereinbarungen für neue Projekte sind Zahlungsstufen. Wählen Sie Begriffe, die zu Ihren Gunsten wirken, aber dem Kunden gegenüber fair sind. Merken noch nie Beginnen oder übergeben Sie ein Projekt ohne Anfangs- oder Endzahlung Nein Hebelwirkung an dieser Stelle. Machen Sie es klar, stellen Sie sicher, dass die Kunden die Bedingungen im Voraus kennen, und stellen Sie sicher, dass sie verstehen, dass das IP / Copyright für Alle / Teil des Projekts (wenn Sie es übertragen) nur bei dieser Zahlung ihr Eigentum ist. Haben Sie keine Angst, sich zu behaupten oder, wenn Sie gefragt werden, zu einer für beide Seiten vorteilhaften Vereinbarung zu kommen. Wenn Sie beispielsweise 50% im Voraus und 50% nach Abschluss abschließen, können Sie 35% im Voraus und 65% nach Abschluss abschließen.
Es ist auch nicht ungewöhnlich für eine vereinbarte Zwischenzahlung, die klar definiert werden kann, z. B. nach Planung, Festlegung und Entwurf, bevor der Build-Start beginnt. Es gibt viele Möglichkeiten, Zahlungen einzuplanen, aber stellen Sie sicher, dass Sie sich für Bedingungen entscheiden, mit denen Sie sich wohl fühlen.
Es wird immer ein gewisses Maß an Manövrierfähigkeit vorhanden sein, wenn ein Projekt gestartet wird. Schließlich haben Sie zu diesem Zeitpunkt eine Beziehung mit dem Kunden aufgebaut und möchten ihnen gefallen. Erfahren Sie, wann Sie Nein sagen, erklären Sie, warum sich eine Änderung auf das Projekt auswirkt, und verweisen Sie auf den unterzeichneten Vorschlag. Wenn Sie die Irritation auf beiden Seiten einschränken können, wird das Projekt für Sie und den Kunden angenehmer.
Wir haben an Projekten gearbeitet, bei denen visuelle Elemente vom Browser bis zum Entwurf im Browser entworfen wurden. Keiner dieser Ansätze hat jedoch beim ersten Wireframing so gut funktioniert.
Wireframing legt die Erwartungen des Kunden an das Layout der Website fest, bevor Sie überhaupt die Einführung von Farbe, Typografie und Grafiken in Betracht ziehen. Es wird letztendlich Zeit sparen und den gefürchteten Pixel-Push-Prozess verhindern. Dies ist auch eine großartige Möglichkeit, um eine Website zurückzuschrauben und sich auf die Benutzerfreundlichkeit, Funktionalität und den Ablauf zu konzentrieren, ohne den Kunden mit Design abzulenken. Design zuerst, dann wird sich der Kunde fast sicher darauf konzentrieren und nicht auf das großartige Layout, das Sie präsentiert haben. Wenn Sie diesen Fehler machen, kann dies dazu führen, dass wichtige Funktionen und Entscheidungen zur Benutzerfreundlichkeit der Website beeinträchtigt werden.
Haben Sie keine Angst davor, beim Wireframing zu experimentieren. Dies ist eine großartige Möglichkeit, Layouts schnell zu erstellen und ebenso schnell zu ändern. Aber seien Sie nicht experimentell für Experimente, es mag hübsch aussehen, aber die Site muss nutzbar sein und die Ziele des Kunden erfüllen.
Probieren Sie Mockflow oder Balsamiq aus, um eine kostengünstige Lösung für das Erstellen und Teilen Ihrer Wireframes zu finden.
Beginnen Sie mit der Entscheidung für ein zu verwendendes Rastersystem (siehe CSS-Raster oder 978 g). Mit den Änderungen in der Auflösung können diese variieren und hängen vom Client, der Zielgruppe und den Geräten ab, an denen die Site arbeiten sollte. Stellen Sie sicher, dass Sie die Optionen mit dem Client besprochen haben, wenn Sie die Site sprechen. Dies spart Ihnen Zeit und verhindert, dass später Änderungen an den Auflösungen vorgenommen werden, wenn der Großteil der Arbeit erledigt ist. Denken Sie daran, den Kunden in allem, was Sie tun, zu kommunizieren und zu erziehen.
Da Sie die Funktionalität der Website anhand der Spezifikation festgelegt haben und verstehen, was der Kunde aus seiner Sicht mag und nicht mag, sollte dies eine relativ schnelle Phase des Projekts sein. Ihr Job beginnt jetzt, also beeindrucken Sie sie, wählen Sie ein durchdachtes Layout und Navigationsstil und entscheiden Sie, wie diese Funktionsbereiche der Website für den Kunden und den Benutzer optimal funktionieren.
Lassen Sie sich von anderen inspirieren und schauen Sie sich an, welche Funktionen die Benutzer Ihrer Kunden nutzen können. Sehen Sie sich ähnliche Websites an, sehen Sie sich Websites in Webgalerien an und prüfen Sie, ob die von ihnen verwendeten Funktionen sinnvoll eingesetzt werden.
Als Profi haben Sie die Möglichkeit, die neuesten Techniken zu entwickeln und anzuwenden, aber fragen Sie sich immer wieder, ob sie benötigt wird. Hat dies Auswirkungen auf Ihre Zeit und Ihre Kosten? Verbessert es die Benutzererfahrung? Profitiert der Kunde davon? Verwendet es den verfügbaren Platz am besten? Und vor allem beantwortet es die kurze Antwort? Wenn alle diese Fragen mit Ja beantwortet werden, machen Sie weiter. Wenn nein, worauf kommt es an??
Wenn Ihr Kunde mit dem Layout der Site zufrieden ist, vergewissern Sie sich, dass er sich entweder schriftlich oder per E-Mail abmeldet, dass er mit der bisher geleisteten Arbeit zufrieden ist und dass Sie sich für die nächste Projektphase entscheiden. Dies gibt Ihnen die Kontrolle zurück, wenn Sie sich dazu entschließen, später im Projekt etwas zu ändern. Bleiben Sie bis zu einem gewissen Grad flexibel. Das Layout der Site kann angepasst werden, und Sie werden fast sicher feststellen, dass bestimmte Bereiche an anderer Stelle besser platziert werden können. Kommunizieren Sie dies klar mit dem Kunden.
Da wir nun Wireframes als Teil Ihres Prozesses haben, werden Sie feststellen, dass das Entwerfen einer Site viel einfacher und angenehmer wird. Das Denken wurde getan, also ist es Zeit, die kreativen Säfte fließen zu lassen.
Wenn Sie Ihre Dateien vor dem Entwerfen vorbereiten, sparen Sie später Zeit, Sie haben alles vorhanden und die Assets können leicht gefunden werden. Wenn Sie ein Rastersystem gewählt haben, erstellen Sie zunächst eine versteckte Ebene mit Hilfslinien (die meisten Rastersites haben Dateien für Sie bereit) oder verwenden Sie ein Plugin wie GuideGuide für Photoshop.
Bereiten Sie Ihre Ebenen vor, indem Sie eine logische Ordnerstruktur erstellen, und benennen Sie jede Ebene Ihrer Datei während des Entwurfs weiter. Es ist eine großartige Etikette, besonders wenn ein anderer Designer oder Entwickler Ihre Dateien abholt. Es hilft ihnen nicht nur, sondern hilft Ihnen, Assets in dieser Datei schnell zu finden, wenn Sie sie benötigen. Verwenden Sie intelligente Objekte oder Formebenen für Symbole und Logos, damit diese später skaliert werden können, insbesondere wenn Sie für Retina-Displays entwerfen.
Für den Anfang ist es an jedem Designer, aber in der Regel (da Wireframes vorhanden sind) haben Sie bereits eine Idee, Best Practices an anderer Stelle zu betrachten und die Vorgaben des Kunden hinsichtlich des Stils, den Sie verwenden werden. Seien Sie inspiriert, aber denken Sie daran, es sich zu eigen zu machen. Im Laufe der Zeit werden Sie feststellen, dass Sie Ihren eigenen Stil kreieren werden, und die Kunden möchten deshalb mit Ihnen zusammenarbeiten.
Der Stil ergibt sich aus der Behandlung von Texturen, den verwendeten Schriftarten und den kleinen Details wie Schaltflächen, Symbolen, Teilen und Interaktionsstatus. Verwenden Sie für Schriftarten Repositorys wie Google Fonts oder TypeKit, um die neuesten Online-Schriften zu erhalten. Tasten spielen mit Ideen und Stilen; Es ist sehr schnell, einen Stil hochzuschalten und das gesamte Erscheinungsbild der Site mit ein paar Ebeneneffekten zu ändern. Nehmen Sie zum Beispiel diesen flachen Knopf:
Sie wurde mit dem Rechteckwerkzeug (U) (Form) mit einer Größe von 100 x 40 Pixeln erstellt und auf die Ebene wurden mehrere Ebeneneffekte angewendet. Zuerst mit einem flachen, tiefroten Farbton. Verwenden Sie dazu die Option 'Color Overlay' mit einem 'Normal' - Mischmodus von 100%. Anschließend mit einem Strich unter Verwendung eines dunkleren Rotes bei 100% mit einem 2-Pixel-Innenstrich aufgetragen. Dadurch entsteht ein sehr flacher, generischer und dennoch stilvoller Button, der viele Websites ergänzen würde.
Sie können die Ebeneneffekte genauso schnell vertauschen, um eine Site mit mehr Tiefe zu erstellen, indem Sie weiche Farbverläufe und Schatten verwenden, um Tiefe zu erzeugen. Wenn Sie einfach von einer Farbüberlagerung zu einer Farbverlaufsüberlagerung wechseln, können Sie der Farbe der Schaltfläche einen sanften Farbverlauf hinzufügen. Durch das Hinzufügen eines "Schlagschattens" mit geringer Deckkraft erhalten Sie einen weichen Schatten und ändern sofort das Erscheinungsbild der Schaltfläche.
Diese beiden Tasten finden Sie hier.
Wenn es ein Teil Ihres Projekts ist und Sie Schwierigkeiten haben, ein Logo oder eine Website passend für das andere zu machen, warum sollten Sie sie nicht parallel dazu brandmarken und gestalten? Bei vielen Online-Unternehmen ist das absolut sinnvoll. Wir haben diesen Ansatz vor vier Jahren gewählt und haben seitdem nicht zurückgeschaut. Dies ist nicht immer möglich, aber es hat unseren Kunden immer geholfen, eine Vision der gesamten Marke (einschließlich einer Website) zu entwickeln, anstatt sie zu bitten, Ihnen zu vertrauen und zu hoffen, dass sie sich vorstellen, wie ein Logo medienübergreifend funktioniert.
Dadurch wird Ihre Zeit drastisch reduziert, wenn Sie versuchen, das eine an das andere anzupassen, wenn möglicherweise der Stil der Website bei der Erstellung eines Logos nicht berücksichtigt wurde. Natürlich skizzieren Sie Ihre Ideen immer noch und verwenden Sie einen ähnlichen Prozess wie jetzt, aber wenn Sie gleichzeitig mit den beiden Ideen spielen, funktioniert das wirklich. Es ist auch viel schneller und einfacher, eine Marke offline zu setzen, als eine Offline-Marke online zu machen.
Merken noch nie Übergeben Sie ein Projekt oder eine Datei ohne Restzahlung und müssen Sie sich vom Kunden abmelden Nein Kommen Sie an diesem Punkt zurück, wenn Sie auf eines davon verzichten.
Wenn Sie die Site nicht selbst entwickeln, lassen Sie Ihren Entwickler oder Kunden nicht raten.
Wenn Sie sich die Zeit genommen haben, Ihre Dateien richtig zu schichten, haben Sie keinen unangenehmen Entwickler oder Client. Es ist eine professionelle Höflichkeit, gut vorbereitete Dateien zu übergeben und wird Ihren Kunden oder Entwickler nicht nur glücklich machen, es spart Ihnen Zeit, und Sie brauchen nur wenig Fragen beim Einrichten der Dateien.
Stellen Sie sicher, dass Sie Schriftarten und alle angeforderten Assets oder Dokumentationen zusammenstellen. Wenn Sie alle Dateien wie Dropbox an einem Ort aufbewahren, haben alle am Projekt Beteiligten Zugriff.
Wir meinen nicht, dass dies die Art und Weise sein sollte, wie jeder arbeiten sollte, sondern eher auf unsere Branchenerfahrung.
Das Design ist sehr subjektiv. Wenn Sie einen Prozess rationalisieren können, werden weniger Pixel verschoben und nach Zahlen gemalt, wie vom Kunden vorgegeben. Je mehr Kontrolle Sie über ein Design haben, desto mehr fühlen Sie sich inspiriert, um jedes Projekt zu verbessern.
Und denken Sie daran, wenn Sie lernen, zur richtigen Zeit Nein zu sagen, können Sie und Ihr Unternehmen Zeit, Mühe und eine Menge Schmerz sparen. Sagte zur falschen Zeit und es bringt dir all das und noch mehr. Berücksichtigen Sie Ihre Antworten auf Änderungen, die der Kunde anfordert, geben Sie immer gute Gründe an und machen Sie sich klar, warum Ihre Idee Ihrer Meinung nach möglicherweise nicht funktioniert. Seien Sie zum Schluss bereit, einen Schritt zurückzutreten. manchmal können kundenideen eine bessere zünden.
Accentsconagua