# Experiencia y diseño de servicios · Diccionario · Zorraquino
> Conceptos para crear experiencias útiles, comprensibles y accesibles. Incluye customer journey, diseño de servicios, interfaces y evaluación de usabilidad.
URL: https://www.zorraquino.com/diccionario/categoria/experiencia-y-diseno-de-servicios

# Experiencia y diseño de servicios

95 términos, explicados uno a uno

Conceptos para crear experiencias útiles, comprensibles y accesibles. Incluye customer journey, diseño de servicios, interfaces y evaluación de usabilidad.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## A

- [Accesibilidad digitalLa accesibilidad digital busca que las personas, incluidas aquellas con discapacidad, puedan percibir, comprender y utilizar productos y contenidos digitales.](https://www.zorraquino.com/diccionario/accesibilidad-digital)
- [AffordanceUna affordance es una posibilidad de acción que surge de la relación entre una persona y un objeto o entorno.](https://www.zorraquino.com/diccionario/ux/affordance.html)
- [AppleApple es una empresa tecnológica que desarrolla dispositivos, sistemas operativos y servicios digitales. Su ecosistema relaciona productos de hardware con software y servicios utilizados por particulares y organizaciones.](https://www.zorraquino.com/diccionario/ux/apple.html)
- [Arquitectura de la informaciónLa arquitectura de la información organiza contenidos, etiquetas y relaciones para que las personas encuentren y comprendan lo que necesitan.](https://www.zorraquino.com/diccionario/marketing-digital/arquitectura-de-la-informacion.html)
- [Atomic designAtomic design es una metodología de Brad Frost que organiza interfaces en átomos, moléculas, organismos, plantillas y páginas.](https://www.zorraquino.com/diccionario/branding/atomic-design.html)
- [Auditoría UXUna auditoría UX revisa una experiencia para identificar problemas y oportunidades relacionados con las necesidades de usuarios y negocio.](https://www.zorraquino.com/diccionario/auditoria-ux)
- [AutocompletadoEl autocompletado es una función que sugiere o completa lo que la persona está escribiendo a partir de las primeras letras, de datos guardados o de predicciones.](https://www.zorraquino.com/diccionario/ux/autocompletado.html)

## B

- [BackdropUn backdrop, en diseño de interfaces, es una capa situada detrás del contenido principal que muestra contexto o controles relacionados con lo que aparece delante.](https://www.zorraquino.com/diccionario/ux/backdrop.html)
- [Búsqueda visualLa búsqueda visual utiliza una imagen como entrada para localizar información o elementos relacionados. Puede reconocer objetos, comparar formas o recuperar imágenes con características semejantes.](https://www.zorraquino.com/diccionario/ux/busqueda-visual.html)

## C

- [Card sortingEl card sorting es un método de investigación en el que las personas agrupan contenidos para mostrar cómo entienden sus relaciones.](https://www.zorraquino.com/diccionario/marketing-digital/card-sorting.html)
- [Color de fondoEl color de fondo es el color de la superficie sobre la que se presenta contenido. Ayuda a organizar áreas y a establecer relaciones de contraste con texto, imágenes y controles.](https://www.zorraquino.com/diccionario/ux/color-de-fondo.html)
- [Color de superficieEl color de superficie es, en un sistema de diseño, el color que se aplica a los componentes que contienen contenido, como tarjetas, hojas, menús o diálogos.](https://www.zorraquino.com/diccionario/ux/color-de-superficie.html)
- [Color primarioEl color primario es el color al que un sistema de identidad o de interfaz asigna un papel principal. Puede señalar acciones, aportar reconocimiento o destacar elementos según las reglas del diseño.](https://www.zorraquino.com/diccionario/ux/color-primario.html)
- [Color secundarioEl color secundario complementa los roles principales de una identidad o interfaz. Puede ayudar a distinguir contenidos o aportar variación dentro de una paleta coherente.](https://www.zorraquino.com/diccionario/ux/color-secundario.html)
- [Colores «on»Los colores «on» son roles cromáticos destinados a contenido situado sobre una superficie asociada, como on-primary para contenido sobre primary. El nombre expresa una relación entre roles.](https://www.zorraquino.com/diccionario/ux/colores-on.html)
- [Colores alternativosLos colores alternativos son, en Material Design 2, colores adicionales a los primarios y secundarios de la marca que permiten crear temas distintos dentro de un mismo producto o conjunto de productos.](https://www.zorraquino.com/diccionario/ux/colores-alternativos.html)
- [ColumnasLas columnas son las divisiones verticales de una retícula de diseño en las que se coloca el contenido de una pantalla o página.](https://www.zorraquino.com/diccionario/ux/columnas.html)
- [Customer journeyEl customer journey es el recorrido de una persona en su relación con una organización para alcanzar un objetivo.](https://www.zorraquino.com/diccionario/marketing-digital/customer-journey.html)
- [Customer journey mapUn customer journey map representa el recorrido de una persona para alcanzar un objetivo en su relación con una organización.](https://www.zorraquino.com/diccionario/customer-journey-map)

## D

- [Densidad de píxelesLa densidad de píxeles expresa cuántos píxeles se sitúan en una longitud física, habitualmente en píxeles por pulgada o PPI. Relaciona resolución y tamaño de una pantalla o de una imagen reproducida.](https://www.zorraquino.com/diccionario/ux/densidad-de-pixeles.html)
- [Design tokensLos design tokens representan decisiones de diseño mediante valores con nombre, como colores, espacios o tipografías.](https://www.zorraquino.com/diccionario/design-tokens)
- [DesignOpsDesignOps organiza procesos, herramientas y colaboración para que los equipos de diseño trabajen con mayor consistencia.](https://www.zorraquino.com/diccionario/designops)
- [Dips o «dp»Los dp (density-independent pixels, pronunciados «dips») son unidades de medida independientes de la densidad que se usan en Android y Material Design para que los elementos tengan un tamaño físico similar en cualquier pantalla.](https://www.zorraquino.com/diccionario/ux/dips-o-dp.html)
- [Diseño centrado en las personasEl diseño centrado en las personas desarrolla soluciones a partir de la comprensión de sus necesidades, capacidades y contextos.](https://www.zorraquino.com/diccionario/marketing-digital/disenio-centrado-usuario.html)
- [Diseño de contenidosEl diseño de contenidos decide qué información necesita una persona, en qué momento y cómo debe presentarse para ayudarla a actuar.](https://www.zorraquino.com/diccionario/diseno-de-contenidos)
- [Diseño de interacciónEl diseño de interacción define cómo una persona realiza acciones y recibe respuestas de un producto o sistema.](https://www.zorraquino.com/diccionario/diseno-de-interaccion)
- [Diseño de serviciosEl diseño de servicios organiza personas, procesos, canales y recursos para ofrecer una experiencia útil y viable.](https://www.zorraquino.com/diccionario/ux/diseno-de-servicios.html)
- [Diseño digitalEl diseño digital es la disciplina que crea comunicación visual e interfaces pensadas para pantallas y entornos digitales.](https://www.zorraquino.com/diccionario/marketing-digital/diseno-digital.html)
- [Diseño gráficoEl diseño gráfico es la disciplina que organiza imágenes, tipografía, color y forma para comunicar un mensaje de manera visual.](https://www.zorraquino.com/diccionario/marketing-digital/diseno-grafico.html)
- [Diseño inclusivoEl diseño inclusivo reconoce la diversidad de capacidades y contextos para reducir exclusiones al crear productos y servicios.](https://www.zorraquino.com/diccionario/diseno-inclusivo)
- [Diseño responsiveEl diseño responsive adapta la presentación de una interfaz al espacio y a las condiciones del dispositivo desde el que se utiliza.](https://www.zorraquino.com/diccionario/marketing-digital/diseno-adaptativo.html)
- [Diseño webEl diseño web organiza la información, la presentación y las interacciones de un sitio para cumplir objetivos de usuarios y negocio.](https://www.zorraquino.com/diccionario/marketing-digital/diseno-web.html)

## E

- [Efecto Von RestorffEl efecto Von Restorff, o efecto de aislamiento, describe la mayor facilidad para recordar un elemento que destaca dentro de un conjunto bajo determinadas condiciones.](https://www.zorraquino.com/diccionario/ux/efecto-von-restorff.html)
- [Elemento inputEl elemento input de HTML representa distintos controles de formulario según su tipo. Puede recoger texto, fechas, selecciones u otros valores, y también cumplir funciones específicas como enviar un formulario.](https://www.zorraquino.com/diccionario/ux/elemento-input.html)
- [EmoticonoUn emoticono es una representación de una expresión facial o una emoción creada con caracteres de texto, como :-) o :-(.](https://www.zorraquino.com/diccionario/ux/emoticono.html)
- [Espacio verticalEl espacio vertical es la separación que organiza elementos a lo largo del eje vertical de una composición. Ayuda a agrupar contenidos, distinguir secciones y establecer ritmo de lectura.](https://www.zorraquino.com/diccionario/ux/espacio-vertical.html)
- [Estado vacíoUn estado vacío es la situación en la que una interfaz todavía no tiene contenido que mostrar o no encuentra resultados.](https://www.zorraquino.com/diccionario/estado-vacio)
- [Evaluación heurísticaLa evaluación heurística revisa una interfaz mediante principios de usabilidad para identificar problemas y priorizar mejoras.](https://www.zorraquino.com/diccionario/marketing-digital/analisis-heuristico.html)
- [Experiencia de clienteLa experiencia de cliente, o CX, reúne las percepciones que se forman durante la relación completa de una persona u organización con una empresa.](https://www.zorraquino.com/diccionario/internet/experiencia-de-consumidor.html)
- [Experiencia de usuarioLa experiencia de usuario, o UX, reúne las percepciones y respuestas que surgen al usar o anticipar el uso de un producto, sistema o servicio.](https://www.zorraquino.com/diccionario/internet/experiencia-de-usuario.html)
- [Experiencia phygitalUna experiencia phygital conecta interacciones físicas y digitales dentro de un mismo recorrido.](https://www.zorraquino.com/diccionario/marketing-digital/experiencia-phygital.html)

## F

- [Fixed gridsUna fixed grid o retícula fija es una retícula de diseño con columnas de anchura fija en la que los márgenes laterales crecen o se reducen para absorber el espacio sobrante.](https://www.zorraquino.com/diccionario/ux/fixed-grids.html)
- [Fluid gridsUna fluid grid o retícula fluida es una retícula de diseño cuyas columnas se ensanchan o estrechan en proporción al tamaño de la pantalla, de modo que el contenido ocupa el espacio disponible.](https://www.zorraquino.com/diccionario/ux/fluid-grids.html)
- [Formulario de conversiónUn formulario de conversión recoge los datos necesarios para que una persona complete una acción, como solicitar información o contratar un servicio.](https://www.zorraquino.com/diccionario/internet/formulario-de-conversion-conversion-form.html)
- [Fricción de experienciaUna fricción es un obstáculo o esfuerzo que dificulta avanzar hacia un objetivo dentro de una experiencia.](https://www.zorraquino.com/diccionario/friccion-de-experiencia)

## H

- [Happy pathEl happy path es la secuencia prevista cuando una persona completa una tarea sin errores ni interrupciones.](https://www.zorraquino.com/diccionario/internet/happy-path.html)

## I

- [Immersive commerceEl immersive commerce o comercio inmersivo es la aplicación de tecnologías como la realidad aumentada, la realidad virtual, el vídeo 360° o el 3D al comercio electrónico para que la persona explore los productos de forma más parecida a la experiencia física.](https://www.zorraquino.com/diccionario/ux/immersive-commerce.html)
- [Innovación no tecnológicaLa innovación no tecnológica es una expresión utilizada para destacar cambios en organización, comercialización u otras prácticas cuyo valor no depende principalmente de una nueva tecnología.](https://www.zorraquino.com/diccionario/ux/innovacion-no-tecnologica.html)
- [Interaction gulfsLos interaction gulfs o brechas de interacción son las distancias que separan lo que una persona quiere hacer con un sistema de lo que el sistema le permite hacer y le comunica.](https://www.zorraquino.com/diccionario/ux/interaction-gulfs.html)
- [Interfaz de usuarioLa interfaz de usuario, o UI, es el conjunto de elementos con los que una persona interactúa para utilizar un sistema.](https://www.zorraquino.com/diccionario/internet/interfaz-de-usuario.html)

## L

- [Ley de FittsLa ley de Fitts relaciona el tiempo necesario para alcanzar un objetivo con su distancia y tamaño.](https://www.zorraquino.com/diccionario/ux/ley-de-fitts.html)
- [Ley de Hick-HymanLa ley de Hick-Hyman relaciona el tiempo de elección con la cantidad y la incertidumbre de las alternativas disponibles.](https://www.zorraquino.com/diccionario/internet/ley-de-hick.html)
- [Ley de JakobLa ley de Jakob expresa que las personas trasladan a una interfaz expectativas aprendidas al utilizar otros productos.](https://www.zorraquino.com/diccionario/ux/ley-de-jakob.html)

## M

- [macOSmacOS es el sistema operativo de los ordenadores Mac. Proporciona funciones de gestión del equipo y un entorno para ejecutar aplicaciones.](https://www.zorraquino.com/diccionario/ux/mac-os.html)
- [Mapa de calorUn mapa de calor representa la intensidad o distribución de una variable mediante colores.](https://www.zorraquino.com/diccionario/marketing-digital/heatmap-mapa-de-calor.html)
- [Mapa de empatíaEl mapa de empatía organiza observaciones sobre lo que una persona dice, piensa, hace y siente en un contexto.](https://www.zorraquino.com/diccionario/ux/mapa-de-empatia.html)
- [MárgenesLos márgenes, en una retícula de diseño, son los espacios entre el contenido y los bordes izquierdo y derecho de la pantalla o del contenedor.](https://www.zorraquino.com/diccionario/ux/margenes.html)
- [Métricas HEARTHEART es un marco para evaluar experiencias mediante satisfacción, implicación, adopción, retención y éxito en las tareas.](https://www.zorraquino.com/diccionario/marketing-digital/metrica-heart.html)
- [MicrocopyEl microcopy es el texto breve que orienta acciones y explica estados dentro de una experiencia.](https://www.zorraquino.com/diccionario/marketing-digital/microcopy.html)
- [MicrointeracciónUna microinteracción es una respuesta acotada del sistema que acompaña una acción o comunica un cambio de estado.](https://www.zorraquino.com/diccionario/microinteraccion)
- [Mobile firstMobile first es un enfoque que comienza el diseño de una experiencia digital desde condiciones de pantalla y atención limitadas.](https://www.zorraquino.com/diccionario/ux/mobile-first.html)
- [MockupUn mockup es una representación visual de una propuesta que muestra su apariencia antes de producirla o desarrollarla.](https://www.zorraquino.com/diccionario/marketing-digital/mockup.html)
- [Momento de la verdadUn momento de la verdad es una interacción que influye de forma especialmente relevante en la percepción y la relación de una persona con una organización.](https://www.zorraquino.com/diccionario/marketing-digital/momentos-de-la-verdad.html)
- [MOOCUn MOOC es un curso en línea concebido para una participación amplia y una forma de acceso abierta según sus condiciones. Puede combinar materiales, ejercicios y espacios de interacción.](https://www.zorraquino.com/diccionario/ux/mooc.html)

## N

- [Navegación hacia delanteLa navegación hacia delante lleva a un destino o paso que desarrolla la tarea actual, como abrir un detalle desde una lista o continuar un formulario.](https://www.zorraquino.com/diccionario/ux/navegacion-hacia-delante.html)
- [Navegación inversaLa navegación inversa es el desplazamiento hacia atrás entre pantallas, ya sea en orden cronológico, volviendo a lo visto antes, o en orden jerárquico, subiendo un nivel en la estructura de la aplicación.](https://www.zorraquino.com/diccionario/ux/navegacion-inversa.html)
- [Navegación lateralLa navegación lateral permite desplazarse entre secciones o destinos del mismo nivel de una estructura. Puede resolverse mediante pestañas, barras u otros controles según el espacio disponible.](https://www.zorraquino.com/diccionario/ux/navegacion-lateral.html)

## O

- [OnboardingEl onboarding acompaña a una persona durante el inicio de una relación o el aprendizaje de un producto, servicio u organización.](https://www.zorraquino.com/diccionario/onboarding)

## P

- [PaddingEl padding es el espacio interior entre el contenido y el borde de una caja en CSS. Se utiliza para separar texto, imágenes o controles de su contorno.](https://www.zorraquino.com/diccionario/ux/padding.html)
- [Patrones de persuasiónLos patrones de persuasión son soluciones de diseño que intentan favorecer una acción mediante señales, información o incentivos. Pueden ayudar a completar una tarea o a sostener un hábito.](https://www.zorraquino.com/diccionario/ux/patrones-de-persuasion.html)
- [Patrones oscurosLos patrones oscuros son decisiones de interfaz que dificultan una elección informada o empujan a actuar contra los propios intereses.](https://www.zorraquino.com/diccionario/ux/patrones-oscuros.html)
- [Plug and playEl plug and play («enchufar y usar») es la capacidad de un sistema para reconocer y configurar automáticamente un dispositivo en cuanto se conecta, sin que la persona tenga que instalar o ajustar nada manualmente.](https://www.zorraquino.com/diccionario/ux/plug-and-play.html)
- [Pruebas de usabilidadLas pruebas de usabilidad observan cómo personas representativas realizan tareas con un producto, servicio o prototipo.](https://www.zorraquino.com/diccionario/ux/pruebas-de-usabilidad.html)
- [Punto de contactoUn punto de contacto es una interacción concreta entre una persona y una organización, marca o servicio.](https://www.zorraquino.com/diccionario/punto-de-contacto)
- [Punto de rupturaUn punto de ruptura, o breakpoint, es una condición a partir de la cual cambia la presentación de una interfaz adaptable.](https://www.zorraquino.com/diccionario/internet/punto-de-ruptura.html)

## R

- [ReadabilityLa readability o lecturabilidad es la facilidad con la que un texto se lee y se comprende por su vocabulario y la construcción de sus frases, con independencia de la tipografía.](https://www.zorraquino.com/diccionario/ux/readability.html)
- [Recorrido cognitivoEl recorrido cognitivo es un método de evaluación experta que analiza si una persona podría aprender a completar tareas en una interfaz.](https://www.zorraquino.com/diccionario/branding/recorrido-cognitivo.html)
- [Relación de aspectoLa relación de aspecto expresa la proporción entre anchura y altura de una imagen, vídeo o contenedor, como 16:9 o 1:1\. Ayuda a definir composición y espacio disponible.](https://www.zorraquino.com/diccionario/ux/relacion-de-aspecto.html)
- [Responsive croppingEl recorte adaptable o responsive cropping ajusta el encuadre de una imagen al espacio de presentación. Busca conservar lo relevante cuando cambia el formato de pantalla.](https://www.zorraquino.com/diccionario/ux/responsive-cropping.html)
- [Retícula de diseñoUna retícula de diseño es una estructura de columnas, filas, márgenes y espacios que ayuda a organizar contenido visual.](https://www.zorraquino.com/diccionario/branding/cuadricula-tipografica.html)
- [Revelación progresivaLa revelación progresiva presenta información o controles cuando resultan necesarios, evitando mostrar toda la complejidad de una vez.](https://www.zorraquino.com/diccionario/revelacion-progresiva)

## S

- [ScrimsUn scrim es una capa visual que reduce el protagonismo del contenido situado debajo o facilita el contraste de un elemento superpuesto. Puede ser uniforme o tener un degradado.](https://www.zorraquino.com/diccionario/ux/scrims.html)
- [Scroll infinitoEl scroll infinito carga más contenido a medida que la persona avanza por una página o lista.](https://www.zorraquino.com/diccionario/internet/scroll-infinito.html)
- [Service blueprintUn service blueprint representa cómo se entrega un servicio conectando las acciones del usuario con personas, procesos y sistemas de la organización.](https://www.zorraquino.com/diccionario/marketing-digital/service-blueprint.html)
- [Sistema de diseñoUn sistema de diseño reúne principios, componentes, estilos y documentación para crear productos coherentes de forma compartida.](https://www.zorraquino.com/diccionario/marketing-digital/sistema-de-diseno.html)
- [SnackbarUn snackbar es un mensaje breve que aparece temporalmente en la parte inferior de la pantalla para informar sobre un proceso que la aplicación ha realizado o va a realizar.](https://www.zorraquino.com/diccionario/ux/snackbars.html)
- [System Usability ScaleLa System Usability Scale, o SUS, es un cuestionario de diez ítems utilizado para recoger una valoración percibida de usabilidad.](https://www.zorraquino.com/diccionario/system-usability-scale)

## T

- [TaxonomíaUna taxonomía organiza conceptos o contenidos mediante categorías y relaciones definidas.](https://www.zorraquino.com/diccionario/marketing-digital/taxonomia.html)
- [Test de árbolEl test de árbol evalúa si las personas encuentran información en una estructura de navegación presentada sin el diseño visual.](https://www.zorraquino.com/diccionario/marketing-digital/test-arbol.html)

## U

- [UsabilidadLa usabilidad describe la facilidad con la que unas personas concretas alcanzan objetivos con eficacia, eficiencia y satisfacción en un contexto de uso.](https://www.zorraquino.com/diccionario/internet/usabilidad.html)
- [User flowUn user flow representa las acciones y decisiones que permiten completar una tarea dentro de un producto o servicio.](https://www.zorraquino.com/diccionario/internet/user-flow.html)
- [UX writingUX writing es la práctica de diseñar los textos que ayudan a las personas a utilizar un producto o servicio.](https://www.zorraquino.com/diccionario/ux/ux-writer.html)

## V

- [Voice searchLa búsqueda por voz utiliza el habla como entrada para formular una consulta. El sistema interpreta esa entrada y devuelve información mediante una interfaz que puede combinar voz y pantalla.](https://www.zorraquino.com/diccionario/ux/voice-search.html)

## W

- [WireframeUn wireframe es un esquema de la estructura y la jerarquía de una pantalla o página.](https://www.zorraquino.com/diccionario/marketing-digital/wireframe.html)

## Z

- [Zero UIZero UI es un enfoque de diseño que reduce o elimina la interfaz gráfica de pantalla y se apoya en la voz, los gestos, el contexto, los sensores y la automatización para que las personas interactúen con la tecnología.](https://www.zorraquino.com/diccionario/ux/zero-ui.html)