El documento presenta una guía sobre diseño web pixel perfect de Gabriela Salinas. Explica que el diseño pixel perfect se trata de observar los detalles más finos de cada pixel y elaborar minuciosamente cada elemento para que encaje perfectamente. También destaca la importancia de considerar la funcionalidad y usabilidad del sitio, así como seguir aprendiendo sobre las nuevas tendencias del diseño web. Incluye ejemplos de sitios web diseñados por Gabriela para ilustrar su proceso de diseño.
Las 5 Reglas de Oro del Diseño Web ResponsiveAntonRoMX
Desde que se convirtió en una norma de Google, el diseño web responsive nos ha hecho replantear la visibilidad de nuestro sitio en todos los dispositivos.
El documento habla sobre el diseño de páginas web. Explica que los diseñadores web crean páginas utilizando lenguajes como HTML y CSS, y que el diseño web implica trabajo relacionado con el diseño y layout de páginas online así como la producción de contenido. También menciona algunos elementos clave del diseño web como la responsividad, escaneabilidad, tipografía y velocidad de carga.
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...FromDoppler
En un universo saturado de ofertas, ¿en qué deben basarse las estrategias de negocio para ser efectivas? La respuesta está en la Experiencia de Usuario, por eso, Néstor Guerra ha compartido en el EMMS 2017 las herramientas infalibles para generar una imagen de marca positiva desde la UX, ¿te animas a ponerlas en práctica? ¡Sigue cada tip de este gran experto!
Este documento resume un ensayo sobre el libro "El Gran Libro del Diseño Web". El libro explica métodos para el desarrollo web y programas como Photoshop, HTML5 y CSS que se usan para crear páginas web atractivas. También discute cómo el diseño web ha evolucionado para adaptarse a dispositivos móviles y cómo las redes sociales han cambiado el panorama digital.
El documento destaca la importancia de la colaboración entre diseñadores y desarrolladores para lograr proyectos exitosos. Ambas partes deben tener en cuenta cómo sus trabajos afectan al otro y enfocarse en la funcionalidad y eficiencia. El proceso de trabajo en equipo puede mejorarse eliminando obstáculos a la comunicación y fomentando el intercambio de conocimientos entre las disciplinas.
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
Plática sobre elementos de diseño, que se deben tomar en cuenta, en cualquier proyecto destinado a Sitios y Blogs en su interacción con las Redes Sociales.
Prezi es una herramienta para crear presentaciones dinámicas y no lineales utilizando un gran lienzo virtual en lugar de diapositivas. Esto permite integrar texto, imágenes y videos y navegar entre la información mediante zoom y desplazamientos para obtener un estilo más dinámico que PowerPoint. Prezi puede utilizarse para llevar las presentaciones a un siguiente nivel al permitir conexiones entre diferentes presentaciones y ajustar el tiempo sin omitir detalles.
Las 5 Reglas de Oro del Diseño Web ResponsiveAntonRoMX
Desde que se convirtió en una norma de Google, el diseño web responsive nos ha hecho replantear la visibilidad de nuestro sitio en todos los dispositivos.
El documento habla sobre el diseño de páginas web. Explica que los diseñadores web crean páginas utilizando lenguajes como HTML y CSS, y que el diseño web implica trabajo relacionado con el diseño y layout de páginas online así como la producción de contenido. También menciona algunos elementos clave del diseño web como la responsividad, escaneabilidad, tipografía y velocidad de carga.
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...FromDoppler
En un universo saturado de ofertas, ¿en qué deben basarse las estrategias de negocio para ser efectivas? La respuesta está en la Experiencia de Usuario, por eso, Néstor Guerra ha compartido en el EMMS 2017 las herramientas infalibles para generar una imagen de marca positiva desde la UX, ¿te animas a ponerlas en práctica? ¡Sigue cada tip de este gran experto!
Este documento resume un ensayo sobre el libro "El Gran Libro del Diseño Web". El libro explica métodos para el desarrollo web y programas como Photoshop, HTML5 y CSS que se usan para crear páginas web atractivas. También discute cómo el diseño web ha evolucionado para adaptarse a dispositivos móviles y cómo las redes sociales han cambiado el panorama digital.
El documento destaca la importancia de la colaboración entre diseñadores y desarrolladores para lograr proyectos exitosos. Ambas partes deben tener en cuenta cómo sus trabajos afectan al otro y enfocarse en la funcionalidad y eficiencia. El proceso de trabajo en equipo puede mejorarse eliminando obstáculos a la comunicación y fomentando el intercambio de conocimientos entre las disciplinas.
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
Plática sobre elementos de diseño, que se deben tomar en cuenta, en cualquier proyecto destinado a Sitios y Blogs en su interacción con las Redes Sociales.
Prezi es una herramienta para crear presentaciones dinámicas y no lineales utilizando un gran lienzo virtual en lugar de diapositivas. Esto permite integrar texto, imágenes y videos y navegar entre la información mediante zoom y desplazamientos para obtener un estilo más dinámico que PowerPoint. Prezi puede utilizarse para llevar las presentaciones a un siguiente nivel al permitir conexiones entre diferentes presentaciones y ajustar el tiempo sin omitir detalles.
El documento habla sobre la diferencia entre UX (experiencia de usuario) y UI (interfaz de usuario), resumiendo que UX se enfoca en las emociones y sentimientos que una marca genera en los usuarios, mientras que UI se enfoca en la funcionalidad y estética. También presenta algunos de los errores comunes en UX, como no establecer objetivos de negocio claros, desconocer a los usuarios o no definir escenarios de uso.
Este documento presenta información sobre el módulo de experiencia de usuario (UX) en el curso de marketing digital. El módulo busca que los estudiantes comprendan el concepto de UX y su importancia en la conversión de visitantes a clientes. También pretende que los estudiantes aprendan sobre las mejores prácticas de diseño de experiencia de usuario y sean capaces de aplicar tests de usabilidad básicos para identificar problemas en interfaces existentes.
Este documento presenta los principios básicos del diseño de experiencia de usuario (UX) para dispositivos móviles. Explica que el diseño móvil requiere más que solo adaptar un sitio web, sino entender el contexto de uso y las limitaciones de la pantalla táctil. Luego enumera 10 pasos clave para el diseño UX móvil, que incluyen entender a los usuarios, definir el alcance, hacer bocetos iniciales, diseñar para tareas e interrupciones, seguir patrones de la plataforma y monit
Presentación introductoria a la metodología de diseño centrado en el usuario para el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
El documento describe el proceso de diseño de interacción, incluyendo técnicas como safaris de usuario, observación participativa y storytelling. Explica cómo utilizar estas técnicas para comprender mejor las necesidades y experiencias de los usuarios a través de la documentación de casos y escenarios reales. El objetivo final es mejorar la interacción y satisfacción del usuario.
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
El documento describe diferentes tipos de prototipos como storyboards y prototipos físicos de baja y alta resolución. Explica que los prototipos juegan un papel importante en el pensamiento de diseño al permitir probar ideas de manera temprana. También describe las herramientas y los cuatro pasos del pensamiento visual como mirar, ver, imaginar y mostrar.
Este documento describe las 6 etapas típicas de un proyecto web: 1) negociación e información del proyecto, 2) mapa de sitio, 3) interfaz gráfica, 4) inserción de contenido, 5) revisión y ajustes, y 6) publicación en la web. Ofrece consejos sobre cada etapa como obtener la aprobación del cliente, cumplir plazos, evitar cambios costosos tardíos, y no publicar el sitio hasta recibir el pago completo.
Este documento describe la herramienta Yola, la cual permite crear sitios web de forma gratuita y sencilla sin necesidad de conocimientos técnicos. Explica que Yola ofrece plantillas profesionales que pueden personalizarse y que permite agregar funciones como videos, imágenes y formularios. También indica que entre las ventajas se encuentra que es gratis pero con limitaciones, y entre las desventajas que el diseño y funciones son básicas. Finalmente, resume los pasos para crear una página en Yola.
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
Presentación introductoria de recomendaciones y buenas prácticas a tener en cuenta en el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
El documento describe la experiencia de usuario y cómo medirla. Explica que la experiencia se deriva de la observación y vivencias, y que las empresas ahora ofrecen experiencias en lugar de solo bienes y servicios. Luego resume estudios sobre cómo las personas leen en pantalla y dónde se enfocan su atención. Concluye que podemos diseñar para experiencias específicas pero no predecir la experiencia en sí del usuario.
El documento explica por qué es importante el enfoque de experiencia de usuario (UX). UX no se trata solo de la interfaz de usuario o wireframes, sino de lograr que la experiencia de un producto o servicio sea efectiva y satisfactoria para los usuarios. Incorporar UX puede mejorar las métricas de negocio como conversiones y retención de clientes, además de crear usuarios y equipos más felices.
El documento compara el diseño web adaptativo y responsive. El diseño responsive usa un solo diseño que se adapta a diferentes dispositivos manteniendo el mismo contenido, mientras que el diseño adaptativo crea diseños específicos para cada dispositivo. El diseño responsive requiere menos mantenimiento pero limita más el diseño, mientras que el adaptativo permite más flexibilidad pero requiere más mantenimiento de los diseños separados.
El documento describe varias herramientas educativas digitales. Conceptboard permite la colaboración virtual en una pizarra compartida. WeVideo facilita la edición de videos de forma colaborativa. Cacoo es una herramienta para crear diagramas colaborativos en tiempo real.
Este documento describe las 6 etapas típicas de un proyecto web: 1) negociación inicial, 2) creación de un mapa del sitio, 3) presentación de diseños propuestos, 4) inserción de contenido, 5) revisión y ajustes, y 6) publicación final en la web. Se enfatiza la importancia de la planificación, la comunicación con el cliente, y el establecimiento de expectativas claras en cada etapa.
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
El documento presenta un resumen del programa Lean UX implementado en Wayra para ayudar a los equipos emprendedores a desarrollar sus proyectos aplicando técnicas de experiencia de usuario. El programa se basa en un modelo iterativo de desarrollo de productos mediante reuniones de análisis, validación de prototipos y pruebas con usuarios para poner a prueba hipótesis y tomar decisiones informadas.
Este documento define el diseño web como el trabajo relacionado con el diseño y distribución de contenido en páginas web y sitios. Explica que el diseño web estudia los conceptos para crear sitios web funcionales y de acuerdo a las necesidades del cliente usando las últimas tecnologías. Finalmente, destaca que el diseño web es importante para el éxito empresarial ya que provee una buena primera impresión y experiencia de usuario en la web.
Como prototipar MAL una aplicación. La importancia del WireframeJorge Galindo Cruces
Buenas! Hace un mes di una charla sobre prototipado en el VIII Betabeers Cádiz y como soy un desastre he tardado en colgar la presentación.
Le di este nombre para recalcar lo mal que se puede llegar a hacer una app sin el uso del prototipado antes del diseño. Empiezo hablando del porqué hacerlo y poco a poco desarrollo el proceso que utilizamos en 47 Degrees.
Por favor, sentidse libre de comentar o preguntar lo que sea!
Enjoy!
El documento habla sobre la diferencia entre UX (experiencia de usuario) y UI (interfaz de usuario), resumiendo que UX se enfoca en las emociones y sentimientos que una marca genera en los usuarios, mientras que UI se enfoca en la funcionalidad y estética. También presenta algunos de los errores comunes en UX, como no establecer objetivos de negocio claros, desconocer a los usuarios o no definir escenarios de uso.
Este documento presenta información sobre el módulo de experiencia de usuario (UX) en el curso de marketing digital. El módulo busca que los estudiantes comprendan el concepto de UX y su importancia en la conversión de visitantes a clientes. También pretende que los estudiantes aprendan sobre las mejores prácticas de diseño de experiencia de usuario y sean capaces de aplicar tests de usabilidad básicos para identificar problemas en interfaces existentes.
Este documento presenta los principios básicos del diseño de experiencia de usuario (UX) para dispositivos móviles. Explica que el diseño móvil requiere más que solo adaptar un sitio web, sino entender el contexto de uso y las limitaciones de la pantalla táctil. Luego enumera 10 pasos clave para el diseño UX móvil, que incluyen entender a los usuarios, definir el alcance, hacer bocetos iniciales, diseñar para tareas e interrupciones, seguir patrones de la plataforma y monit
Presentación introductoria a la metodología de diseño centrado en el usuario para el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
El documento describe el proceso de diseño de interacción, incluyendo técnicas como safaris de usuario, observación participativa y storytelling. Explica cómo utilizar estas técnicas para comprender mejor las necesidades y experiencias de los usuarios a través de la documentación de casos y escenarios reales. El objetivo final es mejorar la interacción y satisfacción del usuario.
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
El documento describe diferentes tipos de prototipos como storyboards y prototipos físicos de baja y alta resolución. Explica que los prototipos juegan un papel importante en el pensamiento de diseño al permitir probar ideas de manera temprana. También describe las herramientas y los cuatro pasos del pensamiento visual como mirar, ver, imaginar y mostrar.
Este documento describe las 6 etapas típicas de un proyecto web: 1) negociación e información del proyecto, 2) mapa de sitio, 3) interfaz gráfica, 4) inserción de contenido, 5) revisión y ajustes, y 6) publicación en la web. Ofrece consejos sobre cada etapa como obtener la aprobación del cliente, cumplir plazos, evitar cambios costosos tardíos, y no publicar el sitio hasta recibir el pago completo.
Este documento describe la herramienta Yola, la cual permite crear sitios web de forma gratuita y sencilla sin necesidad de conocimientos técnicos. Explica que Yola ofrece plantillas profesionales que pueden personalizarse y que permite agregar funciones como videos, imágenes y formularios. También indica que entre las ventajas se encuentra que es gratis pero con limitaciones, y entre las desventajas que el diseño y funciones son básicas. Finalmente, resume los pasos para crear una página en Yola.
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
Presentación introductoria de recomendaciones y buenas prácticas a tener en cuenta en el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
El documento describe la experiencia de usuario y cómo medirla. Explica que la experiencia se deriva de la observación y vivencias, y que las empresas ahora ofrecen experiencias en lugar de solo bienes y servicios. Luego resume estudios sobre cómo las personas leen en pantalla y dónde se enfocan su atención. Concluye que podemos diseñar para experiencias específicas pero no predecir la experiencia en sí del usuario.
El documento explica por qué es importante el enfoque de experiencia de usuario (UX). UX no se trata solo de la interfaz de usuario o wireframes, sino de lograr que la experiencia de un producto o servicio sea efectiva y satisfactoria para los usuarios. Incorporar UX puede mejorar las métricas de negocio como conversiones y retención de clientes, además de crear usuarios y equipos más felices.
El documento compara el diseño web adaptativo y responsive. El diseño responsive usa un solo diseño que se adapta a diferentes dispositivos manteniendo el mismo contenido, mientras que el diseño adaptativo crea diseños específicos para cada dispositivo. El diseño responsive requiere menos mantenimiento pero limita más el diseño, mientras que el adaptativo permite más flexibilidad pero requiere más mantenimiento de los diseños separados.
El documento describe varias herramientas educativas digitales. Conceptboard permite la colaboración virtual en una pizarra compartida. WeVideo facilita la edición de videos de forma colaborativa. Cacoo es una herramienta para crear diagramas colaborativos en tiempo real.
Este documento describe las 6 etapas típicas de un proyecto web: 1) negociación inicial, 2) creación de un mapa del sitio, 3) presentación de diseños propuestos, 4) inserción de contenido, 5) revisión y ajustes, y 6) publicación final en la web. Se enfatiza la importancia de la planificación, la comunicación con el cliente, y el establecimiento de expectativas claras en cada etapa.
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
El documento presenta un resumen del programa Lean UX implementado en Wayra para ayudar a los equipos emprendedores a desarrollar sus proyectos aplicando técnicas de experiencia de usuario. El programa se basa en un modelo iterativo de desarrollo de productos mediante reuniones de análisis, validación de prototipos y pruebas con usuarios para poner a prueba hipótesis y tomar decisiones informadas.
Este documento define el diseño web como el trabajo relacionado con el diseño y distribución de contenido en páginas web y sitios. Explica que el diseño web estudia los conceptos para crear sitios web funcionales y de acuerdo a las necesidades del cliente usando las últimas tecnologías. Finalmente, destaca que el diseño web es importante para el éxito empresarial ya que provee una buena primera impresión y experiencia de usuario en la web.
Como prototipar MAL una aplicación. La importancia del WireframeJorge Galindo Cruces
Buenas! Hace un mes di una charla sobre prototipado en el VIII Betabeers Cádiz y como soy un desastre he tardado en colgar la presentación.
Le di este nombre para recalcar lo mal que se puede llegar a hacer una app sin el uso del prototipado antes del diseño. Empiezo hablando del porqué hacerlo y poco a poco desarrollo el proceso que utilizamos en 47 Degrees.
Por favor, sentidse libre de comentar o preguntar lo que sea!
Enjoy!
El diseñador a medias (con notas). UX Spain 2013 qweos
El documento habla sobre cuatro ocasiones en las que los diseñadores de productos digitales se quedan a medias en su trabajo: 1) No controlar la parte técnica y el rendimiento, 2) No llegar hasta el final del proceso de desarrollo, 3) Hacer solo consultoría en vez de participar en todo el proceso, y 4) No interactuar con los usuarios finales. El diseñador argumenta que para hacer un buen trabajo, es necesario conocer la tecnología subyacente, participar en todo el ciclo de desarrollo, e involuc
El documento contrasta las características y responsabilidades de un diseñador web y un programador web. Un diseñador web se enfoca en el contenido y la presentación visual, mientras que un programador web se enfoca en la funcionalidad y usabilidad. Aunque tienen diferentes habilidades, trabajando juntos pueden crear un sitio web más completo, eficiente y de alta calidad.
Este documento resume un ensayo sobre el libro "El Gran Libro del Diseño Web". El libro explica métodos para el desarrollo web y programas como Photoshop, HTML5 y CSS que se usan para crear páginas web atractivas. También discute cómo el diseño web ha evolucionado para adaptarse a dispositivos móviles y cómo las redes sociales han cambiado el panorama digital.
El documento habla sobre el diseño de páginas web. Explica que los diseñadores web crean páginas utilizando lenguajes como HTML y CSS, y que el diseño web implica trabajo relacionado con el diseño y layout de páginas online así como la producción de contenido. También menciona algunos elementos clave del diseño web como la responsividad, escaneabilidad, tipografía y velocidad de carga.
Este documento presenta los objetivos, introducción y marco teórico sobre el diseño de páginas web. Explica que el diseño web implica considerar la navegabilidad, interactividad, usabilidad y otros factores. Describe las etapas de diseño visual, estructura y posicionamiento en buscadores. También cubre fundamentos como el uso correcto de HTML, accesibilidad siguiendo las pautas WCAG, y varios consejos para el diseño efectivo de páginas web.
Conferencia "La importancia del diseño como factor diferenciador de nuestras aplicaciones móviles", impartida en el Centro Cultural de España en El Salvador con el objetivo de impulsar a emprendedores IT a cuidar del Diseño como un factor de valor agregado que incremente el potencial de venta de sus productos de software.
Las especialidades de UX/UI, front-end y back-end todas juegan un papel importante en el desarrollo de páginas y aplicaciones web. UX se enfoca en la experiencia del usuario a través de investigación e iteración, UI en el diseño visual e interactivo, front-end en el desarrollo de la interfaz visible para el usuario usando HTML, CSS y JavaScript, y back-end en el desarrollo de la lógica del sitio y conexión a bases de datos usando lenguajes como PHP, Java o .NET. Juntos permiten crear sit
El taller propone que el estudiante investigue, diseñe y ejecute proyectos digitales centrados en el usuario. La asignatura se enfoca en la gestión del proyecto: planificar, estructurar, diseñar, implementar y evaluar productos digitales con fines institucionales, empresariales o sociales.
El documento presenta una introducción al desarrollo y gestión de aplicaciones móviles corporativas. Se discutirán conceptos como UX, UI y diseño de experiencia de usuario, así como tipos de aplicaciones, tamaños de pantalla, flujos de usuario y tendencias actuales en diseño visual para aplicaciones móviles. El objetivo es proporcionar recomendaciones para el desarrollo exitoso de aplicaciones móviles.
Este documento introduce el diseño web, explicando que va más allá del diseño gráfico y se centra en la usabilidad, navegabilidad y arquitectura de la información. Explica las etapas del diseño web, incluyendo el diseño de la información, el diseño del sitio, el diseño de páginas y el desarrollo. El objetivo final del diseño web es mostrar información de manera fácil y accesible para todo tipo de usuario.
Este documento describe las etapas para el desarrollo de un sitio web, incluyendo el análisis y planeación, diseño, desarrollo, y evaluación y publicación. En la etapa de análisis y planeación se involucra con el cliente, se realizan entrevistas y se establecen los requerimientos. En la etapa de diseño se crean mapas del sitio y de navegación y bocetos para definir la estructura y apariencia del sitio. Finalmente, en la etapa de desarrollo se construye el sit
Este documento describe el proceso de diseño centrado en el usuario (UX) de Raona para crear aplicaciones exitosas. Raona utiliza un enfoque centrado en el usuario y el negocio que involucra a los usuarios y las partes interesadas a través de técnicas como workshops y entrevistas para comprender sus necesidades. Luego, Raona desarrolla soluciones intuitivas a través de sesiones creativas de modelado conceptual antes de iterar y validar el diseño visual. El objetivo es alinear la solución con los objetivos del usuario y el
Este documento describe los principios y procesos clave de Raona para lograr un excelente diseño de experiencia de usuario (UX). Raona enfatiza el diseño centrado en el usuario y en el negocio a través de técnicas como workshops, entrevistas y pensamiento de diseño para comprender las necesidades de los usuarios y el negocio. Luego, Raona crea soluciones intuitivas a través de sesiones creativas de equipo y valida iterativamente los diseños con comentarios de usuarios y clientes. El objetivo final es desarrollar aplicaciones que
Buenas prácticas para crear tu página web - NominaliaNominalia
Presentación del webinar "Buenas prácticas para crear tu página web", impartido por Juanmi Barea, especialista UX de Nominalia el 9/5/2013. Te enseñamos algunas técnicas y procedimientos que te ayudarán a crear una página web de calidad, siguiendo los estándares. Resolvemos en directo varios problemas habituales, enseñamos herramientas útiles y mostramos ejemplos de buenas prácticas
El documento describe varias herramientas gratuitas para diseñar páginas web y realizar diseño gráfico como WYSIWYG Web Builder, HTMLSpy y GI Web para diseñar páginas web, y The GIMP, ColorPic y Magnifier para editar imágenes y gráficos. Estas herramientas permiten a usuarios de cualquier nivel crear y diseñar páginas web sin necesidad de conocimientos avanzados de programación.
Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera
Este documento discute las desafíos comunes que enfrentan los diseñadores y desarrolladores front-end al trabajar juntos en proyectos, como falta de comunicación, expectativas irreales de tiempo, y funcionalidades demasiado complejas para el tiempo asignado. Reconoce la importancia de reuniones regulares del equipo, escuchar las necesidades del otro, y adoptar procesos y herramientas que optimicen el flujo de trabajo. Concluye que los equipos que se comunican de forma continua producen mejores resultados, y a veces menos puede ser más
Trazos poligonales para hallar las medidas de los angulos con las distancias establecidas realizadas con la cinta metrica. Empleando fórmulas como la ley de cosenos y senos, para determinar dichos ángulos.Lo que ayudará para la enseñanza estudiantil en el ámbito de la ingeniería.
El crecimiento urbano de las ciudades latinoamericanas ha sido muy rápido en las últimas décadas, debido a factores como el crecimiento demográfico, la migración del campo a la ciudad, y el desarrollo económico. Este crecimiento ha llevado a la expansión de las ciudades hacia las áreas periféricas, creando problemas como la falta de infraestructura adecuada, la congestión del tráfico, la contaminación ambiental, y la segregación social.
En muchas ciudades latinoamericanas, el crecimiento urbano ha sido desorganizado y ha resultado en la formación de asentamientos informales o barrios marginales, donde las condiciones de vida son precarias y la población carece de servicios básicos como agua potable, electricidad y transporte público.
Además, el crecimiento urbano descontrolado ha llevado a la destrucción de áreas verdes, la deforestación y la pérdida de biodiversidad, lo que tiene un impacto negativo en el medio ambiente y en la calidad de vida de los habitantes de las ciudades.
Para hacer frente a estos desafíos, las ciudades latinoamericanas están implementando políticas de planificación urbana sostenible, promoviendo la densificación urbana, la revitalización de áreas degradadas, la preservación de espacios verdes y la mejora de la infraestructura y los servicios públicos. También se están llevando a cabo programas de vivienda social y de regularización de asentamientos informales, con el objetivo de mejorar la calidad de vida de los habitantes de estas áreas.
El crecimiento urbano de las ciudades latinoamericanas ha sido muy rápido en las últimas décadas, debido a factores como el crecimiento demográfico, la migración del campo a la ciudad, y el desarrollo económico. Este crecimiento ha llevado a la expansión de las ciudades hacia las áreas periféricas, creando problemas como la falta de infraestructura adecuada, la congestión del tráfico, la contaminación ambiental, y la segregación social.
En muchas ciudades latinoamericanas, el crecimiento urbano ha sido desorganizado y ha resultado en la formación de asentamientos informales o barrios marginales, donde las condiciones de vida son precarias y la población carece de servicios básicos como agua potable, electricidad y transporte público.
Además, el crecimiento urbano descontrolado ha llevado a la destrucción de áreas verdes, la deforestación y la pérdida de biodiversidad, lo que tiene un impacto negativo en el medio ambiente y en la calidad de vida de los habitantes de las ciudades.
Para hacer frente a estos desafíos, las ciudades latinoamericanas están implementando políticas de planificación urbana sostenible, promoviendo la densificación urbana, la revitalización de áreas degradadas, la preservación de espacios verdes y la mejora de la infraestructura y los servicios públicos. También se están llevando a cabo programas de vivienda social y de regularización de asentamientos informales, con el objetivo de mejorar la calidad de vida de los habitantes de estas áreas.
Catalogo General Grespania Ceramica Amado Salvador Distribuidor Oficial ValenciaAMADO SALVADOR
Descarga el catálogo general de productos cerámicos Grespania, presentado por Amado Salvador, distribuidor oficial de cerámica Grespania. Explora la amplia selección de productos Grespania de alta calidad diseñados para brindar belleza y durabilidad a tus proyectos de construcción y diseño.
Grespania es reconocida por la excelencia en productos cerámicos. Como distribuidor oficial de cerámica Grespania, Amado Salvador te ofrece acceso a una variedad de productos que cumplen con los más altos estándares de calidad.
En este catálogo encontrarás una amplia gama de opciones en azulejos, pavimentos y revestimientos cerámicos, todos ellos fabricados con la alta calidad que caracteriza a Grespania. Desde diseños modernos hasta clásicos atemporales, los productos satisfacen las necesidades de cualquier proyecto.
Confía en Amado Salvador como tu distribuidor oficial de cerámica Grespania para encontrar los productos perfectos que se adapten a tus proyectos. Descarga el catálogo ahora y descubre los productos de Grespania. Amado Salvador distribuidor oficial Grespania en Valencia.
2. GABRIELA—
Diseñadora Gráfica. Egresada en 2010.
Tres años trabajando en Face.
Identidad, Editorial, Branding, Diseño Web,
Fotografía, etc.
Proyectos Freelance. Mitosis010. Splittt.
Master in Business Innovation.
@gabrielasalinas
gabrielasalinas.tumblr.com
Mi nombre es Gabriela Salinas, tengo 23 años soy diseñadora gráfica egresada hace 2 años del Cedim. Tengo
tres años trabajando en Face, soy diseñadora senior y hago identidad, editorial, branding, diseño web,
fotografía, empaque, naming, entre muchas otras cosas.
Actualmente también freelanceo, la cantidad de proyectos web que hago ha aumentado considerablemente.
Hay una fuerte demanda de diseño web, y ahora es de los proyectos que más me gusta diseñar, es bien
divertido, y te mantiene aprendiendo constantemente.
3. PIXEL PERFECT.
100% AMOR
¿Qué es el diseño pixel perfect?
No es una técnica, sino el amor más puro al diseño web. Donde el amor te permite observar los
más finos detalles de cada pixel, y elaboras minuciosamente cada elemento para que cuadre
perfectamente entre pixeles y proporciones.
Cuando los más pequeños detalles están en armonía, un sitio se vuelve pixel perfect.
4. BELLEZA & FUNCIÓN.
El objetivo del diseño web
es crear un ambiente digital
que facilite la actividad
humana, refleje una acción,
y se adapte al contenido.
Parte de este amor no es solo diseñar por que se vea bonito, hay que
tomar en cuenta la funcionalidad del sitio, las jerarquías de los elementos,
que el diseño respire, que las acciones (call to action) se distingan, que el
usuario no tenga problemas en entender. Y ya después se puede dar paso
a los detalles.
5. Less is more
No hay que olvidar que todo gira en torno a un balance de
detalles, y consistencia en el estilo. Un sitio puede ser simple o
complejo, pero al diseñar nunca hay que olvidar lo que Mies Van
der Rohe nos decía: Less is More.
Un sitio con elementos innecesarios es confuso, incluso debe ser
como dicen en la moda: Cuando terminas de arreglarte al final
quitate un accesorio. Con el diseño web también tendemos a
exagerar mucho en elementos y detalles, cuando te brincas al lado
opuesto y el diseño es muy cargado de detalles pierdes la armonía
y usabilidad. A veces un verdadero reto es hacer algo sencillo en
vez de tantos detalles. Nunca está mal ser muy obsesivo con ello.
6. FORMAS DE TRABAJO.
DISEÑAR PROGRAMAR
MAGIA
Para hacer un sitio hay dos fases principales necesarias: el diseño y la programación. En la vida
real un diseñador no necesariamente tiene que saber programar, y a su vez un programador
no tiene que saber diseñar. Pero existe un limbo mágico entre los dos, y la persona que tiene
los skills para lograr los dos de manera perfecta, es esa persona que todos los startups buscan
- los llamados rockstars o los ninjas.
Generalmente el perfil de esa persona es muy específico, pero de alguna manera es lo que
todos aspiramos. Yo creo que los diseñadores tenemos ventaja para lograrlo a diferencia de los
programadores que usualmente cuentan con una mente muy analítica y una visión no tan
refinada de estética
7. WORKFLOW.
BRIEF DISEÑO
WIREFRAMES PROGRAMACIÓN
Desde la perspectiva de un diseñador para hacer un sitio primero se tiene que
hablar con un cliente y generar un brief del alcance, muchas veces los clientes
no tienen idea de lo que buscan, y es nuestro papel orientarlos y proponer o
mostrar ejemplos.
El siguiente paso funciona mejor si se hace de la mano de un programador,
que es hacer el wireframe. Después sigue la fase de diseño, y al final la fase de
programación, que usualmente suele tardar un poco más que la de diseño,
dependiendo el sitio.
8. WORKFLOW — WIREFRAMES.
Vamos a adentrarnos un poco al proceso. La fase de los wireframes suena
aburrido pero es fundamental y probablemente implica un input mayor de
creatividad. Hay muchas maneras para hacerlo, puede ser a mano, existen
varias apps, algunos prefieren directo a photoshop para determinar el grid de
una vez, incluso existen stencils como este con elementos básicos de interfaces.
9. WORKFLOW — DISEÑO.
PHOTOSHOP BROWSER FIREWORKS
El proceso de diseño es mucho más complejo. Lo normal es que primero se defina si
se va a diseñar en un programa como photoshop o fireworks. O muchos lo que hacen
es diseñar con el browser, hacen tests y el photoshop solo lo usan para cosas
generales. Ninguna opción es mejor que la otra, cada quien se adapta a lo que más
prefiera.
Si no sabes programar comoquiera es importante comprender nociones básicas de lo
que es posible en cuanto a programación, por que aquí entran muchas preguntas de
diseño como si el sitio es responsive, cómo se usa el webfont, ente muchísimas otras
cosas.
Pero a final de cuentas lo más importante es definir el problema a resolver, y pensar
lo que los usuarios necesitan antes de empezar el diseño.
10. WORKFLOW — PROGRAMACIÓN.
FRONT END BACK END
En cuanto a programación también hay varias dudas que
se deben tomar en cuenta desde las fases iniciales, para
empezar si el programador es frontend o backend, y si
en ese caso va a usar un cms o administrador de
contenido como wordpress o ruby on rails, si se van a
aprovechar herramientas como html5 o css3, entre otras
cosas que no estan demás cuestionarlas desde un inicio
para sacarle el mejor provecho al proyecto.
11. LOVE THE GRID.
Siempre habrá comentarios de las personas sin experiencia como:
"el diseño web es muy cuadrado", "todo son columnas", entre otras
cosas. Hay que entender como cualquier oficio se deben contar
con las bases, un diseñador editorial sabe que debe usas títulos y
textos columnados, un arquitecto sabe que debe haber baños y
escaleras. Y normalmente los que han intentado diseñar webs sin
estos fundamentos terminan con sitios web imposibles de usar. Es
nuestro trabajo como diseñadores entender el grid, encontrar la
belleza que se esconde detrás del él, y usarlo con el respeto que se
merece. Como dicen "hay que conocer las reglas para después
romperlas"
12. USABILIDAD & USUARIOS.
UI UX
Es por esto que llegamos finalmente a lo más importante que hay
que tener en mente al momento de diseñar un web. El diseño
debe ser estético pero sin dejar a un lado la funcionalidad y la
experiencia del usuario. Los mejores diseñadores saben crear
sitios intuitivos. La usabilidad va más alla de definir reglas para
los diseñadores, realmente lo que hace es ahorrar tiempo y
añadir valor para los clientes y los usuarios finales. Cuando
consideramos la usabilidad como el factor principal en todo lo
que hacemos, nos aseguramos que el proyecto funcione y que la
necesidad de los usuarios sea resuelta, esto va de la mano de un
buen diseño.
13. FUTURE—FRIENDLY DESIGN.
Antes de mostrarles algunos ejemplos y platicarles mi experiencia, quisiera hacer una
recomendación si les interesa iniciar a diseñar web. Igual como en el diseño gráfico, en
el diseño web también hay que pensar en el futuro, la realidad es que el diseño web
avanza más rápido de lo que incluso nosotros podemos seguir, los estandares cambian,
ahora hay muchos devices, muchas resoluciones, retina display, nuevos lenguajes,
nuevas tendencias de diseño como el famoso skeumorphism del que se apoya tanto
apple. No hay que olvidar que un sitio bien hecho y con elementos atemporales va a
cumplir su función por un tiempo más largo que uno apoyado de tendencias que en un
año o dos se volvería obsoleto. Hay que tratar de mantener nuestro trabajo relevante y
nuevo, pero a la vez que su funcionalidad y valor estético se mantengan más tiempo.
14. Semeantoja.com es un sitio para ordenar comida por internet, ellos son un
startup y necesitaban hacer un sitio más limpio y entendible, pero a la vez
muy estético, moderno y único. Con ellos el flujo de trabajo se dió
increiblemente sencillo, ya contaban con los wireframes e incluso la
dirección del diseño que esperaban, aportaron muchos ejemplos y de las dos
partes quedamos muy satisfechos.
15. Este es un ejemplo de las pantallas que
se propusieron en cuanto a roll-overs.
16. Bleumind es un sitio que hice en Face para un servicio de reclutamiento laboral.
Con ellos se rediseñó completamente la marca, ya que buscaban una identidad
fina y con mucho detalle, inspirada en universidades como Hardvard y trajes a
la medida.
17. Para el sitio web se generó
iconografía basada en el monograma,
e ilustraciones modulares para
complementar el sitio. Se manejaron
pequeñas sombras y texturas para
comunicar mejor el estilo de la
marca.
18. Cuatro44 son un despacho de arquitectura, buscaban un sitio limpio y
práctico pero con un poco de onda. El problema que ellos tenían es
que no contaban con buena documentación fotográfica de sus
proyectos. Para este caso se pensó en sliders un poco escondidos, para
ser visualizados solo por los verdaderamente interesados, y así no
ensuciar el sitio.
19. Las galerías se buscaban ser
modulares, un sitio con un
sentimiento muy arquitectónico
y sobrio, pero con elementos
actuales.
20. Se pensó en maneras alternativas de agregar detalles al sitio sin recurrir a
imágenes, tal es el caso de la sección del proceso, donde se trabajó con
iconografía, colores y copy para que la atención se enfocara en estos
elementos.
21. Soy Novia es una revista hermana de Chic la cual fue
rediseñada en Face. Estos clientes quedaron muy
contentos con el trabajo que se hizo y quisieron agregar
este sitio al rediseño. Este proyecto fue sencillo por que
ya se contaba con una dirección y estructura similar para
Chic, solo había que adaptar los elementos a la identidad
de Soy Novia.
22. Esta es una vista interior de los artículos
dentro del sitio.
23. Highpark es un residencial en San Pedro. Este
sitio fue el segundo rediseño que se hizo del
sitio, ya que el primero que diseñamos resultó
ser "demasiado innovador" para el tipo de
audiencia que se contaba, ya que
originalmente el primer sitio se diseño
pensando en las dinámicas de iPad y el
mercado no estaba familiarizado con esto.
Este sitio resultó en una síntesis del primero,
donde se mantuvieron solo los elementos más
importantes, y con un diseño más sobrio y
elegante.
24. Se intentó destacar las imágenes y
elementos de la identidad. A veces lo
más simple es lo que mejor funciona. El
diseño debe ser inteligente y sencillo. Si
se aventuran a diseñar algo complejo,
al menos la interacción debe sentirse
intuitiva.
25. Hilda55 es una marca de jeans,
este proyecto solo esperaban una
propuesta conceptual del camino
que debería tomar la marca y
esto fue lo que se presentó en el
pitch.
26. We get better design
when we understand
our medium.
Lo más importante de todo es seguir aprendiendo,
entendiendo el medio, intentar aprovechar las
herramientas nuevas, y recuerden que el diseño
está en los detalles. La meta de atender hasta los
más mínimos detalles es pensar de manera crítica
hacia el diseño para poder mostrar las mejores
propuestas posibles.
Y pensar de manera crítica es más importante que
las herramientas o skills para diseñar el web. Hacer
diseño pixel perfect no es fácil, requiere tiempo,
inspiración e imaginación, sin embargo te ayuda a
cultivar tu ojo crítico y diseñar mejor.