Etiqueta: web

Cuida la velocidad de carga de tu web, especialmente para smartphones

¿Sabías que 40% de las personas abandonará una página web si tarda más de tres segundos en cargarse? A medida que el diseño web responsivo se ha hecho popular, los usuarios de Internet han llegado a esperar un rendimiento excepcional. Ellos quieren que los sitios se adapten perfectamente al dispositivo que están usando, quieren una navegación sencilla y un diseño intuitivo, y quieren que la velocidad de carga de la página sea inferior a un segundo. Esa es una barra alta para golpear, pero con las optimizaciones adecuadas en su lugar, cualquier diseñador puede dar a sus interfaces móviles velocidad de la página rápida.

Recientemente he explorado la web y buscando cada última extremidad y truco para optimizar la velocidad de un sitio web a través de diversas plataformas. Aquí está mi lista completa de hacks de velocidad de página: Seguir leyendo

¿Brutalismo o minimalismo? El futuro de web UX

¿Los sitios web se están volviendo más caóticos, desordenados y sin refinar? ¿Se están rompiendo las reglas del buen diseño? ¿La web se está poniendo fea? ¿Es esta una nueva tendencia?

Si eres como la mayoría de los diseñadores y prestas mucha atención a lo que está sucediendo, has escuchado la palabra brutalismo siendo lanzada por un tiempo. Los sitios web brutalistas se están alejando de las interfaces fáciles de usar que durante mucho tiempo han sido las mejores prácticas de la industria y en su lugar se centran en sitios HTML imperfectos y codificados a mano. Parece que los diseñadores están quitando las reglas de UX tal como las conocemos, dejando todo sintiéndose un poco caótico.

Los principios del diseño elegante y contemporáneo son tan comunes que apenas pensamos en ellos como una elección estilística. El diseño web “bueno” generalmente significa uno que obedece las reglas del minimalismo. Interfaces limpias, simples y ordenadas — pero esto no siempre ha sido el caso. Dejemos que retroceda el reloj unas décadas. Seguir leyendo

Grandes respuestas para grandiosos diseños: Guía Para el Proceso de Pensamiento de Diseño

Los grandes diseñadores ayudan a los equipos y partes interesadas a tomar mejores decisiones al usar preguntas para identificar oportunidades, revelar necesidades subyacentes y comprender el contexto del usuario

James Dyson, inspirado en una centrífuga utilizada para separar las partículas de pintura del aire, creó la primera aspiradora sin bolsa del mundo en 1983 después de haber pasado por 5,127 prototipos, el epítome del pensamiento de diseño. Seguramente, James debe haber hecho muchas preguntas en el camino…

Los diseñadores se enfrentan a problemas difíciles todos los días, problemas que requieren que encuentren soluciones de diseño que se ocupen de las limitaciones comerciales y técnicas, al tiempo que abordan las necesidades de los usuarios. Al mismo tiempo, la necesidad de encontrar soluciones rápidamente no debe impedir que los diseñadores comprendan a fondo el corazón del problema, así como el contexto del usuario, desde el principio. Seguir leyendo

Cómo Ejecutar una Evaluación de Usabilidad

El diseño es una inversión, no un gasto. Con el riesgo de decir lo obvio: No es suficiente para diseñar un producto bonito; también tiene que ser utilizable, y si vas a extraer el ROI más grande de un producto, su usabilidad -que generalmente se refiere a la facilidad de uso- adquiere una importancia vital.

Los productos bien diseñados tienen una gran facilidad de uso. La gran usabilidad es un contribuyente significativo a la calidad del producto y una experiencia de usuario sin fisuras.

Hay algunas maneras que la utilidad de un producto se puede probar: un método de inspección llamado análisis heurístico es uno de ellos. Esto generalmente significa ejecutar una evaluación heurística en un producto, ya sea existente o nuevo. Seguir leyendo

Angular vs. React: ¿Cuál es Mejor Para el Desarrollo Web?

Hay innumerables artículos por ahí debatiendo si React o Angular es la mejor opción para el desarrollo web. ¿Necesitamos otro?

La razón por la que escribí este artículo es porque ninguno de los artículos ya publicados –aunque contienen grandes ideas– van en profundidad para un práctico desarrollador de front-end para decidir cuál puede satisfacer sus necesidades. Seguir leyendo

Mejorando el rendimiento de React: componentes eficientes

Desde su presentación inicial, React ha cambiado la forma de pensar de desarrolladores front-end al construir aplicaciones web. Con DOM virtual, React hace las actualizaciones UI (Interfaz de Usuario) tan eficientes como nunca, haciendo al mismo tiempo a tu aplicación web más precisa. Pero, ¿por qué las aplicaciones web con React de gran tamaño todavía no consiguen funcionar de forma máximamente eficiente?

Bueno, la clave está en cómo usas React.

Una biblioteca front-end moderna como React no hace más rápida tu aplicación mágicamente. Se requiere que el desarrollador entienda cómo funciona React y cómo los componentes viven a través de las diferentes fases del ciclo de vida del componente.

Con React puedes ganar muchas de las mejoras que ofrece al medir y optimizar cómo y cuándo regresan tus componentes. Y React proporciona sólo las herramientas y funciones necesarias para hacer esto más fácil. Seguir leyendo

La Brecha Entre Desarrolladores Y Diseñadores Está Desapareciendo

Desde la última década ha habido una guerra fría entre diseñadores y desarrolladores. Los diseñadores se han quejado sobre cuán dependientes deben ser de los desarrolladores para crear mockups que vayan más allá de imágenes estáticas. Por otro lado, los desarrolladores han resentido su necesidad por diseñadores habilidades para ayudarles a convertir sus conceptos en interfaces capaces que sean amigables para los usuarios.

Pero al tiempo que las herramientas de diseño se hacen más y más fáciles de usar, la guerra fría está llegando a su fin.

Es ahora posible crear un prototipo interactivo bastante impresionante con una app sin ninguna experiencia en código. Esto significa que los diseñadores pueden probar nuevas aplicaciones sin tener que escribir ni una sola línea de código, y significa que los desarrolladores pueden usar simples herramientas para trabajar en sus diseños con un aire profesional sin necesitar ayuda profesional en sí.

Los diseñadores pueden, obviamente, beneficiarse todavía más si aprenden a usar código, y los desarrolladores deberían probablemente estudiar diseño, pero la brecha entre ambas habilidades se está haciendo más y más fácil de unir. Seguir leyendo