Patrones de diseño para web

Inicio » Patrones de diseño para web

tablero de patrones de diseño de ux

O’Reilly, Tim (2007): What Is Web 2.0: Patrones de diseño y modelos de negocio para la próxima generación de software. Publicado en: International Journal of Digital Economics nº 65 (marzo de 2007): pp. 17-37.

Este artículo es la primera iniciativa que intenta definir la Web 2.0 y comprender sus implicaciones para la próxima generación de software, analizando tanto los patrones de diseño como los modos de negocio. La Web 2.0 es la red como plataforma, que abarca todos los dispositivos conectados; las aplicaciones de la Web 2.0 son las que aprovechan al máximo las ventajas intrínsecas de esa plataforma: la entrega de software como un servicio continuamente actualizado que mejora cuanto más gente lo utiliza, el consumo y la remezcla de datos de múltiples fuentes, incluidos los usuarios individuales, al tiempo que proporcionan sus propios datos y servicios en una forma que permite la remezcla por parte de otros, la creación de efectos de red a través de una “arquitectura de la participación”, y la superación de la metáfora de la página de la Web 1.0 para ofrecer ricas experiencias de usuario.

patrón de diseño de tarjetas

¿Se ha dado cuenta de que la mayoría de los productos son relativamente similares? Los sitios web tienen una barra de navegación superior. Las aplicaciones utilizan barras de pestañas. La mayoría de los inicios de sesión se componen de dos campos de entrada que solicitan el nombre de usuario y la contraseña, junto con un botón para enviar la información introducida. Por lo general, seguimos los mismos pasos cuando compramos un producto y pasamos por el proceso de compra.

¿Los diseñadores se dedican a copiar el trabajo de los demás? No del todo. Muchos de nosotros utilizamos patrones de diseño de interfaz e interacción para dar forma a nuestro trabajo y, como resultado, diseñamos interfaces de usuario de aspecto similar.

Los patrones de diseño de interfaz de usuario son soluciones recurrentes a problemas comunes en el diseño de interfaces de usuario. Nos ayudan a evitar reinventar la rueda y hacen que el diseño de una solución fiable a un problema de diseño de interfaz sea mucho más rápido.

Aunque son el pan de cada día en el diseño de interfaces de usuario, los patrones de diseño de interfaces de usuario no son una creación del diseñador. Tienen sus raíces en la arquitectura y la programación y fueron diseñados para optimizar el proceso de desarrollo de la interfaz de usuario.

Al crear una biblioteca de componentes que ofrecen soluciones probadas a los problemas de los usuarios, los desarrolladores pudieron reducir el tiempo que dedican a crear y probar las piezas, agilizando el proceso general de desarrollo. Los diseñadores de interfaz de usuario no tardamos en darnos cuenta de las ventajas de los patrones de diseño de interfaz de usuario.

patrones de diseño responsivo

¿Estás considerando una carrera en UX? ¿O tal vez ya estás en las primeras etapas de aprendizaje para diseñar prototipos básicos o maquetas de interfaz de usuario más pulidas? Si es así, puede que te hayas encontrado con el término “patrones de UX” y te hayas preguntado qué son.

En esta guía, vamos a hablar de lo que son (y no son) los patrones de UX, y cuál es la razón de ser de su desarrollo. Analizaremos cómo puedes incorporarlos a tu proceso de diseño, así como el impacto que pueden tener en el desarrollo del diseño, el flujo y la usabilidad de tu producto digital. Si ya está familiarizado con los patrones de UX y desea saltar a una sección específica, simplemente selecciónela a continuación.

Los patrones de diseño UX son soluciones repetibles a problemas de diseño recurrentes. Si está diseñando un nuevo sitio web, o los wireframes para ese sitio, querrá averiguar la forma más fácil en que los usuarios pueden interactuar con su sitio.

Algunas cosas básicas que pedimos a los usuarios que hagan en casi todos los sitios son: registrarse, iniciar sesión, entrar y salir. Cada uno de nosotros utiliza numerosas aplicaciones web y móviles a diario y creo que todos estamos de acuerdo en que volver a introducir nuestro nombre, correo electrónico, contraseña y otros datos repetidamente es cansado. A veces podemos utilizar un patrón de diseño para resolver un problema común como éste.

biblioteca de patrones ux

Este documento fue la primera iniciativa para intentar definir la Web 2.0 y comprender sus implicaciones para la próxima generación de software, examinando tanto los patrones de diseño como los modos de negocio. La Web 2.0 es la red como plataforma, que abarca todos los dispositivos conectados; las aplicaciones de la Web 2.0 son las que aprovechan al máximo las ventajas intrínsecas de esa plataforma: la entrega de software como un servicio continuamente actualizado que mejora cuanto más gente lo utiliza, el consumo y la remezcla de datos de múltiples fuentes, incluidos los usuarios individuales, al tiempo que proporcionan sus propios datos y servicios en una forma que permite la remezcla por parte de otros, la creación de efectos de red a través de una “arquitectura de la participación”, y la superación de la metáfora de la página de la Web 1.0 para ofrecer ricas experiencias de usuario.

Ir arriba