{"id":1286,"date":"2021-10-20T12:42:58","date_gmt":"2021-10-20T12:42:58","guid":{"rendered":"https:\/\/alesalosny.com\/?page_id=1286"},"modified":"2021-10-21T15:57:29","modified_gmt":"2021-10-21T15:57:29","slug":"puente-verde","status":"publish","type":"page","link":"https:\/\/alesalosny.com\/index.php\/puente-verde\/","title":{"rendered":"Puente Verde"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1286\" class=\"elementor elementor-1286\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0fe22c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0fe22c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bb91580\" data-id=\"bb91580\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e4d7506 elementor-view-default elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"e4d7506\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span ><\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\"><b>Qu\u00e9 es Puente Verde<\/b>?  Puente Verde es una aplicacci\u00f3n para reciclaje. Puente Verde conecta a los recolectores y personas que reciclen dentro de\nla comuna de Puente alto, informando y beneficiando a sus\nusuarios.<br>Para el dise\u00f1o UI de la app, se trabajo en un proceso de 4 etapas: <span style=\"font-weight: 700;\">Bocetaje<\/span>, en el que se desarrollaron ideas, soluciones y caracter\u00edsticas en base a los <\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-aa656fa\" data-id=\"aa656fa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97ad8e2 elementor-view-default elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"97ad8e2\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span ><\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">resultados de a investigaci\u00f3n(UX),  en una segunda instancia se procedi\u00f3 a la generaci\u00f3n de <span style=\"font-weight: 700;\">wireframes<\/span> para visualizar y priorizar jerarqu\u00edas(uso de AI), funcionalidades, pantallas y diagramas de flujo. En un tercer lugar proced\u00ed al dise\u00f1o de <span style=\"font-weight: 700;\">mockup<\/span> para definir y pulir el look &amp; feel e iconograf\u00eda y finalmente <span style=\"font-weight: 700;\">prototipar<\/span> lo que contempla dise\u00f1ar e implementar motion y testear.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-44481d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"44481d9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-13a648e\" data-id=\"13a648e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-88ad1b2\" data-id=\"88ad1b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9070442 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9070442\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b66c162\" data-id=\"b66c162\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f90bf5 elementor-view-default elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"8f90bf5\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span >NAVEGACI\u00d3N E INTERACIONES<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">Se desarrollo en base a la investigaci\u00f3n de los usuarios, para determinar la navegaci\u00f3n en base a card sorting para el orden de los contenidos y el desarrollo de la arquitectura del prototipo. <\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-034aa94 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"034aa94\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b20a6bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b20a6bf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34b3e81\" data-id=\"34b3e81\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7e2844 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a7e2844\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9c72b6 elementor-widget elementor-widget-foogallery\" data-id=\"b9c72b6\" data-element_type=\"widget\" data-widget_type=\"foogallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"foogallery foogallery-container foogallery-masonry foogallery-lightbox-foobox fg-center fg-masonry fg-dark fg-shadow-small fg-loading-default fg-loaded-fade-in fg-hover-grayscale fg-hover-zoomed fg-captions-bottom fg-hover-fade fg-hover-zoom fg-ready fg-col3\" id=\"foogallery-gallery-1291\" data-foogallery=\"{&quot;item&quot;:{&quot;showCaptionTitle&quot;:true,&quot;showCaptionDescription&quot;:true},&quot;lazy&quot;:true}\" >\r\n\t\t<div class=\"fg-column-width\"><\/div>\r\n\t<div class=\"fg-gutter-width\"><\/div>\r\n\t\t<div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/1-prototipo-puente-verde.jpg\" data-attachment-id=\"1277\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/1-prototipo-puente-verde\/2037755770.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/1-PV.jpg\" data-attachment-id=\"1284\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/1-PV\/1338459773.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/2-PV.jpg\" data-attachment-id=\"1285\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/2-PV\/3484434599.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/3-PV.jpg\" data-attachment-id=\"1297\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/3-PV\/739033325.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/4-PV.jpg\" data-attachment-id=\"1305\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/4-PV\/2160008989.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/5-PV-1.jpg\" data-attachment-id=\"1307\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/5-PV-1\/4104749249.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/6-PV.jpg\" data-attachment-id=\"1308\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/6-PV\/1807238067.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/alesalosny.com\/wp-content\/uploads\/2021\/10\/7-PV-1.jpg\" data-attachment-id=\"1313\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img loading=\"lazy\" width=\"450\" height=\"253\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/alesalosny.com\/wp-content\/uploads\/cache\/2021\/10\/7-PV-1\/1296593738.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%22253%22%20viewBox%3D%220%200%20450%20253%22%3E%3C%2Fsvg%3E\" \/><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 es Puente Verde? Puente Verde es una aplicacci\u00f3n para reciclaje. Puente Verde conecta a los recolectores y personas que reciclen dentro de la comuna de Puente alto, informando y beneficiando a sus usuarios.Para el dise\u00f1o UI de la app, se trabajo en un proceso de 4 etapas: Bocetaje, en el que se desarrollaron ideas, soluciones y caracter\u00edsticas en base a los resultados de a investigaci\u00f3n(UX), en una segunda instancia se procedi\u00f3 a la generaci\u00f3n de wireframes para visualizar y priorizar jerarqu\u00edas(uso de AI), funcionalidades, pantallas y diagramas de flujo. En un tercer lugar proced\u00ed al dise\u00f1o de mockup para definir y pulir el look &amp; feel e iconograf\u00eda y finalmente prototipar lo que contempla dise\u00f1ar e implementar motion y testear. NAVEGACI\u00d3N E INTERACIONES Se desarrollo en base a la investigaci\u00f3n de los usuarios, para determinar la navegaci\u00f3n en base a card sorting para el orden de los contenidos y el desarrollo de la arquitectura del prototipo.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"advanced_seo_description":"","ngg_post_thumbnail":0,"spay_email":""},"_links":{"self":[{"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/pages\/1286"}],"collection":[{"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/comments?post=1286"}],"version-history":[{"count":17,"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/pages\/1286\/revisions"}],"predecessor-version":[{"id":1311,"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/pages\/1286\/revisions\/1311"}],"wp:attachment":[{"href":"https:\/\/alesalosny.com\/index.php\/wp-json\/wp\/v2\/media?parent=1286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}