Share
Bevor Sie mit dem Design beginnen, sollten Sie zunächst einige Punkte beachten. Ich finde diese zusätzlichen ersten Schritte immer hilfreich, wenn Sie irgendwann einmal mit dem Entwerfen für Ihr nächstes Projekt beginnen - und auch wenn diese Aufgaben zu Beginn eines Projekts etwas Zeit in Anspruch nehmen, wird dies später auf der Hand liegen.
Wenn Sie an einem neuen Projekt arbeiten, sollten Sie als erstes mit dem Plan beginnen. Ich kann nicht betonen, wie wichtig die Planungsphase ist. Wenn Sie ein Projekt haben, das gut geplant ist, ist es wahrscheinlicher, dass das Projekt reibungslos und ohne so viele Probleme oder Herausforderungen läuft.
Die wichtigsten Punkte, über die Sie beim Planen nachdenken müssen, beziehen sich hauptsächlich auf den Inhalt - den Inhalt, mit dem Sie arbeiten müssen (hoffentlich der vollständige, tatsächliche Inhalt, der auf der Website verwendet wird), wie die Inhaltshierarchie funktioniert und zusammenpasst. eine Website-Sitemap und mehr. Neben der gesamten Arbeit mit Inhalten möchten Sie jedoch möglicherweise die Struktur des Projekts, die realisierbaren Fristen und den Umfang des Projekts untersuchen.
Beim Entwerfen von Websites ist es äußerst wichtig, auf Lorem Ipsum (oder alternativen Fülltext) zu verzichten und mit echtem Inhalt zu arbeiten. Dies ist manchmal nicht immer möglich, aber als Freiberufler dränge ich immer darauf, dass der Kunde mir den gewünschten Inhalt auf der Website zur Verfügung stellt.
Wenn du nicht Wenn Sie mit echten Inhalten arbeiten, riskieren Sie das Entwerfen ohne richtigen Kontext und ohne dass Sie keine Entwurfsentscheidungen treffen können, von denen die Nutzer und ihre Erfahrungen bei der Interaktion mit Ihrer Website profitieren.
Wenn Sie an einem Design arbeiten, bedeutet das Arbeiten mit realem Inhalt, dass Sie sehen können, wie dieser Inhalt mit den anderen Designelementen auf einer Seite interagiert. Dies ist umso wichtiger mit der Einführung von Responsive Design - wie wir sehen können echt Inhalt interagiert und reagiert auf bestimmte Ansichtsfenster und Größen.
Sobald Sie den Inhalt vor sich haben, müssen Sie ihn zuerst analysieren und prüfen, ob Sie etwas erkennen können, das geändert oder entfernt werden muss. Sie haben wahrscheinlich den Inhalt auf den vom Kunden als separate Seiten angegebenen Informationen erhalten - also zum Inhalt der Startseite, zum Seiteninhalt usw. -, aber wenn nicht, sollten Sie sich bemühen, dies selbst zu tun.
Sarah Parmenter berichtete kurz bei Responsive Day Out im März in Brighton, wo sie über die Analyse von Inhalten in einem Ampelsystem sprach.
Immer wenn Sarah und ihr Team Inhalte für ein Projekt erhalten, gehen sie durch und weisen dem Inhalt drei Farben zu: Für Inhalte, die sie beibehalten möchten, markieren sie sie als grün und für Inhalte, von denen sie wissen, dass sie unnötig sind oder nicht benötigt werden, kennzeichnen sie sie als rot. und dieser Inhalt wird entfernt. Die Inhalte, die zwischen den beiden Extremen enden, sind als orange oder gelb markiert (oder Bernstein, wenn Sie auf die Ampel achten!), Um sie in Gesprächen mit dem Kunden erneut zu betrachten.
Ich denke, dies ist eine wirklich gute Technik, um Inhalte, die Sie erhalten, ganz einfach zu durchsuchen - es ist schnell und sehr einfach, visuell durchzublättern und herauszufinden, auf welche Teile des Inhalts Sie achten müssen.
Wenn Sie Inhalte sortieren, möchten Sie auch versuchen, über die Beziehungen zwischen allen Inhalten nachzudenken. Wie bei der Entwicklung einer Website sollten Sie prüfen, ob Sie modulare oder allgemeine Muster des Inhalts erkennen und diese berücksichtigen können.
Hierarchie wird als "ein System oder eine Organisation beschrieben, in der Personen oder Gruppen übereinander angeordnet werden" - und dies bezieht sich genau darauf, wie wir mit der Inhaltshierarchie arbeiten können. Im Idealfall wollen wir ein System schaffen, das so funktioniert, dass unsere Inhalte auf sinnvolle und nützliche Weise dargestellt werden.
Wenn Sie Ihre Inhalte sortieren, stellen Sie sicher, dass Sie immer darüber nachdenken, wie sich der Inhalt zusammensetzt und angeordnet wird. Hier möchten Sie wirklich darüber nachdenken, den Inhalt so leicht verständlich wie möglich zu machen. Denken Sie darüber nach, Überschriften, Listen, Anführungszeichen, Bilder und mehr zu verwenden, um den Inhalt aufzuteilen und die Kommunikation mit den Benutzern zu vereinfachen.
Nachdem Sie den Inhalt sortiert und alle relevanten Änderungen vorgenommen haben, sollten Sie hoffentlich am Ende einen Haufen Inhalt haben, mit dem Sie arbeiten können. Wenn Sie mit dem Status des Inhalts zufrieden sind, müssen Sie zunächst prüfen, wie dieser Inhalt auf der Website selbst funktioniert.
Dies ist eine grundlegende Sitemap, die mit MindnodePro erstellt wurde. Wenn Sie eine kleine Website (wie diese) haben, ist es manchmal eine Idee, die gewünschten Elemente auf einer Seite in der Sitemap hinzuzufügen.
Sie können wählen, ob Sie eine Sitemap erstellen möchten, sobald Sie mit dem endgültigen Inhalt zufrieden sind. Sie können sie jedoch ganz am Anfang verwenden, sobald Sie den ursprünglich bereitgestellten Inhalt erhalten haben.
Ich finde Site Maps großartig - sie sind ein hervorragendes visuelles Hilfsmittel, um den Status der Website, die Anzahl der vorhandenen Seiten und die Beziehung zwischen allen Seiten zu sehen. Dies kann in der Site-Map oft einfacher zu sehen sein, da Sie alle Unordnung entfernen, die mit Seiten von Inhalten verbunden ist.
Das Erstellen einer Sitemap ist ein hervorragendes Beispiel dafür, wo eine gute Planung Sie während der gesamten Projektlaufzeit unterstützt. Das Tolle an Sitemaps - egal, ob Sie eine Reihe von Post-its auf einem Whiteboard verwenden oder digital erstellen - macht es sehr einfach, zu erkennen, wo potenzielle Probleme sein könnten, und sie zu beheben, bevor Sie sich in das Design stecken.
Accentsconagua