{"id":716,"date":"2024-02-02T18:53:24","date_gmt":"2024-02-02T18:53:24","guid":{"rendered":"https:\/\/www.brendacantul.net\/es\/?page_id=716"},"modified":"2024-02-27T17:15:56","modified_gmt":"2024-02-27T17:15:56","slug":"prototipo","status":"publish","type":"page","link":"https:\/\/www.brendacantul.net\/es\/diseno-ux-ui\/diseno_ux_ui_app\/prototipo\/","title":{"rendered":"Prototipo"},"content":{"rendered":"\n<p>For the English version, click\u00a0<strong><a href=\"https:\/\/brendacantul.net\/ux-ui-design\/ux-design-for-an-application\/prototype\/\" title=\"\">here<\/a><\/strong>.<\/p>\n\n\n\n<p>Con algunas ideas prometedoras en mano, pas\u00e9 a la fase de creaci\u00f3n de prototipos, transformando mis conceptos en representaciones tangibles. Cre\u00e9 prototipos de baja fidelidad utilizando papel y bocetos, lo que permiti\u00f3 iteraciones r\u00e1pidas y comentarios de otros dise\u00f1adores que tambi\u00e9n estaban trabajando en este curso y de usuarios potenciales. Tambi\u00e9n aprend\u00ed a utilizar Figma para crear prototipos de baja fidelidad.<\/p>\n\n\n\n<p>Esto incluir\u00e1<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wireframes<\/li>\n\n\n\n<li>Maquetas<\/li>\n\n\n\n<li>Flujo<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-adaec7fd17a49c1c06699ebcfd62f3f5\" style=\"color:#f0077b\">Wireframes<\/h2>\n\n\n\n<p>Los wireframes son como un plano, pero para cosas digitales como sitios web o aplicaciones. Son bocetos simples que muestran el dise\u00f1o de la pantalla, d\u00f3nde van los botones y men\u00fas, y c\u00f3mo fluye todo. No son bonitos ni coloridos, al igual que el plano de tu casa no tendr\u00eda patrones de papel tapiz; se trata de la estructura y la funci\u00f3n.<\/p>\n\n\n\n<p>Estos son los principales wireframes para la aplicaci\u00f3n de preventa de discos que dise\u00f1\u00e9:<\/p>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-1-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-1-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-525\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-1-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-1-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-3-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-3-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-526\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-3-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-3-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-4-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-4-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-527\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-4-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-4-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-5-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-5-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-528\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-5-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-5-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-6-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-6-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-529\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-6-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/App-6-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-9f8f7eeb3c158f2e95f5b0146293ce68\" style=\"color:#f0077b\">Maquetas<\/h2>\n\n\n\n<p>Las maquetas son como la versi\u00f3n decorada y amueblada del plano de una casa. Toman el dise\u00f1o b\u00e1sico y la funcionalidad de los wireframes de UX y agregan los detalles visuales que dan vida al dise\u00f1o. Ser\u00eda como si el plano de la casa ahora tiene paredes pintadas de diferentes colores, muebles colocados en cada habitaci\u00f3n y tal vez incluso cuadros en las paredes.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp1-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp1-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-530\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp1-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp1-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp2-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp2-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-531\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp2-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp2-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp3-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp3-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-532\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp3-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp3-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp4-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp4-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-533\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp4-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp4-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp5-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp5-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-534\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp5-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp5-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp6-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp6-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp6-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp6-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp7-253x450-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"169\" height=\"300\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp7-253x450-1-169x300.png\" alt=\"\" class=\"wp-image-536\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp7-253x450-1-169x300.png 169w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupApp7-253x450-1.png 253w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/><\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color wp-elements-5bd150cd34236067842a6f61ee48201c\" style=\"color:#f0077b\">Flujo<\/h2>\n\n\n\n<p>Las maquetas tambi\u00e9n pueden tener un flujo creado en el cual podemos agregar una representaci\u00f3n visual que muestra las partes interesadas c\u00f3mo se ver\u00eda todo. El flujo en esta maqueta, creada en Figma, se ve as\u00ed:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-1024x648.png\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-1024x648.png 1024w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-300x190.png 300w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-768x486.png 768w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-825x522.png 825w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-600x379.png 600w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow-400x253.png 400w, https:\/\/www.brendacantul.net\/es\/wp-content\/uploads\/2024\/02\/MockupAppFlow.png 1126w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>En resumen, las maquetas de UX son la presentaci\u00f3n refinada de su producto digital, que muestra su belleza, usabilidad y potencial. Son el puente entre el plano b\u00e1sico y la obra final.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.brendacantul.net\/es\/diseno-ux-ui\/diseno_ux_ui_app\/\" title=\"\"><i class=\"fa-solid fa-arrow-left\" style=\"color: #008080;\"><\/i> Volver a la p\u00e1gina de Dise\u00f1o UX para una aplicaci\u00f3n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For the English version, click\u00a0here. Con algunas ideas prometedoras en mano, pas\u00e9 a la fase de creaci\u00f3n de prototipos, transformando mis conceptos en representaciones tangibles. Cre\u00e9 prototipos de baja fidelidad&hellip;<a href=\"https:\/\/www.brendacantul.net\/es\/diseno-ux-ui\/diseno_ux_ui_app\/prototipo\/\" class=\"more-link\"><span class=\"more-button\">Continue reading<span class=\"screen-reader-text\">Prototipo<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":697,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":6,"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":1264,"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/pages\/716\/revisions\/1264"}],"up":[{"embeddable":true,"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/pages\/697"}],"wp:attachment":[{"href":"https:\/\/www.brendacantul.net\/es\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}