Etiqueta: UX

Herramientas UI / UX

Afortunadamente, el diseño UI / UX está tomando cada vez más importancia a la hora de buscar el éxito de nuestras aplicaciones y sitios web. Para ello contamos con infinidad de herramientas que nos facilitan los procesos de diseño UI / UX.

Vocabulario UX

Este artículo es una recopilación de todo tipo de palabras clave y términos relacionados con la experiencia de usuario (UX). Se irá ampliando para incluir nuevos términos, técnicas y procesos.

Texto no seleccionable con CSS

En ocasiones no queremos que ciertas partes o textos de nuestras webs  sean seleccionables. Por ejemplo en aplicaciones web o de escritorio basadas en HTML, CSS & JS.

Animación en WordPress

Probablemente ya hayas utilizado o al menos te suene CSS Animate It. Se trata de un pack de animaciones y transiciones basadas en CSS3, desarrollado por Jack McCourt. Gracias a eLEOPARD Design Studios disponemos de un fantástico plugin que permite utilizar estas animaciones dentro de Wordpress.

Quantis

Quantis es un servicio de acceso a internet vía satélite. En este proyecto me encargué de mejorar y modernizar el aspecto visual general de la web, cuidando especialmente la experiencia de usuario en dispositivos móviles.

Vanagloria

Vanagloria es una exclusiva joyería online desarrollada en Prestashop. El look & feel es elegante, minimalista y limpio.

Pack protección online – Zurich & Telefonica

Pack protección online es una aplicación web para adquirir seguros que protegen y gestionan la actividad online del usuario.

Reordenar DIVs con Flexbox

Reordenar DIVs (visualmente) con Flexbox, sin necesidad de alterar el DOM.

Spotifynder – App JavaScript usando API de Spotify

Spotifynder era una aplicación web desarrollada en JavaScript y jQuery, que utilizaba la API de Spotify para hacer búsquedas.

UX y UI de una aplicación web

Caser – desarrollando una aplicación web. Proyecto web en el estado previo a su publicación en producción.

Responsive mockup con Axure

Un ejemplo completo de responsive mockup con Axure.

Web App Servicio Técnico

Web App para gestión de Servicio Técnico. El gran reto para este tipo de interfaz es conseguir la mejor Experiencia de Usuario.

Mockup con Sketch – Mobile y Tablet

Desarrollo de Mockup con Sketch para aplicación de venta de vinos.

Axure wireframe ejemplo

Ejemplo de Wireframe funcional diseñado con Axure. Incluye diagrama de flujo (arborescencia), navegación de menú y pestañas, validación de email para contacto y newsletter.