Definieren Sie Ihre Design-DNA

Wenn Sie den Begriff 'DNA von' googeln, werden Sie viele interessante Dinge sehen: die DNA von Beziehungen; die DNA des Erfolgs; die DNA Gottes. Was ist DNA? (Neben Desoxyribonukleinsäure meine ich.) Und warum stützen sich so viele Analogien darauf?

Die sekundäre Definition des Oxford English Dictionary für DNA ist 'die grundlegenden und charakteristischen Merkmale oder Eigenschaften von jemandem oder etwas, insbesondere wenn sie als unveränderlich angesehen werden'.

Sprechen wir also über die DNA des Designs. Dies geht über das Branding hinaus. Stattdessen wird auf die Benutzererfahrung selbst eingegangen.



Was ist Design-DNA?

Design-DNA bezieht sich auf Erfahrungen, die plattformübergreifend sind - und häufig mehrere Codebasen -, aber konsistente Stile, Verhaltensweisen und Einstellungen beibehalten.

Obwohl Bilder, Farben und Schriftarten Teil dieser DNA sind, kommt auch die Kultur ins Spiel - oder die „Persönlichkeit“ der Erfahrung, wenn Sie so wollen. Diese Persönlichkeit ist eine Mischung aus Design, Erfahrung und Branding.

Nehmen Sie einen meiner Lieblingszeitverschwender: PopCaps Pflanzen gegen Zombies. Es begann als Online-Flash-Spiel und war auch als Download für Windows und Mac verfügbar.

Mit dem Aufkommen des App Store musste PopCap seine Codierungsstrategie für iOS ändern. Was sich jedoch nicht geändert hat, war die Persönlichkeit des Spiels. Jede Version von PvZ - und laut Wikipedia ist sie jetzt auf allen Versionen von Xbox Live Arcade bis hin zu BlackBerry Tablet OS verfügbar - behält konsistente Farbauswahl und Designelemente bei. Stellen Sie sich vor, wie viel Gedanken darauf verwendet wurden, die Benutzererfahrung auf 13 verschiedenen Plattformen konsistent zu halten.

Von Facebook lernen

Natürlich ist dieses Konzept nicht nur für Spiele gedacht. Schau dir Facebook an. Das Design variiert vom Desktop über das Handy bis zum iPad. Sie wissen jedoch genau, was Sie auf jeder Plattform erwartet. Die Persönlichkeit ist konsequent. (Ob Sie diese Persönlichkeit mögen, ist ein ganz anderes Thema.)

Wir erwarten von Facebook ein gewisses Leistungsniveau. Wir erwarten eine gewisse Benutzererfahrung. Als das Unternehmen versuchte, den Weg der HTML5 / CSS3-Codierung zu beschreiten, um die Bereitstellung des Dienstes auf mehreren Plattformen zu vereinfachen, wurde der Tank voll.

Wie Mark Zuckerberg selbst im September sagte: „Der größte Fehler, den wir als Unternehmen gemacht haben, war, zu viel auf HTML5 zu setzen, anstatt auf native. Weil es einfach nicht da war. ' Das 'es', auf das er sich bezieht, ist die beständige Erfahrung.

Daher hat Facebook seine nativen iOS-Apps neu erstellt und arbeitet noch an seiner Android-Version.

Genetische Drift managen

Facebook verwendet Ikonografie und Farbschemata plattformübergreifend wieder, verwendet jedoch auch einige native Quasi-Konventionen. Es verwendet das von Twitter erstellte 'Pull to Refresh' sowie den linken Wisch, um die Löschfunktion anzuzeigen.

Wenn wir Konsistenz in der Benutzererfahrung innerhalb einer Produktfamilien-Design-DNA nennen wollen, dann nenne ich die zügellose Nachahmung von Mustern 'genetische Drift'.

Facebook selbst hat das neue Muster des Ausziehmenüs erstellt. Dann hat die Google Mail-App es implementiert. Wenn Sie eine Google-Bildsuche nach dem Begriff 'iOS Slide Out Navigation' durchführen, finden Sie alle anderen Apps, die dieses Gen geerbt haben.

Warum ist es also wichtig, Design-DNA für Ihr Produkt auf mehreren Plattformen zu teilen? Weil es bequem ist. Nutzer Ihrer Apps oder Ihrer Website wissen sofort, dass sie am richtigen Ort sind. Sie wissen, was sie erwartet.

Konsistent, nicht identisch

Sollte Ihr Erscheinungsbild auf allen Plattformen identisch sein? Nein. Ihr Designansatz muss den Kontext für jede Plattform berücksichtigen. Wenn Sie dies noch nicht tun, versetzen Sie sich in die Lage Ihres Benutzers. Wenn Sie das nächste Mal Ihr Mobiltelefon herausziehen, notieren Sie sich, wo Sie sich befinden. Machen Sie dasselbe für Ihre anderen Geräte oder Konsolen.

Überlegen Sie, wie Amazon sich seiner iPhone-App nähert und sie für einen sofortigen Kauf herunterfährt. Der erste Bildschirm zeigt nur das Nötigste an Informationen, die Sie für den Einstieg benötigen. Amazon hat seine Usability-Tests durchgeführt und weiß, dass seine Mobilfunkkunden bereits eine gute Vorstellung davon haben, wonach sie suchen. Außerdem haben sie es im Allgemeinen eilig.

Auf ihrer Website ist dies jedoch eine andere Erfahrung. Es gibt unzählige Vorschläge, die auf Ihrem Kaufverhalten basieren, gelegentliche ganzseitige Übernahmen für neue Produkte, eine Reihe von Sonderangeboten und eine Linkfarm mit einer Vielzahl von Partnerseiten und Tochterunternehmen.

Aber es ist immer noch Amazon. Der Kunde weiß immer noch, wo er ist. Nicht nur wegen des Logos, sondern weil der saubere, klare Look der gleiche ist. So ist das Bestehen auf einem guten Kundenservice.

Was können wir von all dem wegnehmen? Wenn Sie sowohl den plattformübergreifenden Austausch von Design-DNA als auch den Kontext berücksichtigen, in dem diese Plattformen verwendet werden, sind Sie auf einem guten Weg für den plattformübergreifenden Erfolg.