{"id":125218,"date":"2016-09-20T09:52:58","date_gmt":"2016-09-20T07:52:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/iterative-design-process-at-tokbox\/"},"modified":"2025-01-30T16:33:07","modified_gmt":"2025-01-30T15:33:07","slug":"iterative-design-process-at-tokbox","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/proceso-diseno-iterativo-en-tokbox","title":{"rendered":"Prototipado de aplicaciones web y m\u00f3viles en TokBox: dise\u00f1o iterativo en acci\u00f3n"},"content":{"rendered":"

La creaci\u00f3n de prototipos de aplicaciones web y m\u00f3viles en TokBox recibi\u00f3 un fuerte impulso cuando el dise\u00f1ador de interacci\u00f3n Charles Diggs encontr\u00f3 la herramienta de creaci\u00f3n de prototipos adecuada.<\/h2>\n

Cuando Charles Diggs se vio inmerso en retrabajos evitables debidos a retoques aparentemente sencillos de la interfaz, se dio cuenta de que hab\u00eda llegado el momento de que \u00e9l y su equipo de TokBox<\/a> encontraran una nueva herramienta de creaci\u00f3n de prototipos. En su trabajo como Dise\u00f1ador de Interacci\u00f3n Visual en el equipo de San Francisco, Charles crea interacciones de usuario y sistemas visuales para la plataforma de comunicaciones basada en web de TokBox. Pero se sent\u00eda frustrado cuando sus esfuerzos por hacer peque\u00f1os cambios en las pantallas de sus prototipos web y de aplicaciones se convert\u00edan en largas horas redise\u00f1ando la pantalla desde cero. Finalmente, descubri\u00f3 el problema: la herramienta de creaci\u00f3n de prototipos que utilizaba ten\u00eda pocas funciones din\u00e1micas y no proporcionaba suficiente control sobre los peque\u00f1os detalles de sus prototipos web y de aplicaciones m\u00f3viles.<\/p>\n

\u00abMi experiencia con otras herramientas de creaci\u00f3n de prototipos no fue mala. Sin embargo, para m\u00ed el problema era tener que volver al programa de dise\u00f1o para hacer correcciones, y luego volver a la herramienta de creaci\u00f3n de prototipos.\u00bb<\/p><\/blockquote>\n

Herramientas de prototipado:<\/strong> crea, itera y prueba con flexibilidad<\/strong><\/h3>\n

La creaci\u00f3n de prototipos es una parte intr\u00ednseca del flujo de trabajo de dise\u00f1o iterativo de TokBox. Para convertir las ideas del equipo en deliciosas experiencias para el usuario final, Charles y sus compa\u00f1eros dise\u00f1adores incorporan herramientas de creaci\u00f3n de prototipos de aplicaciones web y m\u00f3viles desde el principio. Empezando con r\u00e1pidos clics, validan sus ideas, luego pasan a prototipos de alta fidelidad, que luego pasan por iteraciones basadas en comentarios y pruebas. Este flujo de trabajo iterativo y r\u00e1pido significaba que Charles necesitaba urgentemente una herramienta de creaci\u00f3n de prototipos m\u00e1s eficaz que le permitiera hacer iteraciones r\u00e1pidas en tiempo real, sin tener que empezar de cero al editar pantallas o flujos. Charles estaba a punto de embarcarse en un sistema de inicio de sesi\u00f3n para un sitio web de navegaci\u00f3n global, as\u00ed que sab\u00eda que necesitaba encontrar una soluci\u00f3n a sus problemas de flujo de trabajo. <\/p>\n

\n
\n

\u00a1Descarga Justinmind hoy mismo y resuelve tus atascos en el flujo de trabajo de dise\u00f1o!<\/span><\/h2>\n

Descargar gratis<\/a><\/p>\n

\n<\/div>\n

Una herramienta de creaci\u00f3n de prototipos que te permite construir, iterar y mejorar en doble tiempo<\/strong><\/h3>\n

Fue entonces cuando un compa\u00f1ero de trabajo le sugiri\u00f3 que probara Justinmind. Despu\u00e9s de investigar un poco en Internet, se dio cuenta de que pod\u00eda satisfacer su necesidad de una herramienta de creaci\u00f3n de prototipos con el tipo de funciones que ahorran tiempo<\/a> y permiten a los dise\u00f1adores convertir las ideas en dise\u00f1os tangibles mediante un proceso de iteraci\u00f3n r\u00e1pida y colaboraci\u00f3n en equipo. \u00abUn compa\u00f1ero de trabajo me habl\u00f3 de Justinmind. Ten\u00eda un proyecto pendiente que necesitar\u00eda prototipos, as\u00ed que lo busqu\u00e9. Definitivamente parec\u00eda ajustarse a mis necesidades\u00bb. Cualquier vieja herramienta de creaci\u00f3n de prototipos har\u00e1 llegar el mensaje al cliente o a los clientes<\/a> si le dedicas suficientes horas. Pero a menudo esas horas son preciosas, y todo el mundo sabe que la clave del \u00e9xito de un prototipo de web o de aplicaci\u00f3n es la capacidad de dise\u00f1ar r\u00e1pidamente e iterar en funci\u00f3n de las pruebas y los comentarios de los usuarios. Charles pens\u00f3 que Justinmind podr\u00eda ayudarle con eso, pero a\u00fan ten\u00eda que poner a prueba la herramienta de creaci\u00f3n de prototipos. <\/p>\n

\"proceso<\/a><\/p>\n

Prototipado de aplicaciones web y m\u00f3viles<\/strong> en TokBox: el proceso explicado<\/strong><\/h3>\n

Entonces, \u00bfc\u00f3mo introdujo el equipo Justinmind en su flujo de trabajo de dise\u00f1o iterativo establecido? B\u00e1sicamente, las ideas de dise\u00f1o de TokBox pasan por varias fases de un proceso de cuatro pasos. Charles se puso manos a la obra: <\/p>\n

Lluvia de ideas sobre contenidos<\/strong><\/p>\n

La puesta en marcha consiste en que el equipo eval\u00fae todas sus ideas y destile las mejores sugerencias en una soluci\u00f3n \u00f3ptima que cumpla todos los objetivos. Una vez acordados tanto la idea inicial como los objetivos, se crean clics r\u00e1pidos. <\/p>\n

Crear un mockup de clic r\u00e1pido<\/strong><\/p>\n

Aqu\u00ed es donde Justinmind entra en juego para TokBox. Las bibliotecas de UI preelaboradas y los widgets funcionales hacen que hacer clic sea r\u00e1pido y sencillo. Mediante el m\u00e9todo de dise\u00f1o r\u00e1pido de Justinmind se crea una soluci\u00f3n de dise\u00f1o r\u00e1pido que muestra el flujo general, lo que facilita la evaluaci\u00f3n de si tu prototipo de aplicaci\u00f3n web y m\u00f3vil satisface las necesidades y expectativas. <\/p>\n

Revisiones en equipo de los prototipos<\/strong><\/p>\n

El feedback del equipo es lo siguiente. Por supuesto, las opiniones dispares sobre c\u00f3mo deben funcionar la UI y la UX del prototipo son una parte saludable del proceso de iteraci\u00f3n, por lo que TokBox dedica tiempo a las sesiones internas de feedback. Durante estas revisiones, las personas implicadas en el proyecto aportan comentarios constructivos; luego, cuando se validan el contenido y las caracter\u00edsticas, se puede construir un prototipo detallado de alta fidelidad. <\/p>\n

Prototipos de alta fidelidad<\/strong><\/p>\n

Este prototipo web o de aplicaci\u00f3n de alta fidelidad consta de pantallas detalladas y una vista de 360\u00ba de la experiencia final del usuario, lo que permite realizar pruebas, iteraciones y validaciones en tiempo real. En esta fase, mapear y probar el dise\u00f1o significa que los dise\u00f1adores y revisores tienen una visi\u00f3n de la UI y el flujo completos, adem\u00e1s de poder centrarse en los detalles para garantizar el cumplimiento de los requisitos y especificaciones en todos los dispositivos. \u00abEs genial\u00bb, dice Charles. \u00abMe encanta c\u00f3mo puedes experimentar un prototipo m\u00f3vil en el tel\u00e9fono m\u00f3vil real con la aplicaci\u00f3n\u00bb. Por \u00faltimo, el prototipo de aplicaci\u00f3n m\u00f3vil o web puede revelarse a todo el equipo de producto, adem\u00e1s de a los desarrolladores y partes interesadas, antes de que comience el desarrollo.<\/p>\n

Convierte r\u00e1pidamente mockups en prototipos de aplicaciones web y m\u00f3viles con elementos de UI listos para usar.<\/h3>\n

Tras cambiar a Justinmind, Charles se dio cuenta de que estaba creando y compartiendo prototipos m\u00e1s s\u00f3lidos sobre los que ejerc\u00eda un mayor control creativo. Gracias a un proceso de creaci\u00f3n de prototipos simplificado pero potente, pod\u00eda hacer un seguimiento de las especificaciones y requisitos de desarrollo incluso a trav\u00e9s de iteraciones r\u00e1pidas; cre\u00f3 el proceso de inicio de sesi\u00f3n de su nuevo proyecto y lo valid\u00f3 mucho m\u00e1s r\u00e1pido que antes. Mediante el uso de prototipos web y de aplicaciones totalmente interactivos desde las fases iniciales del proyecto, Charles obtuvo informaci\u00f3n temprana y relevante que le permiti\u00f3 cambiar de rumbo y asegurarse de que iba en la direcci\u00f3n correcta. Bas\u00f3 las elecciones de dise\u00f1o de las primeras fases en el contenido, la funci\u00f3n y la fidelidad, y as\u00ed pudo evitar reelaboraciones antes de llegar a la fase de desarrollo. <\/p>\n

\u00abLo que diferencia a Justinmind de otras herramientas de creaci\u00f3n de prototipos que he utilizado es el nivel granular de control creativo al que tiene acceso el dise\u00f1ador<\/p><\/blockquote>\n

\u00ab.
\nUna herramienta de creaci\u00f3n de prototipos que incluye arrastrar y soltar, elementos y tarjetas de UI totalmente funcionales, adem\u00e1s de funciones basadas en datos, signific\u00f3 que TokBox pod\u00eda alcanzar altos niveles de interactividad en los prototipos. Las ricas bibliotecas de UI de Justinmind, con elementos listos para usar y widgets funcionales, significan que los prototipos interactivos de aplicaciones web y m\u00f3viles est\u00e1n a s\u00f3lo unos clics de distancia: el trabajo duro ya est\u00e1 hecho, dejando que los dise\u00f1adores se centren en el dise\u00f1o y no en la creaci\u00f3n de prototipos. Como debe ser.<\/p>\n

\"Tokbox-web-prototipado-m\u00f3vil\"<\/a><\/p>\n

M\u00e1s sobre Charles<\/strong><\/p>\n

Charles Diggs se encarga del dise\u00f1o de interacci\u00f3n visual en TokBox, centr\u00e1ndose en crear interacciones visuales y sistemas visuales sobresalientes. En este puesto, a menudo se le puede encontrar creando prototipos de alta fidelidad y probando experiencias de usuario final. Antes de incorporarse a TokBox, Charles trabaj\u00f3 en salud, bienestar y entretenimiento para empresas como Mattel y Disney. <\/p>\n

M\u00e1s sobre TokBox<\/strong><\/p>\n

TokBos, de San Francisco, es una plataforma de comunicaciones basada en la web que ofrece \u00abun conjunto de funciones l\u00edder en el sector para potenciar las comunicaciones en tiempo real\u00bb. Funciones como SDK para m\u00f3viles y web, archivado, chat de texto, mensajer\u00eda, an\u00e1lisis, traspaso de cortafuegos, soporte multipartito, complemento de Internet Explorer, etc., permiten a esta plataforma de c\u00f3digo abierto ayudar a las empresas a satisfacer las necesidades de v\u00eddeo de sus clientes.<\/p>\n

Descarga Justinmind junto con sus bibliotecas de UI predise\u00f1adas y descubre si puedes impulsar tu flujo de trabajo de dise\u00f1o iterativo. Probarlo es gratis. <\/em><\/p>\n

\"Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

La creaci\u00f3n de prototipos de aplicaciones web y m\u00f3viles en TokBox recibi\u00f3 un fuerte impulso cuando el dise\u00f1ador de interacci\u00f3n Charles Diggs encontr\u00f3 la herramienta de…<\/p>\n","protected":false},"author":5,"featured_media":90034,"parent":0,"menu_order":0,"template":"","tags":[8477,8479,8413,8484,8497,8524,8480],"content_category":[],"class_list":["post-125218","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-estudio-de-caso","tag-herramienta-de-prototipado","tag-legacy-es","tag-movil","tag-prototipado-de-software","tag-prototipado-web","tag-requisitos"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125218"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125218\/revisions"}],"predecessor-version":[{"id":125233,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125218\/revisions\/125233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/90034"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125218"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125218"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}