Diseño

Hace unas semanas realizamos nuestro primer workshop en IDA y tuvimos muy buena recepción. En esa ocasión postularon más de 90 personas y los participantes nos dejaron muy buenos comentarios. Motivados por este éxito y pensando en darles una nueva oportunidad a quienes no quedaron seleccionados, organizamos una segunda versión de IDA Workshop AI que […]

Como arquitectos de información y diseñadores UX, siempre debemos tomar decisiones a la hora de realizar prototipos que reflejen y ayuden a comprender cómo será un proyecto. Dentro de estas decisiones está el cómo realizar un wireframe, ¿lo haremos simple o complejo? ¿detallaremos interacción o sólo estructura? ¿construiremos el flujo o sólo las pantallas principales?. […]

Dentro de la arquitectura de información y la creación de prototipos digitales (aplicaciones, sitios web, landings, etc) siempre es útil contar con un repositorio o banco de elementos que puedan ser reutilizados para no comenzar desde cero cada vez que tenemos un nuevo proyecto. La utilidad de “normar” u “ordenar” estos elementos no implica que […]

Las últimas tendencias y técnicas de diseño web han avanzado hacia modelos más sencillos y con menor variación de los contenidos entre versiones, adaptándose a las características de los desktops, móviles y tablets. Sin embargo, aún existe confusión entre las prácticas más antiguas y las nuevas, y muchos no conocen las diferencias e implicancias de cada técnica. Para […]

Uno de los objetivos fundamentales de IDA es formar y contar con profesionales de excelencia. Es por esto que mes a mes compartimos cursos o eventos que nos permiten actualizar, profundizar o adquirir nuevos conocimientos relacionados al ecosistema digital. Con esto en mente y uniéndonos a la celebración internacional de AI, realizamos nuestro primer workshop […]

Muchas empresas, marcas y emprendimientos han optado por tener un one page en vez de un sitio web completo. Como su nombre indica, estas plataformas tienen una sola página, la que va acompañada por un largo scroll y no necesita una navegación interior. Este formato puede ser muy atractivo para los usuarios, pero puede volverse […]

Las necesidades de información de los usuarios y sus variados comportamientos de búsqueda explican parte importante de la necesidad de contar con una arquitectura de información. Si bien las taxonomías, motores de búsquedas y otros elementos técnicos imponen reglas, el objetivo no es cumplir con ellas. La finalidad de la arquitectura es ayudar a las personas […]

En plataformas digitales, el scroll infinito consiste en un tipo de diseño en el que los contenidos se cargan a medida que el usuario navega, mostrando toda la información disponible sin necesidad de hacer clic continuamente. Este recurso permite a los usuarios escanear y comparar los contenidos de forma dinámica. Su aplicación más conocida es […]

Cuando entras a un sitio web lleno de anuncios, animaciones, mensajes y ventanas emergentes, es difícil centrar la atención en algo y actuar. Mientras más opciones hay, más complicado es tomar una decisión sobre cómo navegar los contenidos y buscar lo que necesitas. Esta confusión termina frustrando a la mayoría de los usuarios. Para evitar […]

La formación técnica de los profesionales es un factor clave para el éxito de los proyectos digitales. Sin embargo, los conocimientos base no son lo más importante, es la capacidad para coordinarse en equipos y auto capacitarse para responder a las tendencias, lo que definirá en el largo plazo la eficiencia de su trabajo. Esta semana compartimos un listado […]

Dentro de los diversos espacios web que pueden diseñarse, existen las llamadas “Landing pages” o “Páginas de aterrizaje”. Estas son similares a un sitio web, pero de mayor simpleza, porque se enfocan en un solo objetivo o acciones puntuales. Específicamente, una landing page es una página web que prescinde de secciones interiores, entregando toda la […]

En diseño web, contar con herramientas adecuadas es fundamental para asegurar la eficiencia del trabajo. Afortunadamente, hoy existen muchas opciones que se pueden personalizar según las necesidades de cada profesional y el proyecto en el que esté trabajando. Hace un tiempo les contamos sobre las ventajas de Sketch, un software de diseño gráfico pensado para […]

Las interfaces digitales son la cara más visible de los proyectos digitales. En ellas, las personas interactúan con el sistema, acceden a los contenidos y se comunican con la empresa. Gran parte de la experiencia de los usuarios se configura en esta área, por lo que cada detalle es importante. Estos días revisamos técnicas para […]

Al visitar un sitio web, muchas veces enfocamos nuestra atención en elementos como los colores, las formas, fotografías y puntos de interacción. Sin embargo, pocas veces notamos las tipografías y su aplicación, ya que si están bien implementadas, no las notamos, leemos la información y continuamos nuestro recorrido. Los problemas ocurren cuando los contenidos son difíciles […]

El diseño de errores es uno de los aspectos que muchas veces queda olvidado en el diseño de plataformas digitales. ¿Qué verá el usuario cuando el sistema falle? ¿Cómo sabrá que hizo algo mal? ¿Cómo podemos ayudarlo a corregir su error? Estos elementos de orientación y ayuda no son algo menor. Si un usuario se […]

La ergonomía de diseño web estudia las habilidades humanas para crear interfaces que se adecuen al cuerpo de las personas. Su aplicación determina la capacidad de una plataforma de ofrecer un uso cómodo para los usuarios, al mismo tiempo que responde a sus requerimientos. En este sentido, hay dos características principales que persigue: Efectividad: Debe […]

Todos los detalles de una interfaz digital tienen un impacto en el resultado final de un sitio web. Cada color, tipografía, espacio y característica de los elementos, pueden marcar una diferencia en la apariencia y sentido de la plataforma, e incluso influir en su capacidad para apoyar a los usuarios en la realización de tareas […]

Cada día es un nuevo mundo cuando nos referimos a los avances en el desarrollo de plataformas y el ecosistema digital. Conceptos como experiencia de usuario, diseño multipantalla y material design, entre muchos otros, partieron como experimentos y pronto se convirtieron en prácticas fundamentales para los procesos de creación de sitios web y aplicaciones. El […]

Cuando están bien diseñados, los newsletters son una gran herramienta para fortalecer una marca y mejorar las relaciones con los usuarios. Hay muchos factores que influyen en el éxito de estas campañas, desde aspectos de la planificación, como la segmentación de los envíos, hasta detalles en el contenido, como la redacción de los llamados a […]

Luego de varios meses diseñando y aplicando estrategias de marketing de contenidos, ya nos tocaba un rediseño a nuestro propio blog. Durante este tiempo de aprendizajes y pruebas, utilizamos distintos formatos, técnicas de posicionamiento y temáticas, y logramos identificar varios puntos que necesitaban optimización. Los principales problemas que vimos fueron que la portada no reflejaba […]

A dos meses de que termine este año, renovamos nuestra agenda con eventos para investigar las nuevas tendencias del mundo digital. Durante noviembre, la adaptación digital y su implicancia en la cultura, el diseño de plataformas y las nuevas tecnologías, son los temas principales que marcan la pauta. Estos son los eventos más destacados del […]

Las guías de estilo proporcionan la información necesaria para continuar un proyecto digital una vez que la administración es entregada al cliente. Los estilos se definen principalmente al diseñar home, portadilla y single, sin embargo, también son útiles para los diseñadores durante la creación de elementos que no forman parte de las plantillas anteriores, pues se encuentran […]

Las guías de estilo proporcionan la información necesaria para continuar un proyecto digital una vez que la administración es entregada al cliente. Los estilos se definen principalmente al diseñar home, portadilla y single, sin embargo, también son útiles para los diseñadores durante la creación de elementos que no forman parte de las plantillas anteriores, pues se encuentran […]

En términos generales, un wireframe es el resultado gráfico entre el diseño y la arquitectura de la información, un prototipo web enfocado a definir la estructura y los espacios. Una de sus funciones principales es coordinar las visiones de los distintos equipos de un proyecto. Para esto, utiliza varios elementos que deben ser justificados y […]

La adaptación de compañías o empresas a móviles no es un trabajo que deba ser tomado a la ligera, especialmente si consideramos los datos del comportamiento de los usuarios en Latinoamérica y el aumento de los smartphones en búsquedas rápidas. La influencia de estos dispositivos es tan grande que Google definió un nuevo parámetro para diseñar […]

En la sociedad hiperconectada y activa de hoy, son las personas quienes deciden qué, cuándo y cómo quieren consumir información. En este escenario, la experiencia de los usuarios se convierte en el factor que determina el éxito o fracaso de una empresa en Internet, obligando a los equipos a centrar todos sus esfuerzos en la […]

Cuando las imágenes no son trabajadas de forma interna y se recurre a la utilización de imágenes encontradas en buscadores, no existe un estilo visual declarado. Esto hace que se pierda coherencia visual y, con ella, la identidad de marca. Además, muchas de las imágenes genéricas que circulan por Internet son muy conocidas y pueden […]

Uno de los requisitos para el buen trabajo en equipos multidisciplinarios es la elección de un software que cumpla con las exigencias de los grandes proyectos y facilite el traspaso de tareas. En IDA empezamos trabajando con Fireworks, pero Adobe decidió descontinuarlo. Entonces probamos con Indesign, herramienta que permite definir estilos y hacer actualizaciones automáticas. […]

La usabilidad o “facilidad de uso” es un concepto complejo que se compone de varios factores. En plataformas digitales, esta cualidad no solo depende de la interfaz, también la determinan los conocimientos y habilidades de los usuarios. Cuando las tendencias y los hábitos cambian, el nivel de usabilidad varía. Por ejemplo, antes de la masificación […]

El Laboratorio de Gobierno es un equipo multidisciplinario que tiene como objetivo desarrollar y promover procesos de innovación en servicios públicos centrados en las personas. La idea de esta iniciativa es trabajar con profesionales de distintas áreas para optimizar los servicios del país mediante un rediseño innovador. De esta forma, el Gobierno busca responder de […]

Para lograr una adecuada articulación entre el usuario, la interfaz gráfica y el sistema que responde a las acciones ejecutadas, el diseño de interacción debe considerar una serie de elementos. Entre ellos, uno de los más complejos es el tiempo, un intangible que tiene un efecto directo e importante sobre la experiencia de los usuarios. […]

A nadie le gusta completar formularios, tenemos que aceptarlo. Sin embargo, se trata de una herramienta imprescindible para lograr los objetivos de una plataforma digital y su eficiencia tienen una gran influencia en el rendimiento y efectividad del proyecto en general. Los formularios recolectan la información de un usuario para que se registre, envíe un […]

El jueves pasado asistimos al lanzamiento del Laboratorio de Gobierno, evento que planteó la pregunta ¿cómo estamos innovando en el Estado? como punto de partida de la conversación. En la presentación, expusieron diversas personalidades políticas entre las cuáles destacan el ministro de Economía Luis Felipe Céspedes, el vicepresidente ejecutivo de Corfo, Eduardo Bitran y el […]

Nuestra vida diaria está llena de transiciones. Cada vez que algo se desplaza, crece o cambia de alguna forma, se produce una transición de un estado a otro que muchas veces no percibimos de forma consciente, pero que nos entrega información importante sobre las características de los elementos y sus capacidades. Esta naturalidad de movimiento […]

La interfaz de usuario es el lugar donde ocurren las interacciones entre personas y máquinas, un espacio que tiene múltiples funciones que son determinantes para el éxito del proyecto. Sus objetivos principales son reflejar la personalidad de la empresa, indicar claramente los puntos de interacción y las funciones disponibles y guiar al usuario en la […]

La masificación de los dispositivos móviles ha significado desafíos importantes para el diseño web. El principal de ellos es, sin duda, la necesidad de adaptar los sitios a los nuevos tamaños de pantallas, utilizando para ello las potencialidades que ofrece HTML5 y CSS3 como lenguajes que definen estructura y estilo visual en una web. Para […]

Si haces click en un botón y no pasa nada, probablemente pensarás que el sitio está malo o que hiciste algo incorrecto. Entonces, volverás a realizar la acción, en muchas ocasiones sólo para darte cuenta de que la página estaba cargando y detuviste el proceso con tu insistencia. Este tipo de situaciones son frustrantes para […]

El mundo digital es un ambiente en pleno desarrollo y las empresas con presencia en la web deben estar atentas a la evolución de la tecnología y los usuarios para no quedar obsoletos. Una página con prácticas deprecadas presentará un nivel muy bajo de usabilidad, lo que afectará su rendimiento a todo nivel. Por ejemplo, hace 5 años […]

Los niños de hoy tienen acceso a computadores, celulares y tablets desde muy pequeños y aprenden rápidamente a usarlos, muchas veces incluso mejor que sus padres. Sin embargo, la forma en que los utilizan es diferente, ya que los pequeños no cuentan con la misma experiencia e intereses que tienen los adultos en interfaces digitales. Aún […]

Las partituras de interacción nos ayudan a modelar procesos donde interactúan personas y sistemas. Ya hemos escrito sobre ellas en artículos anteriores, explicando la importancia de visualizar la interacción, describiendo las 3 capas que las componen (Acciones del usuario – Contacto directo – Procesos internos), mostrando su lenguaje iconográfico y orientando su diferentes formas de uso en proyectos reales. En esta […]