Boas alternativas visuais de representação dos sinais Push and Pull nas portas?


42

Usando "Push" e "Pull" deve ser bastante simples, você lê a palavra e segue as instruções. Mas dia após dia, vejo pessoas no meu escritório chegando à porta e empurrando quando devem puxar ou vice-versa.

Qual seria uma boa maneira alternativa de representar Push / Pull, usando recursos visuais? Isso provavelmente não significa que as pessoas repentinamente terão uma epifania e entenderão instantaneamente as instruções. Eu imagino que deve haver um gráfico que o cérebro entenda mais rápido que o sinal com as palavras ...


14
Coloque a instrução oposta lá. Agora, as pessoas que sempre fazem a coisa errada agora farão a coisa certa. Então as pessoas que realmente lerem as instruções serão enganadas, agradando o seu anarquista interior.
David Moore

4
Isso é algo que eu acho que foi discutido no velho clássico The Design Of Everyday Things - se bem me lembro bem, a chave é que, se for pressionado, deve parecer que ele convida a ser pressionado, e vica versa - vantagens, Não é simbolismo
user56reinstatemonica8

4
A solução simples é ter portas que se abrem nas duas direções, principalmente nos corredores.
Brendon

3
Sei que está fora de tópico, mas geralmente existem códigos de construção que especificam a maneira como as portas de entrada de edifícios comerciais se abrem: nos EUA, elas devem se abrir para fora. As portas que se abrem para dentro são uma armadilha mortal em caso de incêndio ou outra emergência: a pressão da multidão atrás torna impossível a abertura das portas.
horatio 10/07/2013

2
Cubra o lado "puxar" da porta com pinos. Ninguém irá pressioná-lo duas vezes. Nenhuma maçaneta no lado "empurrar" da porta é a única opção para empurrar.
aslum 10/07/2013

Respostas:


42

Penso que este é um problema de design físico / design de interação, não um problema de design gráfico.

Se uma porta tem uma maçaneta, acho que muitas pessoas naturalmente tentam puxar a maçaneta.

Portanto, o lado do impulso não deve ter uma alça e o lado da tração deve ter uma.

O lado de empurrar pode ter um gráfico com impressão na palma da mão, se necessário, para mostrar onde empurrar.


5
Devo discordar da primeira frase. É um problema de design, mas a solução pode ser uma interação física ou design gráfico. O OP solicitou uma solução de design gráfico, cujos benefícios são que é mais barato e fácil de atualizar. A questão não é como você projetaria uma porta do zero, mas que indicações você colocaria em uma porta preexistente.
Travisartley

2
Esta é a resposta do mundo real, independentemente da intenção original da pergunta. Muitas dessas portas são de vidro e qualquer tipo de gráfico será legível de ambos os lados. Tente colocar "PUSH" em letras na porta e você verá muitas pessoas lendo a palavra invertida e AINDA seguindo essa direção. Estive com pessoas que brincam em voz alta sobre sua própria idiotice percebida fazendo exatamente isso.
horatio 10/07/2013

2
O problema é que não importa quais sinais você coloca em uma porta, porque todo mundo sabe como uma porta deve funcionar e fará o que parecer que deveria estar fazendo. Portanto, a longo prazo, provavelmente ainda é muito mais eficaz encaixar o tipo certo de maçaneta nas portas existentes.
Calum_b

28

Puramente fora do topo da minha cabeça .......

Ícones de porta simples?

portas

Ou talvez portas com flechas?

portas de seta

Setas; flechas


10
O terceiro par parece legal, mas é muito menos claro. (Um conjunto para o meio, entre.)
luser droog

6
Eu realmente me pergunto se esses itens subconscientemente levarão os usuários a fazer "a coisa certa". Polegares para cima para 1 e 2. Deve ter sido pesquisado antes ...
Careta of Despair

2
Se as pessoas não leem uma palavra para descobrir se devem empurrar ou puxar, por que prestariam atenção a uma figura?
Anthony

1
@ Anthony People ignora a palavra "push" porque a porta tem uma maçaneta e parece que ela deve ser puxada. Não há razão para procurar uma palavra quando já parece claro o que você deve fazer. Mas esses ícones imediatamente colocam uma imagem na sua cabeça do que fazer, mesmo que você apenas olhe para eles. "Push" e "Pull" não fazem isso porque parecem muito semelhantes para gerar automaticamente reações diferentes. Você precisa realmente ler e entendê-los.
22813 Jeff Burka

O número 2 parece uma ilusão de ótica para mim, seja uma ilusão de estilo de objeto impossível ou Blivet, onde ela muda de significado, oscila entre fora e dentro. Por que não usar apenas uma seta para avançar e uma seta apontada de onde o usuário veio? puxar?
AthomSfere

26

Com base na ideia de impressão de palma de David Moore ... Os melhores gráficos não exigem muita análise. Os ícones que representam a maneira como a porta se move exigem uma tradução da ação necessária para alcançar esse efeito. Então, vamos mostrar exatamente o que queremos que eles façam.

Empurrar: Uma mão aberta.

Em tamanho real, provavelmente um pouco maior, colocado na porta no local em que você espera que eles coloquem as mãos. Pense nos gráficos do scanner "coloque a palma da mão aqui".

Puxe: uma mão em uma alça.

Um gráfico altamente visível atrás ou ao lado da maçaneta real da porta que demonstra a posição da mão necessária para usar a maçaneta. Mais uma vez, maior que a vida. (Estou pensando no jogo de computador dos anos 90 Riven e em seus gráficos de cursor de interação baseados em mão .)

Torne-os grandes e óbvios.

Telegue a ação necessária bem antes de a pessoa chegar à porta. Cores contrastantes, linhas grossas, maiores que a vida.


4
Em vez de mãos humanas, use patas de gato e você tem o meu voto! Brincadeirinha (mais ou menos), você tem meu voto.
David Moore

14

Com base em praticamente todas as atividades e sugestões sobre esta questão, e particularmente nos exemplos de Takkats , acho que a mensagem perfeita consiste em três partes, na ordem em que elas seriam notadas:

  1. Cores - Impacto mais rápido. Vermelho para Stop . Para abrir uma porta, precisamos parar e mudar. Verde para Go . Para abrir uma porta, seguimos em frente.
  2. Grande Indicador Gráfico de Direção - Eu acho que as flechas de Scotts são boas, pois têm perspectiva; portanto, não apontam para cima e para baixo, apontam para você e para longe de você.
  3. Instrução Textual - O envio e o envio originais tornarão a mensagem clara.

Aqui está um exemplo básico:

Empurre e puxe sinais

Obviamente, as outras considerações são tamanho e posicionamento. Eu experimentava impressões básicas de bricolage em alguns tamanhos e definitivamente as colocava entre os ombros e os olhos .


2
Embora tenha havido respostas com mais votos, acho que essa é a que aborda melhor a questão da representação gráfica . Os desenhos são claros, estão apontando na melhor direção do ponto de vista da pessoa e têm o apoio da cor.
Yisela

O verde mais escuro seria mais fácil de ler :) O vermelho também pode ser um pouco mais escuro.
Naft101 24/04

12

Eu acho que adicionar pessoas à imagem ajuda muito:

insira a descrição da imagem aqui

Fonte: pushpullsigns.com


5
Com a porta dobrada, parece representar falha na realização da ação. :)
luser Droog

3
Sim, minha primeira reação ao ícone da esquerda é "olhar para aquele idiota tentando empurrar uma porta para o lado errado"
Random832

9

Isso é algo que eu nunca acerto quando viajo para o exterior. PUSH ou PULL simplesmente parece muito semelhante para obter o significado à primeira vista. Depois que preciso traduzi-lo mentalmente, só tenho 50% de chance de acertar quando cheguei à porta.

Deixe-me fazer um experimento com um exemplo igualmente difícil de placas de porta amplamente usadas da Alemanha (deliberadamente não exibidas na linha para obter um efeito melhor):

clique para mostrar um sinal ruim de PUSH / PULL em alemão
Fonte da imagem: Amazon.de

Você também não conseguirá isso a tempo, a menos que saiba para que servem as cores.

Mas há uma alternativa melhor:

clique para mostrar um sinal alemão PUSH / PULL melhor
Fonte da imagem: Amazon.de

Caso você tenha descoberto agora o que "drücken" vs. "ziehen" significa, também verá que as flechas usadas aqui tiveram um bom desempenho.

As cores ajudam um pouco quando a porta com um sinal verde é aberta na direção em que você passa, enquanto a cor vermelha indica que você precisará parar primeiro e fazer um movimento na outra direção para abrir a porta. Mas isso pode não ser realmente intuitivo o suficiente.

As placas que menos falho são as de flechas, mais do que palavras ou cores. Então, eu voto em um design de seta.


7

Os ícones devem ser colocados ao nível dos olhos, não ao nível das mãos. Geralmente, esse é um problema com as portas de vidro, pois as pessoas olham através da porta de vidro quando se aproximam, e não na maçaneta.

Este também é um problema com portas de banheiro com indicadores de ocupado / livre. Eles também devem estar no nível dos olhos, e não abaixo da alça, e devem ser grandes o suficiente para serem visíveis a alguns metros de distância.


6

Com base no pressuposto de que a maioria das pessoas reconheceria essa seta como apontando para a frente:

insira a descrição da imagem aqui

Você poderia fazer algo bastante pictórico, como este:

insira a descrição da imagem aqui

Embora eu não o tenha testado na vida real, perguntei a alguém sentado ao meu lado o que eles queriam dizer e disseram: "um significa empurrar e o outro significa puxar", sem qualquer aviso, então é um bom começo :)

Combinado com o esquema de cores vermelho / verde em outras respostas, parece que pode funcionar bem.


4

Este é um dos meus ódios de estimação.

Sim, você está certo em que as pessoas devem "pegá-lo" antes de chegarem à porta, de preferência as pistas seriam tão claras que nem notamos que notamos. As portas deveriam funcionar . Precisamos descobrir o que fazer e onde fazê-lo: a porta deve dar pistas. Feedback antes da ação, por assim dizer.

O problema, é claro, é que as portas já foram projetadas quebradas. Esta é, no fundo, uma questão de um problema de design de interação que tentamos corrigir posteriormente pelo design gráfico . Nunca é uma boa solução, mas infelizmente extremamente comum. O mundo está cheio de exemplos como este; é necessário algum tipo de operação, ação e ação humana, e os botões, telas, feedback ou falta dela nos deixam presos nas situações mais mundanas e estúpidas.

As portas vêm em várias configurações diferentes; existem portas que se movem para os dois lados, portas deslizantes automáticas, portas de vidro onde não há pistas sobre onde estão as dobradiças, portas giratórias, puxadores para torcer, puxadores para empurrar para baixo e puxar ou empurrar a porta, barras na porta para empurrar ou puxar (isso geralmente não dá idéia de qual lado as portas se abrem). E o mais desconcertante: portas que entram ou saem automaticamente. Se você for um pouco rápido, corre o risco de bater na porta.

Geralmente, as portas saem de uma sala ou prédio para não prender as pessoas no fogo. Mas nem sempre é esse o caso.

  • Se possível, remova a alça do lado onde a pressão deve ocorrer.
  • Vermelho como uma cor me parece uma péssima idéia: vermelho = parar, sem acesso. Não sou contra palavras ou setas como tal, mas o código de cores vermelho-verde não é uma boa ideia.
  • Pessoalmente, acho que as imagens do que não existe costuma fazer o truque. Você pode simplesmente desenhar uma palma ou uma pata na lateral, mesmo que ela tenha uma alça.
  • Você também pode ir além, e isso seria um experimento interessante: um gráfico bem grande, talvez bem-humorado, de alguém segurando uma porta aberta. A maneira apropriada para esse lado da porta. Você daria uma pista e ao mesmo tempo indicaria galanteria: D

insira a descrição da imagem aqui

Penso que esta é a melhor solução:

insira a descrição da imagem aqui

Na minha biblioteca local, eles têm duas portas deslizantes duplas. Sendo extremamente amigas das crianças, as portas externas são decoradas com desenhos infantis de animais com grandes olhos arregalados. Curiosamente: esses olhos apontam para a esquerda, direita e centro. As pessoas têm problemas com o local onde as portas se abrem, e acho que se todos os olhos arregalados apontassem para o centro do deslizamento, o problema seria resolvido. De maneira brilhante, no momento eles têm problemas com a mecânica da porta externa e há um aviso "se a porta estiver lenta / presa, ajude puxando". Não há nada para puxar com . Então você deixa as pessoas presas, tentando desesperadamente puxar com as palmas das mãos pegajosas. Arquitetos FTW.

Há uma história clássica de Donald Norman, onde um amigo ficou preso entre portas de vidro duplo, pois não havia uma maneira intuitiva, lógica ou informativa de sair. Ele expande isso bastante no livro O design das coisas cotidianas

Aqui está a história básica:

Meu amigo empurrou para o lado de uma das portas externas mais à esquerda. Ele girou para dentro e ele entrou no prédio.

Então, antes que ele pudesse chegar à próxima fila de portas, ele se distraiu e se virou por um instante. Ele não percebeu na época, mas havia se movido um pouco para a direita. Então, quando ele chegou na porta ao lado e empurrou, nada aconteceu. “Hmm”, ele pensou, “deve estar trancado.” Então ele empurrou a lateral da porta adjacente. Nada. Intrigado, meu amigo decidiu sair novamente. Ele se virou e empurrou contra o lado de uma porta. Nada. Ele empurrou a porta adjacente. Nada. A porta em que ele acabara de entrar não funcionava mais.

Ele se virou mais uma vez e tentou as portas internas novamente. Nada. Preocupação, então leve pânico. Ele estava preso! Nesse momento, um grupo de pessoas do outro lado da entrada (à direita do meu amigo) passou facilmente pelos dois conjuntos de portas. Meu amigo correu para seguir seu caminho.


3

Podemos resolver esse problema com hardware.

O lado de pressão da porta não deve ter maçaneta ou botão que possa ser agarrado ou puxado, de modo que apenas possa ser empurrado.

O lado de puxar da porta pode ter uma maçaneta de porta nova que acabei de inventar para o efeito: uma bola que pendura em um pequeno pedaço de cabo, que é rígido o suficiente para manter a bola uma polegada longe da superfície da porta para que possa ser facilmente compreendido.


3

Tendo uma formação matemática, eu usaria esses dois símbolos, embora não tenha certeza de que eles seriam facilmente reconhecidos pelo público em geral:

insira a descrição da imagem aqui

Eles representam as duas direções ortogonais ao pedaço de papel. Eles representam uma flecha vista de trás e de frente.


3
Bem-vindo ao GD.SE! Votei positivamente em uma solução limpa e uma resposta inteligente ... mas não tenho formação matemática e não a vi. Eu imagino que ver um 'X' também jogaria fora as pessoas. Talvez você poderia usar isso como um 'vestibular' para uma escola da matemática :)
Brendan

4
Esse é um pequeno fato interessante, e eu realmente espero que isso seja uma pergunta durante a noite de trivia; mas isso é tão ridiculamente obscuro que é mais ou menos inútil para uma representação abstrata no design gráfico.
Eric

3
  • Na minha universidade, as portas que devem ser empurradas têm um ponto branco na área da maçaneta. Aqueles sem o ponto devem ser puxados. O ponto está acima da alça e tem um diâmetro de aproximadamente 7 cm (~ 3 ").
  • As curvas nas ruas têm colchetes angulares direito / esquerdo para indicar a direção ( << / >> ). Pode-se usar colchetes para cima e para baixo para indicar frente / trás . Seria intuitivo e decente - dependendo de onde você o aplicasse.
  • Colorir portas para indicar empurrar / puxar tem algumas desvantagens, já que algumas pessoas são daltônicas ou as cores usadas não se encaixam com as outras cores usadas naquele ambiente específico. Uma abordagem seria usar contrastes , ou seja, cores escuras para empurrar, cores claras para puxar. Escuro e claro estão relacionados a outras cores / atmosfera de cores no ambiente da porta. Em um ambiente "azul", as cores seriam azul claro e azul escuro. Até pessoas daltônicas podiam ver a diferença em contraste à distância (eu acho).

E outro - meio utópico - ponto sem representação visual

  • Estabelecendo algum tipo de contrato social. Por exemplo. Para portas compostas por duas portas separadas: As portas direitas devem sempre ser empurradas, as esquerdas devem ser puxadas . Mas esse processo levaria tempo

2

Acho que descrever a ação real ajuda as pessoas a se relacionarem. Pode-se descrever um retângulo horizontal como o objeto (por exemplo, uma alça) ao qual a ação está sendo aplicada e uma seta na direção da força / movimento.

Abaixo, a seta branca é colocada no retângulo para sugerir ao espectador que força / movimento precisa ser aplicado ao objeto.

A seta cinza mais escura é representada como em paralelo (por exemplo, como se estivesse presa) com o retângulo para indicar que a força precisa ser aplicada ao objeto. Uma maneira alternativa de descrever isso pode ser colocar a seta cinza escura em volta do retângulo, indicando a necessidade de entender algo e aplicar força / movimento nessa direção.

Puxar ou Empurrar?


1
  1. Setas curvas poderiam funcionar.
  2. Imagem de uma pessoa empurrando / puxando como vista de um lado
  3. Foto de uma pessoa que abre a porta

1

Os puxadores horizontais e puxadores verticais nas portas tornam os sinais desnecessários.

Não adicione um sinal. Tranque a porta!


0

Para mim, a mão plana v punho agarrado.

Ou melhor ainda, verifique o restaurante de um MC D e faça o oposto.


-1

projetá-lo de tal maneira no lado Push, a porta deve abrir quando você a puxar e deixar a maçaneta e vice-versa ...

se isso não for possível, a idéia de David Moore parece ser boa


-2

Como uma pessoa que SEMPRE parece empurrar quando devo puxar, ou puxar quando devo empurrar, deixe-me dizer que o único prédio que não tive esse problema foi na 111 8th Street, em Nova York, onde a porta errada tinha um sinal vermelho e a porta direita tinha uma placa verde. Não importava muito o que o sinal realmente dizia: vermelho significa "errado". Minha resposta visual é a cor primeiro, escrevendo o segundo.


1
Como mencionado nos comentários acima, algumas pessoas são daltônicas em vermelho / verde. Esta sugestão não os ajudará.
Lauren-Reinstate-Monica-Ipsum
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.