Mit Typ absichtlich werden

Mar 31 2023
Eine Design-Team-Übung zum Ausprobieren
Wir haben eine „Was wäre wenn“-Serie über das Designteam von Medium gestartet. Als Gegengewicht zu unserem rigorosen täglichen Prozess brauchten wir einen Raum, um herauszuzoomen, zu experimentieren und umfassender zu erkunden.

Wir haben eine „Was wäre wenn“-Serie über das Designteam von Medium gestartet. Als Gegengewicht zu unserem rigorosen täglichen Prozess brauchten wir einen Raum, um herauszuzoomen, zu experimentieren und umfassender zu erkunden. Wir nutzen diese Sitzungen, um unser Handwerk zu schärfen oder eine offene Frage gemeinsam anzugehen – und unter allem, um ein bisschen Teamzeit zu haben.

Bei unserem letzten Firmenstandort bewunderten wir eine Designerkundung, als jemand fragte: Was wäre, wenn wir nur Schrift verwenden würden?

Oooh.

Das Auferlegen einer Einschränkung wie dieser würde uns dazu zwingen, bewusster mit Schrift umzugehen – wie sie die visuelle Hierarchie auf unseren Schnittstellen vorantreibt und wie sie eine Geschichte trägt.

Also nahmen wir dies als unsere erste Aufforderung:

Wählen Sie eine Schlüsseloberfläche, wie unsere Startseite oder Story-Seite, und gestalten Sie sie nur mit Text. Lassen Sie alle Annahmen darüber los, was Medium heute ist und was es sein sollte.

Zur Vorbereitung hat Produktdesigner Jon Wong ein Set mit Schriftarten für uns kuratiert und wir haben vorab ein leichtes Moodboarding durchgeführt.

Bild: Eine Collage aus Schriftarten und inspirierenden Referenzen

Wir gaben uns 90 Minuten Zeit für die Übung, arbeiteten zuerst selbstständig und eröffneten dann die Diskussion. Es hat Spaß gemacht zu sehen, wohin es alle gebracht haben und wo wir zusammengekommen sind.

Hier sind ein paar Themen.

Höherer Kontrast auf Home

Wir haben auf unserer Titelseite mit größeren Schriften gespielt. Hier könnte die Hierarchie verbessert werden. Was wäre, wenn wir die Leser mit einer großen Willkommensnachricht begrüßen würden?

Bild: Eine aufgeräumte Homepage, die Sie mit großen Lettern begrüßt

Beachten Sie, dass wir uns weniger auf die Farbe verlassen können, wenn wir den Typ einsetzen.

Was wäre, wenn wir unsere Wortmarke auf mutigere Weise anwenden und Pull-Zitate direkt auf der Startseite verwenden würden? Was wäre, wenn wir Story-Vorschauen mehr Raum geben würden, damit Sie mehr von der Story erleben können, bevor Sie dorthin gehen?

Bild: Zwei Layouts mit großer Wortmarke und großen Anführungszeichen

Alternative Behandlungen von Themen

Wir haben unzählige Themen auf Medium. Wie könnten wir sie nützlicher, lebendiger und vernetzter machen?

Ohne darüber nachzudenken, skizzierten wir Wege, um Themen zu navigieren. Vielleicht könnten Sie durch eine Auswahl streichen oder aus einem Dropdown-Menü auswählen.

Bild: Zwei Möglichkeiten zum Navigieren in Themen – eine Auswahl, durch die Sie wischen, und ein Dropdown-Menü

Was wäre, wenn es für jedes Thema ein anderes Thema gäbe? Wäre das immersiv – oder ablenkend?

Bild: Drei mobile Screens mit jeweils unterschiedlichem Thema und Farbgebung – „Self-Driving Cars“ in Lila, „Inclusive Design“ in Gelb, „Street Art“ in Blau

Beachten Sie bei dieser Idee die Details zum Zeigen von Live-Aktivitäten zu einem Thema ( 1.256 Lesungen ) und Möglichkeiten zum Kategorisieren von Geschichten ( Technisch , Aufschlussreich , Umfassend , Inspirierend ).

Bewusstere Verpackung unseres Daily Digest

Der Daily Digest ist unsere tägliche Zusammenfassung personalisierter Story-Empfehlungen. Es ist eine wichtige E-Mail; 3 Millionen Leser öffnen es jeden Tag.

Wie könnten wir es direkt in unser Produkt einbringen? Wie viele Geschichten sollen wir präsentieren? Fünf? Zehn? Eins? Wie sollen wir sie präsentieren und sie leichter verdaulich machen ?

Bild: Ein Prototyp des Daily Digest, der vom hellen in den dunklen Modus wechselt

Ein paar von uns haben Zahlen angewendet. Durch die Bereitstellung räumlicher Anker und eines Gefühls der Endlichkeit erleichtert die Nummerierung der Geschichten die Analyse der Liste.

Was wäre, wenn der Digest ein Countdown von fünf Geschichten wäre?

Bild: Zwei Layouts, die Zahlen auf den Digest anwenden

Die Ideen, die aus der Übung hervorgegangen sind, sind noch nicht vollständig ausgearbeitet, aber sie spiegeln wichtige Dinge wider, die wir als Team besprochen haben. Ein Teil davon wird in unsere Produkte eindringen. Nicht zuletzt hoffe ich auf eine verbesserte Hierarchie auf unseren Oberflächen.

Lernen

Bereiten Sie Inhalte für eine Übung wie diese vor.

Wir haben uns viel Mühe gegeben, ein Schriftarten-Kit vorzubereiten und uns inspirieren zu lassen, aber den Inhalt vergessen! Das hat während der Übung Zeit gekostet, da wir spontan Schlagzeilen gemacht haben. Vielleicht könnten wir unser Inhalts-Plugin aktualisieren , damit es in diesen Szenarien für uns funktioniert.

Es ist schwer, mit Anfängergeist an das eigene Produkt heranzugehen.

Wir gaben uns die Freiheit, alle Annahmen fallen zu lassen, aber es war immer noch schwer, von unseren Vorstellungen des aktuellen Produkts abzuweichen: wie es aussieht, sich anfühlt und funktioniert. Es war verlockend, Bilder zu verwenden, obwohl die Einschränkung nur Typ war.

Teamzeit zählt.

Unser Team ist vollständig remote und wir vermissen diese organischen Momente der Verbindung, die wir von einem Büro bekommen haben. Diese Übung war eine kleine Investition in unsere Woche, die viel dazu beigetragen hat, unser Handwerk zu schärfen, inspiriert zu bleiben, einen gemeinsamen Kompass zu bauen und miteinander in Kontakt zu treten. Qualitätszeit schafft Vertrauen. Was tut Ihr Team, um sich Zeit dafür zu nehmen?

Dank an Greg Dougherty , Sophie Aguado , Ellie Budzinski , Nouf Aljowaysir , Jon Wong , Tobias Fried , Harris Sockel und Brittany Jezouit .