¿Cuál es la función de interfaz de usuario más inteligente que ha visto en un sitio web? [cerrado]

He visto algo completamente en contra de todos los estándares y también es más un experimento, pero definitivamente tiene su factor sorpresa. Se llama No haga clic en él y se trata de usar una interfaz de usuario sin hacer clic. Pruébelo usted mismo, se sorprenderá de la frecuencia con la que está tentado a hacer clic (al menos esa fue mi experiencia)

Hizo la experiencia del usuario más intuitiva

Soporte para el botón atrás y la navegación por pestañas, que GMail es un excelente ejemplo.

He utilizado demasiados ( los sistemas de reserva de tiempo basados en Oracle parecen ser los peores para esto ) que simplemente lo arruinan si usa 'back' para volver a la página en la que estaba antes de hacer clic en un enlace.

En un sitio, nationalrail.co.uk, es casi imposible obtener horarios de tren para dos consultas diferentes abiertas en pestañas diferentes, ya que almacena la consulta por usuario. (por lo tanto, si abre una pestaña, realiza una consulta de viaje, abre otra pestaña, realiza otra consulta y luego solicita trenes posteriores en la primera pestaña, obtiene los detalles para el segundo viaje ). A veces tengo que abrir chrome y Firefox o usar más de una computadora para planificar mi viaje.

Google Maps es, con mucho, la interfaz de usuario no flash más inteligente/avanzada de Internet.

Sugerencias desplegables para un cuadro de búsqueda, como ebay, amazon, etc. todos utilizan en sus sitios para que sea más fácil para los usuarios encontrar palabras clave de búsqueda. Google también tiene esto, pero la función es posiblemente aún más útil en una búsqueda específica del sitio, ya que no obtienes palabras clave aleatorias que no se aplican a ese sitio.

Estuve involucrado en la obtención de la función de sugerencias de búsqueda en MSDN Search hace varios años, y las métricas de uso desde entonces han sido fenomenales: hasta un 20% de Las búsquedas en inglés utilizan la función de sugerencia automática. En la búsqueda, una característica suele tener éxito si más del 3% de las búsquedas la usan, ya que casi todo el tiempo cuando se busca, la gente simplemente elige la interfaz de usuario predeterminada y continúa. el uso del 20% es inaudito no ninguna otra función de búsqueda que haya visto (en cualquier sitio) se acerca.

Lo que es particularmente bueno acerca de las sugerencias de búsqueda es que solo ocupan bienes raíces en pantalla cuando alguien realmente los necesita (escribiendo en el cuadro de búsqueda) y ocupan bienes raíces de página cero de lo contrario.

También, puede extenderlas más allá de simples listas de sugerencias you puede mostrar la interfaz de usuario de vista previa (como lo hacen las imágenes de vista previa del browser-toolbar-search-box de IE8, o incluso permitir enlaces de un solo clic a los resultados de búsqueda si los usuarios desean omitir la búsqueda por completo).

Para mí, la funcionalidad de interfaz de usuario más inteligente es simplemente cuando, después de haber ejecutado algún tipo de acción, me llevan a / dado enfoque en el lugar en la aplicación que es probable que necesite a continuación.

Eg: ToDo app - Agrego un ítem a mi lista de todo cuadro de texto. pulsa enter. la aplicación agrega mi elemento y luego devuelve al cuadro de texto su enfoque para permitirme continuar y agregar el siguiente elemento todo.

Encuentro que cosas como esta hacen que una aplicación sea mucho más elegante y fácil de usar que cualquier parte realmente elegante - un poco de pensamiento para cómo el usuario hará uso de una pieza particular de funcionalidad hace toda la diferencia...

Hipervínculos .

Sé que no es glamour o elegante, pero imagínese pensando que en 1965!?!

Que era inteligente!

La simplicidad eficiente de la página principal de Google.

La forma en que es tan simple crear una cuenta en stackoverflow y la gran integración con OpenID.

Ahora consideraré usar OpenID cada vez que necesite un sistema de inicio de sesión para un sitio web, ahora que he experimentado lo bien que puede funcionar.

Pandora . Por supuesto, me impresionó que pudiera elegir música desconocida que me gustaría, pero la belleza general y la suavidad de la interfaz también hicieron que toda la primera experiencia fuera un placer memorable. Y también fue fácil, por supuesto.

Una de las características que recuerdo específicamente - y todavía está ahí - es la forma en que la tarjeta de título de la próxima canción que se reproducirá se asoma un poco desde el borde derecho de la ventana. Una sutil burla de que hay más venir.

(Toda esta descripción sonaba un poco más sexual de lo que quería...)

Me gusta mucho la interfaz de Pecas. Hacen que sea muy fácil rastrear el tiempo con su interfaz.

Es difícil para mí elegir solo una característica de interfaz de usuario favorita. Pero lo que me viene a la mente cuando pienso en buenas interfaces de usuario es SmugMug. En mi opinión, tienen la mejor interfaz de usuario entre todos los sitios de galería de fotos en línea.

Permítanme elegir una galería al azar:

Http://collierphotography.smugmug.com/Photography/Colorado/9289093_h9zBa

Y voy a enumerar algunas características de la interfaz de usuario que lo hacen genial:

1. Al hacer clic en un pequeño foto te lleva a un nuevo anclaje de página (no a una nueva página) mientras cambias dinámicamente la foto de tamaño mediano que estás viendo. En primer lugar, esto significa que el sitio no tiene que volver a cargar la página, lo que sería una pérdida de tiempo cuando solo estás navegando por imágenes. En segundo lugar, debido a que es un ancla de página, los botones atrás/adelante en su navegador funcionan! Estoy de acuerdo con Pete Kirkham, realmente me molesta cuando un sitio web está diseñado de una manera que te pelea cuando golpeas "Back". Afortunadamente, SmugMug no es uno de esos sitios. De hecho, lo que tienen es la configuración ideal. El resultado final es una galería de fotos que es fácil de navegar mientras que también es más rápido que casi cualquier otra cosa por ahí.

2. Se ajusta al ancho de su navegador. Esto no es necesariamente deseable en todos los sitios, pero en una galería de fotos definitivamente ayuda.

3. Han implementado su propio efecto Lightbox al hacer clic en la imagen grande para hacerla aún más grande. Esta voluntad atenúa el fondo mientras miras la foto y también ofrece más opciones de tamaño.

Así que no es solo una característica, y de hecho no hay ninguna característica innovadora destacada en ninguna de estas. Pero es la combinación de buenas prácticas de interfaz de usuario que se unen lo que hace que este sitio sea muy agradable de usar.

Google Analytics supera cualquier otra cosa que he visto sin duda (IMO). Ejemplo perfecto de una interfaz de usuario intuitiva para presentar información voluminosa de una manera nítida.

Calendarios Ajax por ejemplo

Http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Calendar/Calendar.aspx

Realmente útil (¿qué día de la semana es ese?) y no te metas en el camino.

Facebook es un gran ejemplo de un sitio ajax. Se ve bien y funciona bien (no perfectamente ;))

Gmail: por la increíble capacidad de respuesta y por los atajos de teclado (todos ellos, pero especialmente los atajos de etiqueta: aplicar una etiqueta, mover a etiqueta, ir a etiqueta).

Google Calendar : para la interfaz de usuario inteligente que permite ver, agregar y arrastrar y soltar eventos de una fecha a otra sin recargar la página.

En ambos casos, el modo sin conexión con engranajes es una buena ventaja.

La barra de alerta de stackoverflow es hermosa. Me encanta. Ahora soy ese tipo de persona que tiene ~200 pestañas abiertas a la vez, por lo que cada vez que reinicie Firefox, hay al menos una docena de sitios web con las indicaciones más estúpidas NUNCA... y que realmente <some word here> me fuera.

Me gusta la interfaz de usuario de jQuery]1, que le permite personalizar un tema GUI para jQuery. Especialmente genial es su Firefox Bookmarklet , que le permite tomar una página de interfaz de usuario de jQuery y jugar con su apariencia dinámicamente.

Esto es un poco esotérico, porque realmente se aplica solo a wiki-tech, pero creo que la función de edición por sección de algunos wiki es genial. Tengo que usar varios wiki diferentes, y cuando estás editando una página realmente grande en un wiki que no admite edición por sección (o peor, tampoco admite previsualización de tu diferencia), sientes que cada cambio podría resultar en un desastre.

Me quedé impresionado por el control de la línea de tiempo por Widgets similares.

Muy fácil de usar, entender y navegar. Completamente escrito en Javascript; sin Flash para ser visto, y lo mejor de todo es de código abierto, por lo que cualquiera puede usarlo.

El primer lugar que vi en uso fue en el sitio Netbeans, para su página de hoja de ruta .

Me gusta mucho Recordar el cuadro de edición de Milk SmartAdd. Es una forma simple y poderosa de establecer toda la información en un solo lugar.

Http://www.rememberthemilk.com/services/smartadd /

Creo que una de las mejores API simples, más antiguas y que mejoran la interfaz de usuario de JavaScript es Highslide (http://www.highslide.com/). Se usa absolutamente en todas partes (ver Implementaciones) y se puede usar para contenido en línea, ajax o fuera del sitio. Fácil, eficaz y brillante.

Lo uso en mi sitio para fotos simples ( www.rogoff.uk.com ), pero también lo usamos para aplicaciones web mucho más sofisticadas en el trabajo. Permite múltiples ventanas móviles fácilmente maximiza el espacio y el contenido en tu navegador.

La nueva interfaz HTML5 de Grooveshark es excelente.

Me gusta el efecto de pantalla completa real real basado en flash...

La forma en que algunas aplicaciones de foros web abren una ventana, más bien como una ventana de consejos de herramientas, que contiene el primer párrafo o dos de la publicación. Cuando está mirando una lista de temas, tratando de decidir cuáles vale la pena leer, puede ser tedioso hacer clic, esperar a que se actualice la página completa, hacer clic en el botón atrás, esperar a que se actualice la página nuevamente. No es obvio si hay una forma AJAXy de manejar esto, ya que el diseño de página (y el proceso de pensamiento) para las listas de temas y los hilos de temas es tan diferente. Pero esta pequeña característica, que podría implementarse con o sin AJAX, va un largo camino para que sea una experiencia más agradable para navegar por los foros.

Muchas páginas usan el flotador para todo tipo de ojos dulces, y a veces se exceden hasta el punto de ser molestos o hacer que las páginas sean difíciles de usar, pero esta publicación vista previa del flotador es algo genial.