¡Nueva actitud, nuevo arreglo, nuevos AhaSlides!

Anuncios

Lawrence Haywood • 10 de febrero de 2022 • 7 minutos de lectura

En AhaSlides, nuestro objetivo es hacer que las presentaciones sean más divertidas, más atractivas y más gratificantes para ti y tu audiencia. ¡Hoy damos un gran paso hacia ese objetivo con nuestro nuevo diseño!

La nueva versión de AhaSlides es nueva en muchos sentidos. La hemos hecho más organizada, más flexible y más fiel a nuestra personalidad que nunca.

La mente maestra y las manos detrás de todo esto fueron nuestra diseñadora, Trang :


Tomé la visión acumulada de AhaSlides y agregué fragmentos propios. Terminamos con algo que es genial para los nuevos usuarios, pero también un apropiado y sincero 'gracias' a aquellos que han estado con nosotros desde el primer día.

Tran Trang - diseñador

Echemos un vistazo a los cambios que hemos realizado y exactamente cómo pueden ayudarlo a hacer presentaciones que sean más inteligentes y mejores para su audiencia.

¿Te mueres de ganas de verlo? Descubre las novedades haciendo clic en el botón de abajo:

¿Qué hay de nuevo?

  1. Apariencia y sensación mejoradas
  2. Mejor organización, navegación más fluida
  3. Edite en cualquier lugar, en cualquier dispositivo

Apariencia y sensación mejoradas 🤩

Esta vez, decidimos ir con algo un poco más… nosotros.

La identidad de marca fue un punto clave en el nuevo diseño. Si bien en el pasado éramos algo reservados, ahora estamos listos para ser audaces.

El enfoque de nuestra nueva identidad se divide en 3 partes:

# 1 - Ilustración

Cuando comenzamos en 2019, las imágenes lindas y coloridas no estaban realmente arriba en la 'lista de tareas pendientes'. Optamos por la funcionalidad más que por la apariencia.

Ahora, con un sólido equipo de desarrollo trabajando arduamente en la creación y mejora de funciones, nuestra diseñadora principal, Trang, pudo concentrarse en hacer que AhaSlides fuera más atractivo . Fue una tarea titánica crear una nueva identidad de marca en torno a ilustraciones y animaciones, pero el resultado fue una gran biblioteca de diseños adorables.

Nueva biblioteca de ilustraciones de AhaSlides, que se utiliza en todo el panel y el editor.

Echa un vistazo a estos otros ejemplos de nuevas ilustraciones en el panel de control de Mis presentaciones y en la página de registro :

Cada ilustración tiene su propio lugar y función. Creemos que es una bienvenida más cálida para nuestros usuarios nuevos y actuales, que pueden ver el espíritu lúdico de AhaSlides tan pronto como inician sesión.


Tras hablar con Dave [CEO de AhaSlides], decidimos que queríamos darle un toque más dinámico y divertido. Como pueden ver, las imágenes ahora son más redondeadas y tiernas, pero no queríamos que resultaran demasiado infantiles. Creo que ahora tenemos un buen equilibrio entre diversión y funcionalidad.

Tran Trang - diseñador

# 2 - Color

La vitalidad fue sin duda la clave del nuevo diseño. Queríamos algo que no tuviera reparos en mostrar su propia vivacidad y que reflejara la alegría de crear una presentación emocionante para compartir con un público en directo.

Por eso redoblamos nuestra apuesta por colores fuertes y llamativos.

Nos diversificamos desde el azul y amarillo característicos de nuestro logotipo y ampliamos nuestra paleta de colores a tonos de rojo, naranja, verde y morado:


Esperábamos que esta interfaz colorida inspirara a nuestros usuarios a comenzar algo colorido.

Tran Trang - diseñador

⭐ ¡ Próximamente! ⭐ Por supuesto, queríamos extender nuestro nuevo enfoque en el color también a nuestros usuarios. Por eso, los presentadores pronto tendrán la opción de seleccionar cualquier color imaginable para su texto :

# 3 - Arquitectura de la información

Es obvio que una nueva imagen debe tener una función.

Por eso realizamos un cambio importante en la arquitectura de la información ( AI ) de AhaSlides. Básicamente, reorganizamos y rediseñamos partes de nuestro software para ayudar mejor a los usuarios a comprender lo que están haciendo.

Aquí hay un ejemplo de lo que queremos decir: los botones de presente antiguo y nuevo:

Al igual que todos los botones del nuevo diseño, los de arriba tienen un tacto que podríamos describir como más propio de un botón . Hemos añadido una sombra y un brillo similares a muchas opciones de selección, no solo para darles un aspecto más realista, sino también para mejorar la IA, de modo que los usuarios comprendan mejor qué está seleccionado y dónde deben centrar su atención.

¿Qué más? Bueno, en esta imagen se pueden ver algunos cambios en la IA:

Aparte del botón, hemos realizado más mejoras de las siguientes formas:

  • Cajas individuales para ayudar a segregar cada elemento.
  • El texto en negrita diferencia la información ingresada del texto descolorido de un cuadro vacío.
  • Iconos y colores Permitir que los cuadros de información se destaquen.

Los cambios en la arquitectura de la información pueden ser sutiles, pero esa era mi intención. No quería que nuestros usuarios tuvieran que mudarse a una nueva casa, simplemente quería decorar, en pequeñas formas, la casa en la que ya están.

Tran Trang - diseñador

Mejor organización, navegación más fluida 📁

Como dijimos, ¿de qué sirve hacer las cosas más bonitas si la funcionalidad no mejora junto con ella?

Ahí es donde entra nuestro segundo gran cambio. Compramos un montón de muebles digitales y arreglamos el desorden.

Veamos cuatro áreas en las que hemos realizado mejoras :

#1 ��� My Presentations Dashboard

De acuerdo, lo admitimos: no siempre fue lo más fácil encontrar y organizar sus presentaciones en el diseño antiguo del tablero.

Afortunadamente, hemos cambiado mucho las cosas en el nuevo panel ...

El nuevo panel de control Mis presentaciones.
  • Cada presentación tiene su propio envase.
  • Los contenedores ahora tienen imágenes en miniatura (la miniatura será la primera imagen de su presentación).
  • Las opciones de presentación (duplicar, borrar datos, borrar, etc.) ahora están en un menú de kebab ordenado.
  • Hay más formas de ordenar y buscar sus presentaciones.
  • Su 'Espacio de trabajo' y su 'Cuenta' ahora están separados en la columna de la izquierda.

⭐ ¡ Próximamente! ⭐ En breve, habrá una nueva opción de vista de panel: ¡ Vista de cuadrícula ! Esta vista te permite ver tus presentaciones en un formato de cuadrícula centrado en imágenes. Puedes alternar entre la Vista de cuadrícula y la Vista de lista predeterminada en cualquier momento.

# 2 - Barra superior del editor

Hemos reorganizado algunas cosas con la barra superior en la pantalla del editor ...

La barra superior del editor.
  • El número de opciones en la barra superior se ha reducido de 4 a 3.
  • Los menús desplegables para cada opción ofrecen una mejor organización.
  • El ancho de los menús desplegables ha cambiado para garantizar que el menú se ajuste a la columna de la derecha.

# 3 - Columna izquierda del editor

Diseño más simple y elegante en la columna de contenido de su presentación. La vista de cuadrícula también tiene un aspecto completamente nuevo ...

La columna de la izquierda en el editor.
  • Las opciones de diapositivas ahora están ordenadas en un menú de kebab.
  • Se ha agregado un nuevo botón de vista de cuadrícula en la parte inferior.
  • El diseño y el funcionamiento de la vista de cuadrícula se han mejorado considerablemente.

⭐ ¡ Próximamente! ⭐ La columna de la derecha aún no está del todo terminada, ¡pero esto es lo que podrás ver allí en breve!

# 4 - Columna derecha del editor

Pequeños cambios en los iconos, grandes cambios en el color del texto ...

  • Iconos rediseñados para cada tipo de diapositiva.
  • Una gran variedad de opciones de color de texto.
  • Reordenó los elementos en la pestaña 'Contenido'.

Edite en cualquier lugar, en cualquier dispositivo 📱

Para ese 28% de nuestros usuarios que editan sus presentaciones en el móvil, lamentamos haberlos descuidado durante tanto tiempo 😞

Con el nuevo diseño, queríamos ofrecer a nuestros usuarios de móviles y tabletas una plataforma tan fluida como la de escritorio . Esto implicó replantear cada elemento para garantizar que pudieran editar sobre la marcha.

Por supuesto, todo comienza con el panel de control . Hemos realizado algunos cambios aquí…

El panel Mis presentaciones en dispositivos móviles.

Aquí se muestra la información más importante sobre sus presentaciones y carpetas. También está el menú de kebab a la derecha que mantiene organizados todos los ajustes de presentación.

En el editor , te recibe una interfaz más amigable.

Una vez más, todo está escondido en los menús de kebab. Hacer esto limpia las distracciones y le deja mucho más espacio para ver su presentación general.

¿Se nota que nos encantan los kebabs? Hemos sustituido la barra superior, que antes estaba abarrotada, por, sí, ¡otro menú de kebabs! Esto crea una interfaz mucho menos abrumadora y te permite centrarte en la calidad de la presentación.


Quería eliminar algunas de las limitaciones que impedían a nuestros usuarios móviles crear las presentaciones que deseaban. Optamos por un diseño más elegante y sencillo que antes, ¡pero aún tenemos grandes planes para las funcionalidades móviles de AhaSlides en el futuro!

Tran Trang - diseñador

Texto alternativo

¿Ya lo probaste?

Simplemente haga clic en el botón de abajo para ver
¡El diseño renovado de AhaSlides!

Ver la guía