Geschmacksmuster: Teil zwei (Beispiele von Microsoft, Snapchat, Samsung, Netflix, Airbnb, Tinder)

Unter dem Strich - der zweite Teil der Übersetzung des Artikels darüber, wie große, bekannte Unternehmen ihre Designlösungen verteidigen (und welche). Eine ungefähre Vorstellung davon, wie der Prozess der Registrierung von Rechten an einer bestimmten Schnittstelle abläuft, kann im ersten Teil erhalten werden .

Microsoft

Windows-Kachelbedienfeld




Hier ist ein solches Bild und Rechtecke zu einer visuellen Darstellung der Marke Microsoft geworden, es wird auf allen Windows-Geräten verwendet. In der Desktop-Version wird beim Öffnen des Startmenüs auch ein ähnlicher Kacheltyp angezeigt, der nur kleiner ist - er zeigt die verfügbaren Optionen an. Stellen Sie beim Entwerfen eines Dashboards sicher, dass Sie keine Gruppe von Rechtecken erhalten, die der im patentierten Diagramm gezeigten sehr ähnlich sieht.

Microsoft wurde durch die Erteilung eines separaten Patents für eine mobile Anwendungsschnittstelle, die unter Windows Phone verwendet wird, rückversichert. Die bestimmenden Merkmale sind hier das Verhältnis der Größen der Rechtecke und ihre Position relativ zueinander: Sie werden nach links verschoben, sodass oben rechts auf dem Bildschirm Platz für das Navigationssymbol ist. Dieses Design scheint jedoch der Vergangenheit anzugehören. Auf der aktuellen Oberfläche (ganz rechts in der Abbildung unten) füllt die Kachel den gesamten Bildschirm aus und kann mehrere Spalten enthalten. Aber Sie können die alte Version, die sie abgelehnt haben, immer noch nicht ausleihen, das Patent ist immer noch gültig.



Galerieansicht (alte Funktion)



Ich habe diese Oberfläche zum Anzeigen von Galerieinhalten gefunden, als ich mir Microsoft-Patente angesehen habe, und sie schien mir sehr elegant zu sein. Ich benutze Microsoft-Produkte seit 25 Jahren und habe sie in meinem Leben noch nie erlebt. Ich suchte nach Informationen und fragte Freunde; Es stellte sich heraus, dass das Dashboard auf der Xbox 360 einmal so aussah. Trotzdem wollte ich es erwähnen, weil es sehr cool ist und jemand versehentlich etwas Ähnliches in einem moderneren Stil tun kann, ohne zu wissen, dass die Idee Microsoft gehört , ein riesiges Unternehmen. Ups Das Design ist bereits ziemlich alt - es wurde 2010 patentiert - aber es ist immer noch unmöglich, es bis 2024 zu berühren, wenn das Patent abläuft.

Snapchat

Erinnerungen (altes Feature)



Erinnerst du dich? Persönlich kam es mir immer so vor, als wäre das Design irgendwie albern. Aber ich habe mich trotzdem entschlossen, es in die Liste aufzunehmen. Es war für mich so überraschend, dass sie die Idee entgegen allem mit einem Kreis zwischen den Rechtecken patentierten - meiner Meinung nach ist dies für eine solche Schnittstelle bereits übertrieben. Seitdem ist es dem Unternehmen bereits gelungen, das Design der Fliesen zu ändern und sie einheitlicher zu gestalten.

Zur Geschichte gehen



Animationslink

Dies ist nicht auffällig, aber wenn Sie den Schnappschuss öffnen, entfaltet er sich zuerst in einem Kreis und füllt dann den gesamten rechteckigen Bildschirm aus. Wenn Sie Ihren Finger auf den Bildschirm drücken und ihn langsam nach unten ziehen, können Sie sehen, wie er sich wieder zu einem Kreis zusammenrollt und näher an das Benutzerprofil heranrückt.

Samsung

Zum Entsperren wischen (alte Funktion)



Samsung verwendet eine eigene Version dieser Geste, bei der zwei zur Mitte gerichtete Pfeile vorausgesetzt werden. Ich konnte keine Illustration finden, um dieses Konzept in Aktion zu zeigen; es scheint, dass ihr Geschäft jetzt auf einen Texthinweis beschränkt ist.

Netflix

Anleitung zum Karussellelement



Animationslink

Netflix hatte großen Spaß mit der Verwendung des Karussells im Design und bemühte sich, dass die Schwebegeste so viel Benutzererfahrung wie möglich brachte. Wenn Sie mit der Maus über ein Symbol fahren, wird das Bild ausgeblendet, das Video wird abgespielt und alle grundlegenden Informationen zur Serie werden angezeigt. Diese Geste "drückt" auch alle benachbarten Symbole, um Platz für die Bereitstellung zu schaffen. Dies ist eine sehr mutige Entscheidung: Netflix hat beschlossen, einige Informationen vom Bildschirm zu entfernen, um den Benutzer nicht von allen Seiten anzugreifen. Aufgrund der Verwendung eines solchen Designs wurde es notwendig, den Namen der Serie auf jedem Symbol klar und grob vorzuschreiben. Die Marke Netflix priorisiert die Personalisierung von Inhalten gegenüber einer einheitlichen Kennzeichnung. Dieses Patent ist neu - es wurde im Februar 2018 eingereicht.

Entfalten von Symbolen in einem Karussell



Animationslink

Ich benutze Netflix-Dienste nicht zu oft, daher wusste ich nicht einmal davon, bis ich anfing, Material für den Artikel zu sammeln. Wenn Sie mit der Maus über das Symbol fahren, wird ein Pfeil angezeigt, auf den Sie klicken können. Anschließend wird die Registerkarte mit einem größeren Fenster erweitert, in der das Einführungsvideo abgespielt wird. Es gibt weitere Registerkarten mit zusätzlichen Informationen zur Serie. Dies ist ein praktisches System, mit dem Sie von Ebene zu Ebene wechseln und nacheinander neue Details öffnen können. Das Patent trat im März 2018 in Kraft.

Airbnb

Animiert / erweiterbar / über dem Buchungsfenster anderer Elemente fixiert





Designer lieben Airbnb. Dieses Produkt hat eine der genauesten Schnittstellen, und wir alle können viel von ihnen lernen. Airbnb-Designer waren nur einer von denen, die sich das Motto „Hauptsache - Design und Benutzererfahrung“ zu Herzen nahmen und andere mit dieser Idee infizierten. In Bezug auf Design Thinking ist dies ein führendes Unternehmen in der Branche. Für ein Unternehmen, das bereits auf dem Markt Fuß gefasst hat, kann es schwierig sein, das Arbeitsmodell zu ändern, und Sie werden Manager nicht zwingen, sich an einem Tag von Designideen inspirieren zu lassen.

Bei diesem Patent musste ich lange leiden, um zu verstehen, was genau Airbnb behauptet. Sie wollten Folgendes sagen: Wenn ein schwebendes Bedienfeld eine bestimmte Position auf dem Bildschirm einnimmt (dh rechts vom Raster), besitzt das Unternehmen die Rechte an der Animation, die beim Scrollen auftritt. Wenn Sie genau hinschauen, werden Sie feststellen, dass beim Scrollen der Seite ein zusätzliches Feld angezeigt wird („Großartiger Preis“). Das Patent ist ab November 2018 ebenfalls sehr frisch.

Zurück zum Startbildschirm (für die Zukunft)



Und ein weiteres neues Patent, eingereicht im Oktober 2018. Das Design scheint Standard zu sein: Oben auf der Registerkarte sind die Bilder gekachelt, es gibt einen Platz für ein Etikett mit einem Preis. Aus dem Diagramm geht nicht hervor, ob es sich um einen Spoiler einer neuen Erfahrung handelt oder um das Design der Seite, zu der der Benutzer „nach Hause“ zurückkehrt, oder um einen anderen Bildschirm auf der Reise, den ich nicht finden konnte. Seien Sie vorsichtig, wenn Sie ein ähnliches Muster wiederholen möchten - es ist nichts besonders Charakteristisches daran.

Zunder

Wischen Sie nach rechts und nach links



Wenn Sie sich entscheiden, das Schema im Geiste "Wenn Sie möchten, wischen Sie nach links, wenn Sie es nicht mögen, wischen Sie nach rechts" zu überdenken, können Sie vielleicht irgendwie raus. In der Abbildung sind jedoch nur die Karten selbst mit durchgezogenen Linien hervorgehoben (Like- und Dislike-Buttons, die inzwischen gepunktet sind), was darauf hindeutet, dass jedes mit einer solchen Kombination von Gesten verbundene Muster schwer zu verteidigen ist. In jedem Fall müssen Sie sich in der Grauzone des Gesetzes suhlen, wenn Sie etwas Ähnliches tun und auf Sie zeigen.

Tippen Sie auf, um zu mögen



Leider und ah, aber Tinder hat dafür gesorgt, dass niemand anderes MVP (es ist das minimal lebensfähige Produkt, es ist auch "Nun, wir haben keine Zeit für irgendetwas, entfernen Sie die Schönheit, verlassen Sie das Skelett") in dieser Version realisiert.

Zunder sozial



Die Benutzeroberfläche, in der eine Reihe anderer Symbole aus Kontakten unter einem runden Symbol im Benutzerprofil erstellt werden und all dies durch die entsprechende Schaltfläche unten ergänzt wird, wurde in Tinder abgesteckt. Sehr spezifisches Bildschirmdesign.

Abschließend

Es stellte sich als sehr interessante Aktivität heraus, herauszufinden, welche Elemente die Benutzeroberflächen des Unternehmens als integralen Bestandteil seiner Marke betrachten, obwohl dies für den durchschnittlichen Benutzer nicht allzu offensichtlich ist. Noch wichtiger ist jedoch, dass wir als Designer wissen, welche Muster im Design für die Verwendung verboten sind. Natürlich wird niemand die UX-Schemata anderer kopieren und solche Informationen auf Lager haben. Dies kann jedoch nützlich sein, insbesondere bei Gesprächen mit Personen, die nicht mit dem Design verbunden sind.

Einige Unternehmen (zum Beispiel Uber) patentieren fast jeden Bildschirm, der in der Anwendung verwendet wird, während andere (zum Beispiel Google) so viele haben, dass sich ihre Köpfe drehen. Ich rate Ihnen, nach Informationen zu Patenten der Unternehmen zu suchen, in deren Arbeit Sie sich inspirieren lassen.

Während der Arbeit an dieser Liste habe ich erfahren, dass manchmal sogar Kleinigkeiten patentiert sind - die Form des Elements, die Position des Symbols. Oder etwas sehr Einfaches und Unscharfes - sagen wir, eine Gruppe von Rechtecken mit bestimmten Proportionen in einer bestimmten Reihenfolge. Im Gegensatz dazu sind andere Patente sehr detailliert und anschaulich, beispielsweise die schrittweise Entfaltung von Informationen aus einem Symbol in einem Netflix-Karussell.

Wenn Sie sich also mit UX-Design beschäftigen oder Schnittstellen erstellen und damit rechnen, ein beliebtes Produkt herauszubringen, wäre es schön, sich mit den neuesten Patenten vertraut zu machen. Aufgrund der Tatsache, dass jemand sie nicht gesehen hat, hören sie nicht auf zu existieren. Wenn Sie sich etwas wirklich Originelles einfallen lassen, eine Visitenkarte für Ihr Unternehmen, überlegen Sie, ob es sich lohnt, Anwälte für die Einreichung eines Patents zu gewinnen. Im gesamten Unternehmen ist dies nicht so teuer, zumal es 15 Jahre dauern wird. Wie auch immer, gibt es eine bessere Möglichkeit, Ihrer Welt „Schaukeln Sie nicht das Boot“ zu sagen als Ihr eigenes Patent?