Puebla colonial Pantallas y usuarios.

Las pantallas son una muestra breve de como seria la interfaz del sitio, solo he recibido dos resultados en cuanto a la usabilidad, a los usuarios se les enseño el perfil del arquetipo (para que se pusieran en papel pues) uno de ellos es alemán (es algo mas joven) y el otro es una Diseñador que vive en puebla y esta en el rango de edad descrito (de esos conosco muchos pues).

La consigna fue la siguiente trata de conseguir una ruta, y trata de elegir una iglesia y si logras ver una foto de ella o captar algun dato, o donde esta, seria lo optimo.

Y dos preguntas: ¿Que te pareció la página?

¿Que le cambiarías?

En síntesis las respuestas fueron las siguientes:

Usuario uno (alemán): Yo entiendo español pero no debería venir esto también??

La pagina es muy sencilla le falta contenido.

Me gustaría interactuar mas para opinar mejor.

Le cambiaría el mapa, es muy pequeño.

El diseño es sencillo pero se entiende bien.

Usuario local: La página es muy sencilla pero estan ordenados los elementos

El mapa es complicado por que es muy pequeño.

Yo cambiaría los colores para hacerlo mas dinámico.

Puebla colonial, Mapa de navegación

Un breve esbozo no tan profundo de lo que sería la navegación.

Puebla colonial Card Sorting.

El card sorting, el original lo remplace por este ersatz digital, así me ahorro los anuncios comerciales de mis "postit" patrocinados por laboratorios médicos, la cosa es la siguiente, el área de iglesias tendría muchos mas elementos, lo cambie por un bello etc; Descubriendo aquí y por algunos consejos que me iban haciendo al vuelo, que lo ideal es tener la información de las iglesias, no solo ver donde están, no solo saber que tipo de iglesias son, sino fechas, fiestas, tatos curiosos al parecer son de interés ya que se le da una interfaz gráfica, lo cual desato otra idea, un GPS turístico interactivo con móviles pero bueno eso es... otra idea, digo ooootra historia.

Puebla colonial, Entidad Relación.

Las relaciones entre las Entidades, en este caso fue tipificar las iglesias, y relacionarlas mediante la ubicación en el centro de puebla, el cual se encuentra dividido por cuadrantes norte, sur, este y oeste (oriente poniente en realidad pero no sonaba tan bonito surponiente suroriente, en fin) no contaba con el hecho de que existen solo 32 iglesias en el centro y las cuales habría que checar la dirección y luego de muchas confusiones entre pares y nones, arribas y abajo, (cuando vengan a Puebla verán el por que, el resultado es el que presento en la imagen anterior.

Mapa conceptual (Puebla colonial)

A estas alturas las clasifiacaciónes de los usuarios me dan la idea de que los que visitan si bien tienen mucho tiempo o poco tiempo, es probable que quieran conocer las mas famosas de las iglesias en la ciudad las cuales definitivamente son las coloniales.

El ejercicio final plantea la idea de realizar la arquitectura para un sitio web de temática libre (cosa que esta demás decir que libre es un problema

El ejercicio final plantea la idea de realizar la arquitectura para un sitio web de temática libre (cosa que esta demás decir que libre es un problema por las indecisiones y los problemas que eso trae en principio y a futuro pero como dicen por la boca muere el pez). Mi idea es realizar una web que facilite la planeación de recorridos en la ciudad de Puebla y zonas aledañas para visitar las diferentes iglesias (y numerosas también) que existen.

Primer paso los usuarios, elos aquí, una visión de las personas que en vivo e descubierto que son asiduos a esta ciudad.

Diseño de usabilidad en la interfaz gráfica del usuario.

Royo plantea en este capítulo el análisis de factores primordialesuno de ellosel usuario. Identificar que toda pagina que se cree, toda interfaz dendrá un usuario que se encargará de utilizarla, el cual tendra necesidades especificas y acutara dentro del rango de las capasidades que este tenga, igualmente este usuario, esperará que las actividades cotidianas se puedan ejecutar sin que esto le suponga un gasto de tiempo innecesario.

Es importante analizar el tipo de usuario que se espera, para poder determinar la profundidad de la pagina o lo ligera que esta podrá ser, las funciones que pueden lograr y la interacción que este tendra con el sistema con el que interactua, ya que ademas de la habilidad con la que cuente el usuario para desembolverse, siempre existira un factor extra, un contexto en el cual todo este universo se encontrará.

La tecnología, es otro factor analizado dentro de este marco de la usabilidad de interfaces gráficas, a mayor técnoligia supone un mayor esfuerzo de aprendizaje. Pero este esfuerzo evoluciona constantemente, llegando ahora a un modelo de comunicación con las interfaces digitales de dos vias, nosotros tenemos necesidades y con los nuevos avances estas necesidades van siendo prevenidas por las nuevas lineas de usabilidad que adelantan a las necesidades del usuario.

El diseño de la la interfaz es otro factor que contribulle a esta usabilidad, el diseño en su amplio contexto, ya que no solo es el hecho de la gráfica, sino también incluye aspectos de interfaces fisicas diseño industrial, digital, electrónico, y en si todo el amplio interactuar para que la interfaz sea llevada acabo y llegar a un diseñador digital que bien puede ser un actor interdiciplinario que se encargue de que no solo se vea bien, funcione bien y se aplique bien.

Por ultimo pensar en el tema de la ipertextualidad, es concevir una imagen de contenidos mas amplis ya no lineal sino horizontal, la cual hoy en dia se ve expandida por el mismo usuario, al cual se le dan plataformas que este mismo con los nuevos modelos de participaciones sociales va delimitando, el usuario va expandiendo e interrelacionando este material ipertextual hasta tener todo un contenido vinculado y distribuido, el cual a su vez es utilizado para crear nuevos valors sobre los cuales se desarrollen nuevas interfaces graficas para los usuarios.

Usabilidad.

Usabilidad

Jakob Nielsen

Diseño de contenido.

Al final, los usuarios visitan el sitio web por su contenido. Todo lo demas es accesorio.

El diseño existe para permitir a la gente acceder a su contenido. La vieja analogia es un grupo de amigos que va a aver una obra de teatro; cuando salen del teatro de lo que hablan es de la obra, no de lo bonito que estaban los trajes.

Diseñar contenidos para una pagina web no es solo decorar los sitios que van a utilizar los usuraios. Hay que tener encuenta multiples caracteristicas que hacen que acceder a informacipon en la web sea totalmente diferente a acceder información en un medio impreso.

Eficiencia, cuando sostenemos una revista que vamos a leer, usualmente ya fué comprada, ya fué adquirida y separada del resto de revistas que se nos ofertaban en el puesto de la esquina (o en el samborns), esto hace que la información en la cual estamos interezados, ya la tengamos a nuestra disposición. En la web el usuario se enfrenta a la búsqueda, toda información que se quiera obtener de la web deberá ser buscada, y debera de ser encontrada entre otras tantas opciones que nos serán dadas, esto afecta los tiempos de busqueda, ya que el tiempo que empleamos para dicernir entre las paginas es limitado, el usuario ojea superficialmente las paginas, y si estas en apariencia no cubren con los requerimientos. no serán tomadas en cuenta. Hay que optimizar la información y permitir que sea identificable, así el usuario podrá identificar lo que es útil.

Buenos modales, buen diseño. Cuando se pienza en el diseño de una página weg no solo se pienza en la apariencia, claro que hay que ser creativos, pero tomando siempre en cuenta la usabilidad del sitio y el confort del usuario. Tomar en cuenta colores, contrastes, tamaños y demas codigos de diseño que pueden ayudar al uso de la pagina o bien pueden contribuir a una mala experiencia.

Nielsen nos indica en su libro factores que contribullen a la frustración en paginas web, como lo son los tiempos de espera, los cuales actualmente han disminuido mucho con el avanze de la tecnología, pero al mismo tiempo haciendo que las exigencias de los usuarios sean mayores, hoy en día estamos avituados a la información en tiempo real, lo que ocaciona que estos factores de demoras para la navegación de una página web creen una frustración mas evidente y conduscan a una busqueda de alternativas, y el abandono de la pagina.

Hoy en día, internet y los medios digitales abarcan la mayoria de nuestros habitos diarios, y los factores de usabilidad son mas evidentes devido a la madurez que los usuarios han tenido en este medio, usuarios que se habituaron y se han vuelto mas exigentes, asi como los que ingresaron a estos medios de forma natural y cotidiana, las nuevas generaciones no precisan de una adaptación a estas técnologias ya que son incertadas en su vida cotidiana con su uso diario.

La usabilidad en la web se manifiesta incrementando las necesidades, el claro ejemplo de esto es twitter, una red que engloba hoy en dia casi todos los aspectos que se pueden encontrar en la web, y que con pocos caracteres con información concisa, permite la nabegabilidad y el acceso a contenidos los cuales son dados por los propios usuarios; Se pueden acceder a noticias, videos, música, paginas, textos, imagenes, y practicamente todo tipo de contenido de manera eficiente, el despliegue y el poder que esta herramienta presenta solo es limitado por el propio usuario el cual define a que nivel la utiliza y el mismo usuario limita o expande sus necesidades.

Hoy en dia la web a incrementado su contenido de manera significante, pero asi mismo nos seguimos encontrando ejemplos de sitios, que no estan pensados para ser usados, sitios que solo estan por que pueden estar y que frustran la experiencia del usuraio al no tomar en cuenta los factores de usabilidad que Nielsen describe en su libro, los cuales a la hora de planear un nuevo sitio dentro del mundo de la web, siguen siendo fundamentales.

En suma múltiples factores afectan una buena experiencia en la web. El diseño influye pero no lo es todo, el contenido es importante y los factores que determinan la usabilidad ayudan a tener esta buena experiencia y a no llegar a frustraciones.

El resultado del analisis, da como resultado una página en la cual la actividad es socializar, y el filtro que se ocupa para esto es el uso distinto que se les da a las bicicletas, ya sea para trabajo, para ocio o para actividades profesionales del ciclismo, la razón del uso de una bicicleta y su participación en esta página es convivir y enseñar sus actividades diarias en el sitio.

Card sorting.

Mapa conceptual de lo que se quiere lograr para la realización de una pagina de estilo de vida pero seccionado con la variable de las bicicletas. Se plantea el uso de una red social en la cual se enfoque el estilo de su uso mediante su actividad y comportamiento en la bicicleta. El resultado es el siguiente.

Usuarios de Bicicletas.

Ejercicio de creación de una página de estilo de vida, la primera parte es la creación de tres usuarios que hagan uso de una bicicleta. El resultado es el siguiente.

Primera lectura... Carta de Javier Royo al Diseño digital.

El diseño digital y el desarrollo de la interfaz gráfica de usuario.

Royo nos plantea la diferenciación entre los seres humanos y los animales, ambos podemos expresar dolor, tristeza, hambre... comunicarnos de alguna forma, pero la simbolización, la creación de elementos abstractos para representar realidades cotidianas, nos significa el paso evolutivo definitivo, llevandonos a la creación de codificaciones sonoras (habla) y gráficas (escritura) para la satisfacción de necesidades de interacción en nuestro entorno.

Mientras mas adelantado es el desarrollo que tiene el ser humano, existen un numero mayor de cosas con las cuales interactuar y las cuales comunicar, y hacemos necesario el uso de interfaces que nos posibiliten estas interacciones. Una piedra precisa tener de donde sostenerse para poder hacer un mejor uso de esta, surge el "mango" que nos permite interactuar con la piedra y nos hace posible el uso de esta. Desde estos inicios, el hombre va requiriendo de interfaces que posibiliten el uso o la acción con los diferentes sistemas que lo requieran. Pero mientras se van creando (como ya se menciono) nuevos adelantos, el que hacer cotidiano requiere satisfacer necesidades cada ves mas demandante, hay mas información que transmitir pero existen mas receptores que la consumirán. Un ejemplo de estas necesidades es el transporte, mientras mas personas tengan esta necesidad existirá una mayor cantidad de medios de transporte u opciones de este, y para no caer en un caos que limite la ejecución de esta acción de transportarse se crean sistemas, sistemas lógicos y visuales que posibilitan un correcto uso de los mismos.

Así bien se pueden analizar como surgen sistemas de señalización como el caso del Metro de Atolondren, donde la simplificación de los diagramas visuales creados por Harry C. Beck hicieron que la comprensión de los usuarios fuera de manera mas simple y efectiva. La creación y estandarización de sistemas de señales viales permiten que en casi la totalidad del globo, exista una correcta navegación por los espacios públicos, así como identificación de elementos que uno puede necesitar. Otro punto que ayuda a la distribución de información visual, es la distribución de elementos gráficos ISOTIPE fue uno de los primeros en intentar utilizar un sistema de símbolos que permitieran la instrucción por medio de ellos, y creando los primeros sistemas de información gráfica, infográficos. La aparición de escuelas que realizan estudios serios conforme a la gráfica, permite también el avance de los gráficos en la vida cotidiana de una manera profesional, que familiarizan a las personas con el consumo de estas "imágenes". Esto unido al desarrollo tecnológico que se ha venido dando en los últimos siglos, ocaciona que se haya creado un submundo, o un mundo dentro del mundo, una zona virtual donde se navega y se explora con cierto parecido a la vida real, con sus reglas y con sus imágenes propias que van desarrollando con el paso del tiempo. La web donde las frustraciones de uso son similares a las que encontramos en el mundo real, el uso de este martillo si no es adecuado nos produce una frustración y el remplazo por una opción diferente, y lo mismo ocurre en la red, el usuario va desarrollando necesidades y va exigiendo un confort que si bien no es dado, existirán siempre opciones para satisfacer estas necesidades.

El mundo ha avanzado durante muchos miles de años hasta llegar al confort que tenemos hoy en dia, el mundo virtual el mundo de la web evoluciona a una mayor velocidad. ¿Como nos confortaremos dentro de ese mundo en unos años?... habrá que verlo.

Las tres buenas...

http://jessicahische.is/awesome/

La primer página a analizar es la pagina de Jessica Hische, de entrada la dirección de la página ya nos comenta algo, ya que es jessicahische is awesome lo cual es de entrada curioso. Es una muestra de su trabajo, dirigido a diseñadores y personas que buscan ver trabajos en galería. Tiene menús simples y es fácil de navegar; para sacarnos de la monotonía de la visualización de trabajos interactua con nosotros como usuarios podemos ver la opción "Teen girl mode" o bien el infinite scroll gallery entre algunos detalles que tiene la página para hacer mas confortable nuestra visita.

http://www.bluevertigo.com.ar/

La segunda página es blue vertigo, es una página de utilidades para el quehacer gráfico, presenta demasiada información, pero la define y caegoriza bien, todas las opciones están bien especificadas y clasificadas por grupo uno navega y encuentra lo que quiere. No hay grandes menús es una página que precisa de encontrar lo que quieres, ya que es para esto para buscar utilidades gráficas, esta dirigida a usuarios que tengan contacto con el quehacer gráfico y constantemente se actualiza, presenta un diseño de navegación horizontal, pero no por esto se hace complicada su lectura, ya que son columnas de información que se hacen menos monotonas al transcurrir horizontalmente.

http://www.cuevana.tv/

La última página analizada es Cuevana. En esta página uno puede encontrar películas, documentales, capítulos de series y mas vídeos. Cabe destacar el gran contenido de publicaciones, pero sobretodo el orden que tienen para esto, teniendo un motor de búsqueda que nos da las opciones de buscar por autor, por nombre de película, director, actores, años, etc. es una muy buena opción y maneja las categorías que ofrece de una manera adecuada, así como cuenta con relaciones automáticas de favoritos, mas vistos que hacen que uno pueda estar al tanto de lo que es mas popular, y no solo de los gustos personales.

Tres malas ....

La usabilidad en la web nos indica, según Nielsen lo fácil o difícil que es el uso de una página, que tan sencillo o complicado es el desplazarnos dentro de ella.

Primero las malas...

http://www.buap.mx/

La benemérita universidad autónoma de Puebla, es una de las principales universidades del país, su oferta académica es considerable y bueno hay mucho que se puede nombrar de la BUAP; ahora bien su página de Internet demuestra mucho de lo que tiene, mucho si, pero todo atiborrado y en una exhibición.La página hace un alarde de numerosos menús que puede uno seguir y los cuales nos pueden llevar a un sin numero de combinaciones, noticias, oferta educativa, eventos, anuncios, y demás vínculos que si bien uno se habitúa a seguir una ruta por necesidad, seguro logrará acceder al elemento deseado, pero sin duda será confuso el recorrido y en mas de una ocasión recurriremos al regreso seguro al punto de partida para comenzar de nuevo nuestra experiencia.

http://www.vinilosygraficos.com/index.php

Vinilos y gráficos es una empresa dedicada a la venta y distribución de materiales para aplicaciones gráficas. Su página muestra un amplio catalogo, el problema es el mismo desde un inicio nos da el amplio catalogo y el usuario se puede ver agobiado ante la gran variedad de productos que tiene, productos que son similares y pueden confundirse entre unos y otros, cabe mencionar que la pagina inicia en la sección de productos y esto puede desconcertar un poco al usuario novato. Sus pantallas para describir producto son buenas, el problema es el recorrido, el proceso que se debe tener para llegar a ellas cuando ya se sabe lo que se busca puede ser en un solo clik, pero cuando no, puede ser un trabajo laborioso y de algunos cuantos minutos.

http://www.asiste.pemex.com/

La pagina para los trabajadores de PEMEX,

la empresa mas grande de México, cuenta con esta joya de pagina, la cual sus defectos pueden ser vistos de inmediato, desde la alineación de la página, su diseño, los campos para insertar datos para acceder a la pagina en si, muestran una falta de esmero en la realización de una página que es de acceso cotidiano a los trabajadores, los cuales indudablemente ya sea con una buena o mala planeación deberán seguir accediendo a esta página y adecuándose a ella.