viernes, 31 de julio de 2015

Roles en proyectos de Desarrollo Web





Parte fundamental de cualquier proyecto de desarrollo web, es la definición de los roles de trabajo que van a intervenir en el mismo. Comúnmente, se suele creer que una sola persona debería ser capaz de llevar a cabo todas las tareas que son requeridas. No obstante y eso si, dependiendo de la magnitud del proyecto existen diferentes personajes que deben realizar tareas especificas, a fin de cumplir con los objetivos. En el articulo de en turno, vamos a exponer los roles principales, presentes en el desarrollo web y experiencia de usuario.



Diseñador de Interacción.



El diseñador de interacción, es el encargado de realizar wireframes, y de la organización de flujos en los procesos del sitio web. Principalmente. Se trata de la creación de interfaces, basadas en comportamientos de los usuarios. Es un enfoque basado en encontrar problemas a tiempo, o bien, de encontrar nuevas formas de hacer interactuar a los usuarios y la tecnología.

algunas de las metodologías empleadas en el diseño de interacción son :  diseño orientado en los objetivos, personas, dimensiones cognitivas, diseño de interacción afectivo.

Un ejemplo de diseño de interacción centrado en personas, radica en la tarea de investigar a profundidad a los usuarios meta del sitio web o aplicación, y a partir de ahí, crear escenarios hipotéticos para dar cara y ojos a las personas para quienes vamos a diseñar.

Otro ejemplo, es la creación de esquemas o flujos de integración entre las diferentes pantallas de la aplicación, creación de momentos interesantes.







Arquitecto de información


Es el encargado de diseñar la navegación para el sitio web. Así mismo, tiene la tarea de llevar a cabo la organización jerárquica. 

el término de los tiempos en los que recién era inventado el hipertexto (origen de la WEB). Se trata de la organización estructural de información compartida (como los sistemas de hipertexto, intranets o la misma web), aunque es un término aplicable a muchos otros aspectos.

el objetivo principal de los arquitectos de información, es el de ayudar a los usuarios a encontrar información en sistemas complejos y a completar tareas. Para ello , se busca la forma en la que cada pieza individual, encaja en el sistema completo , y de la relación y semántica entre los contenidos.

Algunas tareas asociadas con arquitectura de información son: card sorting, diagramas de navegación e inventarios de contenido.





Diseñador de interface o UI designer


Es el diseñador gráfico del proyecto. Es el encargado de elaborar el diseño visual alineado con los objetivos del sitio web. Es el que decide paletas de colores, tipografías e imágenes que van a ser utilizadas, a fin de preservar los estándares de usabilidad que son requeridos.

Es el encargado de crear los diseño en programas de diseño, tales como Adobe Photoshop, Adobe Illustrator u otros editores gráficos, partiendo de moodboards y de kits de interfaces.





Front-end developer


Es el encargado de codificar los diseños generados por el diseñador de interface. Conoce lenguajes para crear el layout del sitio web en HTML(esqueleto) y también estilo (CSS). Así mismo debe tener conocimientos en lenguajes y librerías para manipulación del DOM (document object model).




Back-end Developer. 


Es el encragado de progrmar las reglas del negocio para el funcionamiento de una aplicación, y de las partes que así lo requieran en sitio web (Accesos por ejemplo). Tiene conocimiento en bases de datos y lenguajes de programación.


Conclusión


Si bien, aunque estas son descripciones de cada uno de los roles de forma individual, las personas pueden tomar diferentes papeles, dependiendo del tamaño del equipo y del proyecto. Así encontramos  diseñadores de UI, que pueden ser Front en developers o bien diseñadores de interacción en tareas de arquitectura de información. 



domingo, 23 de noviembre de 2014

¡Juegos para diseñadores!

¿Alguna vez has medido tus capacidades con las herramientas y algunos conceptos de diseño? A continuación presento una breve compilación de las herramientas más divertidas para poner a prueba tus habilidades en diseño: color, vectorización, kerning, layout, y más. Espero ver sus resultados en los comentarios =)

1.- COLOR

Method of  action, nos ofrece esta divertidísima aplicación para poner en práctica la teoría del color.



Un juego para poner en práctica tus habilidades con la pluma (AI) o bezier (CDraw). Yo solo pude lograr 16 puntos.



El kerning, sirve para identificar el espacio entre los caracteres individuales. ¿Puedes hacerlo a simple vista? Yo saqué 76%..



Con este juego me divertí bastante, y ciertamente es en el que mejor me fue. Se trata acompletar los caracteres y medir tu precisión.



Este mini-juego, parece estar más enfocado en los diseñadores web. Si te gustan las interfaces y los wireframes, podrás con él. ¿Tu cuántas páginas puedes reconocer por su wireframe?


Bueno, no se trata de un juego, pero este reto, te ayudará a identificar que tan afinada tienes la precepción del color. Bastante entretenido y sorprendente. Mi puntaje fue de 11.


¿Cuántas tipografías crees poder reconocer? Tu experiencia utilizando tipografías te ayudará con este reto.
 


Otro juego de tipografía. ¡Apunta y dispara lo más rápido que puedas!


Creo que a muchos de ustedes les va a gustar este juego.




Sinceramente no entendí este juego. Lo veo más como una guía interactiva para entender las tipografias. Pruébalo tu mismo




La mejor contribución es tu comentario. Gracias