[techland_nav menutype=»onepage» anchor=»yes» btnstyle2=»2″ hidesidemenu=»yes» mtype=»primary» link1=»url:%23||target:%20_blank|» btntitle2=»Contáctenos» link2=»url:%23contacto|||rel:nofollow» logo=»2646″ mlwidth=»162″ mlheight=»70″ loop=»%5B%7B%22title%22%3A%22Dise%C3%B1o%20UX%22%2C%22internallink%22%3A%22%23ux%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%2C%7B%22title%22%3A%22Dise%C3%B1o%20UI%22%2C%22internallink%22%3A%22%23ui%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%2C%7B%22title%22%3A%22Prototipos%22%2C%22internallink%22%3A%22%23prototipos%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%5D» sticky_logo=»2646″ smlwidth=»162″ smlheight=»70″]
[techland_hero7 btnstyle=»1″ subheading=»UI/UX en Chile» heading=»Diseño y Desarrollo de Experiencia e Interfaz de usuarios.» desc=»Nuestras soluciones y diseños van siempre orientados a crear la mejor experiencia posible para el usuario o público objetivo final.

Estos procesos son clave para el éxito integral y sostenido de un producto, plataforma o sistema. Empatizamos con el usuario para lograr conseguir que esa experiencia sea perfecta. Comprender qué es lo que busca y qué es mejor para después poder implementarlo y crear una interfaz que sea atractiva, simple, intuitiva y útil es nuestra garantía.» bgimg=»547″ shape1=»2500″ btntitle=»¿Cómo lo hacemos?» link=»url:%23proceso|||»]

[techland_spacer spacer=»6″]
[techland_section_hading br=»yes» boxed=»yes» subtitle=»CÓMO TRABAJAMOS» title=»El diseño es un proceso» thintitle=»no una metodología«][/techland_section_hading]
[techland_steps1 title=»Investigación» desc=»Todo parte con la investigación, entendimiento y empatía con el usuario. Basado en los recursos que se provean o se recopilen en esta etapa, podemos comenzar a entender hacia dónde dirigirnos.»]
[techland_steps1 title=»Conceptualización» desc=»Se comienza a hacer iteraciones, reuniones de ideas, proyectar alternativas, trabajos en pizarras y todo lo que aporte a ir conformando los alambrados o wifreames así como los diferentes tipos de prototipos.»]
[techland_steps1 title=»Entrega» desc=»Culminado los conceptos evaluados y aprobados, se entrega la documentación y los elementos necesarios de interfaz de usuario, ya sea en baja resolución o píxel perfecto, junto a la biblioteca de activos gráficos y parámetros para el desarrollo.»]
[techland_section_hading br=»yes» boxed=»yes» title=»Equipo experto» thintitle=»con herramientas expertas»][/techland_section_hading]

Agile

Metodología Scrum Fomentamos el trabajo en equipo, focalizando todos los esfuerzos en alcanzar un objetivo común.

Wireframes y Prototipos

Básicos y Avanzados Balsamiq Mockup, Whismical, Justinmind y Axure

Diseño e Interacción

Creativo y Funcional Sketch, Principle, Protopie y Flinto

Guías y Pautas

Info para ingenieros y desarrolladores
Zeplin, InVision, Adobe XD y Sketch Cloud

[techland_section_hading br=»yes» hcolor=»section-heading–dark» subtitle=»DISEÑO UX» textfield=»Awesome Things» thintitle=»Intuitivas, amigables y útiles.» title=»Diseñamos Experiencias»][/techland_section_hading]

Investigación de experiencia del usuario, entender el diseño de la experiencia desde la conceptualización, arquitectura de la información, diseño de la interacción de los usuarios y por tanto el diseño de cada interfaz.

[techland_spacer spacer=»5″ display=»d-lg-none»][techland_popup_video1 defimg=»101″ imgw=»602″ imgh=»401″ vurl=»http://23.254.201.38/~hispa/www_acm_cl/_tmp/boceteando-ideas-wireframes-ux.mp4″ img=»2364″]
[techland_spacer spacer=»5″ display=»d-lg-none»][techland_popup_video1 defimg=»101″ imgw=»602″ imgh=»401″ img=»2173″ vurl=»http://23.254.201.38/~hispa/www_acm_cl/_tmp/video-analisis-asesorias-ux.mp4″]
[techland_section_hading br=»yes» hcolor=»section-heading–dark» subtitle=»ANÁLISIS Y ASESORÍAS EN UX» textfield=»Awesome Things» thintitle=»basado en modelos actuales» title=»Reportes y Recomendaciones»][/techland_section_hading][techland_spacer spacer=»4″]

Realizamos asesorías y análisis de proyección para productos en desarrollo o existentes. Generamos reportes con las observaciones más importantes que podrían ser mejoradas e implementadas en su sitio o aplicación para que puedan seguir las directrices de manera autónoma.

[techland_section_hading br=»yes» subtitle=»Diseño UI» title=»Interfaz centrada en el usuario» thintitle=»Enfocada en los 6 Principios»][/techland_section_hading][techland_spacer spacer=»6″]
[techland_services_container css=».vc_custom_1584409416426{padding-bottom: 145px !important;}»][techland_services_item6 icontype=»svg» svgimg=»2426″ svgclr=»#ffffff» title=»Estructura» desc=»Organizamos las interfaces de manera significativa y útil basada en modelos claros y consistentes que son evidentes y reconocible para los usuarios.» width=»50″ height=»50″][techland_services_item6 icontype=»svg» svgimg=»2427″ svgclr=»#ffffff» title=»Simplicidad» desc=»A través del diseño facilitamos las tareas simples y comunes, comunicando de forma clara y sencilla en el propio idioma del usuario.» width=»40″ height=»40″][techland_services_item6 icontype=»svg» svgimg=»2429″ svgclr=»#ffffff» title=»Visibilidad» desc=»El buen diseño no abruma. Las opciones y materiales necesarios para una tarea determinada no deben distraer al usuario con información superflua o redundante.» width=»45″ height=»45″][techland_services_item6 icontype=»svg» svgimg=»2432″ svgclr=»#ffffff» title=»Retroalimentación» desc=»Mantenemos a los usuarios informados de las acciones, los cambios de estado o condición, errores o excepciones de manera clara, concisa y familiar.» width=»45″ height=»45″][techland_services_item6 icontype=»svg» svgimg=»2431″ svgclr=»#ffffff» title=»Tolerancia» desc=»Nuestro diseño debe ser flexible para reducir el costo de los errores y el mal uso al permitir deshacer y rehacer y al mismo tiempo evitar los errores siempre que sea posible.» width=»45″ height=»45″][techland_services_item6 icontype=»svg» svgimg=»2430″ svgclr=»#ffffff» title=»Reutilizar» desc=»Reutilizamos componentes, manteniendo la coherencia con el propósito en vez de la consistencia arbitraria. Reducimos la necesidad de los usuarios a repensar y recordar.» width=»60″ height=»60″][/techland_services_container]
[techland_section_hading subtitle=»PROTOTIPOS» title=»Baja y Alta fidelidad» thintitle=»Diagramas de flujos, Wireframes y Maquetas interactivas»]Exportamos los prototipos en HTML (ideal para documentar funcionamiento y para realizar pruebas de usuario), o en un documento PDF / Word que recoge, además de las interfaces diseñadas, todas las anotaciones que se hagan sobre el funcionamiento de cada página, módulo o componente.[/techland_section_hading]
[techland_spacer spacer=»4″ display=»d-md-none»][techland_tilt_image tilt=»yes» defimg=»422″ retinaimg=»423″ imgw=»298″ imgh=»234″ alt=»demo»]
[techland_spacer spacer=»4″]
[techland_steps2 loop=»%5B%7B%22tabtitle%22%3A%22Bosquejos%20(%3Ci%3ESketch%3C%2Fi%3E)%22%2C%22desc%22%3A%22%3Ch3%20class%3D%5C%22h4%5C%22%3EPrimeros%20prototipos%3C%2Fh3%3E%5Cn%5Cn%3Cp%3EEs%20la%20primera%20etapa%20en%20baja%20fidelidad%20(%3Ci%3Elow%20fidelity%3C%2Fi%3E)%20para%20bocetar%20una%20web%2C%20app%2C%20intranet%2C%20etc.%20Son%20simples%20bocetos%20hechos%20a%20l%C3%A1piz%20y%20papel%20donde%20mostramos%20la%20estructura%20b%C3%A1sica%20y%20los%20flujos%20que%20tendr%C3%A1%20el%20producto.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22%3Ci%3EWireframes%3C%2Fi%3E%20o%20Alambrados%22%2C%22desc%22%3A%22%3Cp%3EMostramos%20la%20organizaci%C3%B3n%20del%20proyecto%20separ%C3%A1ndolo%20en%20las%20principales%20secciones%20o%20m%C3%B3dulos%2C%20y%20a%C3%B1adiendo%20interacci%C3%B3n%20b%C3%A1sica%2C%20por%20lo%20general%20de%20manera%20est%C3%A1tica%2C%20lo%20que%20se%20conoce%20como%20%5C%22prototipo%20clickable%5C%22.%3C%2Fp%3E%5Cn%5Cn%3Cp%3EEl%20dise%C3%B1o%20se%20muestra%20en%20una%20escala%20de%20blancos%20y%20grises%20y%20no%20se%20tiene%20en%20cuenta%20nada%20visual%2C%20simplemente%20la%20estructura%2C%20todo%20contenido%20es%20falso%20y%20temporal.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22Maquetas%20o%20%3Ci%3EMockups%3C%2Fi%3E%22%2C%22desc%22%3A%22%3Cp%3EEl%20resultado%20final%20son%20maquetas%20de%20alta%20fidelidad.%20Se%20muestra%20c%C3%B3mo%20quedar%C3%ADa%20el%20producto%20final%2C%20a%20excepci%C3%B3n%20de%20las%20interacciones%2C%20que%20siguen%20siendo%20limitadas.%20En%20esta%20etapa%20incluimos%20los%20detalles%20visuales%20como%20el%20tipo%20de%20tipograf%C3%ADa%2C%20los%20colores%20exactos%2C%20el%20contenido%20final%20y%20el%20espacio%20que%20ocupar%C3%A1%20cada%20elemento.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22Prototipo%20final%20%2F%20Alta%20fidelidad%22%2C%22desc%22%3A%22%3Cp%3ESon%20los%20prototipos%20de%20alta%20fidelidad%20o%20%3Ci%3Ehigh-fidelity%3C%2Fi%3E.%20Se%20trata%20del%20%3Ci%3Emockup%3C%2Fi%3E%20mejorado%20y%20a%C3%B1adiendo%20las%20interacciones%20correspondientes.%20Ya%20no%20se%20muestra%20solo%20la%20paleta%20de%20colores%20o%20el%20dise%C3%B1o%2C%20sino%20tambi%C3%A9n%20los%20sistemas%20de%20navegaci%C3%B3n%20y%20la%20experiencia%20de%20usuario%20(ux).%3C%2Fp%3E%5Cn%3Cp%3EEstos%20prototipos%20ya%20incluyen%20interacciones%20y%20flujos%20de%20trabajo%20que%20simulan%20acciones%20complejas%20as%C3%AD%20como%20entrada%20de%20informaci%C3%B3n%20din%C3%A1mica%2C%20todo%20lo%20m%C3%A1s%20cercano%20posible%20a%20la%20versi%C3%B3n%20final%20y%20real%20del%20producto.%3C%2Fp%3E%22%7D%5D»]
[techland_section_hading subtitle=»Contacto» title=»No solo de proyectos conversamos»]Nos gusta recibir opiniones, sugerencias, ideas, criterios y todo lo que ayude a mantener una comunicación profesional.[/techland_section_hading][techland_spacer spacer=»4″]

    [techland_spacer spacer=»5″ display=»d-md-none»][techland_tilt_image tilt=»yes» defimg=»2656″ retinaimg=»2656″ imgw=»571″ imgh=»490″ alt=»demo»]