disenodigitalmkd
disenodigitalmkd
Ignacio’s Blog
23 posts
Resúmenes diseño
Don't wanna be here? Send us removal request.
disenodigitalmkd · 2 years ago
Text
Accesibilidad
Es un término que se originó de la arquitectura, pero que se puede definir como fácil de acceder o de libre acceso, hoy en día en un ámbito más digital es un parámetro que tiene los sitios webs para saber si son accesibles o no.
Para que un sitio web sea accesible debe contar con los siguientes parámetros:
-Perceptible
-Operable
-Comprensible
-Robusto
Teniendo en cuenta estos parámetros, es que salen los niveles de conformidad que son:
Nivel A
Nivel AA
Nivel AAA
Siendo que el nivel A es el mas bajo y el nivel AAA el más alto, los cuales se determinan si el sitio web cuenta con los requisitos mínimos de cada nivel.
La Usabilidad
Este es un temas más cualitativos, puesto que para que algo sea fácil de usar es muy dependiente de la persona a la que se lo preguntas, además de la experiencia que tenga el usuario con la plataforma y lo relacionado que esté con la tecnología, se debe tomar en cuenta la barrera generacional.
0 notes
disenodigitalmkd · 2 years ago
Text
ACCESIBILIDAD SITIO WEB
Hipermaxi
Tumblr media
Los principios de la accesibilidad
1. Perceptibilidad
-Alternativas textuales: La pagina web de hipermaxi cuenta con alternativas textuales para la mayoría del contenido no textual, dando una pequeña explicación con texto a cada uno de sus contenidos no textuales.
-Medios tempodependientes: La página web de hipermaxi no cuenta con este tipo de contenido o medios.
-Adaptable: El contenido y la información que se transmite en el sitio web si puede ser adaptable de muchas formas sin llegar a perder la información o estructura que tiene, ya que la página web tiene una secuencia significativa.
-Distinguible: Si se logra distinguir de buena manera el contenido del fondo, se hace un buen manejo de los colores y se resalta de buena forma lo que es el contenido principal. A su vez el sitio web si cumple con los requisitos del contraste mínimo de 4.5:1 , del texto grande, incidental y en los logotipos, aunque estos últimos tengan unos requisitos mínimos.
2. Operabilidad
-Accesible por teclado: Es prácticamente nula, movimientos muy básicos a través del teclado y acciones casi nulas por completo.
-Tiempo suficiente: En la poca información que se presenta a través de imágenes en movimiento, en todos los casos se pueden detener o volver a reproducir el contenido.
-Convulsiones: La página no cuenta con ningún tipo de destello, por lo cual cumple esto.
-Navegable: Cuenta con títulos, que describen el propósito y la temática, cuenta con encabezados y etiquetas, además de tener múltiples vías para llegar a un mismo punto.
3. Comprensible
-Legible: No se puede cambiar de idioma ni programar.
-Predecible: Cuando se tiene un foco, no existen cambios de contexto, se tiene una navegación coherente, ya que los elementos aparecen en el mismo orden relativo.
-Entrada de datos asistida: Cuenta con una prevención de errores, la cual viene incluida en la parte de las facturas, la cual te permite tener un reembolso, siendo así que pasa por el proceso de algo reversible, revisado y confirmado.
4. Robusto
-Compatible: No tiene ninguna interpretación, a su vez no cuenta con el nombre la función o el valor.
Nivel de conformidad
1. Nivel AA
La web de Hipermaxi cuenta con un nivel de conformidad de AA, puesto que esta cumple con casi todos los niveles necesarios para considerarse una web de nivel de conformidad AA, sin embargo no cumple con todos los requisitos de este nivel, sin embargo en algunos casos llega a ofrecer una alternativa o solución de nivel A, y en otros casos no cumple con los requisitos mínimos nisiquiera del nivel A, como lo es en el caso de lo robusto.
Tomando en cuenta todo esto, lo que se podría hacer es mejorar sobre todo el tema de lo robusto, que es donde la página web no llega ni a un nivel A, ya siendo que ofrezca algún tipo de alternativa o que cumpla directamente con los parámetros mínimos establecidos. Además de mejorar el tema de lo comprensible, llegando a ofrecer un cambio de idioma ya sea a través de software o con un apartado en la misma web.
En conclusión podemos decir que la web de Hipermaxi llega a una nivel de conformidad AA, pero sin llegar a cumplir el 100% de los requisitos de este nivel, sin embargo va por un muy buen camino en el tema de la accesibilidad y son mínimos los detalles que se necesitan para cumplir con todos los requisitos del nivel AA.
Tumblr media
0 notes
disenodigitalmkd · 2 years ago
Text
Lenguajes de programación.
Básicamente vienen ya que el cliente le da una petición al servidor y el servidor le da una respuesta.
Tumblr media
Los lenguajes de programación que se ejecutan del lado del cliente son:
-HTML: se puede decir que es el que le da la estructura o semántica.
-Css: Es el que le da la presentación o estética.
-Java Script: Es el que se encarga del comportamiento.
Y los que se ejecutan del lado del servidor son:
-MYSQL
-PHP
-APACHI
0 notes
disenodigitalmkd · 2 years ago
Text
Web 1.0
Básicamente es el inicio del internet, donde el usuario solo podía recibir la información que le daban los webmasters, era una web estática, y se limitaba a la lectura y obtención de la información.
Tumblr media
Web 2.0
Aquí ya se volvía una web dinámica, donde podías tanto recibir como poder crear la información, el usuario tiene el control de si decide crear información o solo recibirla.
Tumblr media
Web 3.0
Se dice que aún no entramos, pero algunos otros dicen que ya estamos en la web 3.0 sin embargo esta está compuesta por las IA los blockchain, que las redes estén a nuestra demanda todo el tiempo y ya no exista ningún tipo de manipulación.
Tumblr media
0 notes
disenodigitalmkd · 2 years ago
Text
El internet.
Son cables de cobre que pasan a través del mar.
Antes nos conectamos a través de la línea telefónica y la señal viajaba a través de la electricidad a través de un modem, donde el tiempo que estabas conectado era el tiempo que se consumía la red telefónica.
Además que el Wifi es el “culpable” de que se piense que el internet no es algo tangible, aunque sean cables que pasan a través del mar.
Bolivia por ejemplo se conecta a través de otros puntos como Perú o Estados Unidos. También es importante saber que el internet en Bolivia empieza en 1996.
-ISP
Son los proveedores del servicio de internet, tienen permiso de brindar internet. Como entel, viva, tigo, axs, etc.
El modem es el que le da la información al router y este emite la señal del internet.
El IP es como un identificador que tenemos cada uno de nosotros al momento de usar algún dispositivo que se conecte a internet.
El https es un protocolo que controla toda la información y que asegura que las cosas vayan y vuelvan.
También existen los dominios, como lo pueden ser el .bo .com .edu .ucb, etc.
0 notes
disenodigitalmkd · 2 years ago
Text
El pixel y los videojuegos
Los videojuegos en un principio no tenían un espacio y un contexto determinado, funcionaban con colores de 4 bits. Y se limitaban con movimientos de izquierda a derecha en función a los vectores.
Dentro de la consola había una procesadora que solo permitía dos capas o niveles, dónde solo se podía usar los sprites y el fondo.
Los sprites eran todas las posiciones que podía tener el personaje dentro del juego, es decir todas las acciones que podía realizar.
Tumblr media
Y el fondo es básicamente el escenario donde se movía el personaje, el cual estaba limitado por 64 colores de los cuales solo podían verse 13 colores en la pantalla. En un tamaño de 256 cuadros.
Tumblr media
Gracias a esto se empezaron a utilizar técnicas como el dithering y el anti aliasing. Lo cual permitía ver fondos mas limpios y lograr hacer lo que son llamados los círculos.
0 notes
disenodigitalmkd · 2 years ago
Text
El pixel.
Básicamente podemos resumir al pixel como un módulo, lo que quiere decir que se repite de igual manera con el mismo tamaño y forma, siendo igual uno que otro, donde en cada pixel se maneja información.
Podemos explicar también al pixel como un emisor de luz dentro de una matriz que a su vez se emite a través de mas luces. Tiene subpixeles que son de color rojo, verde y azul.
Mientras mas intensidad le demos a cualquiera de estos subpixeles, le dará otro color al pixel final, siendo que podemos formar infinidad de colores únicamente cambiando la tonalidad de alguno de los 3 subpixeles.
De manera lógica, podemos describir al pixel como una unidad modular sin dimensiones. Siendo que su dimensión se define por el navegador.
Tumblr media
0 notes
disenodigitalmkd · 2 years ago
Text
La muerte del diseño de los interfaces.
Los posibles síntomas o causas del porque se podría afirmar esto son:
1. Mercado de plantillas.
2. Patrones de diseño ya maduros.
3. La automatización y la inteligencia artificial ya están presentes y activos.
4. Las páginas de facebook son los nuevos espacios de los pequeños y medianos negocios.
5. La experiencia móvil está acabando con la web tradicional.
Todo esto viene a raíz de la web 2.0 que da mas control al usuario de no solo tener o leer la información, sino poder crearla y compartir contenido, lo que genera que cada vez se necesiten interfaces menos complejos y ya constituidos a través del tiempo.
Lo que realmente importa hoy en día para los usuarios es el contenido que hay en lo que es la experiencia digital y sobre todo en los sitios webs. Pero actualmente los usuarios no necesitan entrar a sitios para conseguir lo que buscan, sino que pueden encontrar la información de manera mas sencilla.
0 notes
disenodigitalmkd · 2 years ago
Text
La iconicidad.
El índice de iconicidad, es una escala donde en lo mas alto se encuentra lo más cercano a la realidad y en la parte baja, lo más abstracto. Existen muchos tipos de representación de alguna identidad como:
-Signo: Es relativo a un concepto y lo entienden muy bien los seres humanos.
Tumblr media
-Símbolo: Tiene un significado mas amplio pero no muy concreto.
Tumblr media
-Pictograma: Transmiten una idea sin necesidad de saber o tener un contexto.
Tumblr media
-Señal: Es un gesto de aviso sin usar el lenguaje.
Tumblr media
-Emoticón: Son una consecuencia de los caracteres ASCII. ( :) ;( :v )
-Emojis: Son pictogramas o smileys que se usan en un contexto determinado. (🤣😂😔🥰😁😍)
-Icono: Representan cualquier cosa que el usuario desee representar.
Tumblr media
0 notes
disenodigitalmkd · 2 years ago
Text
La miniaturización.
Trajo muchos dispositivos nuevos como lo son:
-Los reproductores mp3, que venían a reemplazar a la radio tradicional, aunque solo podían almacenar 25 canciones. Aunque esto fue bastante negativo para la música, ya que esto trajo la piratería.
Tumblr media
-También llegaron los celulares que se fueron masificando rápidamente.
Dónde llegaron muchos tipos de celulares tanto con teclado como los touch, donde en 2007 llegó el primer Iphone que se llamaba IPhone 1 y fue el primer celular que es parecido a los que tenemos en la actualidad.
Tumblr media
0 notes
disenodigitalmkd · 2 years ago
Text
Mapa de internet #1
Ignacio Castro
Camila Moyata
El Arrecife: Será un mundo de agua dado que el agua conecta todo y también porque el agua es cambia te al igual que el internet, las aplicaciones y todo lo digital. También como vimos los cables por donde viajan el internet pasan a través del agua para así poder llevar el internet a todos los países.
Algunas de sus ciudades son:
-Movity: Yango, Pedidos Ya, Yummy, Yaigo, Dinki, Uber.
-Mine: Gmail, Google Maps, Chrome, Safari, Google Earth, Google Fotos, Play Store, Google Traductor, App Store.
-Samdlertown: Netflix, Disney+, Paramount+, Hbo Max, Star Plus, Amazon Prime, Cuevana.
-Community: Twitch, YouTube, Fifa, Tigo Sports, Discord, Companion.
-Mentefuerte: Classroom, Neo, Siaan, Zoom, Meet, Canva, Docs, Excel.
0 notes
disenodigitalmkd · 2 years ago
Text
LAS COOKIES
Las cookies son pequeños fragmentos de texto que los sitios web que visitas envían al navegador. Permiten que los sitios web recuerden información sobre tu visita, lo que puede hacer que sea más fácil volver a visitar los sitios y hacer que estos te resulten más útiles.
Su nombre proviene de una analogía gastronómica: las galletitas siempre dejan migas. Ese rastro es el que la informática recogió para bautizar a las pequeñas piezas de información que vamos arrojando cuando navegamos por internet. Y pese a todo, una encuesta revela que el 42% no tiene mucha idea de qué está haciendo cuando pone “aceptar” todas las cookies de un sitio web.
Tumblr media
Las cookies fueron creadas en 1994 por Lou Montulli, entonces desarrollador de Netscape Communications. Su objetivo era garantizar que los usuarios de comercio electrónico pudieran mantener su carrito de compra lleno de los mismos artículos mientras navegaban, incluso si salían de la página y volvían.
Al aceptar las cookies el usuario autoriza a los sitios web a rastrear información sobre sí mismo, como su actividad de navegación, su historial de búsqueda y sus datos de acceso. Esto permite al sitio web personalizar y agilizar su experiencia de usuario cuando navega únicamente por ese sitio web. Es importante recordar que los sitios web no pueden acceder o ver las cookies instaladas por otras páginas. Esta es la razón por la cual cada web solicita individualmente el pedido al usuario, lo que le permite controlar quién tiene acceso a la información.
Tumblr media
Del lado positivo de las cookies queda la practicidad que de ellas se desprende. “Las cookies pueden ser útiles. Hacen posible que los sitios web que se visitan proporcionen una experiencia de navegación más cómoda. Por ejemplo, pueden mantenernos conectados a los sitios web mientras navega de una página a otra y registran preferencias, como la ID de sesión, para cuando se vuelva a visitarlos”. El típico caso es cuando el navegador recuerda las contraseñas. Sin ellas, la funcionalidad de algunos sitios web puede deteriorarse y, al eliminar las cookies por completo, se eliminan los ajustes guardados y los inicios de sesión, junto con las páginas visitadas. En resumen, “las cookies no son intrínsecamente malas, pero recogen y almacenan datos personales.
0 notes
disenodigitalmkd · 2 years ago
Text
Ruinas Circulares #7
Empecé a trabajar en el pixelart de mi concepto que era representar a un hombre tanto muriendo como naciendo por el mismo elemento que es el fuego.
Tumblr media
Empecé por hacer el fuego y las llamas, que eran el elemento mas grande.
Tumblr media
Dándoles forma y una figura mas parecida a una llama que a una montaña, que fue lo que más se me dificultó puesto que en algunos puntos se llegaban a confundir con estas.
Tumblr media
Al darme cuenta que hacer llamas mas pequeñas se les hacía una forma mas de llama que de montaña, empecé a cortar estas y hacerlas mas pequeñas.
Tumblr media
Para finalmente poder terminar el concepto, haciendo unas llamas mas pequeñas y a un hombre saliendo o entrando a estas, depende como se lo entienda, ya que puede estar naciendo o muriendo, puesto que el fuego es el elemento de la destrucción pero también de la creación, donde mas batallé, fue en el acabado de las manos del hombre puesto que se me hizo complicado poder darles una forma.
0 notes
disenodigitalmkd · 2 years ago
Text
Ruinas Circulares #6
PROCESO DEL BOCETAJE
Tumblr media
Empecé queriendo representar la escena de las ruinas circulares de piedra, sin embargo no era lo importante ni lo que captaba la esencia del cuento, por lo cual proseguí a la representación del templo, el cual al estar destruido lo represente mas como un simple altar rodeado de las ruinas circulares, pero entendí que las ruinas no eran necesarias para lo que quería expresar, que era que el fuego es un elemento de creación y destrucción de vida, por lo cual únicamente representé el altar junto a un hombre entre naciendo y muriendo.
Tumblr media
Finalmente junté todas las ideas que tuve y empecé a descartar los elementos menos importantes y que no eran necesarios para lo que quería representar, con lo que únicamente me quedó las llamas y el hombre naciendo y muriendo, el fuego en forma circular ya hace referencia a las ruinas circulares y el hombre no precisa del altar ya sea para morir o para poder nacer.
0 notes
disenodigitalmkd · 2 years ago
Text
Las Ruinas Circulares #5
BOCETAJE
Tumblr media
Lo que quiero representar es al fuego como un elemento sobretodo de creación pero también de destrucción, siendo el fuego el principio de todo, pero también el final. También se encuentra un hombre dentro que representa el nacimiento de este mismo.
0 notes
disenodigitalmkd · 2 years ago
Text
Las Ruinas circulares #4
Módulo utilizado
Representaré mi idea a través de medios digitales, puesto que como mi representación trata de decir que el fuego es un elemento de creación y destruccion, y esto sigue siendo algo relativo y subjetivo al sueño y no una verdad absoluta, al igual que lo puede ser lo digital, no es algo precisamente tangible, pero si algo que te permite crear y destruir a través de medios digitales, el fuego es la representación de la creación y de la destruccion, pero todo desde el punto de vista del mago, y de sus sueños, lo que podría decirse que es el elemento que crea y destruye en el mundo de los sueños, y en lo digital podría decirse que el pixel sería como el fuego, que puedes crear y destruir en el mundo digital, como el mago lo hacía.
El pixel puede crear y destruir, al momento de hacerse un pixelart por ejemplo que con tan solo cambiar el color del pixel puedes crear dibujos e interpretaciones, o borrar por completo el dibujo solo cambiando el color del pixel, y el mundo digital serían los medios por los cuales podemos acceder a la generación del pixel como a través de computadoras o celulares
0 notes
disenodigitalmkd · 2 years ago
Text
Las ruinas circulares #3
Diseño conceptual
Sabiendo que el fuego es el elemento más importante ya que este es el que da la vida a los sueños, pero también este es capaz de quitarla quise usar este elemento justamente representando esto, es decir una representación del fuego dandole vida a un sueño, en este caso el sueño del mago que era poder crear vida.
0 notes