🌵 🧑🏾‍🤝‍🧑🏻 ✍🏾 O que há de errado com os esquemas de vagões 🏭 🏵️ 🔆

Uma vez, uma mulher ligou para nossa equipe de suporte e acidentalmente separou a família, escolhendo os lugares na carruagem. Ela queria comprar um compartimento inteiro e ocupou 15, 16, 17 e 18 assentos, considerando-os um grupo. Mesmo antes disso, suspeitávamos que não era conveniente para todos lerem os circuitos, mas naquele momento entendíamos isso de maneira especialmente clara.

Esquema antigo:

novo após a pesquisa:

O esquema de escolha de assentos em um carro faz parte do processo de pedir uma passagem para um trem. Algumas pessoas não se sentem confortáveis em lê-lo e cometem erros. Além disso, nos últimos anos, antes da quarentena, pessoas de lugares remotos, longe da TI, começaram a viajar ativamente, e isso foi especialmente difícil para elas. Por exemplo, no primeiro diagrama acima, poucas pessoas podem determinar correta e confiantemente as prateleiras superior e inferior sem pistas adicionais.

Realizamos um estudo em larga escala sobre o uso desses esquemas. Reunimos e testamos várias opções de como melhorá-las. Feito com base na melhor versão do kit de interface do usuário, agora disponível para uso gratuito .

E agora vou falar sobre o que geralmente pode dar errado ao escolher assentos em carros diferentes.

Deficiências de esquemas antigos

Seguindo um pouco à frente, o primeiro estudo mostrou o que era necessário:

Mostrar mais claramente as prateleiras superior e inferior, isso não é óbvio para todos
É mais perceptível dividir o compartimento combinando os assentos em grupos para que as pessoas não se enganem ao comprar bilhetes em diferentes compartimentos
Destaque as aberturas das janelas, tornando sua localização mais óbvia, pois as pessoas as confundem com as paredes
Mostre informações mais claras sobre a direção do movimento do trem, muitos berços
Nos vagões sentados, é mais óbvio mostrar o assento espalhado em relação aos outros - novamente, para não separar
Esforce-se não pelo realismo nos detalhes do diagrama do vagão, mas pela simplificação

Há pessoas que realmente querem se sentar perto das janelas, mas não conseguem descobrir como isso funciona:

“Existem nuances no Peregrine Falcon, você pode ficar entre as janelas, então eu olho com atenção,“ onde estão as janelas. Não é visível aqui: a tira é uma janela ou uma parede? "

Há quem só consiga dormir em uma determinada direção do movimento do trem. Há aqueles que são balançados na direção contra o movimento no sedentário:

"Lugares que estão na direção e contra - você tem que olhar para onde está direcionado, talvez pintar as costas."

A primeira abordagem para o redesenho de esquemas, "cacheados"

A princípio, confiamos na intuição. Sabíamos que os passageiros tinham dificuldades, mas não sabíamos se eram casos isolados ou um padrão. Tentamos tornar os esquemas mais realistas: com a ajuda de prateleiras e sombras de pseudo-volume, mostramos a classificação em assentos reservados e vagões. Poltronas em um carro sentado pareciam poltronas em um cinema.

Foi:

Tornou-se:

Bonito? Sim. Trabalho? Não.

Mostrou o esquema aos passageiros

Depois, eles conduziram uma grande série de entrevistas, que mostraram às pessoas esquemas atualizados de carros. E descobrimos o seguinte.

1. As pessoas não entendem onde estão as prateleiras superior e inferior,

tanto quanto gostaríamos, nem todo pensamento espacial funciona bem. Para indicar as prateleiras superior e inferior, são necessárias dicas mais explícitas. Usuários experientes conhecem o esquema par-ímpar, mas isso não é suficiente.

"É necessário poder ver esse volume, para entender em que prateleira sob a qual - em 3D e é bom ficar de olho nela - nem todo mundo pode."

2. Combine mentalmente lugares de compartimentos vizinhos

Visualmente, esses lugares são mais próximos, portanto a teoria da proximidade funciona. Mesmo uma parede mais contrastante entre o cupê não ajuda, verificamos.

"Eu nem percebi que esses compartimentos são diferentes - uau! Agora, agora eu dividiria a família ".

3. Janelas e paredes confusas

É necessário destacar as aberturas das janelas, tornando sua localização mais óbvia. Há pessoas que realmente querem se sentar perto das janelas, mas não conseguem descobrir como isso funciona.

4. Procurando a direção do movimento

Há quem possa dormir apenas em uma certa direção do movimento do trem. Há aqueles que são abalados na direção contra o movimento no sedentário. Nem em todos os trens, podemos mostrar a direção do movimento, mas em carros sentados isso é possível com mais freqüência.

“O movimento do trem precisa ser mais brilhante; caso contrário, você pode pular, porque muito de tudo está abarrotado e não é visível.

5. Orientado ao longo das costas dos assentos

Nos vagões sentados, é importante que as pessoas vire o assento em relação aos outros. Assim como no caso do cupê - para não se separar. Agora, a busca pelo encosto exige um esforço extra.

6. Eles não querem realismo, mas simplicidade:

alto detalhe e realismo levantam muitas questões - cada pessoa interpreta o que vê à sua maneira. E, pelo contrário, removendo todos os desnecessários, reduzimos o número de discrepâncias. Os braços são uma decoração extra. Na figura acima, os apoios de braços apenas criam ruído visual e dificultam a compreensão da aparência dos assentos.

Trabalhou nos bugs

Esquemas costumavam ser difíceis de criar e dimensionar. Não havia construtor suficiente. Eu tive que subir no Illustrator, marcar a área sob os assentos no carro e renomear manualmente cada lugar. O plano de fundo dos diagramas foi desenhado separadamente no Photoshop e importado para o Illustrator em uma varredura.

Removemos todo o excesso de enfeites e desenhamos o kit de interface do usuário na Figura, mudando completamente para o formato vetorial. Agora, todos os diagramas de vagão no Tutu.ru são montados com estes componentes: Os

ícones e as fontes no kit de interface do usuário aberta podem diferir daqueles licenciados para a empresa.A

equipe possui um guia detalhado para a montagem dos diagramas. Agora os esquemas de carros podem ser montados não apenas pelos designers. A tarefa do projetista é fazer uma revisão após a montagem do circuito.

Nos diagramas de vagões, mostramos a uma pessoa apenas as informações que afetam sua decisão de compra. Se este é um trem com vagões sentados como o Swallows, é importante mostrar a localização das janelas, mesas e encostos das cadeiras.

Nos Swallows transportes efectuados mostramos: assentos para passageiros com animais, os assentos mais baratos, companheiros de viagem, direção da viagem e fotos a partir de um determinado ângulo da carruagem

Todo mundo sabe que em uma carruagem compartimento há janelas e mesas por padrão, portanto, é mais importante para mostrar o agrupamento de bancos

Grade

tamanhos de elemento e o recuo nos diagramas é baseado em uma grade de 4 pixels. Dobramos o tamanho mínimo da área ocupada no diagrama para que as pessoas percam menos ao fazer pedidos pelo telefone.

Há exceções nas quais você precisa aumentar ou diminuir visualmente o tamanho dos elementos com traços. Por exemplo, o tamanho do cupê 78 x 78 não é um múltiplo de 4 pixels. Nesse caso, o recuo aparente dos assentos às paredes do compartimento é 4.

As dimensões dos corredores e passagens nos carros são geralmente iguais a um ou dois módulos de assentos.

Ícones Os

ícones são inscritos em um contêiner de 24 pixels. Às vezes, é útil reduzir os ícones para 18 pixels. Por exemplo, quando você precisa designar lugares para passageiros com animais ou pessoas com deficiência. Ou mostre companheiros de viagem em um local movimentado.

Tentamos combinar as mesmas zonas em um ícone, sem indicar as áreas no carro que eles ocupam. Por exemplo, se o carro tiver um banheiro duplo ou dois porta-bagagens adjacentes, mostramos um ícone em seu lugar. Basta que o comprador tenha uma idéia geral do que está por trás dele e quanto tempo deve ir ao banheiro.

Dimensões dos carros

Dentro de uma classe, nos esforçamos para criar esquemas de tamanhos iguais para carros. Além disso, a largura e a altura dos esquemas no primeiro estágio de desenho dos esquemas não são limitadas e dependem do número de componentes no esquema. É útil começar a desenhar os diagramas de um trem específico com uma carruagem com mais assentos.

Usando o Swallows Premium como exemplo, primeiro coletamos o esquema do carro nº 2.

E então, para o carro nº 3, removemos lugares desnecessários sob as zonas de banheiros, refrigeradores, porta-malas, preservando a grade original e a localização das janelas.

Aumentando a velocidade de criação de circuitos Um

projetista de circuitos precisa nomear cada assento de acordo com um modelo no formato “assento 21”. Às vezes, esses lugares no carro podem ser mais de cem. A Figura possui uma boa ferramenta para renomear camadas em massa. Ele lembra a ordem de duplicação de camadas e as renomeia de acordo com o modelo "seat- $ N".

Compartilhamos um conjunto de componentes gratuitamente

Você pode fazer o download de um conjunto de componentes para seus diagramas de vagão e usá-lo sob uma licença Creative Commons BY.

Kit de interface do usuário de diagramas de carroça na Fig →

Para usar, faça uma duplicata do arquivo e ele aparecerá em seus projetos.Se

você nunca trabalhou na Fig, experimente - você pode gostar. Esta é uma ferramenta da web útil usada por designers de todo o mundo. O “ Guide to Figma ” de Sasha Okuneva ajudou os caras da nossa equipe a conhecer o instrumento mais rapidamente .

Novos esquemas podem ser vistos em nosso site. Por exemplo, aqui estão os trens de Moscou para São Petersburgo - já implementamos novos esquemas para os sapsans e andorinhas. Ainda não alcançamos o assento reservado, cupê e SV, estamos trabalhando nisso.

Bem, é claro, os esquemas podem ser usados em qualquer lugar: se as transportadoras, a Russian Railways ou outra pessoa quiserem aplicá-las ou modificá-las para criar suas próprias com base nelas, somos a favor.