Qué haremos: 11 ejemplos de soluciones de interfaz exitosas en el sitio

Observación del Capitán Obvio: Ahora estás en línea. No importa lo que haga ahora: continúe leyendo este artículo o cierre la pestaña ...

Sí, bromeé sobre el "no importa". ¡No cierres, por favor!

En cualquier caso, todas sus acciones: interacción con la interfaz del sitio y el navegador. En el artículo, conocerá 10 ejemplos de soluciones de interfaz para el sitio. En mi opinión, tienen éxito, pero tú decides si esto es así.

1. Sberbank en línea

Amo y uso este sistema, pero en un momento me gusta más. Te lo diré ahora. Al transferir a un cliente de Sberbank, usted completa los detalles:

Luego presione el botón "Traducir" y vea la siguiente ventana:

En el campo "Nombre" se muestra a quién va a transferir el dinero. De acuerdo, al marcar un número de tarjeta de 18 dígitos, puede cometer un error en los números y enviar dinero (y no 100 rublos, como en la captura de pantalla) simplemente no está allí. Si reporta su número de memoria, ¡es fácil cometer un error!

Una vez que informé incorrectamente el número de mi tarjeta, me llamaron y me dijeron que casi no se habían traducido a la persona equivocada.

2. Wikium

Este servicio de lavado de cerebro en línea comienza a deleitarse desde la primera pantalla. En lugar del nombre de servicio del botón "Registrar" (el enlace "Ya tengo una cuenta" no permite que su propósito sea erróneo) hay un "Empezar a desarrollar" motivador:

Lo que viene después de presionar el botón no debe llamarse trivial:

No solo se registra en el sistema: crea un programa de capacitación individual para usted, basado en las habilidades que desea desarrollar.

Al final - registro por correo electrónico o redes sociales:

Los sistemas como Wikium, Lingualeo y similares a ellos, gracias a su interfaz, le dicen al usuario que diga: "Soy tu amigo, te ayudaré a lograr tus objetivos, te corregiré donde cometiste un error y te felicitaré por cualquiera de tus éxitos" . Esta es la base de un aprendizaje en línea efectivo (y no solo).

3. Alexis Style

En la interfaz de la página principal me sorprendió que el salón de belleza de inmediato "revela todas sus cartas". El encabezado del sitio es enorme, pero muy informativo:

Y en la parte inferior está la barra de menú! Considero que la solución de interfaz "precios y promociones a la vez" es exitosa: el usuario (o, más precisamente, el usuario) ve toda la información necesaria y puede optar por los procedimientos basados ​​en el precio como mínimo. Las mujeres, por supuesto, saben mejor a qué maestro ir.

4. Servicio PDF.io

Este servicio tiene todo lo que quería hacer con archivos en formato * .pdf. Interfaz lacónica sin descripciones largas - solo herramientas.

Aquí también puedes cambiar el idioma al ruso, aunque todo está claro.

Todo lo que el servicio puede hacer, puede hacerlo en el escritorio Acrobat Pro DC de Adobe, pero por dinero. Por lo tanto, estoy totalmente de acuerdo con las características del servicio proporcionado por los desarrolladores: "Herramientas en línea indispensables para trabajar con PDF".

5. Wikipedia

No puedo imaginar a personas que nunca hayan trabajado en Wikipedia. Alguien incluso escribió o moderó artículos de esta enciclopedia.

¿Sabías que cualquier artículo de allí se puede descargar en formato PDF?

El archivo con el artículo se descarga sin problemas, a pesar de los problemas expresados ​​en "Wikipedia".

El documento resultante se ve así:

Documento de fácil lectura con estructura de "Wikipedia"

¿Necesita hacer una selección de artículos para leerlos sin Internet? Utilice la opción para crear un PDF en Wikipedia. ¡Y con PDF.io puedes combinarlos en un solo archivo!

6. Tienda de DNS

DNS tiene una gran herramienta, la configuración de la computadora, cuando puede elegir componentes por sí mismo:

Si algo no está claro, el enlace al manual del usuario ayudará a comprender

Aquí fue extraño para mí por qué no pusieron la fuente de alimentación justo después del procesador y la placa base en la selección. En este caso no habría notificación de incompatibilidad.

Así que elegí una potente fuente de alimentación para mi configuración:

Y todo se volvió bueno.

Me alegro de que haya tales servicios. Es triste que:

7. laberinto

La tienda se toma en serio la interfaz de las tarjetas de sus libros:

1. "Diseño": para entender, la tapa dura o blanda será el libro, si hay una ilustración, un marcador, etc.

2. "Contenido": vea qué y cuánto detalle está escrito en el libro.

Las ilustraciones y videos de algunos libros no tienen precio:

Recientemente, los parámetros para la descripción agregaron tiempo para leer el libro con parámetros personalizables:

Aprenderás cuánto lees el libro, según el volumen de lectura diario.

Primero vi algo así en los artículos de Texterra, e incluso entonces aprecié lo cómodo que es, ya sea si puedo leer el material en este momento o dejarlo para la noche.

Ahora se implementa en el "Laberinto". Cuando tiene doscientos libros en línea para leer, esta opción resulta muy útil.

8. Muebles "Moscú"

Me las arreglé para comprar muchos muebles diferentes para mi vida. En algún lugar, un empleado de la tienda hizo un boceto en 3D con mi esposa y conmigo, a veces pintábamos el diseño de los muebles nosotros mismos.

Aquí, la compañía hizo una sección en el sitio donde puede descargar la versión en línea o fuera de línea del programa para diseño de diseño:

Al descargar la versión en línea, se abrirá esta ventana:

Al presionar el botón para descargar la versión sin conexión, se inicia de inmediato el proceso de guardar el paquete de distribución del programa en el lugar correcto.

La interfaz está satisfecha con dos cosas:

1. El hecho de que dicho programa esté en el sitio en principio (¡lo mismo es muy lógico!).

2. La versión para el navegador y para la PC está tomando en cuenta los intereses de dos segmentos de la audiencia objetivo a la vez.

9. Libro de bolsillo

Filtra la selección de productos directamente en la página principal - ¡genial! Teniendo básicamente una pequeña gama, Pocketbook puede permitirse una solución de este tipo:

No solo viendo lectores, y su selección. Enseguida

Justo debajo te ofrecemos recoger el lector. Y luego la elección de cada parámetro se refleja en la pantalla del dispositivo:

Al final, una lista de todos los parámetros seleccionados y una lista de dispositivos que se ajustan a ellos.

Como propietario del lector Pocketbook 911 y autor de este artículo, diré que tanto el dispositivo es excelente como el sitio.

10. Wisellshop

Para algunos productos en la tarjeta, el botón "Probar en línea" está disponible. Así es como funciona:

Apunte su "90-60-90" y averigüe si la cosa se "sentará"

Ingresé los parámetros de la Madame virtual y obtuve esto:

El resultado se registra en la ficha del artículo:

Sobre triste: Facebook y su interfaz.

Hay muchas preguntas sobre esta red social. Uno de ellos es "Agregar miembros" en grupos:

El punto no es ni siquiera que pueda cambiar el nombre a "Invitar a participantes", como solía ser en VKontakte. Solo una vez que vaya a Facebook y comprenda que ha sido agregado a un grupo que no necesita, sin pedir consentimiento.

Todo lo que pueda en esta situación:

Las interfaces de los sitios deben ser tales que no solo no me hagan pensar (gracias a Stephen Krug por esto), sino que tampoco causaron tal indignación, lo que llevó a la creación de una petición.

11. Logística expresa

En nichos B2B tan "duros" como el envío internacional, rara vez se encuentran soluciones de interfaz interactivas. Por lo tanto, nos pareció una buena idea colocar en la primera pantalla de la página principal del sitio de la empresa de transporte y logística un mapa del mundo vectorial con elementos interactivos.

Funciona de esta manera: el cliente elige la parte del continente al que necesita enviar o recoger la carga. Un clic muestra una lista de direcciones en las que la empresa puede organizar el transporte. Y si hace clic en un país, se abrirá la página para calcular el costo de los servicios en esta área.

Este mapa es conveniente porque un cliente potencial no necesita vagar por el sitio en busca de una solución para su tarea: la ruta desde la página principal requiere un par de clics.

Deja Tu Comentario