Meine Arbeit für den Wettbewerb Mail.Ru

    Сегодня в блоге Mail.ru были опубликованы результаты конкурса на «дизайн околопочтового приложения», в котором и я принял участие.

    Места в конкурсе я никакого не занял и не заслужил упоминания в статье. Я даже так и не дождался обещанного инвайта на Dribbble… Ну ладно. Видимо моя работа была сочтена «откровенно провальной в плане визуала»…

    Шут с ним, с визуалом, но я все же считаю что идеи заложенные мной в проект стоят того чтобы их увидело больше 4 человек (столько просмотров моей работы на behance). Дело в том что сами идеи я развиваю достаточно давно, а конкурсная задача позволяет продемонстрировать их в реальной задаче.

    Ich muss gleich sagen, dass andere Arbeiten in Bezug auf Zeichnung und Liebe zum Detail meine um ein Vielfaches übertreffen. Zum Beispiel habe ich überhaupt keine Liste von Buchstaben gezeichnet, sondern ein Analogon aus einer anderen Anwendung entnommen. Stattdessen zeichnete ich ein Konzept - ein schematisches Diagramm der Anwendung und beschrieb die Prinzipien, nach denen sie funktioniert.

    Ich werde mir ein Zitat aus dem genannten Beitrag erlauben, ich stimme ihr voll und ganz zu, und in gewissem Maße habe ich mich bei der Arbeit von solchen Gedanken leiten lassen:
    Artyom Troynoy: Es ist bedauerlich, dass einige Designer nicht versucht haben, sich etwas völlig Neues auszudenken , sondern nur Kategorien zum Sortieren hinzugefügt haben. Dies ist keine Testaufgabe bei der Bewerbung. In solchen Wettbewerben ist es möglich, etwas völlig Einzigartiges zu erfinden, und nicht etwas, das nach dem Wettbewerb eingeführt wird.
    Also Wenn Sie es sich nicht anders überlegt haben - willkommen bei kat)




    Das obige Bild zeigt den Hauptbildschirm meiner Lösung. Optisch ist es nur eine Suchschaltfläche. Aber die Möglichkeiten sind viel höher.

    Die Schaltfläche wird zu einem „assoziativen Element“ (wie ich es nenne :) - sie kann jetzt auf jedes Element auf dem Bildschirm „angewendet“ werden und eine logische Antwort erhalten.

    Ziehen Sie die Suchschaltfläche auf den Namen des Empfängers - wir erhalten alle Briefe von ihm (und alle Anhänge).
    Zum Datum ziehen - wir erhalten Briefe für diesen Tag. Usw.

    Die Idee ist dasOft ist es nicht erforderlich, das Dateiverzeichnis zu verwenden, zu suchen, zu filtern, sich an die Abfragesprache zu erinnern oder sich auf Empfehlungssysteme zu verlassen. Es reicht aus, Buchstaben zu finden, die nach bestimmten Kriterien Ihren Anforderungen entsprechen. Dazu ziehen Sie einfach das Suchsymbol auf den gewünschten Eintrag.

    Bei vielen typischen Aufgaben handelt es sich lediglich um eine Aktion, bei der beispielsweise alle Fotos in den Anhängen gesucht werden sollen. Ziehen Sie das Suchsymbol einfach auf ein Foto. Bei der klassischen Vorgehensweise müssen Sie mindestens zum Abschnitt mit den Anhängen gehen, einen Dateityp auswählen und den Dateityp „Bild“ angeben ...

    Was ist jedoch, wenn Sie nach Fotos suchen müssen, die von einem bestimmten Benutzer gesendet wurden? Wir brauchen eine Art Abfragekombinationsmechanismus.
    Und wenn Sie beispielsweise ein PDF-Dokument suchen, aber kein "Muster" zur Hand haben? Wieder mit Abschnitten, Listen, Gruppen, Abfragesprache usw. kommen.

    Alles ist einfacher. Zuerst müssen Sie die Abfragen miteinander kombinieren lassen. Durch Ziehen der Suchschaltfläche zum gewünschten Ziel und dann zu einem beliebigen Bild in den Suchergebnissen wird die gewünschte Anfrage generiert.

    Was ist, wenn es keine "Probe" gibt? Es ist notwendig, die „Verknüpfungen“ zwischen den Suchkriterien zu verstehen.

    Wenn wir beispielsweise nach dem Namen des Empfängers suchen und dieser hauptsächlich Rechnungen sendet, ist es logisch, den Benutzer nicht zu zwingen, nach einem geeigneten Konto zu suchen, sondern eine solche Anfrage sofort in Form einer möglichen Verfeinerung anzubieten.

    Oder komplizierter. Der Benutzer sucht nach allen Briefen, die von einem Empfänger gesendet wurden. Aber natürlich gibt es viele Ergebnisse. Wir können das Ergebnis bündeln und wichtige Gruppen hervorheben. Es stellte sich zum Beispiel heraus, dass die Bestellung von Tickets und Dokumenten in verschiedenen Formaten viel beachtet wurde. Es gab jedoch keine Fotos und Benachrichtigungen.
    Zur Verdeutlichung bieten wir „Dokumente“ und „Tickets“ an. Und wenn der Benutzer "Dokumente" auswählt - vielleicht werden "Konten" oder "Schätzungen" zu neuen Ergänzungen ...

    Das Fazit ist, dass wir nicht versuchen, für den Benutzer zu entscheiden, "was er braucht" - wie es zahlreiche "intelligente Assistenten" tun. Wir zwingen ihn jedoch nicht, in den Menüs und Listen nach dem gewünschten Artikel zu suchen.

    Unsere Aufgabe ist es in jedem Moment, genau die Optionen anzubieten, die für die Anfrage am relevantesten sind.

    Um meine Arbeit zu zitieren:
    Stellen Sie sich vor, Sie haben eine Liste von Filtern, nach denen Sie suchen können. Zum Beispiel: "Foto", "Dokumente", "Rechnungen", "Einkäufe", "Archive", "Aufgaben", "Termine", ... usw.

    Es kann viele Filter geben, alle Empfänger können Filter sein, Datumsbereiche können Filter sein („letzte Woche“, „Winter 2014“ usw.). Mit Updates kann das Programm lernen, neue Filter wie „Flugtickets“ oder „3D-Modelle“ zu definieren.

    Mit einer solchen Liste wäre es möglich, Filter auszuwählen und zu kombinieren - komplexe Abfragen lassen sich leicht erstellen. Beispielsweise sind "eBay-Konten 2014" drei Filter: "eBay" + "Konten" + "2014".

    Die Verwendung einer Liste mit Hunderten von Filtern wäre jedoch äußerst unpraktisch.
    Die Lösung besteht darin, Filter durch assoziative Beziehungen miteinander zu verknüpfen. Dann wird das "Konto" mit den "Dokumenten" und "Einkäufen" verknüpft. "2014" - wird mit "Kalender" verknüpft, und "Frühling" - mit "2014", "2015", "2016" und so weiter ...

    Zeigt der Benutzer nur einige Hauptfilter sowie diejenigen, die bereits ausgewählten zugeordnet sind, erhalten wir eine kurze und ein praktischer Konstruktor zum Erstellen einer Abfrage, buchstäblich in ein paar Tapas. Dies ist einfacher als das Eingeben einer Abfrage über die Bildschirmtastatur. Natürlich können Sie auch eine Abfrage eingeben (weiße Linie oben).



    Die Bilder zeigen, dass die Verbindungen zwischen den Filtern basierend auf dem Inhalt der Mail berechnet werden.

    Wenn von admin@ebay.com hauptsächlich Nachrichten und Konten eingehen, wird dieser Kontakt mit den Filtern "Nachrichten" und "Konto" verknüpft.
    Der Filter "Fotos" ist mit dem Kontakt "Andrey" verknüpft. Um jedoch mehr Kontakte zu sehen, müssen Sie ein wenig eine Liste mit Filtern herausziehen.

    Abschließend möchte ich sagen, dass sich die Ideen 1 und 2 ergänzen. Zusammen bilden sie eine Datenverwaltungsschnittstelle, die auf Assoziationen basiert.
    Anstatt mehrere Bildschirme, Menüs, Filter, Einstellungen usw. zu durchsuchen, stehen dem Benutzer nur zwei intuitive Aktionen zur Verfügung: Ziehen Sie das Suchsymbol auf ein ähnliches Element und verwenden Sie „intelligente“ Filter, um die Abfrage zu verfeinern.

    Darüber hinaus werden die meisten Aufgaben bereits bei der ersten Aktion gelöst. Und der zweite wird zusätzlich zur Bequemlichkeit eine unauffällige Lernaktion ausführen. Nachdem der Benutzer sich an eine Reihe von Filtern gewöhnt hat, kann er diese auch ohne Eingabeaufforderungen verwenden, z. B. mit Sprachsteuerung.

    Ich habe den assoziativen Ansatz lange Zeit entwickelt und hier nur versucht, einige der besten Praktiken anhand eines „lebenden Beispiels“ zu zeigen.
    Wenn Sie an diesem Ansatz interessiert sind, schreiben Sie mir unter daniil.bakalin@gmail.com. Derzeit wird eine ähnliche Lösung für die Verwaltung von Dateien auf normalen Computern entwickelt.

    Danke fürs

    Lesen ) Daniil Bakalin. 09.2015.

    upd.
    In den Kommentaren haben viele geschrieben, dass das Aussehen der Schaltfläche nicht klar ist, dass sie gezogen werden kann.
    Ich bin damit einverstanden, den Standardknopf zu nehmen, in diesem Fall war meine Unterlassung. Ich habe nur versucht, das Konzept selbst zu vermitteln, einen Knopf in etwas völlig anderes zu verwandeln. Tatsächlich ist dies überhaupt keine Schaltfläche, sondern ein eigenständiges Objekt. mit denen man schwieriger interagieren kann als nur "klicken".

    In dem Konzept des "assoziativen Designs", das ich entwickle, gibt es verschiedene Arten solcher Elemente. Aber das Wesentliche von allen ist, dass sie sich grundlegend unterscheiden. Dies sind nicht nur flache Bilder, die Sie verschieben oder anklicken können. Sie können in der virtuellen Realität oder beispielsweise in einer mentalen Schnittstelle oder auf andere Weise existieren.

    Ich möchte sagen, dass wir jetzt, wenn wir einen Computer steuern, unsere Aufgabe in eine für den Computer verständliche „Sprache“ im Kopf „übersetzen“, und zwar in Form einer Abfolge von Klicks, Auswahlen oder Bändern. Wir sind daran gewöhnt, wie die Leute sich an die Befehlszeile gewöhnt haben, und es scheint uns, dass es richtig und logisch ist. Dies ist jedoch unlogisch und falsch. Eine Person denkt in Bildern und Assoziationen, nicht in Schaltflächen und Listen. Und diese Bilder und Assoziationen - sollten irgendwie in der Schnittstelle der Zukunft präsent sein.

    Ich sage nicht, dass mein Konzept korrekt ist oder dass ich mich in die richtige Richtung bewege. Ich versuche nur, etwas außerhalb der üblichen Schnittstellen zu finden. Und ich möchte Kommentare zu der Idee selbst hören.

    Stellen Sie sich vor, Sie möchten einer Person erklären, was ein Menü ist, die sein ganzes Leben lang nur die Befehlszeile verwendet hat. Und er findet Fehler, dass die Farbe des Cursors ihn an die Befehlszeile erinnert, und im Allgemeinen ist es seltsam und unpraktisch, ein Stück Seife auf dem Tisch zu bewegen, um in die sich bewegenden Zeilen auf dem Bildschirm zu gelangen ...

    Ich verkleinere die Rolle der Befehlszeile heute nicht. Ich bin mir auch sicher, dass die heutigen Schnittstellen auch in Zukunft in komplexen Systemen und Konfiguratoren verbleiben. Typische, gemeinsame Schnittstellen müssen sich jedoch ändern. Ich kann nicht glauben, dass dies der Höhepunkt der Entwicklung ist.

    Natürlich gibt es Sprachassistenten, und obwohl sie heute nicht immer anwendbar sind, wird ihr Anteil mit der Entwicklung der KI sicherlich steigen. Aber selbst wenn die KI dem Menschen nahe kommt, gibt es genug Stimmen?

    Angenommen, Sie müssen eine Website entwickeln. Wie lange wird es dauern, um zu erklären, wie es für eine andere Person aussehen soll (schreiben Sie TK)? Und wie viele Kleinigkeiten bleiben „hinter den Kulissen“? Und wie viel einfacher ist es , eine Site im Dialogmodus zu erstellen und während der Erstellung an jedem Element arbeiten zu können? Was ist einfacher, sagen Sie "Erhöhen Sie das Logo um 8% und bewegen Sie sich nach links zum Schnittpunkt mit der Hilfslinie, die die Einrückung des Texts des Hauptinhaltsblocks kombiniert" - oder bewegen Sie einfach das Logo?

    Was ist einfacher, den richtigen Empfänger zu finden, indem die richtige Anfrage diktiert wird (ein typischer Sprachassistent), oder einfach das Objekt „Kontakte“ von Hand zu erhöhen, das sich nach Art der Korrespondenz in Gruppen aufteilt, und die richtige Adresse auszuwählen (Objekte + Assoziationen + Sprachassistent)? .. Im Allgemeinen ist dies das Thema eines separaten Artikels. Ich möchte nur sagen, dass es nicht so einfach ist, nur Ihre Stimme zu verwalten. Typische Schnittstellen sind jedoch unpraktisch. Wir brauchen etwas zwischen ihnen, das an den Prinzipien des Menschen arbeitet, ihm aber neue Möglichkeiten eröffnet.

    Jetzt auch beliebt: