¡Hola a todos! Mi nombre es Maxim Nikitin, soy director de arte y soy responsable del diseño y las interfaces correctas en TechnoFabrika. Hacemos aplicaciones móviles e integraciones complejas, pero hoy no hablamos de ellas. Hoy de diseño.
El motivo del artículo fue una conversación reciente con un cliente. Vino con una selección de ejemplos de Dribbble y preguntó por qué no existen interfaces tan bonitas en la vida real, y si podemos dibujar “así o como allí”. Dijimos que podíamos, pero luego explicamos durante mucho tiempo por qué un ejemplo no funciona desde el punto de vista de la usabilidad, y el otro requerirá + N días y + N mil para el desarrollo estándar. No hemos llegado a nada, pero últimamente nos hemos encontrado con este tipo de solicitudes.
Debajo del corte, te diré cómo un diseño de interfaz móvil genial puede causar disonancia cognitiva y por qué en el 90% de los casos nos negamos a crear una belleza indescriptible con animaciones alucinantes.
Opción 1
¡Oh, qué asombrosa animación!
En driblar, puedes encontrar una gran cantidad de diseños con animaciones alucinantes. Deslice el dedo hacia la izquierda: reorganice los elementos, cambie los colores suavemente. Deslizar hacia la derecha: una implementación inteligente de un menú oculto, las imágenes de la pantalla principal se reducen y vuelan hacia arriba. Desliza el dedo hacia arriba: sucede algo más terriblemente hermoso e inusual.
Llama la atención y se ve bien en las vistas previas. Y cuesta mucho dinero.
¿Quieres agregar una animación inusual a la interfaz, para que no como todos los demás? Por el amor de Dios, este truco te costará 4 días de desarrollo sin animar elementos pequeños, este, en otros tres días. Y esto es según las estimaciones más conservadoras. En la práctica, es probable que las cifras aumenten en 6 y 5 días, inflando e inflando los presupuestos, respectivamente.
? , , , , , , ?
2
iOS, – !
. . .
- , , . , , . .
, , .
– , . , , . ( , 73%) « ».
– . « , », , . . , , , , .
3
, !
. , . , , . . , , , , .
? , , . , . , - . – . , . – , .
- , . – . , .
( , ?) . – , . .
.
4
, , , !
, , , – . – . .
« , » – .
, , ( !), . , – .
, . . , . Sad but true.
, , – , , , . .
, , , , , , « ?» .
, ( ) , , ) , ) , ) .
( ) , , . .
, . .
, , , , -, .
Un diseño, en el que (además del amor, la ternura y el desarrollo competente) se invirtieron un par de cajas de creatividad de diseño, suele verse así:
Elementos que se quedan atrás al desplazarse, una cesta no estándar volando, resaltando un elemento a través de una franja llena de color: todo esto es una animación personalizada, cada elemento costará un centavo, cada silbido costará tiempo.
¿Y el usuario? El usuario solo quiere comprar 3 kg de naranjas, 4 mangos, un coco, una caja de frambuesas. Y tengo que, jurando, mirar a través de todos estos vuelos de Valquirias de todo tipo de elementos, murmurando en voz baja "Señor, ¿por qué no hacer casillas de verificación?"