Card Sorting: User centered Design

En la Clase 5 (Martes 25/5/2021), se introduce el método del Card sorting como método de investigación.

Foto de Pixabay en Pexels

¿Qué es un Inventario de Contenidos?

Cómo empezar un inventario: Metas y Scope

En conclusión…

Artículos de Referencia

Inventario de Contenidos dentro de la Arquitectura de Información

En la Clase 4 (Lunes 24/5/2021), se introduce el método del Inventario de Contenidos para levantar contenidos de un sitio en el proceso de rediseño.

Photo by Xavi Cabrera on Unsplash

¿Qué es un Inventario de Contenidos?

Para empezar, podemos definir un inventario de contenidos como «una lista de cada pieza de contenido digital que tiene actualmente la plataforma, aplicación o sitio web, capturada a nivel de página o activo. Incluye características específicas de cada pieza como información o datos.«(Tomado de Nielsen Norman Group). Es en pocas palabras un documento con una lista de los contenidos digitales (documentos, márgenes, y textos) creada para mejorar el contenido digital del sitio o plataforma.

Cómo empezar un inventario: Metas y Scope

¿Cuánto inventariar? La solución es el «Scope» (Alcance)

You’ll want to choose a scope for your content inventory and audit that fits your organization’s needs and your team’s capacity. You can conduct these activities for an entire website or app, subsection of a website or app, or even an entire user journey with multiple touchpoints. If you’re tracking and evaluating content across a customer journey, look at critical content needed by users during that journey (maybe even in concert with a journey map) and see if there are any knowledge gaps or underperforming content that’s detrimental to overall experience.

Gestión de proyectos: alcance, costos, esfuerzo, calidad

Prior to pulling an inventory, it’s important to note your:

  • Goals: Understanding why you’re doing the audit and what you intend to do with the results can help focus this activity and make it less overwhelming.
  • Scope:  Determining which areas of the site or particular date ranges should be captured is important. 

Regardless of the scope you choose, spreadsheets tend to work best for content inventories and audits. Teams working remotely and collaborating in the same document can use tools like Google Sheets or create spreadsheets in Excel or Numbers. If you share the document on SharePoint or a team server, allow everyone to view the inventory and audit, but make sure permissions are set appropriately so that only approved individuals can update it. Keep a backup copy of the spreadsheet, just in case.

¿Cuáles son las formas de hacerlo?

Start by thinking through the following elements related to people, process, and tools:

People:

  • Establish ownership for the inventory and audit — both the process and the artifacts. It might be you alone, or you and a few colleagues.
  • Involve others early on;  inform everyone, from stakeholders to authors, designers, and user researchers, of what you’re doing and align on appropriate audit criteria.
  • Provide impactful updates initially, and at a regular cadence along the way. Other people are more likely to care and trust you to make decisions about what to ultimately do with the content if you keep them meaningfully informed. Don’t overload them with detail here.

¿Cuáles son las buenas prácticas?

  1. Realizar el inventario de contenido antes del diseño o rediseño del producto.

Se hace al comienzo del rediseño de producto. Crea una guía para la arquitectura de información y la navegación. 

  1. Definir alcance (scope)

Establecer qué es lo que se va a incluir. Si es mucho contenido, seleccionar el más importante para los usuarios.

  1. Agrega una jerarquía de contenido a tus hojas de cálculo

La jerarquía de contenidos muestra la relación entre cada ítem. 

  1. Diferenciar contenido con el método OUCH 

(OUCH: stands for Outdated, Unnecessary, Current, Have to Write/Work in Progress). Utilizar esta categoría ayuda a evaluar el contenido. 

  1. Utilice herramientas de automatización de inventario de contenido

Hay herramientas como Screaming Frog y Semrush. Estas herramientas le mostrarán el contenido que tiene y realizarán un seguimiento de los metadatos del contenido de cada página.

Esto es lo que debe contener un Inventario:

¿Qué cosas contiene un Inventario de contenido?

Inventory attributes to have in your spreadsheet include, but aren’t limited to:

  • Unique Content ID
  • Title
  • URL
  • File Format (HTML, PDF, DOC, TXT…)
  • Author or Provider
  • Physical location (in the content management system, on the server, etc)
  • Meta Description
  • Meta Keywords
  • Categories/ Tags
  • Dates (created, revised, accessed)
  • Name or title of the piece of content (not the page title, the actual name or title); if it doesn’t have one, give it a clear name or summarize what it is
  • URL or link to where it lives
  • Author, owner, or source (who wrote or created it, who owns it, is it user-generated, fed in from somewhere else, etc.)
  • Subject matter or topic it relates to
  • Format (article, video, image, web part or component, webpage type, PDF)
  • Creation or last-modified date
  • Metadata (page title, meta description, alt text, etc.)
  • Where raw files reside, internally

¿Manual o Automático?

Engaging personas can incorporate both goal and role-directed personas, as well as the more traditional rounded personas. These engaging personas are designed so that the designers who use them can become more engaged with them. The idea is to create a 3D rendering of a user through the use of personas. The more people engage with the persona and see them as ’real’, the more likely they will be to consider them during the process design and want to serve them with the best product. These personas examine the emotions of the user, their psychologybackgrounds and make them relevant to the task in hand. The perspective emphasises how stories can engage and bring the personas to life. One of the advocates for this perspective is Lene Nielsen.

Software. Screaming frog. https://www.screamingfrog.co.uk/seo-spider/

Tools:

  • Choose a tool to house both the inventory and the audit. It should have a low learning curve and barrier to entry. Use something you already have in your digital-workplace toolset and that is already familiar to all collaborators.
  • Explore whether you can automate some of the process using digital tools (e.g., crawling tools, CMS exports of titles, dates, authors, metadata). However, it’s best if actual people handle the auditing portion by looking at and assessing each piece of content.
  • Timebox it: do what you can initially in a given time frame (for example, 6 weeks) to learn about your content issues and successes. You’ll want to make some meaningful progress at first to keep the momentum and interest in content improvements going. Inherently, content inventories and audits are ongoing tasks, so they’re never really finished.

¿Inventario o Auditoría?

Content inventory vs. content audit

The terms content inventory and content audit are often used interchangeably. Though they are allied practices, typically conducted in tandem, they are not the same thing.

What’s the difference? A content inventory is a quantitative analysis of a product, and it answers the question: “What content do we have in our product?” A content audit, on the other hand, is a qualitative analysis of information assets and an assessment of content’s role in user experience. A content audit will help answer the question: “Is this content valuable for our users?”

When UX practitioners perform a content audit or analysis, they evaluate content that has been structured as the result of a content inventory.

En conclusión…

A valuable content inventory is the result of long, thoughtful work, but the effort is worth it. When you’re done, you’ll have in-depth knowledge about one of the most important aspects of your website—its content. This understanding will help you design better information architecture and, as a result, improve the user experience for all.

Besides fixing mistakes and shortening the content where possible to save users’ time, companies should think about their brand identities.

We love the products we can easily distinguish. Keeping the same tone through the company’s marketing materials, ads, inside the product creates a unified brand experience. Inconsistent brands are hard to distinguish and less trustworthy.

Content inventories and audits are assessment frameworks, not an exact science. They’re great tools for helping your team shift focus and mindset from quantity of content to quality of content. Use them together to keep track of what content you have, where it lives, who owns it, and how well it performs. This information will reveal whether you should let your content live as it is, improve it over time, or remove it altogether.

Use our content inventory and audit template below to get started and learn even more about creating and managing digital content in our course,  Writing Compelling Digital Copy.

Artículos de Referencia

User Personas. ¿Por qué son importantes el en Diseño centrado en el Usuario?

En la Clase 3 (Jueves 20/5/2021), estudiamos por qué es importante incorporar esta metodología dentro del Diseño centrado en el Usuario.

Photo by Hello I’m Nik on Unsplash

Las Personas en la UX

Las User «Personas» son personajes ficticios que se crean a partir de investigación de usuario para representar los diferentes tipos de usuarios que podrían usar su servicio, producto, sitio o marca de manera similar. Creamos personas para comprender las necesidades, experiencias, comportamientos y objetivos de los usuarios.

¿Por qué necesito crear personas?

Utilizar personas es otra forma de diseñar productos y servicios, una que se aleja de las preferencias que tiene el equipo de diseño para investigar y recopilar datos como personas, lo que se ha convertido en una práctica estándar dentro de las disciplinas centradas en el ser humano (DCU). Si bien las personas no hacen referencia directamente a personas reales, son basadas y creadas en bases a recopilación de datos de personas reales, lo que humaniza un entorno que puede volverse muy distante y caracterizado por cifras y valore. A partir de la creación de las personas, se pueden identificar patrones, por ejemplo, personas borde o extremos, que significan casos minoritarios. También son necesarias para evaluar el desarrollo del producto, y hacer y responder las preguntas correctas para dirigir el proceso de diseño centrado en el usuario.

Para comenzar a construir Personas se debe tener en cuenta lo siguiente:

  • Patrones de conducta de los usuarios.
  • Objetivos de los usuarios.
  • Necesidades de los usuarios.
  • Antes de la construcción de personas es necesario haber definido los escenarios.

¿De dónde vienen las Personas en UX?

La técnica de creación de personas fue ideado por Alan Cooper. Cooper define las personas como el arquetipo de usuarios que representan tres tipos principales de elementos, en «The Inmates Are Running the Asylum« (publicado en 1998). Cooper introdujo el uso de Personas como una herramienta práctica de diseño de interacción. Esta técnica probó ser exitosa en diseño centrado en el usuario.

Imagen que presenta ventajas principal implementar la herramienta Personas en nuestro procesos de Diseño. Link: http://www.uxables.com/investigacion-ux/personas-en-ux-conoce-y-empatiza-con-los-usuarios/

¿Cuáles son los tipos de User Personas?

Persona 1: orientada al Objetivo

Este tipo de persona revela el tipo de interacción o flujo que al usuario le gustaría experimentar para lograr objetivo. Para llegar a esta persona, debemos hacer investigación de usuario para crear un producto que la persona encuentre valioso, y crear funcionalidades que cumplan los objetivos de las personas.

Persona 2: basada en el rol

Esta persona combina las metas con el foco en el comportamiento, que se extrae de la información obtenida tanto por fuentes cualitativas como cuantitativas. Este usuario se crea para resolver preguntas más específicas acerca del producto, y el contexto, y también preguntas relacionadas al negocio.

Persona 3: basada en el Compromiso (Engagement)

Las personas basadas en el compromiso combinan las personas orientadas a las metas y al rol. También pueden incorporar las personas tradicionales. El objetivo de estas personas es hacer que el equipo de diseño se involucre con el usuario, y mientras más redonda las personas mas serán percibidas como reales. Al poner relevancia en las emociones y la sicología de las personas al hacer tareas, se le da la importancia a las historias de las personas.

Persona 4: Ficticia o Protopersona

La Persona ficticia es la única persona creada a partir de la experiencia del equipo UX, y no de una investigación de usuario. Al ser concebidas en base a suposiciones o prejuicios se cuestiona la validez de esta persona al tener grandes posibilidades de representar mal al usuario. Sin embargo, se entiende su uso en las primeras etapas del proceso como un trazado prematuro de las necesidades del usuario, en tanto que su uso sea restringido y no se utilice para tomar decisiones durante el desarrollo.

Creación de las personas

El proceso para crear Personas lo define la fundación Interaction Design Foundation a través de cuatro grandes pasos:

  • Etapa 1: Recolección y Análisis de Información
  1. Recolectar Información: Se debe recolectar la mayor cantidad de información posible sobre nuestro usuarios, a través de investigación de usuario de alta calidad seleccionados de nuestro público objetivo. Esta tapa en Design Thinking se llama Empatizar.
  2. Formular una hipótesis: En base a la investigación inicial, se tendrá una idea general de los diversos usuarios dentro del área de enfoque del proyecto, incluidas las formas en que los usuarios se diferencian entre sí. Por ejemplo, puede usar diagramas de afinidad y mapas de empatía.
  3. Aceptación de la hipótesis. El objetivo es apoyar o rechazar la primera hipótesis sobre las diferencias entre los usuarios. Puede hacer esto confrontando a los participantes del proyecto con la hipótesis y comparándola con el conocimiento existente.
  • Etapa 2: Descripciones de Personas

4. Establecer un número: Se decide el número final de persona que van a crearse. La mayoría de las veces, se crea más de una persona para cada producto o servicio, pero siempre se debe elegir solo una persona como su enfoque principal.

5. Descripción de personas. El propósito de trabajar con personas es poder desarrollar soluciones, productos y servicios basados ​​en las necesidades y objetivos de sus usuarios. Asegúrese de describir a las personas de tal manera que expresen suficiente comprensión y empatía para comprender a los usuarios.

  • Se debe incluir detalles sobre la educación, el estilo de vida, los intereses, los valores, los objetivos, las necesidades, las limitaciones, los deseos, las actitudes y los patrones de comportamiento del usuario.
  • Agregue algunos detalles personales ficticios para hacer de la persona un personaje real..
  • Dale un nombre a cada una de tus personas.
  • Cree de 1 a 2 páginas de descripciones para cada personaje.
  • Etapa 3: Escenarios para Análisis de problemas y desarrollo de ideas

6. Prepare situaciones o escenarios para sus personas: Este método de persona está dirigido a crear escenarios que describan soluciones. Para este propósito, debe describir una serie de situaciones específicas que podrían desencadenar el uso del producto o servicio que está diseñando. En otras palabras, las situaciones son la base de un escenario. Puede dar vida a cada uno de sus personas creando escenarios que los presenten en el rol de un usuario. Los escenarios generalmente comienzan colocando a la persona en un contexto específico con un problema que quieren o tienen que resolver.

7. Obtenga la aceptación de la organización: Es un hilo conductor a lo largo de los 10 pasos que el objetivo del método es involucrar a los participantes del proyecto. Como tal, la mayor cantidad posible de miembros del equipo deben participar en el desarrollo de las personas, y es importante obtener la aceptación y el reconocimiento de los participantes de los distintos pasos. Para lograrlo, puede elegir entre dos estrategias: puede pedir su opinión a los participantes, o puede dejarlos participar activamente en el proceso.

8. Difundir conocimientos. Para que los participantes utilicen el método, las descripciones de las personas deben difundirse a todos. Es importante decidir desde el principio cómo se quiere difundir este conocimiento a quienes no han participado directamente en el proceso, a los futuros nuevos empleados y a los posibles socios externos. La difusión del conocimiento también incluye cómo los participantes del proyecto tendrán acceso a los datos subyacentes.

9. Todos preparan escenarios: Las personas no tienen valor en sí mismas, hasta que la persona se convierte en parte de un escenario, la historia sobre cómo la persona usa un producto futuro, no tiene valor real.

  • Etapa 4: Aceptación de la organización e implicación del equipo de diseño

10. Realice ajustes continuos: El último paso es la vida futura de las descripciones de las personas. Debe revisar las descripciones periódicamente. La nueva información y los nuevos aspectos pueden afectar las descripciones. A veces, necesitaría reescribir las descripciones de las personas existentes, agregar nuevas personas o eliminar personas obsoletas.

Creación de un Persona Ficticio

Para crear una Persona (ficticio) es bueno incluir lo siguiente:

  • Nombre de la persona
  • Foto
  • Demografía (género, edad, ubicación, estado civil, familia)
  • Metas y necesidades
  • Frustraciones (o «puntos débiles»)
  • Comportamientos
  • Rasgos de personalidad (por ejemplo, una cita o un eslogan que capture la personalidad)

Ejemplo de User Persona creada grupalmente.

En conclusión…

¿Por qué son importantes las personas en el Diseño centrado en el Usuario?

El objetivo más importante de las personas es crear comprensión y empatía con los usuarios finales. Si desea diseñar un producto exitoso para las personas, primero debe comprenderlas. Diseñar para todos da como resultado un objetivo desenfocado que deshumanizará el perfil de los futuros usuarios. El método de personas le permite dibujar no solo un perfil sobre el género y la edad, sino también profundizar en la psicología del personaje imaginado en su interacción con el producto.

«Las personas consolidan las descripciones arquetípicas de los patrones de comportamiento del usuario en perfiles representativos, para humanizar el enfoque del diseño, probar los escenarios y ayudar a la comunicación del diseño»

Cooper, A. (2004)

El poder de la narración que tipificó este método, nos permite crear una historia que introduce el producto en la vida cotidiana del personaje imaginado. La narración establece metas, crea visibilidad de problemas y problemas potenciales en la relación usuario-producto.

  • Las personas ya no son usuarios pasivos de un producto o servicio, sino que interactúan activamente con él; participan en una «conversación» en la que ambas partes, el usuario y el producto, preguntan y responden activamente. Definir personas durante el proceso de diseño ayuda a su equipo a imaginar esa conversación.
  • Las personas son un paso crucial en el proceso de diseño centrado en el usuario porque definen expectativas, preocupaciones y motivaciones, ayudando a los equipos de diseño a comprender cómo diseñar un producto que satisfaga las necesidades de los usuarios y, por lo tanto, sea un éxito.
  • Las personas son herramientas poderosas. Las personas de usuario hechas correctamente hacen que el proceso de diseño en cuestión sea menos complejo: guían los procesos de ideación y ayudan a los diseñadores a lograr el objetivo de crear una buena UX para los usuarios objetivo. Gracias a las personas, los diseñadores pueden trabajar de forma más consciente manteniendo al usuario real.

Si un diseñador realmente comprende e internaliza al usuario y sus necesidades y cómo podría potencialmente satisfacer esas necesidades, entonces ver las posibles soluciones en el ojo de la mente se vuelve mucho más fácil; Las ideas ricas y vívidas desde la perspectiva del usuario parecen filtrarse a la cima de la mente con mayor rapidez y frecuencia. Es más probable que estas ideas se conviertan en un diseño exitoso que utilizando otros métodos porque el diseñador ha adoptado el filtro o marco del usuario como propio. corazón de todo lo que hacen.

Artículos de Referencia

Profe

Historia y Escenarios del Usuario en UX. Cómo reconocer a las personas en sus realidades

En la Clase 2 (Miércoles 19/5/2021), se estudia el método «Escenarios» en la UX, una forma de acceder a nuestro usuario para conocerlo en profundidad.

Photo by HONG LIN on Unsplash

En el marco del diseño centrado en el Usuario, presentaré estas dos herramientas del proceso UX. Ambas pone énfasis en el usuario completamente, con distintos niveles de complejidad o profundidad en el proceso de desarrollo de ambas. Al incorporar estos dos métodos a nuestro proceso de Diseño, nos aseguramos que los objetivos, necesidades y condicionantes de los usuarios se vean reflejados en la concepción de los productos que estamos desarrollando. A continuación, las historias y escenario de usuarios.

¿Qué es una historia de Usuario?

Partamos con la historia del Usuario. Por la misma razón que las personas cuentas historias ficticias por variados motivos y con distintos objetivos, dentro del UX existe esta herramienta que posee su propio método, así como una función definida, y los beneficios que presta al proceso de diseño están más que reconocidos.

Entonces, ¿Cómo definimos la historia del Usuario? Esencialmente, se trata de una descripción de algo que quiere lograr el usuario, utilizando el software o aplicación. Su origen lo podemos encontrar en las estrategias de desarrollo de la metodologías «Agile» y «Scrum».

A grandes rasgos, una historia del Usuario, posee las siguiente estructura:

Como <Usuario> Quiero <algún objetivo> Para que <motivo>

Las historias de usuario cumplen siempre estas 3 características descritas a continuación:

Las historias de usuario son breves. No son caracterizaciones profundas ni extremadamente detalladas de los usuarios. Por el contrario, otorgan la información necesaria para darnos la idea esencial de lo que hace el producto.

Las historias de usuario definen el tipo de usuario. Al definir el uso que le da el usuario a la aplicación, se define también el tipo de usuario. Al mismo tiempo no es conveniente darlo una personalidad al usuario, sino que se describen aquellos rasgos que se la relacionan con el uso del producto.

Las historias de usuarios trazan la principal necesidad o problema que nuestro producto debería resolver.

Pauta para crear un historia de Usuario.

¿Qué es un Escenario?

Dentro de las metodologías del diseño centrado en el usuario, vamos a definir el escenario como una narración visual que describe el comportamiento del usuario, usualmente basado en la persona. Esta persona que se enfrenta a nuestro producto posee objetivos que cumplir, que se ven visualizan a través de pasos dentro del mismo proceso.

Es en pocas palabras una descripción detallada de lo qué y por qué los usuarios hacen con el producto. Si se compara con la historia del usuario, el escenario del usuario dista en qué entrega más información que el anterior, aunque está información siempre es el relevante para el caso del uso del producto. Y presenta una perspectiva más concreta porque señala las metas del usuario en cada momento de su experiencia.

  • ¿Quién es el usuario del producto?
  • ¿Cuál es el objetivo que tiene el usuario al usar el producto?
  • ¿Cómo va cumplir sus mentas el usuario?
  • ¿Por qué usuario elige nuestro producto por sobre otro?

¿Qué es lo que debemos considerar al crear Escenarios?

Scenarios are typically used to provide a picture of the intended user experience (i.e. what ideally should happen), but can equally outline what currently happens. They can take many forms, including written narratives, visual storyboards, comic strips or even videos.

For example, a scenario might outline how Paul uses a website to order flowers for his mother’s birthday, or how Sarah buys a train ticket on a kiosk machine for her journey home (goals and context are important).

Un escenario de usuario es una historia corta que viene definir la manera cómo se va a usar el producto. El escenario debe responder las siguientes preguntas: Scenarios can be very detailed, all the way to very high level but should at least outline the ‘who’, ‘what’, ‘when’, ‘where’, ‘why’, and ‘how’ of the usage.

Para crear buenos escenarios, que necesitamos. A continuación las interrogantes principales que debemos considerar. Siempre recordar que lo escenario son precisos.

  • ¿Quién es el usuario del producto? Se debe considerar Personas que se han desarrollado para reflejar los principales grupos de usuarios reales que llegan a su sitio.
  • ¿Por qué viene el usuario al sitio? Tomar nota de lo que motiva al usuario a visitar el sitio y las expectativas que tiene al llegar a él.
  • ¿Qué objetivos tiene el Usuario? Al hacer un análisis de tareas, se puede comprender mejor lo que el usuario quiere en lograr en el sitio y, por lo tanto, lo que debe tener el sitio para que salga satisfecho.
  • ¿Cómo puede el usuario alcanzar sus objetivos en el sitio? Definir cómo el usuario puede lograr su objetivo en el sitio, identificando las diversas posibilidades y las posibles barreras.

Tipos de Escenario

Vamos a reconocer tres diferentes escenarios, cada uno con objetivos específicos y formas de utilizarlos.

1. Escenario breve basado en objetivos

El primer escenario es el más conciso de todos. Este escenario – basado en la metas, señala únicamente lo que el usuario quiere realizar. Este escenario no incluye información acerca de cómo el usuario completaría el escenario. Estos escenarios se utilizan habitualmente en pruebas de usabilidad, porque le da una razón y un objetivo para acceder al sitio, pero es el usuario quién decide cómo lograr el objetivo.

Este escenario se centra solamente en la tarea, y es útil en l as etapas de arquitectura de información de un sitio o plataforma. Aquí hay un ejemplo de este tipo de escenario.

Ejemplo tomado de : https://www.usability.gov/how-to-and-tools/methods/scenarios.html

  • Ejemplo: un padre está preocupado porque un niño de diez años se niega a beber leche y quiere saber si realmente hace una diferencia que el niño esté recibiendo muy poco calcio.

2. Escenario elaborado con orientación al usuario

El segundo escenario se denomina escenario elaborado con orientación al usuario, porque se pueden tomar decisiones más específicas acerca de cómo debería ser la interacción entre el sistema y el escenario.

Los escenarios elaborados son construcciones más elaboradas y más detalladas. Al incorporar estos detalles se puede concebir una idea más clara de la interacción, junto con las características que podría propiciar una buena o mala interacción. Con esta información el equipo de trabajo desarrolla contenido, funcionalidades, y comportamiento del sistema que sea fácil y agradable de usar para el usuario.

Ejemplo tomado de : https://www.usability.gov/how-to-and-tools/methods/scenarios.html

  • Ejemplo: el Sr. y la Sra. Macomb son maestros de escuela jubilados que ahora tienen más de 70 años. Sus cheques del Seguro Social son una parte importante de sus ingresos. Acaban de vender su casa grande y se mudaron a un apartamento pequeño. Saben que una de las muchas tareas que deben hacer ahora es decirle a la Administración del Seguro Social que se han mudado. No saben dónde está la oficina del Seguro Social más cercana y cada vez les resulta más difícil caminar o conducir mucho. Si es lo suficientemente fácil y seguro, les gustaría usar la computadora para notificar a la Administración del Seguro Social de su mudanza. Sin embargo, están algo nerviosos por hacer una tarea como esta por computadora. Nunca usaron computadoras en sus trabajos. Sin embargo, su hijo, Steve, les dio una computadora el año pasado, la instaló y les mostró cómo usar el correo electrónico e ir a sitios web. Nunca han visitado el sitio web de la Administración del Seguro Social, por lo que no saben cómo está organizado. Además, son reacios a dar información personal en línea, por lo que quieren saber qué tan seguro es informar a la agencia sobre su nueva dirección de esta manera.

3. Escenario con mapeo de tareas

El tercer tipo de Escenario es aún más detallado que el anterior, porque incluye los pasos que debe seguir el usuario para realizar la tarea. Este escenario se puede presentar de dos maneras: presenta los pasos que actualmente deben llevar los usuarios para realizar la tarea, o bien los pasos que se proponen para un nuevo sitio o plataforma. Es importante tener presente que en ambas opciones se enfocan desde la perspectiva del usuario, y no desde el sistema. Todas estas tareas explican como el sitio permitirá al usuario cumplir sus objetivos.

¿Cómo crear un Mapeo de Escenario?

Antes de explicar cómo se lleva a cabo un mapeo de tareas, lo podemos entender como un Análisis de tareas, porque explica detalladamente los pasos que sigue el usuario para realizar su objetivo. Junto con las tareas, se pueden anotar preguntas y comentarios que so relevantes para el desarrollo del proyecto. A continuación, un ejemplo de mapeo de escenario.

Ejemplo de Mapeo de Escenario. Vía The complete guide to scenarios – part two

En conclusión…

Los escenarios de usuario son parte del conjunto de herramientas de las que disponer un diseñador UX para acometer el diseño de experiencia de usuario. Así como tantas otras herramientas, las historias y escenarios nos acercan al usuario de una manera práctica y concreta, acercándonos al objetivo del diseño UX.

Por que hacemos historias y escenarios?

Las historias están ligadas al ser humano desde eras muy temprano, ligadas a la narración, el traspaso del conocimiento e idas, y la imaginación como actividad esencial de creación e interpretación del mundo. De esta forma, es lógico pensar que el diseño UX hace uso de esta facultad para imaginar desde la perspectiva del usuario, una visualización suficientemente completa para trazar el objetivo de la personas, las circunstancias que lo rodea, y las condicionantes que dibujan la experiencia de él con el producto.

Empatía

De esta forma, este enfoque novedoso es una herramienta eficaz para comenzar a entender la experiencia de usuarios. ¿De qué forma nos acercamos a nuestro usuario? Con la creación de escenarios, facilitamos al equipo ponerse en el lugar de una persona, al tratar de realizar una acción desde sus motivaciones y circunstancias. Esto nos permite crear mejores soluciones para ellos, y en conjunto, concebir una experiencia agradable que quieran repetir.

Una poderosa herramienta…

¿Por qué es importante aprender a utilizar escenarios? Las respuesta simple es que queremos diseñar para casos lo más reales posibles. Cuando comenzamos a vislumbrar estos casos de usos, distinguimos las motivaciones, el proceso de las actividades, y en qué etapas el sistema necesita acomodarse a las necesidades de las persona. Estas particularidades emergen de los detalles de los escenarios, los que son sumamente útiles al desarrollar las soluciones de diseño. Por lo anterior se considera esta herramienta muy importante: desde las expectativas que tiene nuestros usuarios, los modelos mentales, y la forma en que su determinado contexto caracteriza su experiencia con el producto. Estas especificaciones se convierten en decisiones dentro del proceso de diseño.

Beneficios de ambas herramientas

En el caso de los Escenarios de usuarios, su valor consiste en ser una ayuda para los diseñadores para visibilizar las circunstancias de un contexto de uso de producto, basado en las necesidades y motivaciones. del usuario.

Las historias de usuario, por otro lado, son descripciones cortas que caracterizan un objetivo. Y los escenarios muestran captan lo que los usuarios experimentan tratando de realizar una meta. Tanto la historias como los escenarios son parte de los entregables que se pueden utilizar en las etapas de ideación, iteración y testeo de usabilidad, porque nos entrega insights acerca de los usuarios. Con estos entregables se pueden identificar necesidades dentro del proceso, y compartir estos encuentros y generar conversaciones en torno a ellos.

Con ambas herramientas, se puede concretar el objetivo final del diseño centrado en el usuario, que es mantener al usuario siempre en el centro del proceso y desarrollo del diseño, y al hacer esto, las necesidades de las personas son prioridad, y se evitan crear funcionalidades y soluciones a problemas que no existen y no son útiles de implementar. Con ambos herramientas, se pueden lograr un acercamiento al usuario, al hacerse una panorama general que de lo que será útil en las etapas, y recopilando esta información sobre el usuario final se lograr acceder a la información valiosa. Al incorporar historias e escenarios, podemos desarrollar proyectos realmente relevantes y útiles para nuestros usuarios, que logra solucionar sus problemas y su uso propicie una sensación de satisfacción.

z

Kim Flaherty, especialista en UX, explica la herramienta del Mapeo de escenario.

Video tutorial sobre cómo hacer User story mapping.

Artículos citado

Saber más acerca de las Historias de Usuario: Escribiendo Historias de Usuario

Saber más acerca de las Historias de Usuario: User Stories: A Foundation for UI Design

Saber más acerca del Mapeo del Escenario: A step by step guide to scenario mapping

Saber más acerca de los Escenarios: Guía Completa a Escenarios Parte 1, Parte 2

Saber más acerca de User Scenarios de Interaction Design Foundation: User Scenarios

Saber más acerca de Escenarios: Scenarios y User Stories and Scenarios in UX Design

Saber más acerca de buenas prácticas de scearios: How to design user scenarios: best practices and examples y Step-by-Step Guide to UX Research Scenarios

Arquitectura de la Información e Introducción a Personas y Escenarios

En la Clase 1 (Martes 18/5/2021), del Módulo 3, se introduce la Arquitectura de la Información, como la disciplina fundamental dentro de la Experiencia de Usuario.

Photo by Héctor J. Rivas on Unsplash

¿Qué es la Arquitectura de la Información?

La arquitectura de la información («IA», en inglés) es una ciencia y disciplina que estudia, analiza, organiza y estructura el contenido de los sitios web, las aplicaciones web y móviles y el software de redes sociales. La arquitectura de la información es lo que sostiene una buena experiencia del usuario con la plataforma, debido a que es esencial que las personas accedan y asimilen de la mejor manera el contenido, evitando que este proceso se vuelva complejo y ocasione frustración o excesivo trabajo en el usuario (reduce la carga cognitiva).

La Arquitectura de Información la vemos en práctica en bibliotecas, donde los libros se organizan según contenido, orden alfabético, etc. Esto se hace con el objetivo de hacer más accesible la información o en este caso, los libros, que en su sitio web son contenidos. Al mismo tiempo, la Arquitectura es una manera de visualizar de la estructura interna de lo que estamos diseñando, la jerarquía, porque como ya establecimos, esta disciplina se hacer cargo de la organización interna de los productos.

¿Para qué hacemos Arquitectura de la Información?

Las funciones que cumple las Arquitectura de Información:

  • Estructura, organiza, etiqueta información para dar orden al contenido de los productos.
  • Facilitar el sistema de navegación para que los usuarios encuentren lo que necesiten.
  • Es una forma de estructurar el conocimiento para hacerlo más amigable y accesible, y navegación más fluida en el sitio web.
  • La Arquitectura de Información le da sentido a la información para evitar que el usuario lo haga.

Dentro de la disciplina de la AI, consideramos que está activamente vinculando éstas tres realidades: usuarios, contenido y contexto.

Imagen que muestra como la IA conecta al usuario con el contexto y el contenido. Vía https://xd.adobe.com/ideas/process/information-architecture/information-ux-architect/

Esquema conceptual que muestra como la IA conecta al usuario con el contexto y el contenido. Vía https://xd.adobe.com/ideas/process/information-architecture/information-ux-architect/ Esquema de la

Personas/ Usuarios: Se trata de nuestra audiencia target, y de cómo empatizamos con ellos y entendemos sus requerimientos y motivaciones. Es importante recopilar información acerca de cómo piensa, que conocimientos tienen, de qué manera usan la información y cuáles son los términos que utilizan. Para aprender de nuestro usuarios podemos utilizar las herramientas como card sorting, entrevistas, observaciones de campo, encuestas.

Contenido: ¿Por qué una persona visita un sitio web? La respuesta es el contenido. Se trata de toda información disponible en el sitio web, desde texto, imágenes, archivos, etc. Tan importante cómo producir con contenido de valor, es qué tan sencillo es ese contenido de ser encontrados por las personas. Una forma de organizar el contenido es través de Mapas del sitio o Sitemaps, que son diagramas de jerarquía que muestran la estructura del sitio o aplicación, para definir la taxonomía a través de la agrupación del contenido que se relaciona. El objetivo es que lo usuarios entiendan el contenido y logren ubicarlo.

Con el objetivo de conocer a fondo nuestro contenido se crearon las siguientes:

  • Inventario de Contenidos: Se realizar un listado de los contenidos existentes en un hoja de cálculo.
  • Agrupación de Contenido: Se utiliza para identificar las relaciones del contenido.
  • Auditoría de Contenido: Se utiliza para medir el contenido con métricas establecidas, con el objetivo de que sea útil, efectivo y entendible por los usuarios.

Contexto: El contexto aparece de la relación entre la audiencia y el negocio o institución. Esta relación determina cómo se comunicará el sistema con el usuario. Es importante declarar las componentes de esta relación porque será levante durante todo el proceso de diseño.

Esquema de Arquitectura de Información. Vía «What is Information Architecture for UX Design and Why do You Need It?»

Sistemas componentes de la IA

Para realizar una Arquitectura de Información que nos permita logra lo objetivos que hemos planteando con anterioridad, podemos aplicar los componentes que distinguieron los autores de referencia en este campo, Lou Rosenfeld y Peter Morville. En su obra “Information Architecture for the World Wide Web” indican cuatro componentes mas relevantes: Sistemas de Organización, Sistemas de etiquetado, Sistemas de Navegación y Sistemas de Búsqueda.

1. Sistema de Organización

 Según DHEERAJ KHINDRI (2021) el sistema de organización se preocupa de «distribución de la información en forma de categorías de distinguibles que hacen que el sitio web sea fácil de usar». La información que se va a categorizar se puede organizar según tres tipos de estructura: Jerárquica, Secuencial y Matriz.

  • Jerárquica: Se basa en la técnica de organización de contenido «Jerarquía visual».
  • Secuencial: Se basa en crear un secuencia de pasos donde el usuario realiza una determinada tarea. Se utilizan habitualmente en sitios retail.
  • Matriz: Se basa en que el usuario elige el tipo de navegación que quiere llevar cabo, y la forma en cómo está organizado el contenido. Este contenido puede seguir los siguientes esquema de organización:
    • Esquema Alfábetico: Este sistema es visible por los usuarios.
    • Esquema Cronológico: Se organiza por fecha.
    • Esquema por temas: Se organiza por tema.
    • Esquema por Audiencia: El contenido se organiza diferente según grupos de usuario.

2. Sistema de Etiquetado

Se trata de la correcta denominación de botones, opciones, o características de un sitio, con etiquetas significativas para los usuarios y que propicien una distinción intuitiva. Con esto se quiere lograr que el usuario asocie correctamente el nombre de la etiqueta con la información contenida, por ejemplo con la etiqueta «Sobre el sitio».

3. Sistema de Navegación

Este sistema intente que la navegación entre las páginas del sitio web sea lo más fluida posible cuando el usuario intenta completar su tarea. La navegación está directamente relacionada con el usuario, y el sistema de navegación es el conjunto de técnicas y enfoques para acometer esa sistema complejo siempre pensando en la interacción que tenga la persona sea lo más agradable y eficaz.

4. Sistema de Búsqueda

Es el sistema que facilita la encontrabilidad de las funcionalidades que posee el sistema. Funciona solamente dentro del producto digital, y se implementa cuando este posee considerable contenido, y en esos casos considerar motores de búsqueda, filtros, y otras herramientas para facilitar la búsqueda a los usuarios.

Elementos de UX, según J.J. Garret

Este esquema lo propone Jesse James Garret para organizar los conceptos sobre la Experiencia de usuario, donde define los elementos esenciales para establecer esta disciplina y cómo se relacionan entre ellos. El diagrama muestra dos instancias de productos digitales; por un lado que se consideran sitios estáticos (sitio web orientados a la información, y aquellos que constituyen aplicaciones web), y por otro lado las aplicaciones web (donde el usuario realiza acciones).

En conclusión…

Cuando relacionamos el Diseño centrado en el Usuario con la Arquitectura de Información, nos encontramos en la preocupación sobre cómo el usuario percibe los contenidos de productos digitales. Por esta razón implementamos AI, lo que se desglosa en otras:

  • Logra usuarios satisfechos
  • Disminuye el rebote
  • Eficacia de un sitio

Con el objeto de lograr estos objetivos, se aplican las herramientas e instrumentos de esta disciplina, incluyendo aquellas que tienen por fin conocer al usuario final, e empatizar con ellos.

Breve seminario sobre la Arquitectura de Información dictado por el especialista UX José Balaguer.

Breve introducción a la Información de Arquitectura de Información dentro del Curso de Webflow.

Artículos citados

Sitio web acerca de lo básico de la Arquitectura de Información para diseñadores Information Architecture. Basics for Designers.

Sitio web acerca del tema, en Interaction Design Foundation

Sitio web acerca del tema What is information architecture for UX design and why do you need it?, Information Architecture — Secret to Converting Complexity into Clarity,

Sitio web sobre IA para diseñadores Information Architecture for UX designers

Sitio web guía para la Arquitectura de Información The Beginner’s Guide to Information Architecture in UX

Investigación del escenario laboral del Diseñador UX

La experiencia de usuario es uno de los factores más importantes hoy en día a la hora de crear productos tecnológicos.

Sin embargo, no todas las empresas son iguales y los equipos de experiencia de usuario se organizan de acuerdo a esto. Con objetivo de conocer el escenario laboral es necesario conocer de qué se trata el mercado.

I.¿Cuales son las responsabilidades de un diseñador UX?

UX designers are generalists who cover a little of everything in the entire design process. As a UX designer, you’ll understand your users’ needs, generate ideas to solve their problems, prototype designs and finally test them with users. In other words, UX designers participate in all 5 phases of the design thinking process.

Los diseñadores de UX son generalistas que cubren un poco de todo en todo el proceso de diseño. Como diseñador de UX, comprenderá las necesidades de sus usuarios, generará ideas para resolver sus problemas, prototipará diseños y finalmente los probará con los usuarios. En otras palabras, los diseñadores de UX participan en las 5 fases del proceso de pensamiento de diseño. (https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for)

In large companies, a UX designer typically works with other designers such as UX researchers and visual designers. In smaller companies such as start-ups, UX designers tend to handle all the design work.

UX Designers Are Also Known As…

  • Interaction Designers;
  • UI/UX Designers; and
  • Experience Designers.
  • Conduct user research through interviews, observations and other research methods;
  • Analyze and identify pain points from the users’ perspective, based on your user research;
  • Generate ideas through ideation techniques such as brainstorming and worst possible idea to solve the users’ needs in a way that provides value to the company;
  • Select the most promising idea(s) based on their feasibility, desirability and viability, among other criteria;
  • Prototype designs, which can range from simple paper sketches to high-fidelity and interactive digital mock-ups;
  • Provide and solicit critique on your designs as well as the designs of your team-mates;
  • Conduct usability and user tests to determine if your design(s) can be further improved; and ultimately
  • Push a design solution out into the world that will benefit both your company and your users.

Responsabilidades

  • Product Research
  • Creating Personas and Scenarios
  • Information Architecture (IA)
  • Creating Wireframes
  • Prototyping
  • Product Testing


II. ¿Cuáles son los distintos perfiles y especialidades?¿A qué se dedican?¿Qué responsabilidades tienen?

  1. Ux designer

2. Product Designer:

3. Visual Designer? UI Designers; and Graphic Designers. Unlike a UX or product designer, a visual designer is a specialist. As a visual designer, you focus on creating pixel-perfect prototypes that are consistent with the rest of the product. In this sense, visual designers focus on the later phases of the design process, and in particular the prototype phase.

As a visual designer, you would:

  • Transform UX goals—e.g., let a user sign up for an account successfully—into a set of beautiful, easy-to-use and accessible designs, such as a set of app screens;
  • Create and/or maintain a library of icons, colors and fonts that will be used throughout the product;
  • Apply branding guidelines into your designs in a way that serves both the brand and your users; and
  • Use your knowledge of typographycolor theoryGestalt principles and other design concepts to create pleasant graphical user interfaces.

Some common deliverables you’ll produce as a visual designer include:

  • Pixel-perfect prototypes;
  • Interactive prototypes;
  • Visual style guides;
  • Icon libraries;
  • Design specifications, so your frontend developer team-mate can produce the live code needed to implement it; and
  • Branding materials or guidelines that supplement the product.

4. UX Researcher?Just like a visual designer, a UX researcher is a specialist. UX researchers use qualitative and quantitative user research methods to provide real user information which other designers then use to inform their designs. As a UX researcher, you’ll take part in the first phases of the design process. You’ll empathize with users to gain a holistic understanding of their needs and help define the problems that the product should solve. UX researchers also take part in the testing phase and help validate and improve designs.

If you’re a UX researcher, you’ll be doing these tasks:

  • Gain a rich and full understanding of users through qualitative user research methods such as user interviews, user observations and field studies;
  • Piece together a realistic (and even statistically significant) understanding of specific traits of users by conducting quantitative user research, using such methods as surveys and card sorting;
  • Analyze the data you’ve gathered on users to synthesize key findings and make design proposals;
  • Advocate for users’ needs and perspectives towards various internal stakeholders, such as other designers, developers, marketers and executives;
  • Help inform product goals by presenting your research findings to other designers, developers and marketers in your company; and
  • Test and improve designs by conducting evaluative research, such as usability and user testing.

5. Content Strategists Are Also Known As…

  • Copywriters; and
  • UX Writers.

6. UX Unicorn?!

In the world of tech start-ups, the word “unicorn” refers to someone who possesses not only the usual set of skills required for a role but also additional skills in another domain. These additional skills multiply the amount of value they contribute to a business—hence the legendary name. A UX unicorn typically refers to a UX designer who’s proficient in design and front-end development.

7. Arquitecto de Información (Information Arquitect)

8. Diseñador de Interacción


III. ¿Qué tipos de empresas ofrecen puestos de trabajo como diseñador UX? ¿Cuáles son sus diferencias?

EMPRESAS DE UX EN CHILE

LOGO ALIANZA LATAM

Alianza Latam: ( http://alianzacom.com/) Alianza es una empresa multinacional de performance marketing que se nació el 2008 como una empresa de comunicaciones y marketing. El 2010 se asoció con la brasilera Media Factory, especializada en performance digital, con foco en conversiones y ventas desde la adquisición de tráfico hasta el flujo y navegación en el sitio web. A partir del 2011, con el ingreso del fondo de inversiones francés Lead Media se creó una nueva empresa para cubrir el mercado latinoamericano, Media Factory Latam. A contar de junio de 2014 Alianza absorbe la participación de sus socios franco-brasileros y se proyecta como la única empresa de Latinoamérica que invierte y toma riesgos por sus clientes.

Especialidades

Planificación, compra y ejecución de medios, Consultoría en SEO, Consultoría en métricas (CRM y Analytics), Gestión de Reputación Digital (ORM), Social Commerce, Experiencia del usuario (UX), Arquitectura de la información (UI), SEM o enlaces patrocinados


amable-twitter

Amable (http://www.amable.com/): Compañía de Estrategia y Estudio de Comportamiento de clientes y usuarios, que llega en su trabajo hasta la Creación de Experiencias e Interfaces de alta utilidad y resultados.

Especialidades

Banca y Servicios Financieros, Telecomunicaciones, Retail, e-Goverment y Administración Pública

logoAyerViernes2

AyerViernes S.A. (http://www.ayerviernes.com): Estrategia & Diseño para medios digitales (web, software, móviles)

AyerViernes es líder en implantación de metodologías de trabajo sustentadas en Arquitectura de la Información, Diseño de Interacción e Interfaces y Usabilidad.

Especialidades

Estrategia, diseño, design, ux, user experience, uxalliance, cloud computing, application, arquitectura de la información

CARDUMEN

Cardumen Grupo Taisa: (http://www.grupotaisa.com/cardumen/ )Cardumen es una agencia digital integral, que diseña estratégicamente servicios digitales que hacen felices a sus usuarios. Entrega servicios de comunicación, marketing y diseño para canales digitales. La agencia es reconocida por la escala y calidad de su equipo, compuesto por más de 90 especialistas, y su orientación marcadamente estratégica. Trabaja con marcas líderes en sus respectivas industrias, como Nextel, Ripley, Cruz Verde, GMO, Consorcio, Banco Estado, Banco Santander, Banco Itaú y C.C. Los Heroes,ver menos

Especialidades

1) Vender más y mejor, con experiencias digitales inteligentes y persuasivas, 2) Mejorar la experiencia de servicio en canales digitales, 3) Fidelizar comunidades de clientes, a través de relaciones valiosas y duraderas


CODEFACTORY

Code Factory Ltd: (http://www.codefactorygroup.com) Code Factory is a global custom software development and quality assurance services company with more than 10 years of experience, over 200 projects already developed, hundreds of skilled and certified testers and software developers with proved expertise.

Information technology should help businesses improve and grow. Code Factory helps its customers do just that. We look at IT issues strategically and we take time to understand your business needs.

Especialidades

Custom Software Development, Software Development Outsourcing, Microsoft CRM Development and Customization, Nearshore Software Development, Consultancy Services, Quality Assurance, Testing, Agile Development Methodology, SaaS, UX Design


1308_10151519647704352_1808111503_n

Continuum HQ:( http://continuumhq.co/ ) At Continuum we are developers, designers and consultants with a passion for making user-centered digital ideas and projects come true. Our skilled mix of programming, usability, entrepreneurship and innovation is unique. And that’s why we love the kind of challenges you wouldn’t comission to your average software firm.

Especialidades

Ruby on Rails, UX Design, Mobile Apps, JEE, Agile, Innovation


logo

Contouch: ( http://contouch.cl/) Dedicados a reclutar usuarios para testeos de usabilidad y metodología cualitativa en general, también a la producción de todo lo que conlleva un testeo, focus y entrevistas en profundidad.

Especialidades:

  • Reclutamiento para investigación aplicada. Metodologías cualitativas como: laboratorios de UX, focus group, testeos y entrevistas en profundidad.
  • Conexiones. Sentarte con quien necesitas. Organizamos reuniones de negocios e instancias de conversación.
  • Producción general para laboratorios de  UX, focus group, testeos y eventos comunicacionales.
  • Eyetracking en colaboración con Sentialabs.


CONVIERTA

Convierta S.A.: ( http://www.convierta.cl/) Agencia digital de performance, certificados en Google Adwords y expertos en Analytics.

Especialidades

Estrategias Digitales, Desarrollo Web, Planificación de Medios, Asesoría Digital, Métricas Web, SEO, Adwords, UX, Resultados, Google Analytics, Facebook, Bing.

Un generalista


logo-header

3DÍAS (http://www.3dias.cl/): Especialistas en el desarrollo de estrategias digitales y sus derivados. desarrollo de canales online como alternativas óptimas para la rentabilización de presencia en la red, potenciando  ideas y mejorando el negocio.

Especialidades

Inventario de contenidos, Definición de Límites y Posibilidades, Arquitectura de Información, Diseño de Interacción, Evaluación de Usabilidad, Wireframes


Diseño.Lateral: ( https://disenolateral.com) Diseño.Lateral es una consultora de Diseño de Experiencia de Usuarios y Servicios. Esta crea soluciones centradas en las personas, que atiendan a sus reales motivaciones y necesidades, y que además, cumplan con las metas y objetivos de negocio de sus clientes. Esto lo hacen a través de un enfoque indirecto y creativo, propio del pensamiento lateral, que combina Investigación, Estrategia y Diseño.

Especialidades

Diseño de Experiencia de Usuarios (UX), Diseño de Experiencia de Clientes (CX), Diseño de Servicios, Diseño Centrado en el Usuario (UCD), Análisis de Usabilidad, Investigación de Usuarios, Needfinding, Omnicanalidad, Branding, Innovación, Asesorías en Diseño UX / CX, Arquitectura de la Información, Diseño de Interacción (IxD), Estrategia de Contenidos, Inbound MKT, SEO, Diseño de Interfaces de Usuario (UI).


25412_112600948759143_7575197_n

d2B Chile:(http://d2bnetwork.com/) d2B Chile (Design to Business) es una boutique especializada en integrar diseño de impacto con tecnología de vanguardia: ART+CODE. Es miembro de d2B Network presente también en Uruguay, México y Estados Unidos. d2B Chile se especializa en el desarrollo de experiencias de usuario (UX) con tecnologías Microsoft. Las soluciones de negocios de d2B CL se basan en interfases visuales memorables (Silverlight, WPF), integradas a plataformas tecnológicas como Microsoft SharePoint, ASP.NET o Biztalk.

Especialidades

interfases, silverlight, wpf, sharepoint, biztalk, microsoft, experiencia de usuario, diseño


logo

Fractus Chile: (http://www.fractus.cl/)FRACTUS es una empresa formada sobre la experiencia de más de 10 de años de proyectos web, concentrando el conocimiento de la evolución de la industria en estos años, desde la construcción de intranet comunicacionales al diseño de una red de información digital que sea compatible con las exigencias de los distintos usuarios y plataformas de consumo.

Especialidades

Consultaría e Implementación SharePoint, Administración de Contenidos, Digital Signage – Kioskos Digitales, UX – Experiencia de Usuarios


IDA

IDA Ideas Digitales Aplicadas:(http://www.ida.cl/) Metodología de diseño centrado en el usuario.

Especialidades

Diseño web responsive, Diseño web movil, Desarrollo en CSS3 y HTML5, HTML5, Diseño centrado en el usuario, Arquitectura de la Información, Experiencia de usuario, Métricas, Estrategias de rentabilización y conversión digital, Marketing de contenidos



IV. ¿Cuáles son las diferencias entre un generalista, especialista y un perfil en T?

Especialista

Ser un especialista: es decir, saber más de un área en particular que de otras. Por ejemplo, especializarse en arquitectura de la información, pero también saber de diseño de interacción, UX research, y otras técnicas.

Cualquiera de las diversas ramas y disciplinas del diseño web se prestan a la especialización, pero como dice la cita de Yvon Chouinard, la obsesión requerida para lograr este conocimiento y superar ese nivel de competencia del 80 por ciento es sustancial. Para lograr esto, otras habilidades deben ser típicamente descuidadas a favor de la especialización. Esto significa que en lugar de tener un conocimiento práctico en múltiples áreas, un especialista se enfoca en ser un experto en su área específica. Esto puede ser increíblemente importante en aquellos casos en los que el “conocimiento práctico” no es suficiente para realizar el trabajo.

https://tecnonautas.net/cual-es-la-diferencia-entre-un-especialista-en-diseno-web-y-un-generalista/

Generalista

Ser un generalista: es decir, tener igual cantidad de conocimiento en varias áreas. 

Un generalista es alguien que posee un conocimiento práctico en muchas de estas áreas, y aunque no sepa todo lo que hay que saber sobre un área en particular, al menos tiene la fluidez suficiente para utilizar ese conocimiento en su trabajo. En muchos casos, pueden ser lo que se conoce como un “80 por ciento más”.

En un estudio que hizo con managers de recursos de diseño, en respuesta a la pregunta “¿qué distingue a los mejores diseñadores?” se encontró con que, sorpresivamente, los empleadores buscan recursos con igual cantidad de conocimiento de diseño que de negocio, como muestra el slide de abajo.

En violeta se destacan los conocimientos técnicos imprescindibles, y en azul los conocimientos de áreas complementarias que enriquecen y potencian el desempeño de los diseñadores:

V. Conclusiones

Bibliografía

  1. https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for
  2. https://blog.adobe.com/en/publish/2017/08/25/what-does-a-ux-designer-actually-do.html#gs.1jf4z0
  3. https://www.kambrica.com/se-viene-generalista-ux/
  4. The Ultimate Guide to Understanding UX Roles and Which One You Should Go For: https://www.interaction-design.org/literature/article/the-ultimate-guide-to-understanding-ux-roles-and-which-one-you-should-go-for
  5. What is Design Thinking and Why Is It So Popular? Link: https://www.interaction-design.org/literature/article/what-is-design-thinking-and-why-is-it-so-popular
  6. https://www.analitico.pro/empresas-que-ofrecen-servicio-de-ux-en-chile/
  7. https://www.ayerviernes.com/blog/disenador-de-interaccion-ux-perfil-y-entrevista
  8. Navegando la disciplina de UX — Una guía para identificar qué sabes, qué te falta por saber y que deberían saber los demás: https://adriansolca.medium.com/navegando-la-disciplina-de-ux-una-gu%C3%ADa-para-identificar-qu%C3%A9-sabes-qu%C3%A9-te-falta-por-saber-y-que-e4caa0c148fc
  9. Lo que hace un diseñador UX (y lo que la gente piensa que hace): https://medium.com/@LinnySuarez/lo-que-hace-un-dise%C3%B1ador-ux-y-lo-que-la-gente-piensa-que-hace-9af5472270c0
  10. The spectrum of design roles in 2018: https://uxdesign.cc/the-spectrum-of-digital-design-roles-in-2018-3286390a9966
  11. A Guide To UX Designer Job Descriptions: How To Write And Interpret Them: https://careerfoundry.com/en/blog/ux-design/ux-designer-job-descriptions-guide/
  12. What Does a UX Designer Actually Do?: https://blog.adobe.com/en/publish/2017/08/25/what-does-a-ux-designer-actually-do.html#gs.1lxk0p
  13. 5 perfiles especializados en UX | Diseño de Experiencia: https://www.paredro.com/5-perfiles-especializados-en-ux-experiencia/
  14. ¿Qué hace un especialista en UX design?: https://www.universia.net/es/actualidad/habilidades/que-hace-especialista-ux-design-1153993.html
  15. Jakob Nielsen’s seventh usability heuristic for user interface design; https://uxdesign.cc/jakob-nielsens-seventh-usability-heuristic-for-user-interface-design-d7e8a5b41d22
  16. Los distintos roles dentro del User Experience (UX) https://medium.com/laboratoria/los-distintos-roles-dentro-del-user-experience-ux-601706d578aa
La diseñadora UX Claire Rackstraw explica los roles dentro del Diseño UX, las responsabilidad, las habilidades, etc.
La especialista en UX Rachel Krause indica cómo enfocar las descripciones de empleos, y qué tipos de diseñadores existen.

Corrección de App: Prototipado (Wireframes) y Reporte- C11

En la Clase 11 (Viernes 14/5/2021), dentro del Marco de Evaluación de Usabilidad de una plataforma, se realiza la corrección del app, a través de Prototipado,»Wireframes». Se avanza paralelamente en la Reporte de Usabilidad, incluyendo la Evaluación siguiendo las pautas y guías «POUR».

Prototipado

Proceso para generar las soluciones a partir de los errores identificados. Para determinar que soluciones debemos proponer, se hizo una síntesis de los errores y en qué etapa del flujo de interacción se encuentra.

Correción de App: Propuesta en Wireframe de la Pantalla de Inicio.
Corrección de la App: Propuesta en Wireframe de pantalla de «Permisos Individuales».

Forma de Log IN: https://www.pinterest.es/pin/36451078224131226/

Referencias

Sitio acerca de esto Wireframe en HTML: https://bradfrost.com/blog/post/html-wireframes/

Sitio acerca de esto: https://bradfrost.com/blog/post/html-wireframes/

Sitio web acerca de la Heurística número 7: https://www.nngroup.com/articles/flexibility-efficiency-heuristic/

Actividad: Recap

Repaso del Módulo

Pregunta 1: ¿Qué es el diseño de experiencia de usuario?

La experiencia de usuario es el proceso que tiene el usuario cuando interactúa con un producto.

Es únicamente la buenaexperiencia que tiene el usuario con un producto.

Pregunta 2: La diferencia entre Design Thinking y UX es

Design Thinking se aplica paracrear negocios y objetosmientras que UX se aplica aproductos digitales.

Ninguna, las dos correspondenal Diseño Centrado en losUsuarios DCU

¿A quién o quiénes nos referimos cuando hablamos de «usuario final»?

A la o las personas que usa(n)un producto o servicio.

A nuestro cliente interno o externo, porque conoce a los clientes que usan el producto o servicio.

Cuál es es Usuario y el cliente, puede ser el cliente quién paga, y también puede ser interno o interno. El usuario no es . El UX como disciplina está dentro de la «Customer Experience».

Ordena las etapas del DCU desde la inicial hasta la etapa final, marcando desde el 1 hasta el 5 según corresponda.

  • Empatizar/Investigar (Recolectar)
  • Definir (Problemática, idea más clara)
  • Idear (=Diseñar)
  • Prototipar
  • Testear

Selecciona todas las alternativas correctas: «El análisis heurístico es un método…»

Selecciona todas las alternativas correctas: «Los wireframes…

Son un punto de partida para empezar a diseñar

Son a todo color

Se pueden hacer en baja,mediana o alta fidelidad

Se pueden hacer en HTM

Wireframe en Html (https://bradfrost.com/blog/post/html-wireframes/), es también prototipo porque puede incluir navegación. Una de las ventajas podría ser que una vez aprobado el prototipo, se podría reutilizar el hmtl, si es que está bien realizado.

Herramienta «Axure» (https://www.axure.com/), para hacer wireframe en html. Si se trabaja con esta herramienta hay que tener en cuenta que el

Conclusiones de la Clase

Contenidos de la Clase

  1. Revisión Actividad
  2. Tema
  3. Glosario de Conceptos
  4. Referencias
  5. Conclusiones de la Clase

Propuesta de Wireframes (Prototipado) y Reporte de Accesibilidad POUR-C10(13.05.21)

Clase 10, Jueves 13 de Abril de 2021. En el Marco de Evaluación de Usabilidad de una plataforma, se introduce las herramientas para realizar la Etapa de Prototipado, en este caso, «Wireframes». Se avanza paralelamente en la Reporte de Usabilidad, incluyendo la Evaluación siguiendo las pautas y guías «POUR».

Prototipado

Proceso para generar las soluciones a partir de los errores identificados.

20. No existe opción de deshacer o volver atrás (Inicio, Flujo)

19. Mostrar trámites habitualmente realizados (Inicio)

18. Formalmente no existe un index (Inicio)

17. No hay visibilidad de estatus del sistema (En inicio, en Flujo)

16. No está visible manual de ayuda (En inicio, en flujo)

15. Chat de ayuda (En inicio, en flujo)

14. Anular trámite (En flujo*=)

13. Ancho de columna, cansa la lectura (En inicio)

12. Link inline (vibración visual x color) (En inicio)

11. Botón de «Iniciar trámite» (En flujo*=)

10. Pasos innecesarios para llegar pedir el permiso (En flujo*=)

9. Exceso de información en los ítem (? En general)

8. Ausencia de botones en la página index (En index)

7. La paleta de colores no es semántica en el sitio en general (En todo el sitio)

5. Menú visible, pero no funcional (tablet – smartphone) (En todo el sitio)

6. Lenguaje de Íconos (En todo el sitio)

4. No tiene menú de navegación (desktop- en todo el sitio)

3. No utiliza Breadcrumbs trails (En todo el sitio)

2. Registro de clave única (urgencia) ?

1. Información duplicada, no hay síntesis (Inicio, En todo el sitio)

Flujo a realizar y pantallas: Inicio (Index)—Log in (?)—-(Iniciar trámite,)–Iniciar Permiso Individual–Elegir Permiso—

Clasificación de Errores Generales (en todo el sitio)

1. Información duplicada, no hay síntesis (En todo el sitio)

3. No utiliza Breadcrumbs trails (En todo el sitio)

4. No tiene menú de navegación (desktop- en todo el sitio)

5. Menú visible, pero no funcional (tablet – smartphone) (En todo el sitio)

6. Lenguaje de Íconos (En todo el sitio)

7. La paleta de colores no es semántica en el sitio en general (En todo el sitio)

9. Exceso de información en los ítem (? En general)

Errores en el Index (Inicio)

8. Ausencia de botones en la página index (En index)

12. Link inline (vibración visual x color) (En inicio)

13. Ancho de columna, cansa la lectura (En inicio)

15. Chat de ayuda (En inicio, en flujo)

16. No está visible manual de ayuda (En inicio, en flujo)

17. No hay visibilidad de estatus del sistema (En inicio, en Flujo)

18. Formalmente no existe un index (Inicio)

19. Mostrar trámites habitualmente realizados (Inicio)

20. No existe opción de deshacer o volver atrás (Inicio, Flujo)

En flujo

10. Pasos innecesarios para llegar pedir el permiso (En flujo*=)

11. Botón de «Iniciar trámite» (En flujo*=)

14. Anular trámite (En flujo*=)

15. Chat de ayuda (En inicio, en flujo)

16. No está visible manual de ayuda (En inicio, en flujo)

17. No hay visibilidad de estatus del sistema (En inicio, en Flujo)

20. No existe opción de deshacer o volver atrás (Inicio, Flujo)

Sitio web Comisaría Virtual: https://comisariavirtual.cl/

Se revisaron los siguientes sitios y web plataformas para adquirir una referencia de Index, sitio web del Gobierno del Reino Unido (https://www.gov.uk/), Red de Protección Social (https://www.reddeproteccion.cl/), SItio web de Policía de Reino Unido (https://www.police.uk/), y Sitio web de Gobierno de Chile (https://www.gob.cl/).

Actividad: Recap

Referencias

Sitio acerca de esto Wireframe en HTML: https://bradfrost.com/blog/post/html-wireframes/

Sitio acerca de esto: https://bradfrost.com/blog/post/html-wireframes/

Repaso del Módulo

Pregunta 1: ¿Qué es el diseño de experiencia de usuario?

La experiencia de usuario es el proceso que tiene el usuario cuando interactúa con un producto.

Es únicamente la buenaexperiencia que tiene el usuario con un producto.

Pregunta 2: La diferencia entre Design Thinking y UX es

Design Thinking se aplica paracrear negocios y objetosmientras que UX se aplica aproductos digitales.

Ninguna, las dos correspondenal Diseño Centrado en losUsuarios DCU

¿A quién o quiénes nos referimos cuando hablamos de «usuario final»?

A la o las personas que usa(n)un producto o servicio.

A nuestro cliente interno o externo, porque conoce a los clientes que usan el producto o servicio.

Cuál es es Usuario y el cliente, puede ser el cliente quién paga, y también puede ser interno o interno. El usuario no es . El UX como disciplina está dentro de la «Customer Experience».

Ordena las etapas del DCU desde la inicial hasta la etapa final, marcando desde el 1 hasta el 5 según corresponda.

  • Empatizar/Investigar (Recolectar)
  • Definir (Problemática, idea más clara)
  • Idear (=Diseñar)
  • Prototipar
  • Testear

Selecciona todas las alternativas correctas: «El análisis heurístico es un método…»

Selecciona todas las alternativas correctas: «Los wireframes…

Son un punto de partida para empezar a diseñar

Son a todo color

Se pueden hacer en baja,mediana o alta fidelidad

Se pueden hacer en HTM

Wireframe en Html (https://bradfrost.com/blog/post/html-wireframes/), es también prototipo porque puede incluir navegación. Una de las ventajas podría ser que una vez aprobado el prototipo, se podría reutilizar el hmtl, si es que está bien realizado.

Herramienta «Axure» (https://www.axure.com/), para hacer wireframe en html. Si se trabaja con esta herramienta hay que tener en cuenta que el

Correción

1.Corregir numeración de errores en matriz de similutud.
2.Agregar tablar de Severidad, del error junto con la heúristca en Metodología.
3.Explicar y agregar severidad (1-5) es en Metodología.
4.Numerar errores en diapositiva
5.Colocar Batch Severidad (1-5) es cada error.
6..En Refexiones: Cómo se hizo el ejercicio, y reflexionar… todos pensamos disitnto, incluso su estamos trabajndo el mismo proyecto,..

Conclusiones de la Clase

ooo

Contenidos de la Clase

  1. Revisión Actividad
  2. Tema
  3. Glosario de Conceptos
  4. Referencias
  5. Conclusiones de la Clase

Introducción a Wireframes (Prototipado) y Reporte de Accesibilidad POUR-C9(12.05.21)

Clase 9, Miércoles 12 de Abril de 2021. En el Marco de Evaluación de Usabilidad de una plataforma, se introduce las herramientas para realizar la Etapa de Prototipado, en este caso, «Wireframes». Se avanza paralelamente en la Reporte de Usabilidad, incluyendo la Evaluación siguiendo las pautas y guías «POUR».

Introducción al Prototipado

Wireframe en tamaño móvil, realizado con la Herramienta de Prototipado Cacoo, disponible en https://www.interaction-design.org/literature/topics/wireframing

Dentro del ejercicio de Evaluación, debemos proponer un y para eso revisamos las herramientas para realizar wireframe.

¿Qué son los Wireframe?

Software: Balsamiq (https://balsamiq.cloud/)

Reporte Accesibilidad (POUR)

Referencias

¿Qué es un Reporte de Análisis Heurístico? ¿Cómo se realiza uno?

Sitio web con las Pautas y linamientos: https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=141%2C243%2C256%2C334%2C248#principle1

Crear «Breadcrum trails«: https://www.w3.org/WAI/WCAG21/Techniques/general/G65.html

Crear Coherencia en el Diseño: https://www.w3.org/WAI/WCAG21/Techniques/general/G61.html

Cancelar o Anular Trámite: https://www.w3.org/WAI/WCAG21/Techniques/general/G164.html

Menús y barras de navegación: https://www.w3.org/WAI/WCAG21/Techniques/general/G128.html

Información repetida: https://www.w3.org/WAI/WCAG21/Techniques/general/G61.html

Videos

La especialista UX Alita Joyce comparte las similitudes entre las herramientas de diseño como el Prototipo y el Wireframe.

La especialista UX Alita Joyce comparte las similitudes entre las herramientas de diseño como el Prototipo y el Wireframe.

Vídeo tutorial que explica cómo crear Wireframe con Balsamiq, que es un software que permite crear wireframes en procesos de diseño web.

Conclusiones de la Clase

Las Wireframe son prototipos de alta o baja fidelidad, cuya característica principal es situarla importancia a los aspectos estructurales del contenido y la navegación, dejando de lado aspectos visuales como el uso del color y la tipografía. Por ende son prototipos en alto contraste o en escala de grises, que muestran la diagramación y ubicación de los elementos. Para realizar Wireframe existen variados herramientas que permiten crear prototipos más detallados o más rápidos, dependiendo de lo que se quiere lograr.

Contenidos de la Clase

  1. Revisión Actividad
  2. Tema
  3. Glosario de Conceptos
  4. Referencias
  5. Conclusiones de la Clase

Accesibilidad y Reporte de Evaluación Heurística – C8(11.05.21)

Clase Martes 11 de Abril de 2021.

1. Reporte y Análisis Heurístico

¿Qué es un Reporte de Análisis Heurístico? ¿Cómo se realiza uno?

En el reporte de error indicar la ruta de la navegación, por ejemplo: Index/ Iniciar trámite/ Permiso Laboral

Accesibilidad Pour y Estándar WCAG 2.0

axe DevTools – Web Accessibility Testing https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd

Evaluaciones de Accesibilida:

  1. Evaluación Heurística
  2. Análisis POUR
  3. Cognitive Walkthrough
  4. Análisis Manuales: Prueba de Usabilidad

Lighthouse: evaluación de Accesibilidad sólo de código.

¿Cuáles son los criterios principales que debe cumplir un sitio para cumplir las características de POUR?

Análisis POUR de «Comisaría Virtual»

Robusto no, ni Legible, Perceptible y Operable su.

Error: Heurística dañada y Guía POUR que no se sigue, o norma que no sigue.

Referencias

Sitio acerca de esto:

Sitio acerca de esto:

Videos

Conclusiones de la Clase

Contenidos de la Clase

  1. Revisión Actividad
  2. Tema
  3. Glosario de Conceptos
  4. Referencias
  5. Conclusiones de la Clase

Accesibilidad, grupo de adultos mayores. Aporte de Consuelo Padilla en clase: «Un dato desde el lenguaje y las palabras: «Desde la Convención Internacional por los Derechos de las Personas con Discapacidad de Naciones Unidas (ONU) se dispuso que el término adecuado para referirse a este grupo de la población sea Personas con Discapacidad (PCD) o Personas en Situación de Discapacidad.»