Was ist der allgemeine Prozess für die Planung und Entwicklung einer neuen Website?

10

Ich arbeite bei einer Agentur, die sich hauptsächlich auf Softwareentwicklung konzentriert. Manchmal ist eine Microsite jedoch ein Zubehör für eine unserer Lösungen, und wir müssen sie erstellen.

Ich versuche, den Prozess zum Erstellen dieser Websites zu definieren, aber ich weiß nicht, in welcher Reihenfolge die einzelnen Aufgaben normalerweise ausgeführt werden, und insbesondere versuche ich herauszufinden, an welcher Stelle Kopien / statische Inhalte geschrieben werden sollen.

Ich kann mir einige Aufgaben vorstellen wie: Schreiben von statischen Inhalten, Design, Wire-Framing, Definieren von Schlüsselwörtern und SEO, Codieren. aber ich bin nicht sicher, in welcher Reihenfolge sie angehen.

Lisandro Vaccaro
quelle
Skizzieren ist der beste Anfang.
SaturnsEye
Möchten Sie den Umriss, den ein Designer nehmen würde? Wenn ja, denke ich, dass Scotts Antwort richtig ist. Oder möchten Sie die Gliederung, die Sie, wie der Kunde nehmen sollte? Wenn ja, denke ich, gibt es noch ein paar Punkte, die erwähnt werden könnten.
Ryan

Antworten:

7

Für mich können sich viele Bereiche teilweise überschneiden.

  • Definieren Sie Anforderungen über Skizzen, Drahtmodelle, Notizen, Diskussionen, Budget usw. (muss an erster Stelle stehen)

  • Wireframing - Inhalte können hier geschrieben oder zumindest umrissen werden. Grobe Vorstellungen von der Größe des Inhalts helfen beim Wire-Framing, sodass Schreiben und Wire-Framing wirklich etwas zusammenpassen können.

  • Drahtgittergenehmigung

  • Finalisieren von Inhalten - Hier können frühe Entwurfs-Roughs gestartet werden, die jedoch erst abgeschlossen werden können, wenn die statische Kopie abgeschlossen ist.

  • Inhaltsgenehmigung

  • Design / Schlüsselwörter / Codierung finalisieren - Schlüsselwörter können während der Ausarbeitung des Designs ermittelt werden. Abhängig von den Arbeitsgewohnheiten kann die Codierung gestartet werden, um das Design fertigzustellen.

  • Entwurfsgenehmigung

  • Codierung beenden / SEO - Codierung und SEO können Hand in Hand gehen. Sie wissen, Code mit Blick auf SEO zu beginnen und gleichzeitig externe SEO-Strategien usw. zu planen.

  • Code-Genehmigung

  • Laufende SEO / Wartung.

Scott
quelle
1
Die Überlappungen sind der beste Teil des Prozesses. Wenn Sie mit einem Team arbeiten, können Drahtmodelle und Inhalte gleichzeitig entwickelt werden, und Codierung und Design können (separat) begonnen werden, sobald die Drahtmodelle fertig sind. Der Inhalt kann natürlich durchgehend optimiert werden, aber ich würde noch früher mit der Suchmaschinenoptimierung beginnen, Hand in Hand mit dem sich entwickelnden Inhalt.
Blazemonger
5

Meine Projektworkflows funktionieren im Allgemeinen folgendermaßen:

  1. Treffen Sie sich mit Kunden, um Anforderungen zu sammeln (bestimmen Sie, was sie benötigen)
  2. Bestimmen Sie, welche Back-End-Strategien verwendet werden sollen (Programmiersprache, Plattform usw.)
  3. Erstellen Sie ein Drahtmodell, um zu beschreiben, wie die Site oder Anwendung funktioniert und wohin die grundlegenden Elemente gehen
  4. Überprüfen Sie das Drahtmodell mit dem Client
  5. Entwurfsmodelle - Dies können HTML / CSS-Modelle oder Bilder sein, die in Illustrator oder Photoshop erstellt wurden
  6. Überprüfen Sie die Modelle mit dem Client
  7. Bearbeiten Sie Modelle basierend auf Kundenfeedback
  8. Erstellen Sie ein funktionierendes Produkt

Im Idealfall erhalten die Kunden so früh wie möglich echte Inhalte, aber die Realität ist, dass dies zu einem späteren Zeitpunkt geschehen kann. Ich werde feststellen, dass ich viele webbasierte Anwendungen erstelle, sodass wir die grundlegenden Funktionen in der Anforderungsphase festlegen und unter Berücksichtigung dieser Aspekte entwerfen.

PixelGraph
quelle
2

Ich habe einige Informationen aus dem Blog erhalten

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

Geben Sie hier die Bildbeschreibung ein

  1. Lernen

    Es sollte Sie nicht überraschen, dass das Lernen - zu entdecken und zu verstehen, was Sie zuerst erstellen müssen - der wichtigste Teil des gesamten
    Website-Designprozesses ist.

  2. Der kreative Auftrag

    Sie sollten diese Informationen so erhalten, wie Sie und Ihre Kunden es am besten können - aber was auch immer Sie tun, überspringen Sie nicht den kreativen Auftrag, da er zum Lebenselixier Ihres Projekts wird.

Welche Art von Fragen sollten Sie in Ihrem kreativen Brief stellen? Finden Sie mindestens heraus:

  • Die Zielgruppe des Kunden
  • Ihre primären und sekundären Ziele für die Website
  • Aktuelle Markenmerkmale Budget
  • Fristen, die sie einhalten müssen

3. Planen

Sobald Sie gelernt haben, was Sie bauen müssen, ist es Zeit zu planen, wie Sie dies erreichen wollen. Bevor Sie mit dem Entwerfen einer Website beginnen können, müssen Sie zunächst genau wissen, was und wie Sie sie entwerfen sollen - und alles beginnt mit der Erstellung einer Entwurfsstrategie.

4. Design

Wenn Sie mit dem Entwerfen beginnen möchten, denken Sie daran, dass Sie mehr als nur eine Startseite entwerfen müssen. Sie benötigen auch ein Design für die Unterseiten Ihrer Site. Es kann manchmal einfach sein, ein Homepage-Konzept zu entwerfen, es aufzuteilen und mit dem Codieren zu beginnen

5. Code

Sobald Sie ein Killer-Design haben, müssen Sie es in eine echte Live-Website verwandeln. Unabhängig davon, mit welchem ​​Content-Management-System Sie arbeiten, ist es eine sichere Sache, mit einem generischen HTML- und CSS-Code zu beginnen

6. Starten Sie

Wenn Sie die Website endlich perfektioniert haben, ist es Zeit, sie der Öffentlichkeit zugänglich zu machen. Das Starten kann für verschiedene Personen unterschiedliche Bedeutungen haben, vor allem, weil es verschiedene Content-Management-Systeme und Entwicklungsumstände gibt.

7. Pflegen

Während Ihrer Planungsphase sollten Sie festgelegt haben, wer für die Wartung des Standorts verantwortlich ist

Rachuru
quelle
Ja, wie vom Benutzer angegeben, stellen Sie bitte Ihre von Ihnen verwendeten Referenzen auf Ihre Website, oder Ihre Antwort wird möglicherweise von der Community abgelehnt.
DᴀʀᴛʜVᴀᴅᴇʀ
1

Dies kann helfen. Es gibt einige gute Webdesign-Prinzipien

Google Handbuch Web-Grundlagen

Das Handbuch ist eine umfassende Ressource für die Webentwicklung mit mehreren Geräten. Daher ist es in 4 Kategorien unterteilt:

Layouts für mehrere Geräte - Erstellen Sie flexible, nicht feste Layouts, die unabhängig vom Gerät eine großartige Erfahrung bieten

Bilder und Videos - Wenn Sie Bilder, Audio oder Video einbeziehen, erfahren Sie, wie Sie Bilder reaktionsschnell machen, Videos hinzufügen und Alternativen für ältere Plattformen bereitstellen können. Audio befindet sich derzeit in der Entwicklung

Formulare und Benutzereingaben - Erstellen von Formularen, die semantische Eingabetypen und Elemente verwenden, die auf Berührungen und andere Gesten reagieren.

Optimieren der Leistung - Erfahren Sie, wie das Browserobjektmodell die Seite aus HTML und CSS erstellt. Es gibt andere Seitenregeln und Empfehlungen zur Optimierung der Datenlieferung

Jamesy
quelle