it-swarm-pt.tech

Sou eu ou todas as interfaces de usuário do site são semelhantes?

Por que todos os sites têm uma barra de navegação na lateral ou na parte superior? Ainda estou vendo uma interface de site realmente inovadora? porque? Existem certas regras que a maioria dos sites segue no layout da página? Quais são essas regras?

8
Moshe

Não existem "regras", apenas "diretrizes".

Com isso, quero dizer que, em teoria, não há nada que o impeça de projetar qualquer interface que você queira, no entanto, existem vários fatores que podem impedir que você atinja seu objetivo.

  1. Navegadores funcionam de uma certa maneira. O HTML pode apenas sugerir um layout para a página; portanto, embora você tenha um ótimo design que funcione no papel, ele poderá falhar em alguns navegadores com algumas resoluções de tela.

  2. Os usuários esperam que certos elementos estejam em determinados locais. Isso nem sempre é uma expectativa consciente, mas criada a partir da exposição a outros aplicativos, etc. Se o seu design for muito diferente, eles podem não "entender" e achar seu aplicativo difícil, se não impossível, de usar.

12
ChrisF

Existem muitas diretrizes comuns para o design de sites da Web, que muitas vezes são seguidas. O Guia de Estilo da Web abrange muitos deles. Outro recurso usado às vezes para criar sites utilizáveis ​​com essas diretrizes é o Kit de usabilidade do Sitepoint.

A familiaridade é um aspecto bem conhecido da usabilidade, como você notou. A maioria das pessoas está familiarizada com a navegação no lado superior ou esquerdo. Além disso, embora neste estudo seja um pouco antigo neste momento, mostra através de uma pesquisa visual que as pessoas veem sites em um padrão "F".

3
ericawebdev

Você pode usar qualquer layout de navegação que desejar em um site pessoal, mas se estiver trabalhando com um site de consumidor, educação, federal ou médico, precisará atender aos requisitos de acessibilidade por lei ou poderá ser multado. Mesmo com esses requisitos, ainda há um pouco de espaço de manobra criativa para sair da caixa em algum nível.

O verdadeiro desafio é que os humanos são formadores de hábito e se sentem confortáveis ​​com o que sabem e você deseja evitar que eles pensem. Um bom exemplo é o que a Microsoft fez ao adicionar a barra de navegação ao Office 2007. Eu pensei que a mudança era muito mais eficiente, mas 90% das pessoas em meu prédio ficaram com a versão mais antiga porque estavam "muito ocupadas para aprender a nova navegação" "com o resultado final sendo uma venda perdida. Mesmo Apple segue essa regra, por mais inovadora que seja).

2
user2453

A regra é: Não mexa com as expectativas dos usuários .

É comprovado que alguns designs são eficazes ao longo do tempo e, quando é eficaz e se torna um padrão, é melhor estar em conformidade com o design padrão para fornecer uma melhor experiência ao usuário, em vez de criar um novo que exija que os usuários aprendam (a menos que o novo pode ser mais eficaz).

Existe uma "regra" no design chamada Proporção áurea . Você sempre pode ver isso por aí. Por exemplo, alguns sites têm suas barras laterais com cerca de 1/3 da largura da página com base nisso.

Além disso, alguns sites usam estruturas de layout da Web, como 960.gs , Blueprint CSS e YUI Grid . Os desenvolvedores seguiriam apenas os tutoriais/modelos fornecidos e, assim, os sites pareceriam semelhantes.

Obviamente, você pode criar sua própria interface de usuário inovadora. Eu já vi algumas por aí, como uma barra de navegação sempre visível na parte inferior ou à direita da página. Apenas verifique se a interface que você cria é utilizável e não causa frustração aos usuários.

2
Gan

Considere o texto. Lê da esquerda para a direita, de cima para baixo. Os ratos com roda de rolagem reforçam essa noção, rolam para cima e para baixo. Por esse motivo, sites com alto teor de texto (como este) são dispostos no canto superior esquerdo.

Existem exceções famosas. A página inicial do Google, por exemplo. Pode, porque é uma página leve.

1
MSalters

Acho que o que você vê são designs de alto perfil, atraem usuários para o site e geralmente conseguem duplicar em formato, estrutura e mídia.

Basicamente, assim como existem padrões em programação, existem padrões em web design. Faz sentido que veríamos tantas características semelhantes.

1
IAbstract