Ghost button, como se le conoce en inglés, hace referencia a un tipo muy particular de botón en el diseño web. Muchos sitios han comenzado a implementarlo y podemos apreciarlos en una gran variedad de sitios, particularmente en páginas de destino. A estos botones se les llama así pues a diferencia de otros prácticamente se fusionan con el fondo. Aún así, existen ciertas técnicas para hacerlos resaltar. Si se emplea correctamente no sólo funciona como un botón de llamada a la acción, sino que te permite destacar otros elementos de tu sitio. En este artículo hablamos un poco más sobre el ghost button (o botón fantasma, en español), los elementos que lo conforman y su uso ideal.
Los botones fantasma están a la moda
Los botones fantasma son una tendencia. Como muchas otras tendencias que se han popularizado, se caracterizan por su simplicidad y por esta razón puede ir a la perfección con otras tendencias como el diseño flat o el uso de imágenes en gran tamaño. A diferencia de otras tendencias (como el minimalismo, por ejemplo), los botones fantasma son sencillos en su diseño y es simple para un diseñador principiante crearlos y hacer uso de ellos. Además, debido a su simpleza, es fácil colocarlos en una composición.
Como toda tendencia, tienen un propósito específico y puedes potenciar su efectividad si las colocas en zonas estratégicas en una composición. Así que, a pesar de que son sencillos de usar, debes pensar detenidamente cuál es la ubicación perfecta de un botón en la composición específica en la que estás trabajando.
Elementos que conforman un botón fantasma
No nos debe sorprender que los botones fantasma se hayan convertido en un tendencia en la actualidad. Sólo hace falta ver el diseño flat o el minimalismo que poseen la misma esencia que los botones fantasma. Debido a la simpleza de su creación y uso, muchos diseñadores han decidido emplear botones fantasma en sitios web. Te mencionamos los elementos esenciales de todo botón fantasma:
- Contorno delgado que delimita el tamaño del botón
- Fondo transparente
- Fuente sencilla
Estas los características más notorias de todo botón fantasma, pero no son las únicas. Te listamos otras características que debes tener en cuenta para tus botones fantasma:
- Texto simple, directo y legible
- Suele ser más grande que otros botones
- Se coloca en ubicaciones notorias en la página
- Se puede colocar más de uno
- Se emplea en combinación con el diseño flat
- Es usual que sean rectangulares, pero pueden tener bordes redondeados
Uso de los botones fantasma
Como diseñador, habrás podido notar que muchas tendencias que surgen tienen un propósito específico, así como una ocasión ideal en donde deben usarse. Los botones fantasma no son la excepción a esta regla, por ello te mencionamos algunas pautas para su correcto uso.
Ideales como botones de llamada a la acción
Los botones fantasma en realidad pueden ir bien en cualquier sitios web, todo depende del estilo que posea dicho sitio. Usualmente van bastante bien en páginas donde se emplean imágenes en gran tamaño en el primer pantallazo. El botón fantasma se emplea como llamada a la acción y en muchos casos se ve bien y se logra dar el ambiente deseado al diseño. Sin embargo, hay un factor de riesgo de que debes tener en cuenta: los botones de llamada a la acción usualmente son llamativos y sobresalen para dar a entender a los visitantes sobre su uso. En el caso de los botones fantasma, debido a su propia naturaleza, éstos no sobresalen. Se puede hacer más llamativo colocando el botón en un lugar estratégico y haciéndolo más grande que un botón común.
Ideales para un diseño centrado en imágenes
Los botones fantasma pueden ser empleados en una gran variedad de sitios web, desde modernas agencias de diseño hasta elegantes marcas de ropa. Debido a su simpleza, estos botones pueden ser colocados en cualquier sitio web sin interrumpir el valor estético de una composición. Es por esta razón que se pueden adaptar a diversos sitios web con diferentes ambientes.
Como ya habíamos mencionado, se suelen colocar estos botones en páginas donde hay imágenes en gran tamaño pues se pueden ubicar en una composición sin afectar la visualización de la imagen. Por esta razón, son perfectos para un diseño centrado en imágenes, digamos, un sitio web dedicado a la fotografía, un portafolio online, una tienda de ropa, etc.
Localización ideal de los botones fantasma
La mejor localización de tus botones fantasma es en la página de inicio. De manera usual se coloca en el centro de la página o hacia abajo, pero siempre en el centro. Esta localización usual de los botones fantasma no es casualidad. De hecho, se suele colocar en el centro pues así el botón tiene mayor visibilidad, de modo que un número mayor de usuarios pueda pinchar sobre el botón. Esta regla no sólo se aplica en los botones fantasma, sino en cualquier botón de llamada a la acción: es mucho más usual encontrar botones que se ubican en el centro.
Colocar el botón fantasma en el centro no es la única manera de organizar tu composición, también puedes encontrar botones fantasma ubicados al lado derecho, aunque no es una decisión tan usual como colocar el botón fantasma al centro.
Ventajas de usar botones fantasma
Te mencionamos algunas de las principales ventajas de implementar botones fantasma en el diseño de tu página web:
- Debido a que poseen transparencia, los botones fantasma pueden ser ideales para cualquier tipo de diseño, sin interferir con el fondo.
- Son sencillos de crear ya que poseen pocos elementos distintivos y también son sencillos de implementar en cualquier tipo de diseño.
- No obstruyen la vista debido a su diseño y son ideales para sitios web donde se colocan fotografías o ilustraciones como fondo.
- Atraen a los usuarios debido a que son más grandes que botones comunes, pero a pesar de ser más grandes no obstruyen en tu diseño.
- Dependiendo de tus otras selecciones de diseño, pueden hacer que tu composición luzca moderna y sofisticada.
Desventajas de usar botones fantasma
Como muchas otras tendencias, los botones fantasma presentan algunas desventajas que debes estar seguro de conocer antes de decidir emplearlos en tus diseños:
- Usuarios que no visitan frecuentemente sitios web puede que no reconozcan o identifiquen los botones fantasma como elementos con los que pueden interactuar.
- Puede ser complicado de implementar en fotografías donde existen colores contrastantes pues podrían hacer menos visible el botón. En estos casos, la localización de los botones fantasma es la clave.
- Si tu diseño no está bien equilibrado, el botón fantasma puede terminar desviando atención de otros elementos que quieras destacar.
En conclusión
Los ghost button son una tendencia popular pues, en general, son bastante sencillos de usar y pueden hacer lucir tu sitio moderno. Sin embargo, como cada tendencia tienen un propósito específico y situaciones en las cuales no son la solución más adecuada. Debes tener estos puntos en consideración al momento de decidir si colocar un ghost button en tu sitio web.
