LightBox aus UX / UI-Sicht und wie es Produkte verändert

Bild



Im RSHB-Ökosystem schaffen wir innovative Produkte für die Landwirtschaft.

Um sie zu entwickeln, haben wir uns entschlossen, den Ansatz von Weltunternehmen im UX / UI-Bereich zu verwenden.

Um die Fehler der Wettbewerber nicht zu wiederholen und ein vollwertiges Ökosystem zu schaffen.

Die Grundlage aller Ökosystemprodukte ist LightBox, eine durchgängige funktionale Designlösung. Zum Beispiel lösen wir in einem Projekt für Landwirte dringende Probleme und Fragen eines Landwirts in einem Fenster und bieten neben einem Warenmarkt eine große Anzahl von Dienstleistungen

und Dienstleistungen an.

Die Komplexität des Projekts liegt in der Kombination verschiedener Szenarien und Rollen in einem Portal.



Was ist LightBox und warum genau "LightBox" und nicht "LightWindow", was ist der Unterschied zu Pop-up, wie kann es das Produkt ändern? Ich werde versuchen, das alles unten zu erzählen.



1 - Aus gestalterischer Sicht ist LightBox ein Bild-Popup.



2 - Popup- oder modales Fenster ist ein Popup-Fenster mit einem minimalen Funktionsumfang ohne separate URL. Seine Hauptaufgabe besteht darin, den Benutzer zu informieren, zu fragen und zu klären, zu warnen, die Anzeige und Medieninhalte zu öffnen.



3 - Modale nehmen normalerweise weniger als 30% des Bildschirms ein. LightBox ist bereits eine vollständige Seite mit voller Funktionalität und einem separaten URL- und Abdeckungsbereich von 70% bis 90%.



4- Warum halten wir diesen Lösungsschlüssel für wichtig für die Benutzeroberfläche und Benutzeroberfläche der meisten Produkte?

Es ist einfach. Alle Schnittstellen und das Lösungsdesign haben mehrere Ziele und einen einzigen Entwicklungspfad. Alles ändert sich und hat einen Zyklus. Wenn Sie sich also mit der Geschichte der ersten Schnittstellenlösungen befassen, dann basieren alle auf LightWindows. Dies waren funktionale Popups. Jetzt strebt das gesamte Design nach maximalem Komfort, Zeitoptimierung und Minimalismus eines Fensters.

Die ideale Produktschnittstelle ist ein Fenster.

Warum jetzt immer mehr Produkte LightBox bewusst einsetzen oder nicht und warum sie es vorher nicht getan haben. Die Benutzer waren nicht bereit für radikale Veränderungen, die Technologien erreichten nicht das entsprechende Niveau.



Warum wir LightBox verwendet haben, werde ich Ihnen in einem Beispiel weiter unten erläutern.

Der Benutzer ist auf dem Portal und sucht über die Suche nach dem erforderlichen Produkt oder der erforderlichen Dienstleistung. Er erhält eine Suchseite, fügt Filter und zusätzliche Kriterien hinzu. Er findet das gewünschte Produkt, klickt auf die Karte, kauft ein, schließt über den Browser oder "Brotkrumen", geht zur Listenseite und verliert den Kontext, die Filter und die Suche, die er zuvor durchgeführt hat.



Dies ist ungefähr 7-10 Minuten und bei komplexen Produkten länger als 25 Minuten.

Ein Mensch verliert Zeit, verliert den Kontext und beginnt seine Reise neu.




LightBox hilft, das Problem des Verlusts von Kontext, Filtern, Suche und Suchergebnissen zu lösen. Dies ist eine Seite mit einer eindeutigen URL (Sie können den Übergang jederzeit verfolgen und den Link freigeben), die über dem SERP geöffnet wird und es Ihnen ermöglicht, zum gleichen Bildschirm zurückzukehren, von dem der Benutzer abgereist ist. Beim Testen dieser Technologie an Benutzern im Stadium von Prototypen und Layouts haben 100 von 100 Benutzern diese Lösung positiv bewertet.

Mit einer großen Anzahl ähnlicher Produkte oder Dienstleistungen ermöglicht LightBox dem Benutzer, die Seite umzublättern, ohne sie zu schließen.



Vorteile von LightBox:

- Einzigartige URL

- Ganze Seite mit Beibehaltung der Funktionalität

- Beibehaltung des Kontexts

- Intuitivität

- Freiheit bei Implementierung und Design

- 70% -90% des Arbeitsbereichs mit der Möglichkeit, die Benutzeroberfläche vollständig anzuzeigen.

- Die Möglichkeit, die Erstellung zu blockieren und die eingebettete Schriftrolle zu integrieren.



Bild

Ökosystem für Landwirte (Own | Farming)



Wie LightBox in realen Projekten funktioniert und welche Vorteile es bietet.

Erstens werden die Betriebszeit und die Übergänge im Durchschnitt von 10 Minuten auf 1 Minute reduziert.

Zweitens wird die Gesamtzeit und -geschwindigkeit der Interaktion bis zur endgültigen Aktion halbiert.



Landwirte und Anwender haben diese Lösung positiv bewertet und wir bemühen uns, in einem Fenster zu arbeiten.



Mein Name ist Kirill Tagintsev, ich leite das UI / UX-Ökosystem des RSHB, wir entwickeln Projekte und verwenden LightBox in unseren Projekten. Der Artikel präsentiert nur einen Teil davon.

In einem der neuesten Produkte, für die diese Lösung angewendet wurde, belegte sie laut Markswebb-Bewertung den 1. Platz, und LightBox war entscheidend für den Komfort der Benutzerinteraktion.




Bild

Ein Nachrichtenportal mit sozialen Blogs für Landwirte (Nachrichten und Blogs)



Bild

Portal zur Suche nach Mitarbeitern und zur Arbeit in der Landwirtschaft (Rekrutierung)



Welche Unternehmen LightBox verwenden:

- Yandex

- Facebook

- Mail.group

- dribbble.com

- Bechance.net

- Sberbank



All Articles