Es ist etwas mehr als eine Woche her, seit ich die neue Version von Chorus.fm lanciert habe und ich bin ziemlich überwältigt von der positiven Resonanz. Ich denke, es könnte die beste Reaktion auf ein Redesign jeder Website sein, die ich je gebaut habe. Aus Spaß zog ich einen Haufen der ersten Skizzen, die ich während des Prozesses gemacht habe, sowie einige der verschiedenen anderen Designs, mit denen ich herumgespielt habe, bevor ich die Website tatsächlich baute. Ich dachte, einige könnten den gesamten Prozess interessant finden.

Die ersten Skizzen
Alles beginnt mit einer leeren Leinwand und einigen schlecht gezeichneten Linien.

Meine erste Idee war, den Feature-Header zu ändern, und ich habe das in Concepts mit einer schrecklichen Handschrift zusammengeschliffen.

Ich versuchte fast sofort, es ein wenig strukturierter zu machen, um zu sehen, ob es mir gefiel, und begann darüber nachzudenken, wie die Nachrichtenbeiträge selbst aussehen könnten. Ich wusste ziemlich schnell, dass ich Bilder integrieren wollte und Kommentar-Zählungen auf den Beiträgen, aber hatte keine gute Idee über Abstand in diesem Moment.

Eine mobile Idee.
Die nächste Stufe war eine Reihe von verschiedenen Brainstorming Notizen darüber, wie die Homepage tatsächlich funktionieren würde und verschiedene technologische und Design Herausforderungen, die ich potenziell konfrontiert würde. Ich war zuversichtlich, dass ich schnelle Sortierung und Suche wollte, aber ich war immer noch nicht sicher, wie ich mit vorgestellten Geschichten und Rezensionen zu diesem Zeitpunkt umgehen sollte.

Ich habe auch eine schnelle Idee für eine responsive Version der Homepage zusammengeworfen. Ich wusste, dass ich wollte, dass die mobile Version der Website so viel wie möglich von der Desktop-Funktionalität behält.

Ich hatte am meisten mühe, mit dem Versuch zu kommen, wie die Tag-Seiten und einige der verschiedenen Unterseiten aussehen könnten. Ich wusste, dass ich eine Art größeres Heldenbild für das neueste Feature machen wollte, versuchte aber eine Reihe von verschiedenen Skizzen, um zu versuchen, etwas zu finden, das richtig aussah.

Und die Tag-Seiten zu bekämpfen, war nur, Dinge für die längste Zeit an die Wand zu werfen. Ich muss zwanzig verschiedene Variationen skizziert haben, während ich versuchte, etwas zu finden, das richtig aussehen würde. Dies war einer der „Kopf-gegen-die-Wand“-Momente des gesamten Prozesses.

Ich beschloss schließlich, zu versuchen, detailliertere Prototypen in Sketch zusammenzustellen und dachte, ich würde später auf einige der Unterseiten und Tag-Seiten zurückkommen. Ich entwarf einen guten Teil der Website hier und machte mir Notizen über verschiedene Interaktionen und wie ich mir vorstellte, dass die Website tatsächlich als Live-Entität funktioniert.

Wechseln zu Skizze

Die letzte Sketch-Datei.
Auch wenn die Dinge für die meisten der verschiedenen Abschnitte zu fliegen schienen. Ich konnte immer noch kein Design bekommen, das mir für die Tag-Seiten gefallen hat. Ich habe so viele verschiedene Dinge ausprobiert, die sich einfach nie richtig angefühlt haben.

Es gab die riesige Heldenbildversion:

Ein weiterer Versuch, sich um die Stücke zu bewegen:

Und ich weiß nicht einmal, was ich hier gemacht habe:

Ich war so frustriert, dass ich sogar einen Stift und Papier herauszog und versuchte, verschiedene Wege zu zeichnen, wie es angelegt werden konnte.

Die endgültige Version, die Sie jetzt auf der Website sehen, war das allerletzte, was ich tat, und es wurde während der Codierung entworfen. Eines Nachts hatte ich nur einen seltsamen Funken Inspiration und beschloss, etwas ganz anderes auszuprobieren als alles, was vorher gekommen war. Fast sofort wusste ich, dass es das war, was ich suchte. Ich kannte das Header-Bild mit Bewertungen und Interviews auf der Seite, mit schnellen Sortier-Tasten direkt unter, war der Look, der mir entging. Ich denke, dass es das war, was mein Gehirn endlich richtig geklickt hat, den Inhalt in die kleinen abgerundeten Boxen zu setzen.

Einige dieser Bilder reichen bis in den frühen Teil des Jahres 2019 zurück, und ich kann manchmal nicht glauben, dass ich mit diesem Teil des Prozesses tatsächlich „fertig“ bin. Die Website letzte Woche zu starten, eine Reihe von Zeit damit zu verbringen, Fehler zu beheben und an den Ort zu gelangen, an dem ich keine Fehler mehr am Starttag auf meinem Task-Manager habe, war ein großer Meilenstein. Ich habe noch viel mehr, an dem ich arbeiten möchte, und eine ganze Reihe neuer lustiger Features und inhaltlicher Dinge, die ich als nächstes starten möchte, aber dieser Schritt, diese Version der Website, ist nun offiziell in die Welt hinaus.

Die vergangene Woche der Verwendung hat mir täglich ein Lächeln ins Gesicht gebracht. Ich hoffe, dass sie alle es auch genossen haben.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.