Die ersten Schritte von Website-Design

Wenn Sie Spielzeug kaufen oder zu empfangen beschriftet # 147-einige Montage erforderlich, # 148- Sie wissen, du bist in einem Gehirn-Zwirn behandeln. Die Designphase einer Website ist Ihre Chance, die Bedienungsanleitung für das Team zu schreiben, bevor jemand herumgeschubst Pixel beginnt.

Erstellen Sie eine Sitemap für eine Website

Wie bei den Plänen für ein neues Bürogebäude, eine primäre Aufgabe in der Entwurfsphase für jede Website, groß oder klein zu schaffen, ist eine zu erstellen Sitemap, ein Diagramm, das alle einer Website Seiten und wie sie miteinander verbunden zeigt. Ohne eine Sitemap, du bist für Frustration geleitet. Zum einen wird das Team keine einheitliche Richtung haben. Zweitens, ohne einen Plan, können Sie nicht möglicherweise antizipieren alle Inhalte, Seiten und Funktionen, die in die Website zu gehen.

Die Entwicklung von Wireframes in Web-Design

Während die Sitemap der Website aus einer Vogelperspektive zeigt, gibt es nicht Sie die Details, die Sie entwerfen müssen und jede Seite zu bauen. Dafür müssen Sie eine Reihe von Wireframes.

Während der Designphase, Input von allen Teammitgliedern die Informationen Architekt sammelt und baut ein Diagramm-Layout, eine so genannte Drahtgitter-, für jede größere Seite der Website. Wie eine Sitemap, ist ein Drahtgitter ein Diagramm, aber anstatt die Anzeige einer verkleinerten Ansicht aller Site-Seiten zusammen, ein Drahtmodell zeigt eine Detailansicht einer einzelnen Webseite. Ein Drahtmodell zeigt die folgenden Elemente:

• globale Navigation Schema (die Navigation, die auf jeder Seite Ihrer Website erscheint)

• Text und Medien chunks und ihre relative Bedeutung aufeinander

• Interaktionsdesign (wie die Menschen, die Elemente auf der Seite verwendet werden, die mit Legenden dokumentiert seine Teile zu beschriften)

  

Website-Benutzertests

Testen Wireframes mit den Nutzern ist ein iterativer Prozess, den Sie in der Design-Phase beginnen und gut in die Entwicklungsphase fortzusetzen. (ichteFungs bedeutet, es immer und immer wieder zu tun, enthält, was jeder Versuch erzählt. Im Hinblick auf die Prüfung, das ist etwas, das man besser den Schläger gewöhnen rechts.) Prüfung früh in der Designphase hilft Ihnen auf der Strecke bleiben, weil Sie schnell kleine Anpassungen, bevor er zu weit unten auf der Produktionsweg zu machen.

Setzen eines Website-Content-Plan zusammen

Hand in Hand mit Drahtmodell-Entwicklung ist, herauszufinden, einen Inhalt zu planen. Denn wie kann man vorschlagen Inhalt wie ein News-Bereich auf einer Seite, ohne zu wissen, wo die Nachrichten aus kommen, wie umfangreich es sein wird, und wie oft der Kunde in der Lage sein wird, sie zu aktualisieren?

Wenn die Website wird ein mit Content-Management-System, oder CMS (ein Datenbanksystem, das allen Ihren Text beherbergt und führt es auf Ihre Seiten) definiert der Inhalt Stratege eine Liste aller Arten von Text-Komponenten, die auf jeder Seite und stellt Namen und Regeln für jeden. Zum Beispiel kann ein # 147-Titel # 148- kann eine bestimmte maximale Zeichenanzahl und großen Anfangsbuchstaben verwenden müssen.

Schließlich während der Designphase, denkt das Content-Team über das Schreiben Ton, der am besten geeignet für den Standort wäre angesichts der in der Definitionsphase etablierten Markenpersönlichkeit und Geschäftsziele des Unternehmens.

Festlegung # 147-Look and Feel # 148- in Web-Design

Nachdem Sie die Sitemap mit dem Kunden zu erarbeiten und die Wireframes bis zu dem Punkt entwickeln, wo Inhalte und interaktive auf jeder Seite sind weitere Elemente enthalten oder weniger entschieden, können die visuellen Designer unterschiedliche Designrichtungen für die Website zu erkunden. Designer nutzen die Wireframes als die zugrunde liegende Skelett zu verstehen, was Inhalt und Interaktionsdesign sie zu berücksichtigen müssen. Sie tun es nicht einfach # 147-Farbe in # 148- die wireframes- sie sie als Leitfaden die relative Bedeutung der Elemente zu verstehen, während sie ihre Layouts erstellen möchten.

Die allgemeine Praxis ist, eine Design-Behandlung für die Homepage und eine zu erstellen Subseite (Alles andere als der Startseite). Dies zwingt die Designer einen Entwurf herausfinden, dass die gesamte Website zusammen und machen die Website des Navigationsschema binden können.

Erste Eingabe von einer Fokusgruppe

Meistens wählt der Kunde die endgültige Design Richtung nach ein oder zwei Runden von noodling oder # 147-frankensteining # 148- (Patchen Elemente aus verschiedenen Designs zusammen). Für High-Profile-Websites, aber es ist eine gute Idee, eine Eingabe von einem Fokusgruppe zu bekommen, um zu sehen, welches Design am deutlichsten mit ihnen in Resonanz, bevor Sie den Entwurf für den Kunden präsentieren. Auf diese Weise haben Sie Kunden-Feedback-Munition, wenn Sie präsentieren und können den Client mehr objektiv in die richtige Richtung helfen lenken.