Categoría: Diseño de páginas web

Imágenes GIF con “tres dimensiones”

Efectos visuales que provocan la sensación de las tres dimensiones.

Las imágenes GIF con movimiento son un clásico en Internet: Desde los tradicionales emoticones animados, al diseño de logotipos con efectos de movimiento para la web. Sin embargo, ahora lo ultimo en GIFs animados son los que los anglosajones han denominado SplitDepthGifs, algo así como GIFs divididos y con sensación 3D, con profundidad.

Imagen GIF: La caja

Cuando hay talento, utilizando esta técnica los dibujantes y diseñadores pueden obtener resultados brillantes que, sin duda, captan la atención. Pero el problema de estas animaciones, si se ejecutan indefinidamente, es el mismo de las animaciones clásicas: Una vez captada la atención del usuario pueden terminar exasperando al más templado. Por eso, si utiliza animaciones de este tipo, nuestra recomendación es que no se ejecuten indefinidamente.

Hemos puesto dos ejemplos muy diferentes: En el primer caso (La habitación) el efecto 3D se consigue utilizando dos imágenes superpuestas con ligeras variaciones, como las que transmite el ojo izquierdo y el derecho cuando contemplamos un objeto.

imágenes GIF: La foca besucona

El segundo ejemplo (La foca) es un SplitDepthGifs. Al “traspasar” las barras verticales, características de las viñetas, la imagen tomada con gran angular aumenta el efecto tridimensional.

Diseño Web: Herramientas y creación de páginas web.

Taller de diseño de páginas y aplicaciones webCurso online organizado por EscuelaIT y dirigido por Daniel Martínez (@Wakkos). Un taller, de tres días de duración, centrado en los procesos de diseño web:

“Pondremos los pies en el suelo para entender cuál es la realidad de un diseñador durante el desarrollo de un sitio web. En el Proceso del Diseño Web hay muchas variables a tener en cuenta, como tecnologías actuales, dispositivos, necesidad de colaborar en equipos de trabajo. Todo diseñador debe saber administrar sus recursos y debe conocer cuáles son las principales herramientas para obtener el mejor partido de su trabajo.”

Comienzo: 17 de diciembre 2014.
Mas información (PDF) >

El diseño en las tiendas online condiciona el éxito de ventas

carrito-onlineEl comercio electrónico en España mantiene su línea ascendente de los últimos años. Las previsiones para 2014, a dos meses de finalizar el año, indican que se superará la cifra de 17 millones de compradores en Internet, lo que supone un crecimiento en ventas de más del 22%. Sin embargo, pese al aumento continuo del comercio electrónico en nuestro país, son muchas las tiendas que no consiguen sostener o afianzar sus proyectos. Las causas más comunes son la falta de un estudio previo para conocer el mercado y la competencia, una inversión inicial insuficiente para mantener las campañas de promoción que permitan dar a conocer el comercio y consolidar clientes, y en tercer lugar, problemas en el diseño de la tienda: mal diseño de la estructura, de la imagen de marca, problemas de navegación, un sitio web que no se adapte a dispositivos móviles, o mal diseño del proceso de pago, del carrito de la compra.

La mayoría de las compras en Internet, según manifiestan los propios usuarios, se realizan principalmente por dos razones: buen precio y comodidad. Pero obviamente, desde el punto de vista de la tienda, antes de la compra hay que generar la confianza suficiente para que ésta se produzca. La Confianza, transmitir confianza, es el elemento básico e imprescindible para el éxito de cualquier tienda online, pero no obstante, pocas veces se da a este hecho la relevancia suficiente. La Confianza se genera por diversas vías: la imagen de marca, una publicidad inteligente, comentarios favorables de los usuarios, un servicio de entrega correcto y un diseño de calidad en todo el sitio web, y muy especialmente en la parte más sensible del proceso: La tramitación del pedido y el pago mediante el método que haya seleccionado el cliente. El porcentaje de abandono en este punto puede ser superior al 60%, lo que resulta inasumible para la mayoría de los proyectos. Si su tienda tiene problemas, la primera recomendación es revisar el proceso de compra.

Menos de 10 de cada 100 empresas en España adaptan sus paginas web a los terminales móviles

En la actualidad la mayoría de accesos a Internet se realiza desde dispositivos móviles.
España supera la media europea en la utilización de estos terminales, siendo en nuestro país muy superior el numero de accesos que se producen desde smartphones o tabletas, a las conexiones a Internet desde ordenadores de escritorio. Durante las mañanas las conexiones entre ordenadores de escritorio y dispositivos móviles andan parejas, pero a partir de mediodía España es mayoritariamente “móvil”.

Diseño web adaptable a distintos dispositivos

Del estudio realizado por Zeendo sorprende que, en relación con otros países de la Unión Europea, nuestras empresas no actualicen sus sitios web y utilicen diseños responsive con arquitecturas capaces de adaptarse a los teléfonos móviles... facilitando la experiencia de los usuarios.
No obstante, no siempre el diseño responsive es la mejor solución.

Círculo Web en la Universidad Nacional de Educación a Distancia

Círculo Web ha impartido unos cursos de introducción a la gestión de contenidos web, con WordPress, para el Centro Asociado de la UNED en Madrid. Los cursos destinados al personal responsable de los 18 Centros de Zona se han impartido, durante el pasado mes de septiembre, en el Aulario de la sede del Centro Escuelas Pías, en el popular barrio de Lavapiés.

Mediante un acceso limitado, los Centros de Zona actualizan el contenido de sus propios apartados en la página web, facilitando a los alumnos matriculados en cada Centro la información que les permita estar al día de las actividades que genera el curso académico y del resto de actos y convocatorias que promueve la UNED.

Para facilitar el acceso al sitio web con dispositivos móviles se ha utilizado un diseño responsive que puede adaptarse a los monitores de menor tamaño, reorganizando la información verticalmente. Esto significa que los contenidos deben poder presentarse con un ancho variable, en función del monitor del dispositivo con el que se acceda al sitio web. En consecuencia, el wordpress que hemos desarrollado tiene cierta personalización, por lo que los responsables de la UNED solicitaron la formación necesaria para facilitar la labor del personal encargado de la gestión del nuevo sitio web.

Círculo Web - Cursos en la UNED

Los cursos fueron presentados por Fernando Marsá, e impartidos por el Coordinador Tecnológico de Círculo Web: Enrique Alonso.

El esquema de trabajo ha sido el siguiente:

  • I - GESTIÓN DE PÁGINAS

    • Estructura de las páginas.
    • Estructura de la página Index del centro de zona.
    • Estructura de las páginas interiores del centro de zona.
    • Crear una nueva página.
  • II - GESTIÓN DEL CONTENIDO DE LOS APARTADOS
    • Pestaña Visual.
    • Pestaña HTML.
      • Nociones básicas sobre las etiquetas html.
      • Editor HTML.
    • Formato de texto e imágenes.
    • Subir imágenes y documentos.
    • Revisiones.
    • III - ADMINISTRACIÓN DE NOTICIAS
      • Noticias:
        • Crear una nueva Entrada.
        • Crear una nueva noticia del tipo Services.
        • Crear una nueva noticia del tipo News.
      • Slides (Carrusel de imágenes)
      • Widgets
      • Menús
    • IV – EJERCICIOS PRÁCTICOS

    Los cursos han tenido una espléndida respuesta del personal y de los responsables de la UNED. Por ello agradecemos su valiosa colaboración para la organización y el desarrollo del proceso.

    El cuaderno de trabajo se distribuyó entre los alumnos impreso en papel, pero como se nos ha solicitado, para facilitar las consultas posteriores, ponemos a disposición de los interesados el Documento de referencia (PDF): Gestión de Contenidos del sitio web del Centro Asociado de la UNED en Madrid