WP UX&UI Design Paredro

Download WP UX&UI Design Paredro

Post on 13-Oct-2015

9 views

Category:

Documents

0 download

TRANSCRIPT

<ul><li><p>01</p><p>UX&amp;UI DESIGNDISCIPLINA QUE PONE DE CABEZA EL </p><p>MUNDO DE TODOS LOS CREATIVOS</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>02</p><p>INTRODUCCINSer un diseador con dotes creativas excepcionales es una carac-terstica muy positiva, pero ya no es suficiente... ahora los grandes artesanos del diseo de todos los mbitos deben dominar las tcnicas del User eXperience y el User Interface Design (UX&amp;UI)</p><p>Este sensible cambio se deriva de la influencia que la tecnologa y el desarrollo de lo digital han tenido en la vida de las personas y, en un primer momento, si los afectados por estas transformaciones fueron los productores de contenidos, pues enseguida los maestros de la invencin de la imagen han tenido que responder a los retos que los usuarios de los servicios exigen de todas las plataformas digitales a las cuales acceden.</p><p>En este punto, la paradigmtica historia de Apple y la facilidad de uso de sus sistemas operativos se plantean como el parteaguas de lo que ahora se exige como un mnimo acerca de las nuevas plataformas Android, Blackberry, Windows y por supuesto, iOS, las cuales son las que propician la comunicacin correcta entre la gente y cosas como los portales de internet, los telfonos mviles, las tabletas, los televisores, las consolas de videojuegos, las aplicaciones (de todo lo que uno se pueda imaginar).</p><p>Y si se quiere extender esta filosofa hacia el mbito del mundo urbano, estos dispositivos a su vez debern interactuar con los nuevos ingenios arquitectnicos, los edificios y las casas inteligentes, los centros comer-ciales, los vehculos y hasta los robots que se lleguen a tener en casa.</p><p>Como se puede apreciar, la influencia que esto tiene en el diseo, lleva al profesional de la creatividad a pensar un poco ms all de lo que antes representaba el papel y el lpiz sobre el escritorio, por lo que resulta importante conocer los esbozos de lo que son el UX&amp;UI Design.</p></li><li><p>03</p><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>PARTIR DE LO BSICO Un par de definiciones simples dada la complejidad de los concep-tos son las siguientes:</p><p>El UXD trata de aumentar la satisfaccin y la lealtad de los clientes mediante la mejora en la facilidad de uso y el placer proporcionado por la interacccin entre el sujeto y el producto.</p><p>El UID interviene en el modelado correcto de la interfaz de usuario, sean sitios web, apps, smartphones, computadoras, electrnicos, mquinas, vehculos y hasta edificios.</p><p>Para ponerlo de forma an ms sencilla, situado en la construccin de un carro, UI sera el equivalente a las formas del asiento, el volante, las palancas y los botones; la facilidad del encendido, el sonido del motor, y el UX sera la manera en la cual la suma de toda la experiencia de manejo del conductor propicia una sensacin de valor para los tripu-lantes, en donde por ejemplo, la deteccin automtica de la correcta temperatura de acuerdo con el perfil del usuario, la conexin de su mvil con el sistema de sonido interno y otros factores similares la hacen una vivencia distintiva.</p><p>03</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>04</p><p>ESTRUCTURA CORRECTA DE PANTALLASDesde aquella poca durante los aos 80, en la que Wham! explotara el exagerado uso tipogrfico en su video para la cancin Wake me up, muchos cantantes y agrupaciones de la msica hasta esta poca, como Kanye West, Daft Punk y Adele, han agregado a sus audiovisuales grandes tipografas, con el objeto de ofrecer movimiento y vida distinta a sus canciones.</p><p>Lejos de parecer una pista para un karaoke, los videos musicales que utilizan tipografas para dar vida a sus canciones, se ayudan de letras para comunicar con mayor facilidad el mensaje de las canciones, hacer acentos importantes o para llenar posibles vacos en el discurso de la pieza, adems de que pueden impactar de maenra importante a los espectadores.</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>05</p><p>DISEO INTERACTIVO</p><p>INGENIERA</p><p>DISEO VISUAL</p><p>REA DE APOYO AL USUARIO</p><p>En donde el diseo interactivo se refiere a la secuencia de pantallas que se suceden en la aplicacin, es como el flujo en su operacin que al final debe ser sensato para el usuario.</p><p>El diseo visual, a pesar de que parece ser lo ms sencillo, en ocasiones es lo ms difcil de lograr y se define por la cromatografa, la tipografa, la iconografa y en trminos generales, con aquello que es consecuente a la personalidad del producto.</p><p>Una vez que ambos conceptos aterrizan, la parte de ingeniera se encarga de conectar o programar los comandos y plugins necesarios para que la solucin funcione como corresponde. </p><p>Finalmente, para este momento el rea comercial ya debe contar con las respuestas que se refieren al apoyo para el usuario.</p><p>Se debe tener en consideracin que si alguno de estos componentes en el diseo desentona, la experiencia del usuario puede no ser positiva. Por lo tanto, el enfoque en los detalles es muy relevante en el equipo de trabajo, para que todo funcione como se espera.</p><p>Por lo anterior, resulta recomendable siempre dar un paso atrs, y observar la solucin creada antes de liberarla al mercado, con el fin de asegurarse de que cumpla con las expectativas.</p><p>Una solucin de UX&amp;UI debe contener cuatro aspectos bsicos, que son el diseo interactivo, el diseo visual, la ingeniera y una seccin final que tiene que ver con el apoyo al usuario, que puede ser de soporte tcnico, preguntas frecuentes o de asistencia en lnea.</p></li><li><p>06</p><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>UNA DE LAS CARRERAS DE MAYOR CRECIMIENTOSi hasta este punto no te ha enganchado tanto el tema del UX&amp;UI, quizs el hecho de que sea una de las disciplinas que mayor crecimiento en cuanto a la demanda de talento, podra despertarte el inters.</p><p>Y no slo llama la atencin por la generacin de empleos, sino tambin en lo referente a la variedad de disciplinas que se usan en la confeccin de una solucin, as como el tema del salario y la especialidad en el uso de herramientas. </p><p>06</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>07</p><p>En cuanto a los tipos de trabajos que se encuentran en la disciplina se encuentran los siguientes:</p><p>INVESTIGADOR DE USUARIOS (USER RESEARCH): Proveen un profundo entendimiento de los comportamientos de los usuarios, as como de sus necesidades y motivaciones. Ofrecen retroalimentacin en todas las fases del proceso de diseo. Sus salarios en naciones desarrolladas oscilan entre los 80 y los 117 mil dlares anuales.</p><p>ANALISTA DE USABILIDAD (USABILITY ANALYST): Aplica la investigacin de usuarios y los principios de usabilidad para identificar problemas de utilidad de las soluciones. Contribuyen en asegurar que las metas de usabilidad se logren al identificar los objetivos del proyecto, evaluar su xito y medir sus resultados. Sus salarios en naciones desarrolladas oscilan entre los 66 y los 127 mil dlares anuales.</p><p>ARQUITECTO DE LA INFORMACIN (INFORMATION ARCHITECT): Se enfocan en maquetar, construir y optimizar la manera en la que la infor-macin es organizada y presentada a los usuarios (diseo interactivo). Sus salarios en naciones desarrolladas oscilan entre los 80 y los 126 mil dlares anuales.</p><p>DISEADOR INTERACTIVO (INTERACTION DESIGNER): Esboza sobre los datos del usuario, la investigacin y los inputs del equipo, para generar conceptos de interaccin que habilitan las conexiones correctas, fluidas, pertinentes y atractivas sobre las pretendidas experiencias para los usuarios. Sus salarios en naciones desarrolladas oscilan entre los 74 y los 115 mil dlares anuales.</p><p>DISEADOR VISUAL (VISUAL DESIGNER): Convierte los wireframes y prototipos en diseos visuales, que son a la vez fciles de usar y se adhieren a la marca pautas. Se basan en un profundo conocimiento de los elementos grficos, guas de estilo, los estndares de marca y diseo de sistemas. Sus salarios en naciones desarrolladas oscilan entre los 60 y los 97 mil dlares anuales.</p><p>DISEADOR UX (UX DESIGNER): Suelen provenir de todos los oficios descritos anteriormente dentro del proceso de diseo centrado en el usuario. Su funcin se orienta a la creacin de experiencias de usuario exitosas a travs de la investigacin, la retroalimentacin, el anlisis, las pruebas y las mejores prcticas. Sus salarios en naciones desarro-lladas oscilan entre los 73 y los 110 mil dlares anuales.</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>08</p><p>LOS CONOCIMIENTOS DE ESTOS PROFESIONALESSE CONCENTRAN EN LO QUE A CONTINUACIN SE DESCRIBE:</p><p>HTML, XHTML, XML 87%</p><p>Codificacin CSS 85%</p><p>Diagramado de pginas, diseo de interfaz 78%</p><p>Edicin de imgenes y produccin 64%</p><p>Programacin de aplicaciones para usuario, JavaScript 63%</p><p>Arquitectura de la informacin, wireframing, maquetado de sitios 61%</p><p>Pruebas de usabilidad 57%</p><p>Diseo grfico 56%</p><p>Servicios de back-end, PHP, Ruby on Rails, ASP 55%</p><p>Gestin de proyectos 51%</p><p>Escritura, creacin de contenidos y edicin 42%</p><p>SEO y SEM 41%</p><p>Pruebas de la accesibilidad 39%</p><p>Otros 8%</p><p>Y LAS HERRAMIENTAS QUE SON MS USADAS ENTRE LOS CREADORES DE UX&amp;UI SON LAS QUE SE RELACIONAN A CONTINUACIN.</p><p>Investigacin Herramientas de diseo Elaboracin de prototipos</p><p>PollDaddy OmniGraffle Adobe Firework</p><p>Usabilla Visio HotGloo</p><p>Morae Axure Justinmind Prototyper</p><p>Feedback Army Balsamiq Mockups iPlotz</p><p>Crazy Egg Mockingbird fluidlA</p><p>Webnotes Wirify CogTool</p><p>Silverback Mock Flow Lumzy</p><p>Flip Camera Power Mockup The Pencil Project</p><p>Camtasia Studio Pattern Tap App Sketcher</p><p>UserZoom Cacoo UX Pin</p><p>Google Website Optimizer Gliffy Pidoco</p><p>Google Analytics Paper Sketching Paper Prototyping* Toda la informacin de la anterior seccin proviene de un trabajo realizado porOn Ward Search (http://www.onwardsearch.com/UX-Career-Guide/).</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>09</p><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>OTROS 6 BUENOS RECURSOS PARA EL DISEO DIGITALAdems de los anteriores instrumentos, probablemente las siguientes herramientas no estn en el radar de los profesionales de esta industria, pero no tardar el momento en el que debern relacionarse con ellas.</p><p>LUMOS: Con ms de 1,450 iconos tiles y perfectamente bien diseados, listos para descargar, es un complemento esencial para la coleccin y adornar artsticamente los diseos.</p><p>APPITERATE: Para los que gustan del diseo de aplicaciones mviles de arrastrar y soltar directamente en la barra.</p><p>CACTUS: Es un nuevo flujo de trabajo para la codificacin manual. Slo se tiene que elegir una plantilla y Cactus genera directamente la car-peta, la estructura de archivos y todo lo dems. Fcil y rpida de usar.HTML5 Pocket Reference: Es muy preciso y legible, pequeo por fuera pero grande por dentro.</p><p>12HOURS: Es una aplicacin para los dispositivos con Android, bonita, inteligente y funciona para marcar los puntos de presin del trabajo diario en un reloj digital.</p><p>RESPONSIVE DESIGN WITH WORDPRESS: Si lo que se busca es una gua prctica y a buen ritmo de construccin, esta es la oferta.</p><p>09</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>010</p><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>10 SORPRENDENTES CASOS DE UX&amp;UIComo se ha mencionado, la disciplina del User eXperience y el User Interface Design, prcticamente hoy se relacionan a la actividad humana moderna y existen temas por desarrollar, por ejemplo, los pasos para elaborar una buena estrategia de UX, cmo incrementar las ventas a travs de un proyecto, cmo automatizar rdenes de compra, cmo sistematizar la captura de informacin del usuario o cmo lidiar con los errores. </p><p>No obstante, estas cuestiones sern resueltas en el siguiente ejercicio de Paredro sobre el tema. Mientras tanto, dejamos 10 sorprendentes casos en los que se plantean diversas soluciones modernas en las que el UX&amp;UI est implcito.</p><p>010</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>011</p><p>1. APP PARA LA TOMA DE DECISIONESChoicemap es el nombre de esta nueva app para smartphones que cumple con la sencilla funcin de ayudar a la toma de decisiones difciles o decantarse por la correcta. </p><p>La aplicacin (http://youtu.be/WAFwoQHAEzg) es gratuita y contribuye en romper con los dilemas complejos que a uno se le puedan presentar, con el apoyo de una lista de prioridades, las cuales son calificadas por el usuario y ofrecen una idea de cmo van a afectar a su vida.</p><p>La parte sofisticada es que utiliza un algoritmo para anotar las decisiones y adems es tambin til para cosas como averiguar el futuro de una relacin, decidirse por un empleo, una inversin o simplemente para saber qu comer para la cena.</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>012</p><p>2. DRIBLET Y EL AHORRO DE AGUAPara ensearle a su hija adolescente cunta agua gastaba al baarse, el ingeniero mexicano Rodolfo Ruiz y su equipo inventaron Driblet, un sistema inteligente para el manejo del agua, con el cual pudo dar una leccin a su nena, pero tambin se convirti en un innovador negocio.</p><p>Driblet Labs, Inc. es una corporacin de Delaware recientemente establecida, pero que naci en Monterrey, Mxico, despus de ganar el 1er lugar en la competencia AngelHack Hackathon del Silicon Valley celebrada durante 2013.</p><p>Adems de un gran diseo de producto, la solucin que proporciona Driblet incorpora el seguimiento de diversas variables relacionadas con el uso del agua, y que tiene el propsito de capacitar as como alentar a las personas, empresas, organizaciones y gobiernos para ahorrar agua.</p><p>Adems, el sistema elctrico de Driblet se alimenta de la misma fuerza en el flujo del agua corriente, de manera que no requiere del reemplazo de bateras.</p><p>Al funcionar el dispositivo conectado a la tubera, enva los datos recogidos va WiFi a la nube, con lo que el usuario puede revisar en un web site o un dispositivo mvil los datos respecto a los litros usados, incluso en tiempo real.</p></li><li><p>UX&amp;UI DESIGN DISCIPLINA QUE PONE DE CABEZA EL MUNDO DE TODOS LOS CREATIVOS</p><p>013</p><p>3. COMO UN ROBOT FALDERO: KEECKERAquellos simpticos asistentes robotizados, como los que se vean en las diferentes caricaturas, series de TV y pelculas de ciencia ficcin, ya comienzan a tener una presencia verdadera en la vida de las personas a pesar de que en un principio sus funciones sean muy bsicas, como aspirar el piso, recoger basura o proyectar audio y emitir video en cualquier lugar, cosa que Keecker ofrece.</p><p>Es verdad que todava no se alcanza el momento en el que estos divertidos dispositivos interacten inteligen-temente con los humanos como Robotina, C3PO o Walle, pero cuando menos Keecker (www.keecker.com) ya cuenta con esa apariencia entraable y ofrece un servicio que puede ser de inters para mucha gente.</p><p>Para empezar es capaz de moverse slo entre los muebles de la casa, en donde el propsito de la firma francesa que le ha creado es ofrecer a sus usuarios la posibilidad de proyectar sus contenidos personales en cualquier lugar de la habitacin, lo que le abre un abanico de posibilidades para oficinas y eventos.</p><p>Adems de su diseo atractivo, con Keecker el usuario ya...</p></li></ul>