Etiqueta: diseño (página 1 de 2)

Guía para diseño de interfaz de usuario: UI vs UX

El diseño de interfaz de usuario (UI) es una de varias disciplinas superpuestas responsables de crear las interfaces donde los usuarios interactúan con productos digitales. El diseño de interfaz de usuario se encuentra en un espectro con diseño de experiencia del usuario (UX), diseño de interacción (ID) y diseño visual o gráfico.

¿Qué es el diseño de UI?

En su definición más amplia, la interfaz de usuario es el espacio donde las personas y las máquinas interactúan. Las personas dan instrucciones a las máquinas y máquinas para que inicien un proceso, respondan con información y proporcionen comentarios que informen las decisiones humanas y habiliten futuras interacciones. El campo de la interacción humano-computadora (HCI) se ocupa más específicamente de las interfaces digitales, que han evolucionado desde las tarjetas perforadas y la entrada de texto en la línea de comandos hasta las sofisticadas interfaces gráficas de usuario (GUI) de la actualidad.

 

Seguir leyendo

Diseño colaborativo: aprende a diseñar exitosamente tus productos empresariales

Probablemente hayas oído hablar del desarrollo de software Agile, la gestión de procesos de Kanban y Lean UX. El diseño colaborativo es un enfoque filosófico y táctico diferente para el diseño de productos empresariales.

El diseño colaborativo es el proceso de diseño en un entorno participativo, cautivador y realista con todas las manos o confianza en el cerebro. NO está diseñando en el vacío; en cambio, como su nombre lo indica, el diseño colaborativo coloca al diseñador en el centro de los diversos equipos y departamentos para trabajar con todos a fin de crear un producto cohesivo. De esta manera, nadie queda afuera y el producto se puede construir con todos los interesados involucrados.

Cada organización empresarial es diferente, y agrupar a las partes interesadas en torno a cualquier idea o tarea puede parecer como pastorear gatos. En esta guía, repasaremos consejos y trucos para trabajar con los principales actores, no solo para obtener su opinión, sino también para incorporarlos con este nuevo enfoque centrado en el diseño.

 

Seguir leyendo

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

Piensa S.M.A.R.T. Para Definir Objetivos Comerciales Para Tu Próximo Proyecto De UX

Objetivos de negocio claros significan una ejecución precisa y eficiente. El inteligente. El marco (específico, medible, procesable, realista y basado en el tiempo) puede ser una clave para el éxito de tu diseño.

Muchos diseñadores de UX piensan que su objetivo principal es crear una experiencia de usuario deliciosa o un diseño elegante, pero ese no debería ser el enfoque principal. Los diseñadores necesitan pensar más allá de los simples píxeles. Deben adoptar una perspectiva comercial, pensar estratégicamente, considerar los objetivos principales y diseñar tanto para los usuarios como para los objetivos comerciales. Seguir leyendo

Cómo Darle a los Diseñadores Comentarios y Devoluciones Profesionales

Si alguna vez trabajaste con un diseñador, es probable que hayas estado en esta situación en algún momento: tu diseñador presenta con entusiasmo su trabajo, pero no está dándole en el blanco, y tú estás buscando las palabras correctas que decir. Ya sea que tú seas un cliente, un gerente o un compañero de equipo del diseñador, quiere ayudarlos a llegar a una solución adecuada en un plazo de tiempo razonable y mantener la positividad. Muchas veces, es más fácil decirlo que hacerlo. Los diseñadores y los clientes no siempre hablan el mismo idioma, por lo que durante las sesiones de colaboración y comentarios constructivos, a veces se topan con fricciones. Las diferencias en la forma en que las personas se comunican realmente pueden complicar el proceso.

Muchas cosas pueden salir mal en una sesión de comentarios de ambos lados. El diseñador puede no estar preparado con preguntas específicas o una presentación clara. El cliente o gerente puede ser demasiado duro o vago en sus comentarios. Seguir leyendo

eBooks Gratuitos Que Todo Diseñador Debería Leer

¿Alguna vez pudiste dominar el arte del diseño gráfico? El alcance cada vez mayor y cambiante de esta industria hace que la pregunta anterior parezca casi ridícula. Cualquier diseñador talentoso sabe que, para mantenerse relevante, la investigación es clave.

Sin ella, estás seguro que caerás detrás de la manada y perderás lo que sea que te hace diferente. Entonces, ¿dónde debes comenzar tu lista de lectura? Bueno, afortunadamente, hay una gran cantidad de recursos gratuitos por ahí en la forma de poco práctico ebooks de diseño. Aquí hay sólo 19 para empezar un largo camino. 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

Antiguas entradas