digitalbox - Tumblr blog

[digitalbox]

Análisis de accesibilidad - Fase 2

Principio 1: Perceptible - cap 3

Pauta 1.1 Alternativas textuales:

La página no cuenta con un sistema de acceso a braille, descripción no textual o voz.

Sin embargo la ampliación de textos textuales y no textuales está como opción, al igual que símbolos que permiten la simplificación de la información y acción.

Conformidad: A

Pauta 1.2 Medios tempo dependientes:

En la página si se cuenta con contenido multimedia, texto, imagen, sonido y videos, proporcionan ademas subtítulos en directo para los videos, más no para audios.

no contiene audios, por lo tanto la descripción de la misma es nula.

Conformidad: AA

Pauta 1.3 Adaptable:

Podríamos decir que las opciones adaptables dentro de la pagina está los medios simplificados, como la dirección que esta de forma textual, pero existe una alternativa gráfica de abrir la dirección en un mapa.

Conformidad: A

Pauta 1.4 Distinguible:

El audio es regulable por las personas según sus necesidades, mantiene un buen contraste tanto texto como imagen, tiene jerarquía, ademas que los textos son perceptibles a una distancia considerable, pero también son modificables, al igual que las imágenes, esta en manos de el usuario.

Conformidad: A

[digitalbox]

Análisis de accesibilidad, Cap 2

¿Qué propósito cumple el sitio? ¿Cuáles son sus objetivos?

El sitio cumple con distintas ramas, es bastante completa, cumple con información accesible respecto a noticias, información financiera, preguntas frecuentes dando paso a la facilidad de no contactarse nuevamente para alguna duda ya realizada, y de tener a la mano fuentes de información históricos y que se quieren conservar.

Objetivos: Difundir el patrimonio cultural de Bolivia, promover las manifestaciones y producciones culturales, brindar fácil conexión entre información.

¿Cómo es su estructura? ¿Cuántas secciones tiene y cuántas páginas?

¿El sitio presenta una interacción fácil? ¿Se encontraron errores de funcionamiento?

Debido a la cantidad de secciones puede ser un poco confuso encontrar ciertos espacios o simplemente no te das cuenta que existen, parecen algo escondidos, ¿cómo podríamos intuir que la sección de "juegos" se encuentra en "multimedia"?, Entonces podríamos decir que los elementos básicos como contacto, dirrección, eventos están ubicado de forma intuitiva, sin embargo es necesario una exploración para saber cuáles son todos los elementos o secciones que existen.

Uno de los errores que se pudo encontrar es que no hay libre acceso a "visita virtual", para empezar cuando te conduce dentro no hay una interfaz o diseño igual al inicio, son solo letras, te pide una contraseña de acceso, quienes quieren ingresar a la visita virtual no sabrán dónde conseguir la contraseña o como solicitarla.

Otro error es en el espacio de "transparencia", algunos PDFs cómo "preguntas frecuentes" no existen realmente.

Hay secciones que están como acceso fácil, pero que te direccionan al mismo lugar.

También hay publicaciones de fechas pasadas.

También en información sobre "colecciones" se repiten la información sobre colecciones prehispánicas(1550), sea cual sea los años que selecciones te aparece solo esa información.

¿La presentación es limpia y contribuye a la comprensión del contenido?

Si, no hay intervención, los anuncios no invaden, las secciones están posicionadas de forma visible junto a un buscador, en el inicio se encuentra la información básica que la gente normalmente busca (dirección, teléfono, ubicación, eventos, actividades e historia del museo )

¿El lenguaje es claro y empático? ¿Genera un diálogo con el usuario?

Lleva una forma de comunicación directa y también empática, en secciones como actividades virtuales o presenciales hacen invitaciones al público, además de ofrecer ayuda directa dentro de la página.

Sin embargo la página esta hecha para personas con capacidad visual.

¿Con que medios cuenta (imágenes, videos, audios, animaciones, etc)? ¿Estos pueden ser comprendidos por cualquier persona?

Cuenta con imágenes, enlaces para acceder a videos, libros virtuales, PDF con distintos contenidos, catálogos.

Está pensado para el acceso de gente dentro del estándar (sin discapacidades) y también depende a sus intereses por la cantidad de variedad.

¿Cómo es la experiencia de usuario? ¿Existen elementos que generen deleite?

Es bastante satisfactoria en un primer momento, lo tienes todo a la mano y si quieres encontrar alguna sección no es nada difícil. Lo que más resalta son los eventos que promocionan, todos llevan la misma línea grafica, por lo cual no existe un ruido visual, el diseño de la página es bastante limpia.

Algo interesante es que como puedes ver en el inicio los eventos, no hace falta que debas ingresar a la imagen para que te conduzca a la descripción y detalles, si no, pasas por encima el cursor y se plasman en la superficie de la imagen toda la información necesaria.

¿Cómo describes el tono gráfico y comunicacional del sitio?

Existe una unidad y una fuerte identidad, sin embargo en las publicaciones que se hacen son imágenes que no están hechas para la pagina exclusivamente, son recicladas de sus publicaciones en Instagram, lo cual no le da una simetría o composición adecuada.

[digitalbox]

Análisis de accesibilidad. Cap 1

Museo Nacional de Arte

¿Quién es el usuario de la aplicación?

Artistas y gente interesada al arte o eventos casuales en general.

Específicamente: Diseñadores gráficos, Artistas en pintura, dibujo, grabado, artistas digitales, fotógrafos, estudiantes de algún ámbito creativo, estudiantes de bellas artes, artesanos, profesores de instituciones escolares y universitarias.

¿Cómo podemos describirlo?

Gente que mantiene como profesión, estudio o interés cualquier tema artístico, desde la artesanía, hasta la pintura o fotografía.

Se pueden dividir en 3, los que son usuarios por estudio, hobbie y los que están interesados por una actividad casual.

¿Qué costumbres y comportamientos tiene?

Tienden a buscar un lugar de confianza donde saben que encontraran sus intereses que ya hablamos anteriormente, ademas que es el medio mas conocido y tradicional en el ámbito del arte y suelen consultar en su mayoría actividades próximas, contacto y dirección.

Aquellos usuarios profesionalmente dentro de algún área de arte dentro de la pagina acceden a convocatorias y registro de participación en alguna actividad.

¿Qué necesidades tiene y cómo el sitio las soluciona?

necesidad de...

información: La página se actualiza mediante las actividades que se realizaran próximamente o también llamadas noticias, donde ademas se reflejan visitas de autoridades o información sobre exposiciones temporales, brindando un calendario de todas las actividades.

comunicación: Los usuarios buscan fuentes de conexión como contactos para consultas, redes sociales del mismo sitio y ubicación, ademas de que la página tiene todas estas características, también tienen la alternativa de dejar tu correo electrónico junto con tu consulta o algún tipo de petición o comentario, para que se puedan contactar contigo por medio de correo.

Para la dirección tienen dos alternativas el primero es la descripción de la dirección por medio escrito y la segunda es la dirección en formato de mapa, para el fácil acceso del usuario. Cuentan con correo electrónico y los horarios de atención junto a todos los datos de contacto.

investigación: Usuarios que lo utilizan como "estudio" tienen el libre acceso sobre la historia del mismo museo o hechos históricos, archivos PDF y multimedia de fuentes confiables.

También las imágenes tienen texto explicativo señalando los elementos.

entretenimiento: Usuarios con intenciones de aprendizaje y entretenimiento usan el espacio de "juegos", donde combina la historia del museo con rompecabezas o búsqueda mágica.

Información financiera: debido a que es un sector publico, publican la situación financiera y detalles por medio de pdf's.

[digitalbox]

Usabilidad como experiencia de navegación

La usabilidad es una característica que mide qué tan intuitiva y fácil de usar es una página web para el usuario común.

Capacidades de la usabilidad:

Incrementar visitas de forma sustancial (diseño).

Agilizar la distribución y manejo preciso de información

Brindar una experiencia intuitiva al usuario

Reducir tiempos y costos al usuario

La usabilidad esta sujeta al diseño, como:

Texto

Imágenes

Tipografía

Colores

Elementos multimedia

Características de la usabilidad :

Utilidad

Facilidad de uso

Eficiencia

Memorabilidad

Satisfacción

[digitalbox]

¿La accesibilidad es una utopía?

Primero definamos qué es accesibilidad.

Es el conjunto de características que debe tener un entorno urbano, edificio, producto, servicio o medio de comunicación para ser utilizable por todas las personas, incluidas las personas con capacidades motoras o sensoriales diferentes, en condiciones de comodidad, seguridad, igualdad y autonomía.

Dentro de la accesibilidad se quiere llegar a un medio universal o un diseño universal, donde no haya problemas de navegación sobre un usuario con alguna discapacidad, ya sea física o cognitiva, y teniendo las previsiones correspondientes.

Pero también debemos saber que los que están detrás de un diseño, ya sea web, pueden crear barreras y eso da paso a una discapacidad, debido a que no esta en manos del usuario el limite de su experiencia de navegacion.

Algunos obstaculos:

Contextuales

Discapacidades temporales

Discapacidades permanentes

Podemos resaltar la importancia de tomar en cuenta la accesibilidad dentro de un diseño para que sea realmente funcional, tanto en la parte técnica y el diseño visual.

¿Accesibilidad y diseño universal es lo mismo?

https://www.unipiloto.edu.co/que-es-la-accesibilidad/

[digitalbox]

La W3C y sus estándares

Tiene estándares establecidos para llegar a ser un medio universal, proponen pautas de accesibilidad para resolver obstáculos:

A: Facilita la lectura de la web a los usuarios

AA: Brinda orientación como la identificación de errores.

AAA: Trata de ser accesible con la mayor cantidad de usuarios, pero esto puede alterar el diseño.

Pautas de la accesibilidad:

Perceptible

Operable

Comprensible

Robusto

[digitalbox]

Mapa de internet

¿Cómo generamos un mapa con nuestra versión de internet?

1 Investigación

Empezamos haciendo una lista extensa de sitios web en los que normalmente ingresamos, esto para luego compararlo y saber el nivel de influencia que tiene cada sitio y originar una jerarquía.

2 Conceptualización

Le dimos un sentido de personalidad a cada sitio web basado en nuestra percepción, ademas de tomar todas estas personalidades para crear una historia entre todos los sitios.

Palabras extraídas para dar forma:

Jerarquía

Relevancia

Interacción

3 Forma

Vimos muchas opciones de mapa, pero decidimos hacer nuestra propia versión tomando el concepto de isla. Para esta idea agrupamos los sitios web que se familiarizan entre ellos para crear una isla, por ejemplo, Meta con whatsapp, facebook e instagram, y como referencia de la dimensión de la isla tomamos en cuenta la parte 1 "investigación", esto con todas las islas.

También tomamos la idea de jerarquía para materializarlo y hacer las islas en capas.

Para la interacción decidimos posicionar las islas según las cualidades que tienen en común, ademas de crear un canal de conexión entre ellas con los barcos, como Amazon o la lupa del buscador.

[digitalbox]

Red de redes

ISP: Proveedor de Servicios de Internet.

IANA: Administra la raíz del sistema de nombres de dominio.

Direcciones IP: «dirección del Protocolo de Internet»,  identifica una red o dispositivo en Internet.

ICANN: «organización de internet para asociar nombres y números» y es la entidad internacional encargada de gestionar y asignar las direcciones IP con sus nombres de dominio.

DNS: Está basada en una base de datos, sirve para conocer la dirección IP.

W3C: Es un consorcio internacional, tienen su propio desarrollo de normas en la web y garantizan crecimiento a largo plazo. dentro de W3c se encuentran las empresas más grandes y gobiernos.

WHATWG: Es una organización que mantiene y desarrolla HTML y APIs para las aplicaciones Web.

ADSIB: Está encargada del registro exclusivo de dominios en Internet con la extensión asignada a Bolivia.

ARCHIVE.ORG: Recopila todos los sitios web a los que se puede acceder.

[digitalbox]

Welcome to the internet

Internet es una red de computadoras interconectadas a nivel mundial, esta compuesto de cables, los cuales cruzan océanos para poder llegar a distintos países, eso explica el porque en Bolivia no tenemos una buena calidad de internet a comparación de otros países.

También utiliza el protocolo TCP/IP este regula la información en esta forma de comunicación.

Mencionemos a la IP que es una dirección única que identifica a un dispositivo en Internet o en una red local.

Y las URL sirven para localizar la información que buscas en internet. Para poder acceder directamente a cualquier página o sitio web.

[digitalbox]

Abstracción y síntesis

La síntesis de una imagen puede ser un proceso complejo, debido a que se extraen elementos conceptuales y se deben representar de forma menos figurativa, muchas veces se pierde la intención comunicativa, hasta el punto de no ser reconocible.

Existe niveles de iconicidad:

Imagen natural

Modelo tridimensional a escala

Imágenes de registro estereoscópico

Fotografía a color

Fotografía en blanco y negro

Pintura realista

Representación figurativa no realista

Pictogramas

Esquemas motivados

Esquemas arbitrarios

Representación no figurativa

[digitalbox]

Profundidad de color

Podemos decir que la profundidad de color se refiere a la cantidad de información de color disponible por cada píxel dentro de una imagen, se mide por bits, mientras más bits tengamos, mayor cantidad de colores.

Esta basado en colores RGB.

Hace uso de la medida BPP.

Modelo de color

"El modelo de color RGB utiliza los componentes rojo (R, del inglés "Red"), verde (G, del inglés "Green") y azul (B, del inglés "Blue") para definir la cantidad de luz de cada color en un color determinado"

Los colores mezclados siguen siendo rojo, azul y verde, pero los pixeles del monitor se encuentran demasiado juntos para que nuestro ojo pueda diferenciar los tres colores.

La intensidad del color va de una escala 0 al 255.

[digitalbox]

Ingredientes de un pixel art

Los videojuegos fueron muy populares en la década de 1980, en parte debido a las máquinas recreativas y las primeras consolas de videojuegos en los 70, hoy en día sabemos que los juegos evolucionaron hasta llegar al hiperrealismo, sin embargo el pixel art no murió en este mundo virtual.

Pixel art consiste en dibujar la imagen que queremos píxel a píxel, similar al puntillismo.

La perspectiva isométrica se utiliza para representar imágenes en tres dimensiones.

El color es muy importante, por lo que se debe tener en cuenta la paleta para organizar el uso de dithering .

Dithering es mezclar dos colores en forma de patrones ordenados para combinarlos sin tener que involucrar colores adicionales.

Existen 3 categorías, Pixel Art de 8 bits, 16 bits y 32 bits, cuantos más píxeles, mejor es el efecto y la resolución.

[digitalbox]

Resolución

Es el número de pixeles en una pantalla.

Contienen un ancho por alto, existen dos tamaños de pantalla:

Tamaño absoluto

Resolución o tamaño relativo

El nivel de calidad dependerá de la cantidad de pixeles que se usan para representar la imagen a percibir.

[digitalbox]

Pixel ¿Qué es?

Podemos relacionar al pixel como el átomo de las imágenes digitales.

El conjunto de píxeles conforman una imagen.

Tienen forma de cuadrado o circulo.

Compuesto por profundidad, resolución y color.

Compatibles con JPG, GIF, PNG, TIF.

Debido al constante desarrollo de la tecnología se busca obtener pixeles más pequeños para obtener una mejor resolución de imagen.

Cada pixel esta conformado por colores RGB, debido a la luminosidad y el nivel de esta pueden componer un sin fin de colores y nosotros percibirlos.

¿Qué son los mapas de bits?

"Se conoce como mapa de bits a un formato que sirve para representar imágenes de forma digital, en el que las dimensiones están determinadas por la cantidad de píxeles horizontales y verticales que componen a cada imagen, y en el que cada pixel tiene asociado un rango de valores de color."

El mapa de bits es una manera de leer la información de color:

[digitalbox]

Pixelart cap 6

Aqui comenzamos a experimentar con el material, para ver el comportamiento de la perspectiva y percepción en una maqueta pequeña.

Ya establecidos las capas se imprimió las imágenes divididas para empezar con el puntillismo, guiado por una grilla.

Los puntos son blancos por la falta de material aptos para pintar en este tipo de superficie, así que con colores normales se pintaran encima de los píxeles para conseguir los tonos establecidos en la paleta de colores.

La base es hecha de cartón espuma para introducir el acetato en la parte inferior y superior, de modo que tenga una estabilidad más adecuada.

[digitalbox]

Pixelart cap 5

En esta etapa se eligió a la imagen que representará el concepto final.

Debido a la necesidad de profundidad, se recreó el boceto elegido a través de fotografía, luego se vectorizó tomando en cuenta las luces y sombras para tener la guía de separación por capas.

Se seleccionó las capas por similitud de color, de esta forma se expone las capas, los tonos claros son los que van adelante y los más oscuros por detrás, creando profundidad y luego aplicando la paleta de color.

Paleta de colores:

Los colores fueron elegidos porque es válido y usados para el cerebro y la mano.

paleta de referencia:

Colores en uso: (El resto de los colores se lograrán con el dithering)

[digitalbox]

Pixelart cap 4

Bocetos: propuestas