"Lieblings-Smartphone-Chemiker-Technologe" oder Vereinheitlichung des Desktops Ihres Gadgets



    Hallo nochmal, Habr. Heute möchte ich einen weißen Kittel anziehen, einen eleganten Kneifer anziehen und als experimenteller Ingenieur auftreten, der ungewöhnliche Komponenten mischt, um eine neue „Sauce“ zu kreieren, unter der Sie Ihr altes Lieblingsgericht servieren können - Ihr Smartphone.

    Eigentlich wollte ich zunächst einen nicht standardmäßigen Ansatz für die Implementierung der Schnittstelle eines Projekts beschreiben, der nicht über das Konzept hinausging. Am Ende stellte sich jedoch heraus, dass ich mich auf das große, beständige und unerschütterliche - das Konzept des Desktops in mobilen Geräten - einließ.

    Übrigens, wenn Sie Figma verwenden , empfehle ich, auf unsere vorgefertigten Konstruktionssysteme zu achten . Sie helfen Freiberuflern dabei, mehr Aufträge pro Monat zu erledigen, Programmierer können selbst schöne Anwendungen erstellen, und das Team führt Sprints mit vorgefertigten Designsystemen für die Teamarbeit schneller aus.

    Und wenn Sie ein ernstes Projekt haben, ist unser Team bereit, ein auf unseren Best Practices basierendes Konstruktionssystem innerhalb der Organisation bereitzustellen und es mit Figma auf bestimmte Aufgaben zuzuschneiden. Web / Desktop und jedes Handy. Wir sind auch mit React / React Native vertraut. Schreiben Sie an T: @kamushken


    Präambel


    Einmal stieß ich in den versteckten Unterordnern meines Arbeitsordners vor einem halben Jahr auf ein paar Screenshots. Es war ziemlich „frisch“ für mich und für mich immer noch aufregend, die Entwicklung von Schnittstellen zu verfolgen, als ich das Konzept des Periodensystems zugrunde legte!

    (für diejenigen, die es vergessen haben)

    Dann "zog" ich Mendeleevs Erfindung in einem atemberaubenden kreativen Impuls auf ein Schnittstellenkonzept, das ein bestimmtes Problem schnell lösen sollte: Zwischen den Microsoft Lync-Servern bestand eine Verzögerung, die zu einer schlechten Kommunikationsqualität führte oder führte zu einer Klippe.

    Wenn ich mich nicht eingehend mit technischen Details befasse (eigentlich riskiere ich es nicht, es zu versuchen, weil ich lüge), gibt es für das oben genannte Produkt verschiedene Servertypen: SQL, Mediadion, FrontEnd und Edge. Alle sind geschickt miteinander verwoben, um Audio- / Videoanrufe und Chats für Unternehmen zu ermöglichen.

    Als visuelle Grundlage nahm ich ein quadratisches Raster, auf dem das Leben einzelner Organisationen pulsierte, deren Server überwacht wurden.


    Jede Organisation nahm ihren Platz in der Startaufstellung ein. Für jeden von ihnen kann es eine andere Anzahl von Servern eines bestimmten Typs geben, die auf ordnungsgemäße Weise "hängen", und zwar jeweils für sich selbst:

    (SQL-Server waren beispielsweise immer auf der obersten Seite, alle Vermittlungen gingen immer auf der linken Seite usw.)

    Der Ping zum Server wurde in der oberen rechten Ecke angezeigt. Darüber hinaus sprach eine intensivere grüne Farbe für eine gute Reaktion und verblasste mit dem Wachstum. Die bedingte Abstufung war wie folgt:


    Im Falle von Verzögerungen wurden die Zellen der problematischen Server alarmierend rot. Zwischen ihnen befand sich ein kreisförmiger Indikator mit einem Symbol, das die Art des Problems beschrieb. Darüber hinaus schien der zirkuläre Indikator die Zellen zu „schließen“ und zeigte auch, zwischen welchen Servern Probleme aufgetreten sind:


    Natürlich kann ein Problem zwischen Servern auftreten, die sich auf verschiedenen Seiten des Organisationsblocks befinden. Dann könnte man vorübergehend zu einem anderen "springen":

    (Sprang und zeigt eine "Trennung" zwischen SQL und FrontEnd)

    All dies konnte erfolgreich skaliert werden und so wurde eine Zustandskarte für alle zu überwachenden Organisationen vorgelegt:






    Zwei Ziele wurden theoretisch erreicht: A - das Problem wurde gelöst, B - ein stilvoller, leichter zu verkaufender "Wrapper" wurde gezeichnet. Es ist schade, aber in diesem Fall muss die Geschichte über ein bestimmtes Produkt gestoppt werden. Das Projektmanagement wechselte in diesen fernen Tagen zu anderen Aufgaben und Zielen, und das Konzept ging nicht über seinen Rahmen hinaus.
    Es ist nicht einmal so interessant, ein Konzept zu beschreiben, bei dem keine weitere Interaktion in Betracht gezogen wird ... Ich würde dann speziell darauf eingehen :) Aber es ist interessanter, näher an den Punkt heranzukommen ...

    Ambula (es stellt sich heraus, dass es kein solches Wort gibt, aber es gibt eine Handlung): Tabellen


    Kehren wir zu dem Punkt zurück, an dem alles begann - dem Tisch. Einmal wurde der erste Tabellenprozessor erfunden (auch bekannt als Tabellenkalkulation), und danach war die Welt nie mehr dieselbe. Es stellte sich heraus (!), Dass neben der Bequemlichkeit von Berechnungen die nach den angegebenen Kriterien in Tabellenform geordneten Informationen viel besser und bequemer wahrgenommen werden. Ausgerichteter Inhalt entlang der Y-Achse ist viel bequemer wahrzunehmen als Das Auge bestimmt im Voraus den Ort der Informationen, die es aufgrund früherer Erfahrungen zu sehen erwartet (visuell sind wir zum Beispiel von der Zelle oben heruntergegangen). Es ist heutzutage unmöglich, kein Beispiel für die Beliebtheit von Karten zu nennen. Eigentlich war das mein Plan - dann geh zu ihnen ...

    Karten


    Karten sind fest in Schnittstellen und damit in unserem täglichen Leben verankert. Zum Thema Karten wurde viel recherchiert, Präsentationen durchgeführt und viele verschiedene Begründungen ausgearbeitet. Ich würde hier eine Parallele zwischen den Tabellen ziehen: Mit den Karten können Sie Informationen so gut organisieren und präsentieren, wie sie sich in den Tabellen


    bewährt haben. Wenn Sie die Karten auf dem Bildschirm Ihres Mobiltelefons verschieben, können Sie dies als Bewegung im Rahmen einer einzigen Spalte der Tabelle interpretieren. Unsere Vision bewegt sich von oben nach unten und wir erwarten, dass auf der neuen Karte die gleichen Informationen wie auf der vorherigen Karte zu sehen sind und dass ihre Position übereinstimmt. Wieder - das ist der Bezug zur vorherigen Erfahrung.

    Als Ergebnis erhalten wir eine solche Ähnlichkeit der Entwicklung der Tabelle mit den Bildschirmen unserer Geräte:


    Zu Beginn dieses Artikels habe ich Ihnen eine neue "Sauce" versprochen. Ich werde dich nicht täuschen. Also ...

    Lieblings Smartphone Chemiker Technologe


    Jetzt ist die Zeit gekommen, zum Periodensystem zurückzukehren. Sie wurde aus einem Grund erwähnt. In der Tat kann die Sauce nicht neu sein, ich könnte eine Verleumdung sein. Irgendwo zuvor im Internet habe ich versucht, ein Periodensystem auf den Desktop des Smartphones zu projizieren. Aber ich bin nie auf einen kompetenten Aufsatz gestoßen, warum diese Ansicht das Problem löst. Im Folgenden möchte ich diese Idee „weiterentwickeln“. Ich hoffe, es wird neugierig sein, denn im Verborgenen werdet ihr alle Teilnehmer an diesem Experiment.

    Stellen wir uns vor, wir wollen dem Beispiel von Google folgen. Dieses Monster versucht, Design zu vereinheitlichen, indem es sein Wissen unter dem Namen Material organisiert. Und wir wollen nach ihm das Aussehen des Desktops unseres Telefons vereinheitlichen. Sobald Google alle Arten von Schaltflächen, Schriftarten, Formen, deren Verhalten usw. satt hatte
    Und wir hatten plötzlich genug von bunten, bunten und manchmal bedeutungslosen Symbolen und Logos, an die wir uns ständig erinnern müssen.

    Dann würde es ungefähr so ​​aussehen:

    (Hier ist die erste Phase des Experiments: Kannst du zum Beispiel schnell WhatsApp finden?)

    Es ist ein bisschen langweilig, nicht wahr? Nun, es ist genauso langweilig wie iOS7 nach dem gradienten-konvexen iOS6 (ich spreche von der totalen Flat-Version). Dann machte auch der Verbraucher an jeder Ecke Lärm, dass es eine Katastrophe war. Aber in der Tat ist jeder ruhig daran gewöhnt. Und jetzt besteht kein Zweifel - der Schritt wurde in die richtige Richtung getan!
    Seit dem Aufkommen des ersten Xerox Alto-PCsAuf dem Desktop werden weiterhin Symbole angezeigt. Und das gleiche iOS7 in dieser Hinsicht brachte nichts Neues, sowie die nachfolgenden Versionen. Ein zu großes Risiko! Beeinträchtigen Sie nicht die ordnungsgemäße Arbeitsweise der Geräte.

    Großartig! Um weiter zu gehen als andere Designer, die auf diese Idee gekommen sind, erlaube ich mir, Anwendungen nach Themen in verschiedenen Farben zu organisieren. Wir lassen die des Systems weiß und die der sozialen Netzwerke, der Boten, der Navigation usw. Farbe mit einer individuellen Farbe:

    (Jetzt wissen Sie beispielsweise, dass alle E-Mail-Anwendungen orangefarben sind. Wie schnell können Sie das Yandex.mail-Symbol finden? Schneller als beim vorherigen Mal?)

    Aber Sie können sich nicht täuschen lassen! :) Offensichtlich ist dies ein fantastischer Fall. Tatsächlich werden wir diesen Befehl zunächst nicht haben, bis wir ihn selbst ausgeführt haben. Häufig handelt es sich nach Kategorien um ein vollständiges Durcheinander:

    (Können Sie Google Maps jetzt finden, wenn Sie wissen, dass alle Navigations- und Kartenfarben rosa sind? Wie lange haben Sie gebraucht?) Wir

    brechen die Vorlage regelmäßig, wenn wir die Anwendung oben auf dem Bildschirm des iPhones löschen . Anstatt uns ein leeres Feld zu lassen, verschiebt das System alle Symbole für uns wie Flecken und füllt die Lücke.
    Diese Verschiebung dürfte beim nächsten Mal Schwierigkeiten bereiten, die richtige Anwendung zu finden. Schließlich verknüpfen wir es zunächst mit einer bestimmten Stelle auf dem Desktop und merken es uns. Erst dann konzentrieren wir uns auf das Symbol und die Signatur. Zum Beispiel haben wir LinkedIn oben entfernt:

    (Wenn Sie sich im vorherigen Beispiel jedoch daran erinnert haben, dass alle Kartenanwendungen pink sind, können Sie die verschobenen Google.Maps auch schnell finden?)

    Anstelle einer Schlussfolgerung


    Dies ist jedoch zumindest ein Eingriff in ein heiliges und unzumutbares Risiko, das zu irreversiblen Konsequenzen führt. Natürlich ist Forschung notwendig. Aber ich habe das Gefühl, dass die UX-Experten, die den Fall der Ikonen und den Triumph der Inschriften in naher Zukunft vorhersagen, leise mit dem Kopf nicken. Persönlich wähle ich eine neutrale Position! Sind mögliche Doppelbuchstaben so beängstigend? Wird es genügend unterschiedliche Farbtöne für verschiedene Anwendungskategorien geben? Eines ist sicher: Die Vereinheitlichung des Desktops führt zu einem Gleichgewicht und möglicherweise zu Langeweile in Google.Play und AppStore. Jetzt kann niemand die Führung übernehmen, indem er nur ein Symbol zeichnet, das besser ist als deins! Fair Play ...

    Jetzt auch beliebt: