¿Paradigmas de interfaz de usuario que necesitan cambios?

Question

Muchas veces la convención es una de las consideraciones de diseño más importantes para la interfaz de usuario. Por lo general, el consejo es hacerlo como lo hace Microsoft.

Esto es por tres razones:

1. Si no está roto, no lo arregles.
2. Si sus usuarios esperan hacer clic en un ícono de disquete para guardar, no modifique el ícono (aunque algunos de ellos nunca hayan visto un disquete real).
3. Los usuarios no desean volver a aprender la interfaz (y las teclas de acceso rápido, etc.) con cada aplicación diferente que utilizan.

Al mismo tiempo Emmerson dijo "* Una tonta consistencia es el duende de las mentes pequeñas. *" Por eso, cuando no mantiene una interfaz de usuario consistente cruzar la línea de una buena idea a la innovación estancado?

Microsoft sacudió al buen viejo WIMP GUI con la introducción de la barra de herramientas, y luego de nuevo con el control de la cinta (que es la evolución natural de la barra de herramientas, nos guste o no). Ahora estamos viendo cintas en todas partes.

Así que mi pregunta es, ¿Cuáles son algunos paradigmas de interfaz de usuario que son aceptados y consistentes en múltiples aplicaciones, pero que han permanecido más allá de su mejor momento y están empezando a apestar? ¿Hay algunos cambios importantes que se beneficiarían de un impulso de base por parte de los desarrolladores para innovar y mejorar la experiencia de la interfaz de usuario para nuestros usuarios?

Un pensamiento que me vino a la mente es el diálogo emergente modal. Conoces a los que dicen: "¿Estás seguro de que quieres ...? [Sí] [No] [Cancelar] [Quizás]" y su gemelo malvado "¡Completaste con éxito lo que querías hacer! [OK]". Estamos viendo un movimiento lejos de estos con el "panel de información" en los navegadores. Creo que también necesitan ser adoptados en el desarrollo de aplicaciones de Windows.

Si es posible, enumere una solución para cada elemento de UI obsoleto.

Y, por favor, no liste clippy. Todos sabemos que fue una mala idea.

NOTA: Esto es específicamente paradigmas de interfaz de usuario del cliente de Windows, pero estoy ciertamente abierto a la inspiración de la web, el Mac, etc.

Answer 1

Ha mencionado los cuadros de diálogo modales emergentes, y yo diría que los no modales son igual de malos. Cualquier cuadro de diálogo elimina el foco del programa, podría terminar detrás del programa y hacer que sea difícil encontrarlo, es posible que ni siquiera aparezcan en la misma pantalla virtual.

Me gustaría ver un final a todos los cuadros de diálogo. Si necesita evitar que alguien use la IU debido a alguna circunstancia no normal, elimine las partes relevantes de la IU de la ventana y reemplácelas con el contenido del cuadro de diálogo. Devuelva la UI una vez que se haya resuelto el problema.

Answer 2

Ctrl-Tab y Ctrl-Shift-Tab ciclo de la izquierda y a través de pestañas en lugar de comportamiento MRU, aunque en la mayoría de los casos el mismo comportamiento se duplica con Ctrl-PageUp y Ctrl-PageDown.

Answer 3

Esta pregunta es demasiado abierta, en mi humilde opinión.

Sin embargo, mi enfoque principal en el diseño de cualquier cosa es:

1. encaja en dondequiera que esté. Si se trata de una aplicación de Windows, copio MS tanto como sea posible
2. Es simple.
3. Se proporciona opciones
4. botones tienen una buena descripción de lo que será el resultado de hacer clic, a diferencia de 'sí o 'no'

más difícil de responder el resto de su puesto de trabajo sin pasar horas escribiendo un conjunto de pautas argumentablemente inútiles (y repetidas).

Answer 4

El Apple Human Interface Guidelines es una buena lectura sobre este tema. Discuten esto desde un punto de vista muy amplio y las directrices se aplican a cualquier plataforma, no solo a Mac.

Answer 5

En mi opinión, lo único que destaca es que los USUARIOS necesitan más y más fácil control sobre la apariencia y organización de la interfaz de usuario de la aplicación.

Tantas interfaces no pueden ser modificadas por el usuario para que las funciones más utilizadas/favoritas puedan agruparse juntas. Esta capacidad haría que tu software favorito sea aún más fácil para que puedas hacer las cosas.

Answer 6

Los mensajes de error necesitan un mensaje de "¡hazlo!" botón.

En serio, realmente no me importa tu estúpido mensaje de error, ¡solo haz lo que te dije que hicieras!

Answer 7

El sistema de archivos. Quiero guardar un archivo ...> OOOP Primero necesito pensar en un nombre de archivo. Bueno ... qué tal ... blah.doc.

6 meses después ...

Cuando el% # * (% & * hicieron guardo que%() # *() * archivo ing?

La solución es construir un sistema de control de versiones en la aplicación, o mejor, el sistema operativo. Haga que los archivos sean buscables por su contenido, con un motor de búsqueda, en lugar de forzar al usuario a encontrar un nombre memorable, cuando lo único que desean es que su archivo no se pierda.

Elimina el paso de guardar. Escribe algo en la aplicación, y está allí, y no hay riesgo de perderlo por un error, como olvidar ahorrar. Si desea una versión anterior, puede elegir una fecha y ver cómo se veía el documento en ese momento.

Para construir sobre la idea del motor de búsqueda: Es un dolor tener que navegar en una estructura de árbol arbitraria para encontrar sus cosas. La búsqueda es mucho más fácil. Sin embargo, es posible que desee tener algo así como una "carpeta" para agrupar varios archivos. Bueno, puedes construir un sistema de metadatos más rico, y tener un campo de "categoría" o "proyecto", y configurar el motor de búsqueda para mostrar los elementos por proyecto o por categoría. O agrupe por esos, o cualquier descubrimiento nuevo de UI que hagamos a continuación.

Answer 8

Creo que todo el modelo de documento de la web debe cambiar. No es una interfaz de usuario, pero conduce a muchas, muchas interfaces de usuario malas.

El modelo de documento fue una buena idea para conectar un montón de documentos, pero ahora la web también es una colección de aplicaciones. Hoy, creo que el modelo de página/documento corrompe nuestro pensamiento. Terminamos agrupando cosas que no están relacionadas, modularizando nuestro código incorrectamente y, al final, confundiendo a los usuarios con nuestros sitios web tipo panel de control monolítico.

Answer 9

Al hacer clic en las cosas en las interfaces táctiles

Es increíblemente difícil de hacer clic en las de una interfaz táctil, ya que no se sabe cuándo se ha pulsado la pantalla lo suficientemente duro.Y si agrega una animación al botón que está haciendo clic, lo más probable es que no lo vea, porque su dedo está en el camino. Agregar otras reacciones, como vibrar el teléfono o pintar ondas en la pantalla podría funcionar, pero generalmente hay un retraso que es demasiado grande, mucho más grande que la sensación táctil de un botón que se presiona. Entonces, hasta que inventen una pantalla con botones que puedan presionarse, todos los dispositivos táctiles deberían moverse hacia las interfaces de usuario (DUI).

Contador Intuitivamente es más fácil presionar un objeto en la pantalla, arrastrarlo y luego soltarlo de lo que es simplemente presionar y soltarlo. Probablemente se deba a que puede ver el objeto en movimiento cuando comienza a arrastrar, y puede ajustar la presión mientras lo arrastra. Arrastrar también tiene muchas más opciones, porque ahora tiene una dirección, no solo un punto en el que hizo clic. Puedes hacer cosas diferentes si el usuario arrastra el objeto en diferentes direcciones. También se puede usar la velocidad, así como el punto donde el usuario libera el objeto. El punto de lanzamiento es la verdadera fuerza de los DUI, porque es muy fácil lanzar algo, incluso con la precesión de píxeles.

Algunos diseños han empezado a usar DUI, como (aquí vamos) iPhone, Palm pre y teléfonos Android. Pero solo parte de su diseño es DUI, el resto está haciendo clic. Un área que todos tienen en común es el teclado. En lugar de hacer clic en una tecla, el usuario presiona cualquier tecla, luego arrastra el dedo hacia la tecla en la que realmente desea hacer clic. Desbloquear estos teléfonos también usa arrastrar.

Otras funciones de DUI implementadas fácilmente serían cosas como los gestos del mouse, donde arrastrar en diferentes direcciones o dibujar diferentes formas hace cosas diferentes. También se están investigando teclados alternativos que ponen un mayor énfasis en el arrastre. Todos los botones se pueden cambiar a interruptores, por lo que hay que arrastrarlos un poco hacia abajo para hacer clic en ellos. Con gráficos bien diseñados, esto también debe ser intuitivo para el usuario.

Answer 10

Hay mucho, pero aquí está una idea para un par de ellos:

1. Quite algunos clics como en "añadir otro" o "elemento de búsqueda" y similares.

   Esto está muy bien, con interfaces como AJAX que tienen completa automáticamente (y búsqueda automática) pero poco a poco se está adoptando para la plataforma de interfaz de usuario (y en algunos casos se originaron en la plataforma de interfaz de usuario.)

   Esta es la forma en StackOverflow hace para algunos escenarios

alt text http://img11.imageshack.us/img11/7062/imagen9n.png

_{Pero, por supuesto, todos sabemos que ya no es así? No hay necesidad de "etiqueta de pesquisa" o los botones "Agregar otra etiqueta", que acaba de pasar}

2. Diálogos como usted describió.

Chicos en propuesto humanizado Transparent messages que en realidad se utilizan en su producto Enso y en otros lugares.

alt text http://img188.imageshack.us/img188/5761/imagen14x.png

Mac los utiliza para las notificaciones (como en Growl) los utilizan muy bien, o un sistema de notificación de nuevo Ubuntu.

alt text http://blogs.sun.com/plamere/resource/NowPlayingGrowl.png

Firefox reemplaza el cuadro de diálogo tradicional "Buscar" con una barra de búsqueda en la parte inferior.

alt text http://www.davidherrold.com/wordpress/wp-content/uploads/2008/06/firefox3_find_in_page.jpg

_{Aunque no everyone likes la colocación para el próximo/anterior como en la captura de pantalla y}

y aún así (de nuevo) :) sustituye a la notificación con la barra amarilla.

alt text http://img20.imageshack.us/img20/4904/imagen17r.png

Por último:

Administradores de archivos

me gusta mucho (a veces) la simplicidad de los administradores de archivos regulares, pero algunas veces me gustaría trabajar más rápido/mejor con ellos.

Si se compara con IE 4 IE 8 se puede decir que el avance (incluso mejor comparar IE 4 con Google Chrome)

Pero si se compara con el Explorador de Windows 95 Win XP que es casi lo mismo !! (Win Vista/7 es un paso adelante)

Pero me pregunto: Why haven't file managers improved as much as webbrowsers?

Esa es una de las razones que me gusta cosas como el mercurio, pero es sólo un paso. se necesita mucho trabajo para crear algo así como un "Perfect program launcher" o (Gestión de archivos/DesktopSearcher etc como desee)

alt text http://img299.imageshack.us/img299/6969/imagen16.png

_{QuickSilver con "pasar a la" acción}

Answer 11

Encuentra los cuadros de diálogo que se sientan sobre el El widget en el que estás haciendo la búsqueda es terrible. Un montón de aplicaciones hacen eso. La barra de búsqueda en Firefox funciona mucho mejor.

Answer 12

Muchas aplicaciones tienen varios paneles dentro de la interfaz de usuario, por ejemplo, en Outlook se encuentra el panel de vista previa y el panel de la bandeja de entrada (entre otros). En estas aplicaciones, normalmente las pulsaciones de teclas del cursor se aplican al panel actualmente enfocado. Pero hay muy pocas pistas para mostrar al usuario qué panel tiene foco y rara vez hay atajos de teclado para mover el foco entre los paneles.

El panel enfocado se debe resaltar de alguna manera.

Algo así como las teclas Alt + cursor deberían mover el foco.