Saltar al contenido
Diseño UI y UX

Guía práctica de formularios de varios pasos

Dividir formularios largos, como solicitudes, presupuestos y procesos de alta, en una secuencia de pasos más cortos con una progresión clara.

Priya Raghunathan Head of Design 25 min de lectura 16 visualizaciones
Guía práctica de formularios de varios pasos

Puntos clave

  • Una cosa por página: GOV.UK recomienda formular una pregunta por página en los servicios complejos
  • Progreso: un indicador de pasos muestra cuánto falta
  • La medida más útil: Agrupe las preguntas en pasos lógicos.
  • El error más común: Perder las respuestas cuando los usuarios vuelven atrás.
  • Recurra a ayuda cuando alguna de las situaciones descritas en «Cuándo recurrir a ayuda», más abajo, corresponda a su proyecto.

Por qué es importante

Dividir un formulario largo reduce la sensación de agobio y los errores, pero solo si los pasos son lógicos y los usuarios pueden ver dónde están y volver atrás.

Las cifras, en un solo lugar

La tabla siguiente recoge los umbrales con los que miden las propias herramientas.

Cifras publicadas sobre formularios de varios pasos
MedidaCifra
Una cosa por páginaGOV.UK recomienda formular una pregunta por página en los servicios complejos
Progresoun indicador de pasos muestra cuánto falta
Navegación hacia atráslos usuarios deben poder volver atrás sin perder sus respuestas
Revisar las respuestasun resumen antes del envío permite a los usuarios revisar

Cómo es un buen resultado

Las prácticas siguientes son las que sobreviven al contacto con un plazo real.

  • Agrupe las preguntas en pasos lógicos
  • Muestre el progreso y el número de pasos
  • Guarde las respuestas a medida que los usuarios pasan de un paso a otro
  • Ofrezca una página de revisión antes del envío
  • Valide cada paso antes de continuar

Qué evitar

Los errores habituales, incluidos los que parecen sensatos.

  • Perder las respuestas cuando los usuarios vuelven atrás
  • Pasos con preguntas sin relación entre sí
  • Pasos adicionales inesperados al final
  • Ocultar la longitud total

Dónde encaja esto en el diseño UI y UX

Los formularios de varios pasos son una parte de nuestro enfoque del diseño UI y UX. Rara vez se presentan de forma aislada: las decisiones anteriores interactúan con todo lo demás del proyecto, por eso conviene resolverlas pronto y no en la revisión.

Para quién es realmente

Si está leyendo sobre formularios de varios pasos, normalmente se encuentra en una de tres situaciones: algo salió mal y quiere saber por qué, se acerca algo y quiere hacerlo bien, o alguien le ha dado una cifra y quiere saber si es razonable.

Cualquiera de esos es un buen motivo para estar aquí. Lo que sigue lo cubre todo: en qué consiste el trabajo, cuánto cuesta en EE. UU., cuánto tiempo lleva, qué necesitamos de usted y cómo saber si lo que recibe es bueno. Vaya directamente a la parte que necesite.

Cuando lo ocasional se vuelve continuo

Suele llegar un momento en que el diseño UI y UX deja de ser algo que se resuelve entre otras tareas y pasa a ser un trabajo en sí mismo. Suele ser así:

  • El trabajo recae en alguien que en realidad se dedica a otra cosa, y su verdadero trabajo está quedando desatendido.
  • El volumen ha dejado de ser ocasional y se ha vuelto semanal.
  • La calidad varía según quién estuviera libre ese día.
  • Está rechazando oportunidades porque la producción no da abasto.
  • Se repite una y otra vez la misma corrección porque nadie dejó por escrito cómo hacerla bien.
  • Está pagando licencias de software que se usan unos pocos días al mes.

Si dos o tres de estas situaciones se cumplen, la pregunta en realidad no es si buscar ayuda. Es si contratar a alguien, recurrir a un freelance o trabajar con un estudio, y más abajo hay una sección que expone las ventajas y desventajas con honestidad, incluidos los casos en los que contratarnos no es la respuesta correcta.

Cómo se desarrolla realmente el trabajo

Así es un proyecto de diseño UI y UX visto desde dentro. Conocer el orden importa, porque casi todos los calendarios que se retrasan lo hacen en los mismos dos o tres puntos.

Puntos clave
Las fases de un proyecto típico de diseño UI y UX. El trabajo con formularios de varios pasos forma parte de esta secuencia, no va en paralelo a ella.

1. Comprender la tarea

Qué intentan conseguir las personas y qué se lo impide actualmente. La analítica muestra dónde abandonan; hablar con seis de ellas muestra por qué.

2. Mapear los flujos

Cada recorrido posible a lo largo de la tarea, incluidos aquellos en los que algo sale mal. Los estados de error son donde se acumula la mayor parte de la deuda de diseño.

3. Estructura y wireframes

Disposición y jerarquía antes del diseño visual. Cajas grises, de forma deliberada, para que los comentarios traten sobre la estructura y no sobre el color.

4. Diseño visual

Tipografía, color, espaciado y componentes, construidos como un sistema y no como un conjunto de pantallas.

5. Prototipo

Algo en lo que se pueda hacer clic. Un prototipo responde preguntas que una maqueta estática no puede responder, y lo hace antes de escribir código.

6. Probar con personas reales

Cinco participantes detectan la mayoría de los problemas de usabilidad graves: es la conclusión que publicó Nielsen Norman Group y que se ha mantenido durante décadas. Cinco la semana que viene es mejor que veinte el próximo trimestre.

7. Entrega

Especificaciones, estados, tokens y comportamiento documentados para que los desarrolladores no tengan que deducir la intención a partir de una imagen.

8. Medir e iterar

Publicar, observar, corregir. Un diseño es una hipótesis hasta que lo han usado personas reales.

¿Dónde encajan los formularios de varios pasos? Normalmente en algún punto intermedio de esa secuencia, y heredan todas las decisiones tomadas antes. Por eso conviene definir el alcance pronto: un cambio en la fase dos es una conversación; el mismo cambio en la fase siete supone rehacerlo todo.

Las cifras y de dónde provienen

Son umbrales publicados, no opiniones nuestras. Cuando un organismo de normalización o una plataforma ha establecido una cifra, esa cifra figura aquí y el organismo se cita al pie de la página. Cuando nadie ha publicado ninguna, no encontrará una cifra inventada para rellenar el hueco.

Por qué es importante
Las cifras publicadas sobre formularios de varios pasos. Todas proceden de un organismo citado al pie de esta página, no de nosotros.

Cuánto cuesta en EE. UU.

Directo al dinero. Estos son los rangos típicos del mercado estadounidense para trabajos de diseño UI y UX. No son un presupuesto, porque un presupuesto requiere sus archivos reales, pero deberían indicarle si la cifra que le han dado está en el orden de magnitud correcto.

Rangos habituales del mercado estadounidense para diseño UI y UX
Tipo de trabajoRango típicoQué incluye
Revisión experta$2,000 – $8,000Un recorrido estructurado según heurísticas conocidas, con hallazgos priorizados.
Diseño de funcionalidad o flujo$5,000 – $30,000Investigación, flujos, wireframes, diseño visual, prototipo y entrega.
Sistema de diseño$20,000 – $120,000+Componentes, tokens, documentación y la gobernanza necesaria para mantenerlo vivo.

Son rangos amplios, y lo son por una razón. Esto es lo que lleva un trabajo de un extremo al otro.

Qué determina realmente el precio

Número de flujos distintos
Las pantallas son baratas; los flujos son caros. Cuente decisiones, no mesas de trabajo.
Profundidad de la investigación
Una revisión experta lleva unos días. Las pruebas moderadas con reclutamiento llevan semanas y requieren un presupuesto para participantes.
Alcance del sistema de diseño
Diseñar los componentes una sola vez y documentarlos cuesta más al principio y menos en cada funcionalidad posterior.
Restricciones existentes
Diseñar dentro de un sistema heredado o de una biblioteca de componentes fija agiliza la construcción, pero hace más lento diseñar bien.
Accesibilidad
Diseñar conforme a WCAG 2.1 AA desde el principio añade un poco. Auditar y adaptar a posteriori añade mucho.
Número de plataformas
Web, iOS y Android tienen convenciones distintas. Fingir lo contrario produce algo que no encaja en ninguna de las tres.

Cómo se suele estructurar el pago

Aparte de cuánto, está la cuestión de cómo. Cinco modelos cubren casi todo en este sector, y el adecuado depende de lo bien que se pueda describir el trabajo antes de empezar.

Por unidad
Un precio fijo por imagen, por minuto, por página, por recurso. Es la mejor opción cuando el trabajo es realmente repetible y usted puede describir una unidad con precisión. Es el modelo más fácil de presupuestar y el que más se presta a discusión, porque todo depende de si su idea de una unidad coincide con la nuestra. Resuélvalo con una muestra antes de resolverlo en una factura.
Tarifa por hora o por día
Usted compra tiempo, y el resultado es lo que ese tiempo produzca. Es honesto cuando todavía nadie puede definir el alcance: un rescate, un archivo desconocido, una fase exploratoria. Pida de todos modos un tope máximo. Un acuerdo por horas abierto y sin techo es un presupuesto sin fondo.
Tarifa fija por proyecto
Una sola cifra para un alcance definido, normalmente con un número determinado de rondas de revisión. Es el modelo que prefieren la mayoría de los clientes y el que más castiga un brief vago. La tarifa solo es fija si el alcance lo es, así que espere que el documento de alcance sea más específico de lo que resulta cómodo. Esa especificidad es lo que le protege.
Iguala mensual
Una cantidad fija de capacidad reservada para usted cada mes. Vale la pena cuando el trabajo es continuo y no ocasional: un catálogo que se renueva, un canal que publica cada semana, un sitio que no deja de cambiar. Por debajo de unas diez a quince horas al mes, normalmente cuesta más que comprar el trabajo a medida que surge.
Basado en valor o resultados
Precios vinculados a un resultado de negocio y no al esfuerzo. Es poco común, y rara vez tan limpio como parece. Funciona cuando el resultado es inequívoco y atribuible, y se desmorona cuando no es ninguna de las dos cosas. Trate una propuesta basada en resultados con el mismo escrutinio que aplicaría a cualquier otra afirmación sobre atribución.

Si quiere una cifra real en lugar de un rango, la vía más rápida es enviarnos el briefing real: alcance, volumen, fecha límite y un par de archivos de muestra si los tiene. Normalmente eso basta para darle un precio fijo en lugar de una estimación.

Cuánto tiempo lleva

En este campo los plazos son en su mayoría predecibles, con una excepción que sorprende a casi todo el mundo. Esta es la forma habitual.

Duración típica de cada fase
FaseDuración habitual
Comprender y mapear1–3 semanas
Wireframes1–3 semanas
Diseño visual2–5 semanas
Ronda de pruebas1–2 semanas, incluido el reclutamiento
Entrega y soporteContinuo durante el desarrollo

Algo que conviene decir claramente: la causa más común de un proyecto retrasado no es la producción. Es la espera: de contenidos, de una decisión, de que una persona revise algo. Si quiere que un proyecto avance rápido, lo más eficaz que puede hacer es designar a una persona que pueda dar el visto bueno y asegurarse de que esté disponible. Ese único cambio vale más que cualquier cantidad de seguimiento.

Los trabajos urgentes son posibles y de verdad son más caros, porque implican personas reales haciendo horas extra reales o un trabajo que se salta una cola en la que hay otra persona. Siempre le diremos lo que cuesta realmente una urgencia antes de que se comprometa.

Qué enviarnos

La mitad de los proyectos que parecen lentos ya lo eran desde el principio. Un traspaso limpio es la mejora de velocidad más barata que tiene a su alcance, y le lleva unos veinte minutos.

Qué debe incluir el brief

Para quién es
El público, en una frase, con sus propias palabras. No un documento de buyer persona: una frase.
Qué tiene que lograr
La acción que quiere que alguien realice, o la decisión que quiere que pueda tomar.
Dónde se va a usar
Cada ubicación, en cada tamaño. Es la omisión más común, y la que provoca repetir sesiones de fotos y recortes.
Qué existe ya
Guías de marca, trabajos anteriores, los archivos que no le gustan a nadie. Sobre todo los archivos que no le gustan a nadie, y por qué.
Qué es fijo
Colores, tipografías, textos legales, requisitos de plataforma, cualquier cosa que no esté sujeta a discusión.
Cómo es un buen resultado
Dos o tres referencias, más un ejemplo de algo que le desagrade de verdad. Lo que no le gusta es más útil que lo que le gusta.
La fecha límite real
La fecha en que algo tiene que estar publicado, no la fecha en que le gustaría ver un borrador. Indique cuál de las dos nos está dando.
Quién da la aprobación final
Un nombre. Un brief con cuatro aprobadores y nadie que decida es un brief que le costará dos rondas de revisión adicionales.

Dos de ellos merecen especial atención, porque son los que cuestan dinero cuando faltan. Dónde se va a usar (cada ubicación, en cada tamaño) es la omisión que provoca repetir sesiones de fotos y recortes. Y quién da la aprobación final es lo que añade rondas de revisión sin que nadie lo note: un proyecto con cuatro aprobadores y nadie que decida siempre costará más que uno con un solo nombre.

Específico de los formularios de varios pasos

Además del brief general, este trabajo en particular sale ganando si usted ha decidido lo siguiente antes de que nadie empiece:

  • Agrupe las preguntas en pasos lógicos
  • Muestre el progreso y el número de pasos
  • Guarde las respuestas a medida que los usuarios pasan de un paso a otro
  • Ofrezca una página de revisión antes del envío

Si ya tiene archivos listos, puede enviárnoslos directamente: van a un almacenamiento privado y no a una bandeja de entrada, y nada es público. Si prefiere ver el nivel antes de comprometerse a nada, pruébenos primero con un par de archivos. Sin tarjeta, sin compromiso, y si no es lo que necesita, no habrá perdido más que una tarde.

Cómo revisar lo que recibe

La mayoría de las rondas de revisión existen por cómo se revisó la ronda anterior, no por cómo se hizo el trabajo. Así puede lograr que una revisión cuente.

Revíselo donde se va a usar
Apruebe un recurso web en un navegador, un recurso impreso en papel, una mezcla de audio en el altavoz de un teléfono. Aprobar un entregable en la herramienta con la que se creó es la forma en que los problemas llegan al público.
Revise los bordes, no el centro
El centro casi siempre está bien. Fíjese en las esquinas, el tamaño más pequeño, la cadena de texto más larga, la zona más oscura, los últimos diez segundos.
Revise una cosa cada vez
Color, luego tipografía, luego espaciado, luego contenido. Una revisión que intenta verlo todo a la vez ve lo más llamativo y pasa por alto el resto.
Reúna los comentarios antes de enviarlos
Una sola lista consolidada es mejor que seis correos. Las contradicciones dentro de su propia organización se resuelven más barato de su lado que del nuestro.
Sea específico sobre lo que está mal
“Que resalte más” cuesta una ronda de revisión. “El titular se lee mal sobre el cielo, ¿podemos oscurecer la zona que tiene detrás?” cuesta diez minutos.
Diga también lo que está bien
No por cortesía. Si solo señala problemas, en la siguiente ronda puede perderse lo que le gustaba sin que nadie supiera que era importante.

El nivel de exigencia que nos imponemos

Para que sepa con qué está comparando, esto es lo que se revisa de nuestro lado antes de que nada le llegue. Nada de ello es opcional, y nada se cobra como extra.

  • Todos los elementos interactivos accesibles con el teclado, con un estado de foco visible
  • Contraste verificado de 4,5:1 para el texto principal y de 3:1 para el texto grande y los componentes de la interfaz
  • Áreas táctiles lo bastante grandes para pulsarlas con fiabilidad: unos 44 puntos es la recomendación habitual de las plataformas
  • Todos los estados diseñados, no solo el ideal: vacío, cargando, error, exceso de contenido
  • Probado con contenido real, incluidos el nombre más largo y la cuenta más vacía
  • Comportamiento documentado para los desarrolladores en lugar de sugerido por una imagen estática

Señales de alerta específicas de los formularios de varios pasos

Si ve alguna de estas en lo que le entreguen, dígalo. Todas tienen solución, y todas son más baratas de corregir ahora que después de publicar.

  • Perder las respuestas cuando los usuarios vuelven atrás
  • Pasos con preguntas sin relación entre sí
  • Pasos adicionales inesperados al final
  • Ocultar la longitud total

Puede ver cómo presentamos el trabajo terminado, incluido el antes y el después, en el portafolio. Todo lo marcado como muestra es una pieza de demostración propia y no un proyecto de cliente, y así se indica en el elemento.

Tres situaciones que quizá le resulten familiares

Los consejos abstractos son fáciles de aceptar y difíciles de aplicar. Estas son las formas en que este tipo de problema llega realmente, y lo que haríamos en cada caso.

Un checkout que perdía clientes en el paso tres

La analítica mostró el abandono; cinco sesiones moderadas mostraron el porqué. El coste de envío aparecía por primera vez en ese paso, y la gente se iba a comprobar si era normal. Mostrarlo antes recuperó a la mayoría.

Un sistema de diseño que nadie usaba

Existía como un archivo precioso sin documentación, sin tokens en el código y sin responsable. Reconstruirlo en torno a tokens que los desarrolladores pudieran usar de verdad, con una persona encargada de su mantenimiento, es lo que lo hizo real.

Una interfaz que no superó una auditoría de accesibilidad en una fase tardía

El contraste y los estados de foco no se tuvieron en cuenta durante el diseño, así que los hallazgos de la auditoría llegaron a ingeniería como trabajo que rehacer. En el siguiente proyecto, las mismas comprobaciones llevaron minutos en el archivo de diseño.

Ninguno de esos casos requirió heroicidades. Requirieron que alguien mirara lo correcto a tiempo, que es en gran parte lo que aporta la experiencia en este campo.

¿Equipo interno, freelance, estudio o un modelo?

Esta es la decisión que subyace a «¿cuánto cuesta?», y merece una respuesta directa, no un discurso de venta. Hay cuatro formas de llevar a cabo un trabajo de diseño UI y UX, y solo somos la opción adecuada para algunas de ellas.

Las cifras, en un solo lugar
Las ventajas y desventajas, con honestidad. Ninguna columna es la respuesta correcta por sí sola: depende de lo irregular que sea su demanda.

Hacerlo internamente

Lo hace alguien de su plantilla.

Lo bueno: el ciclo de retroalimentación más rápido que existe, el conocimiento más profundo del producto y nada de tiempo de briefing para cambios pequeños.

Lo no tan bueno: está comprando una persona, no un trabajo: sus vacaciones, sus días de baja, su techo y el software. Deja de tener sentido en cuanto la demanda es irregular, porque paga el pico todo el año.

Contratar a un freelance

Un especialista, contratado directamente.

Lo bueno: la forma más barata de comprar experiencia real, y trabaja con la persona que de verdad hace el trabajo.

Lo no tan bueno: una persona es un único punto de fallo. Sin suplencias, con capacidad limitada, y si se marcha a mitad del proyecto, usted hereda sus archivos y sus convenciones.

Recurrir a un estudio

Un equipo con un proceso, una capa de revisión y suplencias.

Lo bueno: gestiona volumen y variedad, se encarga del control de calidad y no desaparece cuando una persona se enferma.

Lo no tan bueno: más caro por hora que un freelance, y usted es un cliente entre varios. Vale la pena cuando la coherencia en un gran volumen de trabajo importa más que la tarifa más baja.

Usar un modelo

Herramientas generativas o automatizadas, con o sin una persona que revise.

Lo bueno: realmente rápido y realmente barato en lo que hace bien, y no se cansa en la página cuatrocientos.

Lo no tan bueno: se equivoca con total seguridad de formas difíciles de detectar a simple vista, y falla justo en lo que un cliente nota: manos, texto, cantidades, bordes, continuidad. Nada debería entregarse sin que una persona lo haya revisado, y por eso nuestro trabajo con IA se cotiza con la revisión incluida y no como un descuento.

En resumen: si el trabajo es constante y central en lo que hace, contrate a alguien. Si es irregular, o requiere una variedad de habilidades que no puede justificar tener en plantilla, recurra a un estudio. Si es una tarea especializada concreta y ha encontrado al especialista adecuado, trabaje con esa persona. Preferimos decírselo de entrada antes que aceptar un trabajo para el que no somos los adecuados.

Las normas de EE. UU. que conviene conocer

Esto no es asesoramiento legal y no somos abogados. Es una lista de las normas estadounidenses que aparecen con suficiente frecuencia en este tipo de trabajo como para que desconocerlas salga caro. Si alguna le afecta, vale la pena dedicar veinte minutos a hablar con alguien que sí sea abogado.

ADA y Section 508

Las reclamaciones de accesibilidad web al amparo de la Americans with Disabilities Act son habituales en Estados Unidos, y las agencias federales y sus contratistas están sujetos a la Section 508, que remite a las WCAG. Las decisiones de diseño —contraste, estados de foco, tamaño de los objetivos— son donde la mayor parte se cumple o se pierde.

Patrones oscuros

La Federal Trade Commission y varios fiscales generales estatales han actuado contra diseños de interfaz que ocultan costes, inducen a las personas a suscribirse o dificultan deliberadamente la cancelación. Los flujos de opción negativa y renovación automática son un foco específico de atención de las autoridades.

Formularios accesibles y gestión de errores

El etiquetado, la identificación de errores y las instrucciones son criterios de conformidad explícitos de las WCAG, y los formularios concentran las quejas de accesibilidad, porque un formulario que no se puede completar es un servicio que no se puede usar.

Y las cuestiones comerciales generales

Sea cual sea la disciplina, contratar servicios profesionales en Estados Unidos plantea siempre las mismas preguntas. Estas son las que más nos hacen los clientes.

Contratos y declaraciones de trabajo
Una declaración de trabajo (SOW) que especifique los entregables, el número de rondas de revisión, las condiciones de propiedad y el calendario de pagos bien vale la hora que lleva leerla. La mayoría de las disputas en este sector no tienen que ver con la calidad, sino con dos personas que entendieron “terminado” de forma distinta.
Propiedad y obra por encargo
Según la ley de derechos de autor de EE. UU., la obra creada por un contratista independiente pertenece en general al contratista, salvo que exista una cesión por escrito o que encaje en una de las limitadas categorías legales de obra por encargo (work made for hire). Eso sorprende a muchos compradores. Consiga la cesión por escrito; cualquier estudio que dude le está diciendo algo útil.
Pagar a un proveedor externo
Una empresa estadounidense que paga a un contratista estadounidense normalmente solicita un formulario W-9 y puede tener que presentar un 1099-NEC; pagar a un proveedor de fuera de EE. UU. suele implicar, en cambio, un W-8BEN o W-8BEN-E. Su contador querrá tenerlos antes de la primera factura, no después de la última.
Impuesto sobre las ventas en servicios
Que un servicio creativo o digital esté sujeto a impuestos varía según el estado, y varios estados gravan algunos entregables digitales y otros no. Vale la pena hacerle una pregunta a su contador antes de un encargo grande, en lugar de recibir una carta del departamento de hacienda estatal después.
Afirmaciones publicitarias
La Federal Trade Commission considera a los anunciantes responsables de las afirmaciones de su marketing, incluidas las que se hacen mediante imágenes. Una foto de producto retocada que ya no representa el producto es un problema publicitario antes que de diseño, y la responsabilidad recae en el anunciante, no en el retocador.
Accesibilidad
Los tribunales de EE. UU. han interpretado que el Título III de la Americans with Disabilities Act abarca los sitios web en muchos casos, y las agencias federales y sus contratistas están sujetos a la Section 508, que remite a las WCAG. Es más barato incorporar la accesibilidad desde el diseño que resolverla en los tribunales.

Nuestras propias condiciones están publicadas, no se envían a petición: puede leer los términos y condiciones, las condiciones de pago, la política de reembolso y nuestra posición sobre confidencialidad y NDA antes de hablar con nadie. Si algo en ellas no le funciona, dígalo pronto: la mayor parte es negociable y todo se resuelve mejor antes del trabajo que después.

Preguntas para quien le presente un presupuesto

Incluidos nosotros. Si un proveedor se pone evasivo con alguna de ellas, esa es la respuesta a la pregunta que en realidad estaba haciendo.

¿Quién hace realmente el trabajo?
Pregunte si se queda en manos de la persona con la que está hablando, pasa a un equipo o se subcontrata. Ninguna de esas opciones está mal. No saberlo, sí.
¿Qué es exactamente una revisión?
Pregunte qué cuenta como revisión frente a un nuevo brief, y cuántas están incluidas. Es la causa más común de una factura inesperada.
¿De quién es el resultado?
Consígalo por escrito, incluidos los archivos de trabajo. “El archivo final es suyo” y “todo es suyo” son posiciones muy distintas, y la segunda cuesta más por una razón.
¿Qué pasa si está mal?
Pregunte cuánto cuesta rehacerlo y con qué rapidez se hace. Un estudio con una respuesta clara ya ha tenido esa conversación antes.
¿Puedo ver trabajos como el mío?
No un showreel: trabajos de su categoría, con su volumen y con las restricciones que usted tiene. Un portafolio precioso en otra categoría demuestra buen gusto, no que sea adecuado para usted.
¿Cómo gestionan mis archivos?
Dónde se almacenan, quién puede acceder a ellos, cuánto tiempo se conservan y qué ocurre al final. Si va a enviar algo que aún no se ha publicado, asegúrese de que esto quede recogido en el contrato.
¿Qué necesitan de mí?
Un proveedor que no sabe responder a esto no ha pensado en su parte del trabajo, y usted lo descubrirá cuando llegue la fecha límite.

Una más, y es la que a la gente más le da vergüenza preguntar: ¿qué le haría rechazar este trabajo? Un estudio que nunca ha rechazado un trabajo es un estudio que lo acepta todo, y eso le dice algo sobre el cuidado con que se va a tratar el suyo.

Los términos que le van a soltar

Todo ámbito tiene un vocabulario que se usa como atajo y acaba siendo una barrera. Esto es lo que significan realmente los términos habituales del diseño UI y UX, en lenguaje sencillo. No debería necesitarlo para contratar el trabajo, pero acorta la conversación.

Arquitectura de la información
Cómo se organiza y etiqueta el contenido para que las personas puedan encontrarlo. La estructura que hay debajo del diseño.
Wireframe
Una disposición sin estilo visual que se usa para acordar la estructura antes de que nadie discuta sobre el color.
Prototipo
Una simulación en la que se puede hacer clic. La forma más barata de averiguar si un flujo funciona.
Sistema de diseño
Componentes, tokens y reglas que se usan en todo un producto, para que la quinta pantalla cueste menos que la primera.
Design token
Un valor con nombre (un color, un paso de espaciado) definido una vez y usado en todas partes, de modo que un cambio sea una sola edición.
Evaluación heurística
Un recorrido experto según principios de usabilidad establecidos. Rápido, barato y sin sustituir a la observación de usuarios reales.
Affordance
Una señal visual que indica lo que hace algo. La razón por la que un botón debe parecer pulsable.
Carga cognitiva
Cuánto tiene que retener alguien en la cabeza para completar una tarea. Normalmente es el verdadero problema detrás de «parece complicado».
Revelación progresiva
Mostrar primero las opciones habituales y el resto a petición, en lugar de todo a la vez.
Estado vacío
El aspecto de una pantalla sin datos. Lo primero que ve cada usuario nuevo y lo último que diseñan la mayoría de los equipos.

Hay una biblioteca de referencia más completa si quiere profundizar en cualquiera de estos términos, y todo en ella está escrito de la misma manera: con claridad y con fuentes.

Preguntas frecuentes antes de contratar

Estas son las preguntas que surgen en casi todas las consultas sobre formularios de varios pasos, respondidas sin rodeos. Si la suya no está aquí, hágala: nadie lo añadirá a una lista de correo por ello.

¿Cuánto cuesta?

Las tarifas del mercado estadounidense por diseñar pantallas y flujos para que las personas puedan terminar realmente lo que vinieron a hacer parten de unos 2.000 $ – 8.000 $ para el trabajo más sencillo y suben a partir de ahí según la complejidad, el volumen y los plazos. Fijamos el precio por proyecto una vez que hemos visto el brief, porque una cifra dada sin mirar los archivos es una cifra que cambia después.

¿Pueden darme un precio cerrado?

Normalmente sí, una vez que el alcance esté por escrito. Un precio cerrado requiere un alcance cerrado, así que cuente con que el documento de alcance sea más específico de lo que parece necesario. Esa especificidad es lo que le protege de una factura por modificaciones.

¿Con qué rapidez pueden empezar?

La fase de comprensión y mapeo suele durar 1–3 semanas. Cuándo empieza depende de la cola de trabajo, y le daremos la fecha real, no la que quiere oír.

¿Qué necesitan de mí para empezar?

Un brief, los archivos y el nombre de la única persona que puede aprobar. Lo tercero importa más de lo que se suele pensar: los proyectos con una sola persona que decide terminan de forma mensurablemente más rápida que los que dependen de un comité.

¿De quién es el trabajo terminado?

Suyo, incluidos los archivos de trabajo, y así consta en las condiciones en lugar de darse por supuesto. Según la ley de derechos de autor de EE. UU., la obra de un contratista externo no se transfiere automáticamente sin una cesión por escrito, por lo que conviene comprobarlo con cualquier proveedor.

¿Y si no me gusta?

Díganos concretamente qué está mal y lo corregiremos. Las rondas de revisión se indican en el presupuesto, para que nadie tenga que adivinar. Si el estándar realmente no es lo que necesita, la política de reembolso establece por escrito qué ocurre, antes de que usted gaste nada.

¿Trabajan con clientes de EE. UU.?

Sí, y nuestro horario coincide con la jornada laboral estadounidense. Los precios se expresan en dólares estadounidenses y las entregas se especifican conforme a las normas estadounidenses aplicables (ATSC, la ADA y la Section 508, las normas publicitarias de la FTC y los requisitos de los marketplaces de EE. UU.), en lugar de los equivalentes europeos que muchos estudios aplican por defecto.

¿Puedo probar antes de comprometerme?

Sí. Envíenos un par de archivos reales y haremos el trabajo según su brief, gratis, sin tarjeta y sin compromiso. Es una prueba mejor que cualquier portafolio, porque se trata de su material y su estándar.

¿Se mantiene la confidencialidad de mi material?

Sí. Los archivos se guardan en un almacenamiento privado y no en una bandeja de entrada, no se publica nada sin su autorización y firmaremos su NDA o usaremos el nuestro, lo que usted prefiera.

¿Cuál es el motivo más habitual por el que un proyecto así se retrasa?

La espera de una decisión. No la producción, no las revisiones: la espera. Si se queda con una sola idea de esta página, que sea esa.

Adónde ir a continuación

Cuándo recurrir a ayuda

Busque ayuda cuando los formularios largos tengan una tasa de abandono alta o cuando rediseñe solicitudes y presupuestos.

De dónde procede esta información

Cómo se elaboró esta página

Todas las cifras, prácticas y advertencias anteriores proceden de las normas, la documentación de plataformas y las investigaciones publicadas que se citan en De dónde procede esta información. Nada de lo aquí expuesto se deduce ni se generaliza más allá de lo que publican esas entidades: cuando dan una cifra, es su cifra, y cuando guardan silencio, nosotros también. Las páginas se actualizan cada vez que cambia la información de origen. Nuestras propias opiniones, cuando las tenemos, figuran en los casos de estudio y van firmadas.

¿Trabaja en algo similar?

Asumimos proyectos de diseño UI y UX para equipos que quieren que se hagan una sola vez y bien. Cuéntenos qué está creando y le diremos con franqueza si somos el estudio adecuado. Iniciar un proyecto.

Siga estas rutas para continuar con el tema, el servicio o la guía de decisión práctica más cercanos.

Spotted something wrong? Report an error on this page. We correct on the page and say what changed.

Todos los servicios

El trabajo detrás de este artículo y lo que cuesta.

Priya Raghunathan

Interfaz e identidad. Escribe sobre sistemas de diseño, investigación y por qué la mayoría de los problemas de navegación son problemas de estructura.

Siga leyendo

Más sobre diseño UI y UX