Webentwicklung: Designprozess

Websites haben einen langen Weg zurückgelegt, und heutzutage erfordert der Designprozess für die Webentwicklung viele Optionen, die zu berücksichtigen und zu verfolgen sind. Diese können kategorisiert werden (sind jedoch nicht auf die folgenden 6 Schritte beschränkt):

  • Kurz
    • Planung
    • Design
    • Entwicklung
    • Starten
    • Instandhaltung
    • Dinge organisiert zu halten, ist alles. Jeder Schritt trägt dazu bei, die Dinge in Ordnung zu halten und der Identität des Projekts einen Mehrwert und Authentizität zu verleihen.

      „Ein kreativer Auftrag muss das Wer, Was und Wo des Projekts definieren, den Umfang festlegen und was getan werden muss, um jedes Ziel zu erreichen.“

      Kurz

      Die erste Arbeit beginnt mit einem Gespräch mit dem Kunden, in dem das Projekt definiert ist. Dies umfasst die Zielgruppe, die Ziele des Projekts, die Definition der technischen Spezifikationen und das Inhaltsinventar. Zusätzliche Client-Ressourcen wie Logos, Schriftarten und Bilder werden erfasst. Ein Projektzeitplan und ein Budget sind festgelegt.

      • Projektdefinition: Verstehen, worum es bei dem Projekt geht.
        • Zielgruppe: Definieren und Verstehen der Website-Benutzer und Personas.
        • Ziele: klare und vernünftige Ziele setzen.
        • Technische Daten: Definieren von Spezifikationen wie z. B. Browserauflösungen.
        • Content Inventory: Festlegen des erforderlichen Inhaltsinhalts.
        • Ressourcen: Bestandsaufnahme von Client-Assets wie Schriftarten oder Bildern.
        • Projekt-Zeitplan: Schätzen Sie vorhergesagte Meilensteine ​​und verfügbare Zeit.
        • Projektbudget: Kosten und Budget abschätzen.
        • „Unsere Ziele können nur durch ein Vehikel eines Plans erreicht werden, an den wir eifrig glauben müssen und auf den wir energisch reagieren müssen. Es gibt keinen anderen Weg zum Erfolg. “- Pablo Picasso

          Planung

          Ein großer Teil der Arbeit liegt allein in der Planung. Forschung durchführen, Brainstorming-Sitzungen durchführen und die ersten Konzepte erstellen. Beginnen Sie mit der Definition der Informationsarchitektur, der Seitenlayouts und der Benutzerfreundlichkeit. Und machen Sie Wireframes und Mock-Ups.

          • Research & Concepts: Erste Recherche durchführen und erste Konzepte und Skizzen erstellen
            • Brainstorming: Durchführen von Brainstorming-Sitzungen in einem Team und Erkundung breiter Ideen (dies ist nicht die Zeit für ein Picknick oder eine Zone).
            • Informationsarchitektur: Struktur und Navigation definieren.
            • Seitenlayout: Layouts für verschiedene Seitentypen erkunden.
            • Benutzerfreundlichkeit: Gewährleistung der Benutzerfreundlichkeit, der Zugänglichkeit, des Benutzerwohls und der klaren Darstellung der Inhalte
            • Wireframe & Mockups: Erstellen von Skizzen, Wireframes und Mockups.
            • Design

              Erstellen Sie einen Markenkohäsion zwischen der bestehenden Markenidentität, den Wünschen des Kunden und dem innovativen Design durch Farbgebung, Typografie, Artwork, Rich Media und andere visuelle Elemente. Lassen Sie das Design das Logo ergänzen. Erstellen Sie Prototypen und testen Sie die Kompatibilität zwischen Geräten und die Benutzererfahrung.

              • Farbschema: Auswahl des kohäsiven Farbschemas auf der Grundlage von Kurzfassung, Forschung und Relevanz.
                • Logo: Erstellen eines Brandings wie eines Logos.
                • Artwork: Entwerfen von Illustrationen, Schiebereglern, Kopfbildern und anderen Artworks.
                • Visuelle Elemente: Entwerfen visueller Elemente wie Schaltflächen und Symbole.
                • Typografie: Auswählen von zusammenhängenden Schriftfamilien, Größen und anderen Eigenschaften.
                • Rich Media: Erstellen von Rich Media wie Animationen und GIFs.
                • Benutzererfahrung: Testen und Sicherstellen der Benutzererfahrung und der Zugänglichkeit.
                • Geräteübergreifende Kompatibilität: Testen der Kompatibilität zwischen verschiedenen Bildschirmgrößen, Bildschirmauflösungen und Geräten.
                • Prototypvorlagen: Erstellen von Prototypvorlagen für die Präsentation.
                • „… Ich sage nicht, dass einfacher Code weniger Zeit zum Schreiben benötigt. Sie würden denken, dass dies der Fall wäre, da Sie weniger Code erhalten, aber eine gute Lösung ist keine Anhäufung von Code, sondern eine Destillation davon. “- Robert Nystrom

                  Entwicklung

                  In der Entwicklung kommen Kurzarbeit, Planung und Design zusammen. Das Framework oder CMS wird entsprechend den Anforderungen des Produkts ausgewählt. Das Design, die Funktionalität und der Inhalt der Datenbankstruktur werden erstellt und zusammengeführt, wobei Sicherheit, Erreichbarkeit und Social Media-Marketing im Vordergrund stehen.

                  • Zugänglichkeit und Webstandards: Gewährleistung vollständiger Zugänglichkeit und Webstandards wie AODA / ARIA, Transparenz, Anpassung und Datenschutz
                    • Framework: Auswählen eines Frameworks und / oder eines CMS, das die Anforderungen der Website erfüllt.
                    • Datenbank: Entwerfen der Datenbankstruktur.
                    • Funktionalität: Implementieren von Funktionen für erforderliche Funktionen.
                    • Inhalt: Einbindung des Kundeninhalts in die Website.
                    • Standortleistung: Sicherstellung der Zugriffsgeschwindigkeit und der Gesamtleistung
                    • Sicherheit: Implementierung von Datenschutz- und Sicherheitsfunktionen.
                    • Markup: Implementierung des erforderlichen Markups für SEO, Social Media und mehr.
                    • Starten

                      Nach dem letzten Test ist es Zeit, die Website auf einen Live-Server zu verschieben. Führen Sie die abschließenden Qualitätssicherungsaufgaben wie Korrekturlesen und Intergrade-Webanalyse-Software durch. Und liefern Sie die Ergebnisse, Schulungen und Dokumentation an den Kunden.

                      • Testen: Abschließender Test aller Funktionen auf verschiedenen Browsern und Geräten.
                        • Live Server: Übertragen der Website auf einen Live Server.
                        • Qualitätssicherung: Umfassende Qualitätssicherung wie Korrekturlesen.
                        • Web Analytics: Integration von Web Analytics.
                        • Liefergegenstände: Stellen Sie dem Kunden Liefergegenstände bereit, z. B. Quelldateien.
                        • Schulung und Dokumentation: Bieten Sie dem Kunden eine Website-Dokumentation und -Schulung.
                        • „Das Geheimnis des Weiterkommens ist der Einstieg. Das Geheimnis des Einstiegs besteht darin, Ihre komplexen, überwältigenden Aufgaben in kleinere, überschaubare Aufgaben zu zerlegen und dann mit der ersten zu beginnen. “- Mark Twain

                          Instandhaltung

                          Websites sind nie fertig. Zusätzlich zur Anwendung der erforderlichen Sicherheitsupdates bei deren Veröffentlichung gibt es Support und Fehlerbehebung. Sie werden A / B-Tests durchführen, um die Benutzererfahrung zu verbessern und Design, Funktionalität und Inhaltsaktualisierungen bereitzustellen.

                          • Support und Fehlerbehebung: Technischer Support und Fehlerbehebung.
                            • A / B-Test: Optimierung der Website durch A / B-Test.
                            • Designupdates: Designupdates bereitstellen und implementieren.
                            • Funktionsaktualisierungen: Bereitstellen und Implementieren von Funktionsaktualisierungen.
                            • Inhaltsaktualisierungen: Bereitstellen und Implementieren von Inhaltsaktualisierungen.
                            • Diese Liste ist lang, aber unvollständig und höchstwahrscheinlich bereits veraltet. Der Schwerpunkt liegt jedoch auf der Organisation. Jeder Arbeitgeber und jede Organisation hat einen eigenen Arbeitsablauf. Wenn Sie arbeiten, erstellen Sie Ihren eigenen.

                              Und als letzten Tipp; Es ist immer eine gute Idee, sicherzustellen, dass die Zugänglichkeit und ethische Best Practices in jeden Aspekt des Projekts einbezogen werden. Sie können das schönste und am einfachsten zu bedienende Produkt erstellen. Dies ist jedoch unerheblich, wenn Menschen Ihr Produkt aus ethischen Gründen nicht verwenden möchten.

                              Finden Sie meine Arbeit auf www.lauraljungqvist.se oder folgen Sie @LauraLjungqvist auf Twitter oder Instagram. Ich aktualisiere gerade einen Beitrag über Selbsthilfe und die verschiedenen Möglichkeiten, wie Sie ihn in Ihren Alltag integrieren können. Bleib dran.