it-swarm-es.com

¿Cuáles son las IU / componentes más comunes? ¿Cuáles son sus fortalezas / debilidades? ¿Cómo mejorar?

Hm, me estoy encontrando deseando tener communitywiki

Después de ver esta pregunta: ¿Cuál es la interfaz de usuario más común en el mundo? Pensé que sería educativo no limitar la discusión al tratar de seleccionar la más común, pero en lugar de eso, discuta las muchas interfaces comunes con las que (leemos: humanidad) interactuamos diariamente y cómo se pueden mejorar.

Entonces, ¿cuáles son las IU/componentes de IU más comunes? Cuales son sus fortalezas y debilidades? ¿Cómo se pueden mejorar?

Por ejemplo:


Cuadros combinados

Los cuadros combinados son abundantes en toda la web y en el software de escritorio.

Pros: Bueno para permitir que un usuario tenga una lista de opciones mientras requiere un espacio mínimo cuando no está en uso.

Problema : se vuelve difícil de manejar para un usuario si la lista de opciones es demasiado larga.

Posible solución : Autocompletar cuadros combinados, utilizando la coincidencia de texto en la entrada escrita por el usuario para reducir la lista de posibles opciones y permitir una selección más fácil.


Obviamente no inventé el cuadro combinado Autocompletar; tenga en cuenta que las respuestas no tienen que ser mejoras que usted inventó.

3
instanceofTom

Mesas

La respuesta se da desde el punto de vista de la aplicación de escritorio, pero puede ser buena también para aplicaciones web.

Pros: Puede contener gran cantidad de datos en un área relativamente pequeña.

Contras: La búsqueda podría volverse imposible si el número de entradas es grande. Sin una representación atractiva (iconos, colores), la aplicación podría parecer aburrida. Parte de la información puede ser redundante para algunos de los usuarios. La prioridad de datos es plana.

Cómo mejorar: Proporcione métodos de organización de datos: clasificación (¡debe!), Reordenamiento de columnas, filtros sobre la marcha (es decir, mientras escribe). Use iconos en lugar de/junto con el texto cuando sea posible, use colores. Proporcionar la opción de selector de columna. Mostrar solo las columnas básicas de forma predeterminada y mostrar los datos completos en un lugar cerrado pero separado solo cuando se hace clic en una entrada.

1
Assimiz

No reinvente la rueda, lea aquí en su lugar: http://www.welie.com/patterns/index.php

1
Özgür

A menudo me refiero a Yahoo! Design Pattern Library para los patrones de interfaz de usuario. Lo que me gusta es que responden estas preguntas relevantes para cada patrón.

  • ¿Qué problema resuelve esto?
  • Cuándo usar este patrón
  • ¿Cual es la solución?
  • ¿Por qué usar este patrón?
  • Casos especiales
  • Accesibilidad

y creo que estas preguntas tienen que pasar por la mente de cada diseñador de UI cada vez que eligen un componente de UI.

Encuentro que página de muestras Sencha ExtJS es la mejor compilación de este tipo de componentes.

En términos de cómo mejorarlos, probablemente sea una pregunta demasiado grande para una sola publicación. Ese es un libro que estás pidiendo. ¿Quizás hacer la pregunta más específicamente sobre un solo componente?

1
Glen Lipka

Barras de desplazamiento

Pros:
  • Permitir navegación directa a cualquier punto en un documento/página
  • Permitir movimiento de grano fino
  • Permitir desplazamiento rápido a través de un documento/página
  • Indicar la longitud de un documento/página
  • La ubicación común frente al borde ayuda a la usabilidad de acuerdo con ley de Fitt
Contras:
  • No funciona tan bien para documentos muy grandes
  • Menos útil desde el advenimiento de la rueda de desplazamiento
  • Las diferentes implementaciones pueden causar confusión
Cómo mejorar
Considero que la barra de desplazamiento es uno de los elementos de interfaz de usuario más utilizables: mucha funcionalidad, pero en general bien entendida. Sin embargo, se producen problemas si las barras de desplazamiento se implementan de manera inconsistente (por ejemplo, en algunas aplicaciones flash). Tal vez un elemento visual puede mejorar las barras de desplazamiento, p. Una combinación de miniaturas de Acrobat con la barra de desplazamiento.
0
Bobby Jack