it-swarm-pt.tech

Quais são as interfaces / componentes mais comuns? Quais são os seus pontos fortes / fracos? Como melhorar?

Hum, eu estou me acabando desejando que tivéssemos o communitywiki

Depois de ver esta pergunta: Qual é a interface de usuário mais comum do mundo? Eu pensei que seria educativo não limitar a discussão, tentando destacar o most comum, mas, em vez disso, discuta as muitas interfaces comuns com as quais (leia-se: humanidade) interagimos diariamente e como elas podem ser melhoradas.

Então, quais são as UIs/componentes de UI mais comuns? Quais são os seus pontos fortes e fracos? Como eles podem ser melhorados?

Por exemplo:


Caixas de combinação

As caixas de combinação são abundantes na web e no software de desktop.

Prós: É bom para permitir que um usuário tenha uma lista de opções enquanto requer espaço mínimo quando não estiver em uso.

Problema : torna-se difícil e difícil para um usuário se a lista de opções for muito longa.

Solução potencial : caixas de combinação de preenchimento automático, usando a correspondência de texto na entrada digitada pelo usuário para restringir a lista de opções possíveis e facilitar a seleção.


Obviamente não inventei a caixa de combinação Autocomplete; note que as respostas não precisam ser melhorias que você inventou.

3
instanceofTom

Tabelas

A resposta é dada do ponto de vista do aplicativo de desktop, mas também pode ser bom para aplicativos da web.

Prós: Pode conter grande quantidade de dados em uma área relativamente pequena.

Contras: A pesquisa pode se tornar impossível se o número de entradas for grande. Sem renderização atraente (ícones, cores), o aplicativo pode parecer chato. Algumas das informações podem ser redundantes para alguns usuários. A prioridade dos dados é achatada.

Como melhorar: Forneça métodos de organização de dados - filtros de classificação (obrigatório!), Reordenação de colunas, em tempo real (ou seja, durante a digitação). Use ícones em vez de/junto com o texto, sempre que possível, use cores. Forneça a opção de seletor de coluna. Mostrar apenas colunas básicas por padrão e mostrar os dados completos em um local próximo, mas separado, somente quando uma entrada é clicada.

1
Assimiz

Não reinvente a roda, leia aqui: http://www.welie.com/patterns/index.php

1
Özgür

Costumo me referir a Yahoo! Design Pattern Library para obter padrões de interface do usuário. O que eu gosto é que eles respondam a essas questões relevantes para cada padrão.

  • Que problema isso resolve?
  • Quando usar este padrão
  • Qual é a solução?
  • Por que usar esse padrão?
  • Casos especiais
  • Acessibilidade

e acho que essas perguntas precisam passar pela cabeça de todo designer de interface do usuário toda vez que ele escolhe um componente da interface do usuário.

1
Sebastien Rothlisberger

Acho que a página de amostras do Sencha ExtJS é a melhor compilação desses tipos de componentes.

Em termos de como melhorá-los, é provavelmente uma pergunta muito grande para um único post. Esse é um livro que você está pedindo. Talvez faça a pergunta mais especificamente sobre um único componente?

1
Glen Lipka

Barras de rolagem

Prós:
  • Permitir navegação direta para qualquer ponto de um documento/página
  • Permitir movimento refinado
  • Permite rolar rapidamente um documento/página
  • Indique o comprimento de um documento/página
  • O posicionamento comum no Edge ajuda na usabilidade de acordo com lei de Fitt
Contras:
  • Não funciona tão bem para documentos muito grandes
  • Menos útil desde o advento da roda de rolagem
  • Implementações diferentes podem causar confusão
Como melhorar
Considero a barra de rolagem um dos elementos de interface do usuário mais utilizáveis: muitas funcionalidades, mas geralmente bem compreendidas. Problemas ocorrem se barras de rolagem forem implementadas de maneira inconsistente (por exemplo, em alguns aplicativos flash). Talvez um elemento visual possa melhorar as barras de rolagem, por exemplo uma combinação de miniaturas do Acrobat com a barra de rolagem.
0
Bobby Jack