bitacordar - Tumblr blog

[bitacordar]

Pautas de accesibilidad WCAG 2.0

dAlternativas de texto:Buscar alternativas de texto , tales como tamaño de letra extra grande, braille, texto hablado, lenguaje de signos o un lenguaje más sencillo.

Contenido alternativo al audio o video:Buscar alternativas de audio o texto van dirigidas a encontar soluciones tales como subitulos en los videos ya sea de un idioma reginal o internacional ,tambien icluye el atajo de alt que permite leer la imagen y que se encuentra en ella

Adaptable: Se debe crear contenido que pueda ser presentado de formas distintas y que pueda ser usado por el usuario facilmente como son los tamaños de las fuentes 

Distinguible:  Facilidad para los usuarios que vean o oigan el contenido, incluyendo el separar mejor la forma del fondo. En este sentido, ciertas tendencias estéticas que favorecen los tamaños de fuente reducidos o el uso de texto en forma positivas en espacio grises dificulta el entendimineto del contenido 

Accesible mediante el teclado: Implemenatcion de distintas alternativas referentes alteclado como ser las teclas de tabulacion o el uso  de las flechas ,tambien el uso mas adaptable por ejemplo en un formulario la usabilidad debe ser multiple por que es algo muy importante en un sitio web 

Suficiente tiempo: Tener un tiempo considerable para que el usuario  logre leer y entender de manera satisfactoria y sin interrupciones 

Ataques:El  diseño o  contenido que pueda ocasionar ataques, especialmente por el uso de ciertos contrastes de color o parpadeo repetido o el flash de una pantalla ocasiona ataques

Navegabilidad: Ofrecer al usuario distintas alternativas y ayudas a su navegacion por el sitio web como ser mapas del sitio web,infografia,etc,en sintesis mejorar el entendimiento de un usuario sobre el sitio web 

Legibilidad: Las fuentes ya sea por el  tamaño o el contraste de color hacen que la informacion que desea mostrar al usuario sea legible o por el contrario cause dudas ,tambien el tema de pensar en un publico mas halla de un ambito regional si no en algo mas saliendo de regional incluye la traduccion de la pagina web en distintos idiomas 

Predictibilidad: Las páginas Web  funcionan de una forma predecible por sus usuarios. Hacer un trabajo predecible por usuario que tienen un conocimiento anterior de otras paginas hacen parte de predicitibilidad 

Autocorrección Ayudar al usuario a identificar sus errores ya sea en el llenado de datos o en la navegacion por el sitio web,un ejmeplo seria el ayudar  al usuario en un llenado de datos ya sea dandole alternativas almacenadas en la memoria del sitio web 

Compatibilidad:Pensar en un futuro o en un presente hacen parte a la compatibilidad ya que si pensamos muy presente puede que una pagina web en unos años ya no sea utiliziable y por el contario si pensamos en algo muy modernista puede dificultar el entendimiento de muchas personas 

[bitacordar]

Diseño inclusivo

Este tema me llamo mucho la atencion y no solo por el nivel en que nos ponemso como diseñadores sino como personas que consumen a dirio diseños y lo que pude rescatar de diseñar ara todos es que es imposible centrarse en todo un pasi o un departamento y mucho peor el undo pero nuestro objetivo es que nuestros diseños si sean consumidos con facilidad por gran cantidad de personas ,tambien me entristecio mucho que no podemos hacer nada si nuestro cliente nos da un presupuesto para hacer un diseño y que nos pongan ciertos limites de dinero y que tu como diseñador te encuentres obligado a hacer un diseño pero a la vez sabes que tu diseño no lo podrna ver las personas ciegas o las personas daltonicas no veran la esencia de tu diseño y para mi es algo del rubro que tenemos como diseñadores 

Un diseño de web me parece que se puede alcanzar un nivel mas extenso de llegar a mas cantidad de personas peor nuevamente el presupuesto es un limite y es muy cierto que en paises como bolivia el diseñar para personas con discapacidades no es muy visto por que la economia del pais no da para hacer para cada tipo de personas sino que agrupan a todas la spersonas en uno solo sin pensar que puede haber diferentes gustos o discapacidades 

[bitacordar]

Dibujo con pixeles

El pixel art o arte de píxel​ es una forma de arte digital, creada a través de una computadora mediante el uso de programas de edición de gráficos rasterizados, donde las imágenes son compuestas o editadas con pixeles 

Amenudo el pixel art debe pasar por varias compocisiones desde el boceto a el paso en limpio y posteriormente un arte final ,se creee que los dibujos en pixel tiene una onda de cultura japonesa o de una onda retro por lo que nos acostumbramos a ver ya sea en peliculas o series o bien vimos en nuestra niñez pixeles en nuestro entretenimiento 

Acontinuacion les dejo algunos ejemplos de lo que es trabajar o crear con pixeles 

[bitacordar]

RESOLUCIONES DE DISPOSITIVOS

CELULAR Y RELOJ

 • Resolución de 1.600 x 720 

• Resolución de 1080 x 2400 Reloj 

• Resolución de 126 x 294 

MONITOR Y TELEVISORES 

• Resolución 1920x1080 Televisiones

 • Resolución 3840x2160 • Resolución 1366x768 

• Resolución 2560 x 1.440 

ANTIGUOS O ARRUINADOS 

• Resolución de 1280 x 720 Celulares 

• Resolución de 2340 x 1080 

• Resolución de 720 x 1280

 • Resolución de 320×240 píxeles

 OPINION 

• En el caso de los celulares los que puse son los que actualmente tengo y los que s eme arruinaron sin ir mas allá uno de mis primeros teléfonos fue un pocket que es el de menos resolución y se me hizo muy curioso que la resolución de mi reloj no es muy lejana a la de mi primer celular .

 • Otro caso son las televisores el que tengo todavía es un LG súper ancho pero no cuadrado y recuerdo que era muy borrosa la ultima vez que se prendió que solo tiene entradas de video y cable y antena a diferencia de un actual que posee hasta aplicaciones dentro de la misma y la imagen es súper nítida. 

• En general se me hace súper interesante que como compradores solo vemos un producto por la marca o por el año de lanzamiento y esta practica me hizo ir mas allá de solo sabe4r el modelo sino saber la resolución que es un tema muy amplio y como diseñadores debemos de saber encontrar las dimensiones adecuadas ya sea para un diseño en concreto o un trabajo , un ejemplo es uqe no se va aver igual en una pantalla con resolución QHD que en una HD el nivel de nitidez de color son factores que también afectan.

[bitacordar]

El pixel

Un pixel es una unidad fisica que es representada mayormente por un cuadrado o un rectangulo  que utiliza el lenguaje informático para definir a la parte más pequeña de una pantalla del ordenador o un dispositivo móvil. Por tanto, la imagen que estás viendo es producto del conjunto formado por píxeles de un color que determina la pantalla en su mayoria azul,rojo,verde 

Cada pixel puede representar un específico número de bits; dependiendo de la cantidad de ellos, conseguirá un color diferente. Por ejemplo, si hablamos del modo de color de 8 bits, nos estamos refiriendo a que el monitor en sí usará 8 bits para cada uno de los píxeles; de esta manera, el resultado final muestra 2^8 colores o lo que es lo mismo, 256 totalmente diferentes.

La resolucion de una imagen es el número de pixeles por pulgada que contiene tanto el alto o el acnho por lo general la resolucion nos indica la calidad de un apantalla mientras tenga mas pixeles es mas nitido y claro y al contario es menos nitido 

[bitacordar]

[bitacordar]

Segunda parte analisis

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

Yo creo que no hay una comunicaion directa sino es mas como darte informacion y que la utilizes pero no vi mucho dialogo como ser “visita nuestras sucursales “ sino es mas nuestras sucursales en la paz por ejemplo

Talvez falta una comunicaion un poco mas humana y no algo tan serio y formal 

Otro ejemplo y luego si puedo resaltar que te hace sentir en un ambito super nacional ya sean por las fotos o por la forma de expreesion ahi creo que hay algo de interaccion con el publico nacional y bueno tambien hay interacciones leves con el usuario pero son minimas las que mas hay son como dandote una orden 

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

En cuanto a imagenes como decia en la primer respuest ason de un ambito nacional y en genral boliviano 

Y tienen un apartado de multimedia que es muy pobre y para mi opinion es mas para rellenar para que haya algo mas que ver por que su multimedia es super carente y con muy pocas imagenes,cosa contarria con los videos que si hay una variedad pero lo que identifique es que no usan un lenguaje grafico igual sino parece que la pagina fuera otra y los videos fueran hechos en otro tiempo sin tomar en cuenta los graficos anteriores 

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

En cuanto a deleite no hay mucho que hablar como recalque en variaqs preguntas la pagina es mas normal y no esta relacionada a dar gusto a la gente sino que la informacion sea mucho mas entendible por los usuarios lo que si puedo decir es que la facilidad y rapidez de la pagina hacen que sea mucho mas facil manejarla y por ende que tenga una limpieza y sobretodo que las personas conecten rapidamente con su informacion  por ejemplo si yo estoy buscando carnets extraviados voy a una sesion que esta clara y si no logro ver donde esta hay otro lugar mas donde puedes encontarlo 

Arriba estan las sesione spero si no logras verla en las imagenes puedes rozar el cursor y te aparecen las mismas opciones lo que si noto tambien es que las imagenes no tienen nada que ver con lo que dice la sesion 

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

En general si me parece claro con algunas variaciones de claridad visual pero en genral el orden es claro eso si me parece muy cargado talvez utilizaria otra sesion mas para hacer lo mas limpio posible sobretodo el inicio ,luego la paleta de colores cumple en cada sesion de la pagina lo que si identifique es que hay muchos elementos pixelados y quitan limpieza pero lo demas esta muy bien balanzeado el tono de colores las imagenes talvez no esten relacionadas a la sesion yo creo que las pusieron mas por meter al usuario a un ambito mas local en cuanto a comunicar me parece que si hay una claridad sin extenderse a terminos muy nacionales sino para todo publico y sobretodo que comunique en este caso que informe 

[bitacordar]

Análisis de accesibilidad

Mi analisis va dirigido a segip.gob.bo

1¿Quién es el usuario de la aplicación? ¿Cómo podemos describirlo? ¿Qué costumbres y comportamientos tiene? ¿Qué necesidades tiene y cómo el sitio las soluciona? (Especial énfasis en este punto, quizás debas buscar en redes sociales a la empresa o institución para ver el tipo de personas que reaccionan a sus publicaciones, y stalkearlas para conocer mejor esto y poder perfilar a estas personas)

Analizando la pagina me percate que habia muchas fotos de personas del ambito local algo muy familiar en nuestro entorno como paceños o bolivianos algo muy llamativo es que en el espacio de buscar no hay una lupa  

En cuanto a dudas veo que tienen un numero de telefono destinado aconsultas pero no un servicio de mensaje directo o centro de ayudas online  tambien en el espacio de extranjeros identifique una falencia y es que el tema de los idiomas no esta presente y en un ambito rural las lenguas originarias tampoco estan vigentes , en general me parece una pagina para un ambito muy boliviano y que tiene falencias minimas , pensando como una persona que desea visitar la pagina y que no tiene un dominio muy avanzado   ya que todo esta en orden y es muy notorio y compresible recalcando para personas que no tienen un manejo muy avanzado para manejar sitios web y quisiera poner enfasis a una cosa y es que la pagina esta destinada a un publico super grande (un pais) por lo que en cuanto a temas de acccesibilidad se me hace muy curioso que no tengan un espacio para ciegos 

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

En cuanto a propositos es muy claro que la pagina fue creada para resolver dudas sobre un documento de identificacion ya sea por que no puedes ir a las oficinas o que tengas una discapacidad o simplemente una duda de los requisitos para obtener tu documento de identificacion y ponerte al tanto sobre noticias en el ambito nacional cosa que se me hace muy innecesaria por que puedes ver tranquilamente noticias en una pagina destinada a las noticias se me hizo algo mas para rellenar y que muchas personas que visiten la pagina ni cuenta se darian o tomarian el tiempo para leer 

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

En cuanto a errores vi que varias secciones de la pagina no entran o salen errores por ejemplo en el apartado de reclutamiento militar y de cedulas extraviadas la pagina no cargaba y saltaba un error y sobretodo la parte de busqueda como es una pagina dirigida a un publico extenso talves el leer “Buscar y presione enter para buscar “ no sea entendidio y la palabra “enter” hay  muchas personas que no saben su significado 

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

Me parecio muy pesada visulamente por que hay mucha informacion y cuesta encontrar un orden de jerarquizacion y encontre una pequeña falla A

Aca creo que hubo un intetno de mejorar la comprension pero igual no se logra entender cual boton pertenece a que cosa por ejemplo donde aparece ver no sabemos si son las denuncias o las brigadas moviles pero como digo se trato de solucionar cambiando del mismo color que el titulo y puede llegar a solucionar pero recalcando como es paraq un publico extenso hay personas con problemas en la vistas talvez que les cuesta identificar colores ahi es donde ya no funciona su “solucion” 

En esta otra imagen identifique no se si un error pero que ensucia y si lo lees te causa intriga pero al no existir nada no sabes de que se trata y analizando bien si hay un vinculo pero no se distingue para nada almenos si lo pones de tamaño super pequeño 

[bitacordar]

undefined

[bitacordar]

undefined

[bitacordar]

undefined

Complemento sobre el trabajo 

[bitacordar]

Fase 1

[bitacordar]

Fase 1

[bitacordar]

Fase 2

[bitacordar]

Trabajo Final

[bitacordar]

Segundo Avanze

Investigadno un poco mas y recordadndo lo relacionamos los circulos con el juego Agar.Io ,un juego que trata sobre un circulo pequeño que tiene que comer a otras mas pequeños que el para poder crecer y convertirse en el mas grande aca les dejo una imagen de referencia.

El como la podemos relacionar con el internet es un  claro ejemplo serían las páginas de YouTube, Facebook, Instagram, etc. Que al tener este intercambio de información al compartirla hace que más usuarios descarguen o visiten estas páginas web. Esto llevando a mejoras en las mismas para que mayores usuarios las disfruten, por esto mismo también hubo caídas de varias páginas y/o aplicaciones a lo largo del transcurso de los años, como HI5, internet Explorer, etc. Por esto mismo nos basamos en el juego de Agar.io, que mientras uno comparta en una plataforma/aplicación, esta contiene mayores usuarios, mayores mejoras y va opacando a las que o a todo usuario agrada y termina por ser eliminada de la red.

[bitacordar]

Ideas Proyecto en grupo

Barajando opciones decidimos inclinarnos por una representacion mas abstracta , para esto nos parecio bien utilizar circulos como cada aplicacion y relacionarla por categorias utilizamos una referencia que fue fundamental enn la toma   de desicion del trabajo.

Esta imagen representa un circulo  con variaciones de temperatura y lo que hicimos fue inclinarnos sobre este ejemplo y adaptarlo hacia el internet ,tambien decidimos hacer una tabla por categorias.