gravatar

Me llamo Leny Sánchez y soy de Cartagena.

Soy Comunicadora Audiovisual, Periodista, Diseñadora de Experiencia de Usuario, Diseñadora web y Escritora.

En 2014 me gradué en Comunicación Audiovisual en la Universidad de Murcia e inicié mis estudios de Máster en Diseño de Experiencia de Usuario, en la Universidad Internacional de La Rioja, en la que me gradué en febrero de 2016. Además, soy Periodista colegiada por el Colegio Oficial de Periodistas de la Región de Murcia.

Como soy una apasionada del diseño, mientras realizaba mis estudios universitarios, he estudiado en parte de forma autodidacta y en parte a través de cursos todo lo que sé en cuanto a diseño gráfico, fotografía, edición digital y diseño web .

Otros intereses que he tenido son los relacionados con nuevas tecnologías, redes sociales, UX (User Experience)... de los que también he realizado cursos de formación.

Desde que tengo memoria me ha apasionado la lectura, algo que quizá me ha llevado a desarrollar mis habilidades como periodista y escritora. Actualmente estoy escribiendo una novela, además de este blog. También he publicado dos trabajos académicos que he desarrollado durante mis estudios universitarios.


Responsive VS Versión móvil

DIFERENCIAS ENTRE DISEÑO RESPONSIVE Y VERSIÓN MÓVIL

Es evidente que hoy en día los dispositivos móviles forman parte de nuestra vida, y se utilizan para acceder a los sitios web tanto o más que los ordenadores. Es por ello que hay que tener en cuenta siempre a la hora de diseñar una web que muchos usuarios van a visualizarla desde su smartphone o tablet. Con este fin, podemos optar por una de estas dos opciones: crear una versión de la web especialmente diseñada para móviles (versión móvil) o realizar un diseño responsive de la página web.

Pero… ¿Qué es el diseño responsive?

El diseño responsive es aquel que se adapta al tamaño de la pantalla del usuario. Es una única versión de una web con distintas interfaces, adaptadas a cada dispositivo. En resumidas cuentas, una web con diseño responsive es una única web cuyo contenido se adapta.

A continuación vemos una imagen que representa esto:

 

 

Como vemos en la imagen, el contenido se adapta a la pantalla para que el usuario pueda visualizarlo correctamente.

 

Ahora bien, ¿Qué diferencias hay entre un diseño responsive y un diseño específico para móviles?

Versión móvil Versión responsive
Dos interfaces para mostrar la misma información Única interfaz web
Redireccionamiento web (ejemplo: m.facebook.com) El contenido se adapta mediante HTML, CSS3 y Javascript
Según el dispositivo (user agent) Según la resolución de la pantalla

 

En mi opinión, es mejor elegir un diseño adaptativo (responsive) a la hora de diseñar una web, especialmente por el hecho de no tener que diseñar dos versiones distintas de la misma página web.

Es importante recalcar que los diseños responsive no tienen en cuenta el user agent, por lo que de nada servirá que el usuario tenga seleccionado en el navegador “Ver como ordenador”, así que en un diseño responsive es imprescindible que se muestre toda la información de la página, pues el usuario puede sentir frustación cuando quiere realizar una acción que sabe que existe en las pantallas grandes y que no logra llevar a cabo en su pantalla.

 ¿Os ha pasado esto alguna vez? ¿Habéis tenido algún problema con alguna página en versión móvil y habéis tenido que acudir a la versión web para solucionarlo? Es una pérdida de tiempo, y no es nada agradable…

Y tú, ¿qué opinión tienes de este tema?


Leny S.Escrito por: Leny S. - Comunicadora Audiovisual. Diseñadora de Experiencia de Usuario. Diseñadora web. Community Manager.  Periodista. Escritora. ¿Quieres saber más sobre mí?


Colores para páginas web: mis 4 herramientas favoritas

COLORES PARA PÁGINAS WEB: MIS 4 HERRAMIENTAS FAVORITAS

Hace unos días hablábamos de cómo seleccionar un color en una web gracias a extensiones para el navegador, y hoy te traigo algo íntimamente relacionado: una herramienta imprescindible para que tu página web tenga una buena combinación de colores. Es algo que parece simple, pero no sólo existen rojo, amarillo, verde… Hay millones variaciones dentro de cada color; y por consiguiente hay múltiples combinaciones que puedes usar en tu web.

A fin de encontrar la composición cromática perfecta para tu web, te voy a mostrar mi herramienta favorita: las paletas de colores.

 

Si quieres encontrar inspiración en paletas ya diseñadas, puedes visitar estas dos páginas:

#1 COLRD

http://colrd.com/palette/

En esta página se pueden crear nuevas paletas  creando combinaciones de colores, pero lo más interesante es que existe una gran cantidad de paletas disponibles.

Paleta de colores Colrd

 

#2 COLOR HUNT

http://colorhunt.co

Al igual que en la página anterior, en esta página podemos encontrar gran cantidad de paletas en las que te puedes inspirar para crear la combinación de colores perfecta para tu web.

Paleta de colores Color Hunt

 

 

Si por el contrario quieres “jugar” con los colores hasta encontrar una combinación que te guste, estas páginas son una maravilla:

#3 COLOUR CODE

http://colourco.de

En esta página se puede seleccionar el color de una forma muy interesante, pues toda la pantalla funciona como un gran círculo cromático. A la derecha, en la opción “+”, se va añadiendo la cantidad de colores que se consideren necesarios.

Paleta de colores colour code

 

#4 ADOBE COLOR WHEEL

https://color.adobe.com/es/create/color-wheel

Si lo que buscas es una paleta más avanzada y personalizada, esta herramienta de Adobe es para ti. Puedes seleccionar los colores que tú quieras, o basándote en una combinación de colores análogos, complementarios…

Paleta de colores colour wheel

 

Y tú, ¿sueles usar las paletas de color? ¿Conoces alguna otra herramienta interesante?

 


Leny S.Escrito por: Leny S. - Comunicadora Audiovisual. Diseñadora de Experiencia de Usuario. Diseñadora web. Community Manager.  Periodista. Escritora. ¿Quieres saber más sobre mí?


Selector de color (color picker) para tu navegador

SELECTOR DE COLOR (COLOR PICKER) PARA TU NAVEGADOR

 

¿Alguna vez has hecho una captura de pantalla de una web para luego usar el selector de color en un programa de edición de imágenes? Si te ha pasado, o crees que te puede pasar, debes saber algo: Hay una opción mucho más sencilla, una extensión para tu navegador que te dice de forma rápida y sencilla cuál es el código del color que te interesa.

Hoy te traigo una herramienta muy potente para poder saber el color exacto de un elemento de una web en tu navegador: El selector de color. Existen muchas aplicaciones y extensiones para los distintos navegadores, pero las que te presento a continuación son las que yo utilizo y que me han dado buenos resultados, no sólo en su funcionamiento, sino también teniendo en cuenta la usabilidad (facilidad de uso) a la hora de instalar la extensión y al utilizarla.

El selector de color es una herramienta a la que estamos acostumbrados en programas de edición y retoque fotográfico, y es muy útil para conocer el código de color exacto de una imagen. Se representa gráficamente como un cuentagotas o eyedropper.

Para los navegadores Chrome y Firefox, tenemos la extensión Colorzilla. Ésta se activa en la esquina superior derecha, junto al menú.

 

Chrome: Colorzilla para Chrome

Firefox: Colorzilla para Firefox

 

Selector de color Colorzilla

Selector de color firefox y chrome

 

Para los usuarios del navegador Opera encontramos Color Picker, que también se activa en la esquina superior derecha, junto al botón de descargas.

Opera: Color picker para Opera

Color picker Opera

 

Una de las ventajas de las extensiones es que no es necesario instalar ningún programa externo en el ordenador, pero sobre todo nos aporta una gran experiencia como usuarios gracias a la integración de la herramienta en el navegador, lo que nos facilita la tarea muchísimo.

¿Conocías esta herramienta? ¿La consideras útil?

 


Leny S.Escrito por: Leny S. - Comunicadora Audiovisual. Diseñadora de Experiencia de Usuario. Diseñadora web. Community Manager.  Periodista. Escritora. ¿Quieres saber más sobre mí?


4 tendencias de diseño web para 2016

4 TENDENCIAS DE DISEÑO WEB PARA 2016

Este 2016 se mantienen algunas de las tendencias de diseño de 2015, mientras que otras van ganado más fuerza. Las más destacadas son las siguientes:

1. IMÁGENES O VÍDEO A PANTALLA COMPLETA

Este año va a continuar la tendencia de imágenes grandes y de gran calidad que aparezcan en la web nada más entrar. Un diseño elegante y llamativo, que puede fascinar a los visitantes de tu web.

Web con imagen a pantalla completa

 

2. DISEÑO RESPONSIVE

Cada vez es más importante realizar un diseño que se adapte a todos los dispositivos, independientemente del tamaño de la pantalla.RESPONSIVE DESIGN

3. FLAT DESIGN

Los diseños planos aportan una imagen moderna y limpia a las páginas web, y son tendencia ahora mismo. No sólo en diseño web, sino también en el diseño de interfaces, como el nuevo material design de Android.

Web con diseño plano (flat design)

 

4. DISEÑO CENTRADO EN EL USUARIO

El DCU (User Centered Design) es una parte fundamental de la experiencia que va a obtener el usuario de la página web. La tendencia es diseñar teniendo siempre en cuenta quién va a hacer uso de la web, para que al usuario le resulte agradable, fácil y satisfactorio el paso por tu web.

 


Leny S.Escrito por: Leny S. - Comunicadora Audiovisual. Diseñadora de Experiencia de Usuario. Diseñadora web. Community Manager.  Periodista. Escritora. ¿Quieres saber más sobre mí?