ojo-artificial

[ojo-artificial]

Analisis de Accesibilidad: Actividad 1

Página seleccionada: https://kidswish.org.au

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

Los voluntarios interesados en participar en actividades de apoyo a la fundación.

¿Cómo podemos describirlo?

Utiliza colores muy llamativos, imágenes estáticas y en movimiento para mostrar los principios de la fundación.

¿Qué costumbres y comportamientos tiene? ¿Qué necesidades tiene y cómo el sitio las soluciona? Esencialmente se centra en mostrar las actividades realizadas y que se realizarán por parte de la fundación, es una página con una herramienta especial, la de accesibilidad, con la cual logra mejorar ciertas características de la página, más que nada para su correcta legibilidad y suavizar el tono o la cantidad de brillo de la misma.

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

Informar sobre la fundación KidzWish y su labor en Illawarra (Australia).

Otorgar información sobre actividades realizadas y por realizar por parte de la fundación.

Mostrar programas e informar sobre el beneficio de los mismos para ayudar a niños enfermos, con discapacidad o desfavorecidos.

Motivar a involucrarse en el trabajo de la fundación, ya sea como voluntario, como organizador o como patrocinador.

¿Cómo es su estructura? ¿Cuántas secciones tiene y cuántas páginas? (realiza un esquema simple de su estructura, un mapa del sitio)

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

Tiene una interacción sencilla, los colores confunden un poco pero los botones se encuentran bien definidos y en posiciones donde se accede fácilmente, en cuanto a errores de funcionamiento la página es muy clara y sencilla en cuanto a interacciones por lo que no se observan errores de funcionamiento.

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

Perfectamente se puede observar que la página cumple con sus objetivos y la navegación es muy fácil, también la herramienta de accesibilidad es muy útil para aspectos de observar o entender ciertas características de la página.

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

La página originalmente está en inglés pero se entiende perfectamente, no se necesita explorar más para entender la página, los colores y las divisiones de la página pese a ser muchos ayudan a disfrutar más de ella y crear una experiencia cómoda.

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

Imágenes estáticas y en movimiento (Videos de fondo), es vital que tenga muchas imágenes para el objetivo que tiene la página que es Informar, son muy claros y sutilmente incorporados al entorno de la página.

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

Es muy cómodo recorrer la página, en ningún momento uno se siente aburrido de estar en ella, es más, genera un toque de diversión observar toda la información que presenta la misma, lo que más ayuda es poder mejorar la visualización de letras o controlar el contraste o brillo de la página, también poder resaltar los links, es muy llamativo poder controlar todo eso sin tener que configurar el navegador como tal.

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

Es lo mejor del sitio, pese a tener mucho color para mi gusto personal, es una página que atrae bastante, comunica lo que debe comunicar, informa lo que necesita comunicar y ofrece una simpleza que es destacable, pese a ser sencilla te involucra como usuario.

[ojo-artificial]

Diseño inclusivo:

“Diseñar de forma inclusiva es mirar a las personas con diferencias -habilidades, raciales, culturales o sexuales- y luego diseñar productos para sus experiencias.” Cada decisión que una empresa toma tiene el potencial de incluir o excluir clientes.

Debemos tomar encuenta la siguiente expresión:

Habilidad + Barrera = Discapacidad

Los términos diseño universal, diseño inclusivo, diseño libre de barreras, diseño centrado en las personas, diseño para todos, son conceptos que derivan en un objetivo común: hacer que la experiencia del usuario sea la primera preocupación al tomar decisiones de diseño y expandir la descripción de las características de los usuarios para incluir un amplio rango de habilidades humanas. 

Se debe seguir los siguientes principios para identificar guías y estrategias que incluyan accesibilidad:

Las personas primero: diseñando para las diferencias. Las personas son la primera consideración, y los sitios deben ser diseñados con las necesidades de todos en mente.

Propósitos claros: Objetivos bien definidos. Las personas disfrutan los  productos que han sido diseñados para la audiencia y guiados por propósitos y objetivos definidos.

Estructura sólida: Construida para los estándares. La gente se siente confiada usando un diseño porque es estable, robusto y seguro.

Interacción fácil: Todo funciona. Las personas pueden usar el producto a través de todos los modos de interacción y operándolo en un amplio rango de dispositivos.

Orientación útil: Guías para el usuario. Las personas pueden navegar un sitio,  seguir o entender por si mismos las señales de ubicación y orientación.

Presentación limpia: Apoyo de significado. Los elementos de diseño son percibidos y entendidos.

Lenguaje plano: Creación de conversaciones. Las personas pueden leer, entender y usar la información.

Medios accesibles: Soporte para todos los sentidos. Las personas pueden comprender y usar la información contenido en medios como imágenes, videos, audios, animaciones y presentaciones.

Usabilidad universal: Crear deleite. Las personas pueden enfocarse en la experiencia y en sus propios objetivos porque el producto anticipa sus necesidades.

[ojo-artificial]

La W3C como estandarizador de accesibilidad.

Los estándares Web W3C son protocolos, pautas y tecnologías inter-operativas e internacionales creadas con la finalidad de guiar la Web a un mejor rendimiento y mejorar la funcionalidad operativa para los navegadores y usuarios.

Antes de ingresar a las pautas y principios para comprender la accesibilidad también hay que observar lo que la W3C revisa como estandarización:

Calidad en el código:Usar correctamente las etiquetas, no usar id repetidos, evitar errores de JavaScript, entre otros.

2. Accesibilidad para usuarios:Utilizar los atributos "alt" para todas las imágenes, usar enlaces descriptivos, contraste en los colores, entre otros.

3. Accesibilidad para dispositivos:Funciona en la mayoría de navegadores y sus versiones más antiguas, valida si funciona en dispositivos móviles y en diferentes tamaños de pantalla, entre otros.

4. Gestión del sitio:No tiene enlaces rotos, usa una página 404 personalizada, usa urls amigables, entre otros.

Tenemos pautas que se utilizan para accesibilidad 2.0, las cuales son:

A: El nivel más básico, mejora la accesibilidad para la mayoría de los sitios al facilitar que los lectores de pantalla naveguen por el sitio leyendo el contenido.

AA: Este nivel implica una gama más amplia de discapacidades al brindar orientación sobre elementos como el contraste y la identificación de errores. 

AAA: El nivel más alto de cumplimiento de accesibilidad, esto hace que el contenido sea accesible para la más amplia variedad de personas, pero puede alterar significativamente el diseño de un sitio.

Las pautas incluyen principios para comprender la accesibilidad:

Perceptible. La información y componentes de una interfaz deben ser presentados de manera que puedan ser percibidos.

Operable. Los componentes de la interfaz y la navegación deben poder ser operados con una variedad de herramientas y periféricos.

Comprensible. El lenguaje debe ser claro y conciso, y la funcionalidad del sitio debe contribuir a la facilidad de comprensión de las acciones a realizarse.

Robusto. Los sitios deben funcionar lo suficientemente bien en todas las plataformas y navegadores, a través de dispositivos, sin considerar elecciones personales

[ojo-artificial]

Accesibilidad de internet

La accesibilidad es una característica básica de un entorno construido. Es la condición que posibilita el llegar, entrar, salir y utilizar, ya sea aspectos físicos como una casa, tienda, parque, lugar de trabajo y no tangible como páginas, juegos virtuales, aplicaciones web, aplicaciones móviles, étc.

La accesibilidad web combina la programación, el diseño y la tecnología para construir un Internet sin barreras que permita a todos los usuarios el entendimiento, el aprendizaje, la navegación y la plena interacción con la web.

[ojo-artificial]

Mapa de Internet: Actividad

En esta sección se describirá la actividad realizada grupalmente donde cada grupo realizó una representación a su parecer de un mapa de internet:

Ideas: Tuvimos que buscar una representación para nuestro mapa, si sería más geográfico o más abstracto, al final elegimos por la unión de lo mejor de ambos, tanto una representación abstracta como geográfica sobre la misma.

Naciones: Realizamos una lista de los que consideramos principales dominios de internet y los separamos en diferentes categorías, estas categorías serían las Naciones a representar en nuestro mapa.

Sobre cada nación: Ahora se verá una breve descripción con respecto a cada nación del mapa.

Redes sociales: La nación más problemática, siempre hay diversas discusiones y protestas a favor o en contra de las ideas del estado, es la más poblada, tiene diversas clases sociales. Streaming: Es la nación más folklórica, pese a ser muy poblada los pobladores sólo piden más expansión cultural y ser escuchados con respecto a sus necesidades. Entretenimiento: El tema de videos y música es muy de esta nación, también es folklórica y muy diversa en cuanto a sus pobladores, viven en paz y cada uno a lo suyo.

Educación: La nación aún en crecimiento, realizó una perforación buscando petroleo y tuvo mucha suerte, está en su apogeo y pronto será una gran nación como las anteriores. Noticias: Muy diplomáticos con otras naciones, tratan de hablar con todas, su único objetivo es comunicar, aunque de vez en cuando crean polémicas innecesarias. Juegos: Una nación poco problemática, la mayoria de los que se mudan a esta, sólo van a cumplir metas con respecto a carreras tecnológicas, es la nación que mejor relación diplomática tiene con Educación, siempre están dispuestos a aportar con su tecnología a todas las naciones.

Videoconferencias: Nación que siempre está pendiente de mejorar a través de sus recursos, también aporta mucho a la evolución de otras naciones, no es muy poblada, pero es muy estable. Negocios: Pese a que ya explotó hace mucho tiempo, la nación sigue en crecimiento y sólo busca explotar sus relaciones diplomáticas para poder crecer exponencialmente. Herramientas: Podría decirse que es el primer mundo, la nación y continente más antiguo conocido, muchos exploradores nacen de aquí y fueron los descubridores de la mayoría de las naciones ya existentes. Piratas: No pertenecen a ninguna nación porque no son aceptados, pero siempre están por ahí brindando sus servicios, aprendiendo de todas las naciones.

Unión Final: Solamente se mostrará el boceto final antes de mostrar el resusltado final, dado que no existe una imagen del resultado, pero se puede observar en el material que tiene al alcance el docente de la materia. Con todas las naciones y las ideas de representar el mapa, este fue el boceto final.

En cuanto a los dominios, se fue escribiendo cada uno de ellos en el interior de las naciones, representando pueblos o ciudades importantes.

[ojo-artificial]

Actores de la Red

ISP (Internet Service Provider): Brinda conexión a Internet a personas y empresas que las solicitan. Conecta a sus usuarios a Internet a través de tecnologías como ADSL, GSM, conexión coaxial u otros.

IANA (Internet Assigned Numbers Authority): Es la entidad encargada de la administración de Internet, responsable de asignar nombres y sistemas de números únicos, utilizados de acuerdo a estándares técnicos de internet que constituyen la base del direccionamiento de sitios web. Internet no es gestionada de forma centralizada, sin embargo algunos componentes básicos deben coordinarse a escala mundial.

Direcciones IP: Son conjuntos de números que identifican, de manera lógica y jerárquica. una interfaz de red (elemento de comunicación / conexión).

Existen dos versiones IPV4 e IPV6. Las direcciones IP se pueden expresar como números de notación decimal: se dividen los 32 bits de la dirección en cuatro octetos. El valor decimal de cada octeto está comprendido en el intervalo de 0 a 255 [el número binario de 8 bits más alto es 11111111 y esos bits, de derecha a izquierda, tienen valores decimales de 1, 2, 4, 8, 16, 32, 64 y 128, lo que suma 255.

[ojo-artificial]

Componentes de Internet

Para que la comunicación entre las computadoras de una red se lleve a cabo será necesaria la presencia de una serie de componentes. En el caso de Internet estos elementos son:

Servidores: computadoras de altas prestaciones que ofrecen servicios a los usuarios.

Clientes: son las computadoras con las que los usuarios se conectan a Internet. Estos clientes pueden estar dentro o fuera de la red. Cuando el cliente está fuera, las líneas de comunicación secundarias permiten su conexión con los servidores de Internet. Esta línea suele ser telefónica.

Protocolo específico: está instalado en cada uno de los nodos, y hará posible que la red funcione como un todo, hablando un idioma común. Este idioma común se llama TCP/IP.

[ojo-artificial]

Internet

Internet es una red de computadoras interconectadas a nivel mundial en forma de tela de araña. Consiste de servidores (o "nodos") que proveen información a aproximadamente 100 millones de personas que están conectadas entre ellas a través de las redes de telefonía y cable.

Es un recurso tecnológico sumamente importante que viene a modificar completamente los métodos de comunicación, investigación y conocimientos respecto de los tradicionales o antiguos que utilizamos diariamente todos los seres humanos en cualquier parte del mundo.

Se utiliza en todos los ámbitos de la vida diaria, por ejemplo en el campo informativo es muy efectivo, es muy útil de la misma forma en el ámbito educativo, en el comercio, en la comunicación aunque ésta viene actuando en cada uno de los ámbitos, etc. Así pues, internet vino a revolucionar nuestra forma de vida, siento muy rápido, permitiéndonos así ahorrar tiempo, dinero y esfuerzo. 

[ojo-artificial]

Ruinas circulares: Presentación Final

[ojo-artificial]

Ruinas circulares: Uniendo todo Pixel2d (Cuadros de 8x8 pixeles en las imágenes)

Para detallar más, le añadí colores de atardecer, aún falta detallarlo mejor para obtener la calidad de color necesario.

Representación del ojo, representando el visualizar, es un detalle un poco riesgoso dado que es difícil meter todo lo anterior sólo en el iris, pero lograrlo dará un efecto que al menos yo, deseo lograr.

unión de todo el concepto, evidentemente aún se ve muy cutre, pero aumentando los detalles se logra un terminado buenísimo.

Representación final del concepto, en forma de tatuajes, le añadí estrellas en representación del universo, martillo y clavo en representación de obra, Una representación abstracta del hombre de Da Vinci para mostrar la anatomía humana, una letra w en asvéstico como firma personal de mi inicial y también denotar la cultura donde se encuentra la historia, un libro denonando enseñanza y aprendizaje, acompañado de los clásicos ZZZ en alución a soñar, la representación de las garras y la herradura representando a la criatura del cuento que parece tigre y potro, finalmente la representación de un círculo y un punto haciendo alución al origen, presenta muchas figuras redondeadas para representar lo circular.

[ojo-artificial]

Ruinas circulares: Uniendo todo Pixel2d (Cuadros de 8x8 pixeles en las imágenes)

Primero realicé la unión entre sol y mar, para formar un atardecer, para representar los colores del fuego y el viaje del hombre a través del agua.

Representación de la balsa, lo más parecido a una balsa de bambú, siendo fiel al cuento.

Colocando la balsa en el agua, uniendo conceptos.

Representación del ser, lo más abstracto posible, con una mano levantada en forma de saludo, hacia el ser que lo observa y despedida hacia el sol como muestra de respeto.

Unión con todo el concepto anterior.

Se añadió detalles de luminicidad, para resaltar más los detalles del dibujo plano.

[ojo-artificial]

Ruinas circulares: Representación

Al hombre saludando, para poder mostrar la versión más simple de un hombre saludando a quien lo observa, a través de lo que lo observa.

Un ojo, para poder representar la visualización, por casualidades de la vida llegamos al punto de que el blog tiene algo de relación con el concepto del trabajo.

Una balsa, para representar la llegada o la ida del hombre.

[ojo-artificial]

Ruinas circulares: Representación

La representación del fuego y del enfoque de atardecer a través del sol

El horizonte, servirá para resaltar un atardecer y un objetivo muy lejano

Los símbolos más simples pero que resaltan cosas importantes de la historia, al principio un libro por el conocimiento y el aprendizaje que narra el cuento, el símbolo más abstracto de anatomía de un humano, el mazo y el clavo que representan el obrar, la W en escritura asvéstica para relacionar la cultura con mi inicial, que une la interpretación mía a través de esta cultura, una bandera, como simbolo de meta, la interpretación de sueño básico con ZZZ escrito en Español y avéstico, Las estrellas como representación del universo y unas marcas de desgarre y una herradura para recurrir a la interpretación de tigre y corsel.

Puede ser mejor el dibujo jaja, pero representa al enfoque, a percibir algo sobre lo demás, también haciendo alución a la forma circular, a los ciclos.

[ojo-artificial]

Ruinas circulares: Referencias

Ideas para representar lo redundante de soñar y soñar y perderse en los sueños.

Me encantaría utilizar ese efecto de enfoque.

Estas ideas de representación son muy llamativas, en esencia padres e hijo.

Otra idea en caso de no funcionar el enfoque, podría usar un espejo.

El fondo hace reslatar lo más importante y resaltante.

La idea de enfoque con una imagen volteada y ese juego de colores es muy atractiva.

Como representación básica para iniciar una idea en PixelArt vendría bien esta.

[ojo-artificial]

Ruinas circulares: Encontrar el concepto

Tras muchas vueltas comprendí que debería profundizar más la idea de soñar, encontrar algo más representativo y que me ayude a definir mi idea, para ello elegí centrarme en "visualizar", la visualización como idea central, desde la manera en que percibimos al mundo desde nuestros ojos y la manera en que el hombre observa entre sueños esa figura de ser ideal que él concibe como su hijo.

[ojo-artificial]

Ruinas Circulares: Búsqueda del concepto

En una primera impresión, me quedé con la idea de soñar a través de un sueño, dado que la historia dentro de la meditación que realizaba el hombre, es soñar algo distinto que lo lleve a crear a un ser idealizado, que sea mejor que él y que nazca de su sueño, de su idea. Representar esto sí costaría mucho, porque sueño dentro de un sueño es muy redundante.

[ojo-artificial]

Modelo de Color

Tomaremos en cuenta 2 modelos: RGB y CMYK

El modelo RGB toma como principales colores al Rojo, Azul y Verde, es mediante la combinación de sus valores que conseguimos formar otros colores. Se lo conoce como un modelo aditivo, porque une sus valores y forma diferentes combinaciones.

El modelo CMYK toma como principales colores el Cian, Magenta, Amarillo y el negro, mediante los cuales mezcla estos pigmentos para conseguir el color desado. Se lo conoce como un modelo sustractivo, porque la mezcla de estos colores en un fondo blanco dan como resultado uno negro.