NBS logo
Desarrollo de Software

Acierta con el producto antes de pagar por construirlo.

En el diseño es donde equivocarse cuesta menos. Convertimos una idea en recorridos, pantallas y un prototipo navegable que puedes poner frente a usuarios reales, cuando cambiar de opinión todavía cuesta una tarde.

Pantallas de interfaz siendo bocetadas a mano en una tableta

Toda reconstrucción cara empezó como una decisión de diseño que nadie probó.

Cambiar una pantalla en Figma, la herramienta donde se diseña, cuesta una hora. Cambiarla después de construida, probada, integrada y publicada cuesta quince días y una conversación difícil. Aun así, la mayoría de los proyectos apura el diseño para llegar antes al desarrollo, y termina tardando más.

El otro problema es un diseño que se ve muy bien y no se puede construir como está dibujado. Le falta definir qué se muestra cuando no hay datos, cuando ocurre un error, en una pantalla angosta o cuando un nombre tiene cuarenta caracteres. Los ingenieros resuelven esos casos con prisa y el producto termina diseñado por accidente.

Nosotros diseñamos el sistema completo, incluidos esos casos poco vistosos, y entregamos algo que un programador puede construir sin adivinar.

Qué cubre el diseño

Recorridos antes que pantallas

Primero definimos qué quiere lograr una persona y el camino para llegar, y después diseñamos las pantallas que ese camino necesita. Cuando se empieza por las pantallas, el producto termina con doce de ellas y ningún recorrido.

Un prototipo que la gente puede usar

Navegable y lo bastante realista para ponerlo frente a usuarios reales. Así ves dónde dudan cuando corregirlo todavía es barato.

Las situaciones que nadie recuerda

Sin datos, cargando, con error, sin conexión, sin permiso y con demasiado contenido. Son la mayor parte de la experiencia real y casi nunca aparecen en un archivo de diseño.

Accesibilidad desde el principio

Contraste, orden de navegación, uso con teclado y compatibilidad con lectores de pantalla, diseñados desde el inicio. Cuesta menos que agregarlos después y da mejor resultado.

Un sistema de diseño completo

Un sistema de diseño es un conjunto de componentes reutilizables con un comportamiento definido. Con él, la pantalla número veinte se diseña rápido y es consistente con la primera.

Una entrega que los ingenieros entienden a la primera

Especificaciones, colores, tipografías, espaciados y notas de comportamiento, incluidas las interacciones que son obvias en tu cabeza e invisibles en un archivo estático.

Todo lo que se entrega.

Lo listamos uno por uno para que desde el inicio quede claro qué entra en el alcance.

  • Recorridos de usuario para cada tarea principal
  • Diseños detallados para celular y computadora
  • Prototipo navegable
  • Sistema de diseño con componentes reutilizables y sus valores de color, tipografía y espaciado
  • Notas de accesibilidad sobre contraste, navegación y lectores de pantalla
  • Archivo de entrega para desarrollo con especificaciones y documentación de comportamiento
Alcance honesto

¿Esto es para ti?

Preferimos perder la consulta antes que aceptar un trabajo que otro haría mejor.

Te conviene si…

  • Estás por encargar un desarrollo y quieres reducir el riesgo primero
  • Tu producto actual funciona, pero la gente se pierde o lo abandona
  • Tienes programadores y te falta un diseñador
  • Necesitas algo que se pueda probar con usuarios antes de comprometer presupuesto

No es para…

  • Un logotipo o una identidad de marca por sí solos. Ese es trabajo de un estudio de marca
  • El diseño de un sitio de marketing que no esté ligado a un producto; hay muchos especialistas que lo hacen mejor
  • Equipos que quieren que se vea bien sin hablar de cómo se comporta el usuario. Eso es decoración y deja igual un problema de ventas
  • Diseño impreso o de empaque de cualquier tipo
Formas de empezar

Elige por dónde empezar.

Los proyectos grandes varían tanto que una cifra general te confundiría, así que los cotizamos después de una llamada gratuita. Siempre te decimos de qué depende el precio.

Más elegido

Sprint de Diseño

Convertir pronto una idea o un problema en algo que se pueda probar.

Cotizado

Se cotiza según el número de recorridos

2 semanas

  • Recorrido principal definido paso a paso
  • Pantallas detalladas para ese recorrido
  • Prototipo navegable
  • Una ronda de pruebas con usuarios, con cinco participantes
  • Sistema de diseño completo
  • Desarrollo

Diseño de Producto

Diseñar un producto completo antes de desarrollarlo.

Cotizado

Se cotiza según cuántos recorridos y plataformas

4-10 semanas

  • Todos los recorridos principales definidos y diseñados
  • Sistema de diseño completo
  • Versiones para celular y computadora
  • Documentación de accesibilidad
  • Entrega completa para desarrollo

Sistema de Diseño

Equipos cuyo producto se fue volviendo inconsistente a la vista.

Cotizado

Se cotiza según el tamaño de tu interfaz actual

4-6 semanas

  • Revisión de las inconsistencias de la interfaz actual
  • Valores base definidos: color, tipografía, espaciado y sombras
  • Biblioteca de componentes documentada
  • Guía de adopción para tu equipo

Preguntas, respondidas.

¿Pueden diseñar algo para que lo construyan nuestros propios programadores?

Sí. Buena parte de nuestro trabajo de diseño se entrega a equipos internos o a terceros. La entrega incluye especificaciones, valores de diseño, versiones para cada tamaño de pantalla y notas escritas sobre las interacciones que un archivo estático no puede mostrar. Seguimos disponibles durante el desarrollo para las preguntas que siempre aparecen cuando alguien empieza a programar.

¿Hacen investigación de usuarios, o solo la interfaz?

Las dos cosas, en proporción al tamaño de la decisión. Un Sprint de Diseño incluye probar el prototipo con cinco participantes, que normalmente basta para encontrar los problemas serios. En proyectos más grandes primero hacemos entrevistas y analizamos cómo se usa el producto actual. Si una semana de pruebas responde la pregunta, eso es lo que te proponemos.

¿Qué nos da en realidad un sistema de diseño?

Velocidad y consistencia que se mantienen aunque cambie el personal. Cada pantalla nueva se arma con componentes conocidos y de comportamiento definido, en lugar de exigir decisiones desde cero. Se paga solo cuando pasas de unas veinte pantallas, o cuando más de dos personas toman decisiones de interfaz.

Empieza con una conversación gratuita.

Treinta minutos, sin discurso de venta. Te decimos qué haríamos, qué implicaría y si de verdad nos necesitas.