Salxo

Diseño y Desarrollo web al palo.

Feed

Una revisión macro paso a paso sobre el método utilizado para el desarrollo de una aplicación o sitio web basado en el DCU (Diseño centrado en el usuario). Métodos de usabilidad aplicables en cada etapa y una oportunidad de sacarte todas tus dudas sobre el mundo de a usabilidad, UX (experiencia de usuario) y DCU.

El proceso completo: http://mrl.li/1dzgoRU

Desafios en UX y Usabilidad para el 2014
Ya en el 2013 nos encontramos con el lanzamiento de nuevos prototipos y productos consumados y “estables” que fueron y son un desafío para quienes trabajamos en el mundo de la experiencia de usuario y las interacciones en general con productos del ámbito digital.
Y este 2014 que comienza no va a ser la excepción a la regla. Entre otras, ya podemos ir hablando de Pantallas Flexibles, Smarty Ring, “Cámaras Extremas” o todo-terreno, redes 4g, Google Glass (o su adopción masiva), Relojes inteligentes, dispositivos de reconocimiento gestual y mucho más.

Con varios de estos dispositivos se abren brechas para interacciones cada vez mas multi-dispositivo, con espacios más reducidos (relojes inteligentes, anillos inteligentes), sesgados por la iluminación ambiental (Google Glass), interacciones gestuales (Televisores inteligentes con reconocimiento gestual) entre tantos otros. Es así como deberemos enfrentarnos a nuevos desafíos y un año vertiginoso en avances tecnológicos y la adopción cada vez mayor de dispositivos inteligentes, tanto a nivel mundial como en la comunidad latina.
Un nuevo año pasa y compartiré con ustedes las experiencias en desarrollo para estos dispositivos.

Feliz 2014 para todos ;)

Muchas veces al navegar, y por razones varias, al hacer click sobre un link nos preguntamos: ¿Le hice click? – Problema de Usabilidad e Interacción a la vista!
Esto no escapa a los usuarios que visitan nuestro sitio o utilizan nuestra aplicación.Por y para esto les dejo un pequeño snippet que podrán utilizar en sus sitios y/o aplicaciones para dar una sensación “presión” sobre sus links y mejorar la interacción con estos elementos.

(más…)

web-components

Así como en la electrónica se utilizan componentes complejos que a su vez son formados por otros que permiten su funcionamiento, he aquí el concepto adoptado en la web.

Uno de los grandes objetivos sobre los que se están trabajado en la web son los “Web components”, o Componentes web.

Estos componentes  buscan solucionar o estandarizar widgets, controles y componentes comunes reutilizables y encapsulados, o como podría ser más claro dentro de un entorno probado en el que no pueda invadir componentes de su entorno y que su manipulación sea controlada o accedida por una api limitada teniendo como objetivo proteger la seguridad y otros aspectos del funcionamiento esperado como la aparición de ID’s duplicados u otras colisiones.

(más…)

En una entrada anterior hable sobre la diferencia del RWD y el AWD, ahora quería comentar un poco sobre una técnica llamada RESS, del ingles Responsive Desing + Server Side Components o Diseño web responsivo del con componentes del lado del servidor.

¿De que se trata RESS?

Ress es una técnica que consta de sumar al diseño “Responsive” optimizaciónes del lado del servidor. Esto se realiza, por ejemplo, detectando el dispositivo visitante y con una librería, como puede ser Wurlf, y prestar contenido perfilado a las capacidades del dispositivo.

(más…)

Es una afirmación un tanto jugada me podrían decir, pero según los números que se presentaron en el análisis por parte de la gente de EectricPulp se puede ver claramente un aumento en las conversiones sobre un sitio de e-commerce al utilizar el patrón (o técnica) RWD. Veamos un poco:

Este análisis se llevo a cabo durante 6 semanas en total variando en un periodo de  3 semanas entre acceso responsive y no responsive, ¿Que dicen los números?

(más…)

Diseño web Responsivo y Diseño web Adaptado

responsive-dispositivos
Diseño web Responsivo y Diseño web Adaptado (Responsive web design & Adaptive web Design)

Tendencias, tendencias, formas, frameworks, HTML5, CSS3 y cuantas mas cosas no dejan de dar vuelta por dios!

Bueh, hoy aquí un poco de pasar en blanco esto del Diseño web Adaptado y la diferencias con el Diseño web Responsivo. Como arranque la principal diferencia parte del simple hecho de modificar el layout del proyecto según el dispositivo o estar “elástico al cambio”

Diseño web Adaptado (Adaptive web desing) o elasticamente adaptado por naturaleza:

El AWD (Adaptive Web Design) trata de, tener un layout preparado sin grillas ni mucho menos jugando con los tamaños de ancho, altos en porcentajes y demás medidas relativas al dispositivo, combinada con técnicas de lo que se llama “progressive enhancement” (o no).

Diseño web responsivo (Responsive web design)  o lo acomodo según el tamaño en el cliente:

Es RWD (Responsive web design) categoriza dentro de las técnicas que utilizamos por medio de, principalmente, CSS3 y sus MediaQuerys entre alguna que otra técnica JS como Modernizr que .mediante BreakPoints y capacidades del dispositivo, cambiamos la forma en la que se presentan los diferentes contenedores.

Ah listo, ahora entiendo.

Por mi parte opino que este donde quieran que esté, fuera de lo académico, ambas técnicas tienen un buen jugo que dar a nuestros sitios y aplicaciones y está en cada desarrollador utilizarla de forma inteligente para cada proyecto y por ende cliente objetivo que debe ser siempre nuestro punto guía.

¿Has utilizado estas técnicas en tus proyectos? ¿Cuales?