Hallo, alle miteinander! Mein Name ist Maxim Nikitin, ich bin Art Director und ich bin bei TechnoFabrika für das Design und die korrekten Schnittstellen verantwortlich. Wir machen mobile Anwendungen und komplexe Integrationen, aber heute sprechen wir nicht darüber. Heute über Design.
Der Grund für den Artikel war ein kürzlich geführtes Gespräch mit einem Kunden. Er kam mit einer Auswahl von Beispielen aus Dribbble und fragte, warum es im wirklichen Leben keine so schönen Schnittstellen gibt und ob wir „so oder so dort“ zeichnen können. Wir sagten, wir könnten es, aber dann erklärten wir lange Zeit, warum ein Beispiel unter dem Gesichtspunkt der Benutzerfreundlichkeit nicht funktioniert und das andere + N Tage und + N Tausend für die Standardentwicklung benötigt. Wir sind zu nichts gekommen, aber in letzter Zeit sind wir oft auf solche Anfragen gestoßen.
Im Folgenden werde ich Ihnen erklären, wie cooles Design mobiler Benutzeroberflächen zu kognitiven Dissonanzen führen kann und warum wir uns in 90% der Fälle weigern, unbeschreibliche Schönheit mit atemberaubender Animation zu schaffen.
Variante 1
Oh, was für eine großartige Animation!
Auf Dribble finden Sie eine Vielzahl von Designs mit atemberaubenden Animationen. Wischen Sie nach links - ordnen Sie die Elemente neu an und ändern Sie die Farben reibungslos. Wischen Sie nach rechts - eine clevere Bereitstellung eines versteckten Menüs, Bilder des Hauptbildschirms werden verkleinert und fliegen nach oben. Wischen Sie nach oben - etwas anderes passiert schrecklich schön und ungewöhnlich.
Es erregt Aufmerksamkeit und sieht in der Vorschau cool aus. Und es kostet viel, viel Geld.
Möchten Sie der Benutzeroberfläche ungewöhnliche Animationen hinzufügen, damit nicht alle anderen? Um Gottes willen kostet dieser Trick 4 Tage Entwicklung, ohne kleine Elemente zu animieren - in weiteren drei Tagen. Und das ist nach den konservativsten Schätzungen. In der Praxis dürften die Zahlen in 6 und 5 Tagen steigen und die Budgets aufblähen bzw. aufblasen.
? , , , , , , ?
2
iOS, – !
. . .
- , , . , , . .
, , .
– , . , , . ( , 73%) « ».
– . « , », , . . , , , , .
3
, !
. , . , , . . , , , , .
? , , . , . , - . – . , . – , .
- , . – . , .
( , ?) . – , . .
.
4
, , , !
, , , – . – . .
« , » – .
, , ( !), . , – .
, . . , . Sad but true.
, , – , , , . .
, , , , , , « ?» .
, ( ) , , ) , ) , ) .
( ) , , . .
, . .
, , , , -, .
Ein Design, in das (abgesehen von Liebe, Zärtlichkeit und kompetenter Entwicklung) ein paar Kisten mit Designkreativität investiert wurden, sieht normalerweise so aus:
Elemente, die beim Scrollen zurückbleiben, nicht standardmäßiger Korb, der herausfliegt und ein Element durch einen mit Farbe gefüllten Streifen hervorhebt - all dies ist eine benutzerdefinierte Animation, von der jedes Element einen Cent kostet, jede Pfeife Zeit kostet.
Und der Benutzer? Der Benutzer möchte nur 3 kg Orangen, 4 Mangos, eine Kokosnuss und eine Schachtel Himbeeren kaufen. Und ich bin gezwungen zu schwören, durch all diese Walkürenflüge aller Art zu schauen und leise zu murmeln: "Herr, warum machst du keine Kontrollkästchen?"