Olá a todos! Meu nome é Maxim Nikitin, sou diretor de arte e responsável pelo design e correção de interfaces na TechnoFabrika. Fazemos aplicativos móveis e integrações complexas, mas hoje não estamos falando sobre eles. Hoje, sobre design.
O motivo do artigo foi uma conversa recente com um cliente. Ele veio com uma seleção de exemplos do Dribbble e perguntou por que não existem interfaces tão bonitas na vida real, e se podemos desenhar “assim ou ali”. Dissemos que poderíamos, mas depois explicamos por muito tempo porque um exemplo não está funcionando do ponto de vista da usabilidade, e o outro vai exigir + N dias e + N mil para o desenvolvimento padrão. Não chegamos a nada, mas frequentemente nos deparamos com essas solicitações recentemente.
Em seguida, contarei como o design legal da interface móvel pode causar dissonância cognitiva e por que em 90% dos casos nos recusamos a criar uma beleza indescritível com animações alucinantes.
Opção 1
Oh, que animação incrível!
No drible, você pode encontrar um grande número de designs com animações alucinantes. Deslize para a esquerda - reorganize os elementos, altere as cores suavemente. Deslize para a direita - uma implantação inteligente de um menu oculto, as imagens da tela principal são reduzidas e voam para cima. Deslize para cima - algo terrivelmente bonito e incomum acontece.
Chama a atenção e fica bem nas prévias. E custa muito dinheiro.
Você deseja adicionar uma animação incomum à interface, de modo que não seja como todo mundo? Pelo amor de Deus, esse truque vai custar 4 dias de desenvolvimento sem animar pequenos elementos, este aqui - em mais três dias. E isso está de acordo com as estimativas mais conservadoras. Na prática, os números devem subir em 6 e 5 dias, inflando e inflando orçamentos, respectivamente.
? , , , , , , ?
2
iOS, – !
. . .
- , , . , , . .
, , .
– , . , , . ( , 73%) « ».
– . « , », , . . , , , , .
3
, !
. , . , , . . , , , , .
? , , . , . , - . – . , . – , .
- , . – . , .
( , ?) . – , . .
.
4
, , , !
, , , – . – . .
« , » – .
, , ( !), . , – .
, . . , . Sad but true.
, , – , , , . .
, , , , , , « ?» .
, ( ) , , ) , ) , ) .
( ) , , . .
, . .
, , , , -, .
Um design em que (além de amor, ternura e desenvolvimento competente) um par de caixas de criatividade de design foram investidas geralmente tem a seguinte aparência:
Elementos ficando para trás durante a rolagem, cesta não padrão voando, destacando um elemento através de uma faixa cheia de cor - tudo isso é uma animação personalizada, cada elemento custará um centavo, cada apito custará tempo.
E o usuário? O usuário quer comprar apenas 3 kg de laranja, 4 mangas, um coco, uma caixa de framboesas. E eu tenho que, jurando, olhar através de todos esses voos de Valquírias de todos os tipos de elementos, murmurando para mim mesmo: "Senhor, por que não fazer caixas de seleção?"