Tagged web

¡25 años de la web! #web25

800px-First_Web_Server

El primer servidor web utilizado por Tim Berners-Lee, una NeXT ;)

 

 

Hoy se cumplen 25 años de que nuestro ídolo Sir Tim Berners-Lee y su equipo crease “una ‘red’ de notas con enlaces entre ellas“.

En el blog de Google hay un post firmado por Tim, y quiero rescatar lo siguiente:

Así que hoy es un día para celebrar, pero también es una ocasión para pensar, hablar y tomar acción. Se avecinan decisiones clave sobre la gobernabilidad y el futuro del Internet. ¿Cómo podemos asegurarnos de que el otro 60 por ciento de la gente que no está conectada alrededor del mundo pueda estarlo lo antes posible? ¿Cómo podemos asegurarnos de que la web cuente con el soporte para todos los idiomas y culturas, y no sólo para las dominantes? ¿Cómo podemos construir un consenso en torno a los estándares abiertos para vincular la llegada del “Internet de las cosas”? ¿Vamos a permitir que otros empaqueten y limiten nuestra experiencia en línea o vamos a proteger la magia de la web abierta y el poder que nos otorga de decir, descubrir y crear cualquier cosa? ¿Cómo podemos construir sistemas de control y equilibrio que hagan que los grupos que espían en la red rindan cuentas a la gente? Estas son algunas de mis preguntas, ¿cuáles son las suyas?

Con motivo del 25 aniversario de la web, les pido que se unan y nos ayuden a imaginar y construir los futuros estándares de la web, y a presionar para que cada país desarrolle un proyecto de ley sobre los derechos digitales que promueva una web libre y abierta para todos. Para más información visiten el sitio webat25.org y levanten la voz a favor de la web que realmente queremos utilizando la etiqueta #web25.

Creo que estamos en un punto importante de la historia de Internet. Tal vez no hoy, ni mañana. Tal vez dentro de 1 año o 5. Pero en algún momento se deberán establecer las reglas de uso y convivencia en la red. Que no permita a grandes empresas proveedoras de servicio o corporaciones con fuertes intereses venir a arruinarlo todo. Más derechos y reglamentaciones coherentes.

Volveré a este post dentro de unos años (¡en el próximo aniversario redondo!) para ver cuánto hemos avanzado (o retrocedido).

Nosotros somos la web

“Crecimos con el Internet y en Internet. Esto es lo que nos hace diferentes, lo que hace que la crucial, aunque sorprendente desde su punto de vista, diferencia: nosotros no “surfeamos” el Internet, para nosotros no es un “lugar” o “espacio virtual”. El Internet para nosotros no es algo externo a la realidad, sino una parte de ella: una capa invisible, pero presente constantemente y entrelazada con el entorno físico. Nosotros no usamos el Internet, vivimos en el Internet y a través de. Si tuviéramos que contarles nuestro bildnungsroman, el análogo, se podría decir que hubo un aspecto natural al Internet en cada experiencia que nos ha formado. Nos hicimos amigos y enemigos en línea, preparamos aplicación para la cuna en línea, planeamos fiestas y sesiones de estudio de línea, nos enamoramos y rompimos en línea. La web para nosotros no es una tecnología que teníamos que aprender y que nos las arreglamos para entenderla. La Web es un proceso para nosotros, que sucede y se transforma continuamente ante nuestros ojos, con nosotros y a través de nosotros. Las tecnologías aparecen y luego se disuelven en las periferias, los sitios web están construidos, florecen y luego se van, pero la web sigue, porque nosotros somos la Web; nosotros, comunicándonos con los otros de una forma que es natural para nosotros, más intensa y más eficiente que nunca antes en la historia de la humanidad.

Al ser criados en la Web pensamos de manera diferente. La capacidad de encontrar información es para nosotros algo tan básico, como la posibilidad de encontrar una estación de tren o una oficina de correos en una ciudad desconocida para ustedes. Cuando queremos saber algo – los primeros síntomas de la varicela, las razones del hundimiento del «Estonia», o si la factura del agua no es sospechosamente alta – tomamos medidas con la certeza de un conductor en un auto equipado con navegación satelital. Sabemos que vamos a encontrar la información que necesitamos en un montón de lugares, sabemos cómo llegar a esos lugares, sabemos la forma de evaluar su credibilidad. Hemos aprendido a aceptar que en lugar de una respuesta nos encontramos con muchas diferentes, y de todas ellas podemos abstraer la versión más probable, y deshacernos de las que no nos parecen creíbles. Nosotros seleccionamos, filtramos, recordamos y estamos dispuestos a intercambiar la información obtenida cuando llega una más nueva y mejor“.

Ensayo “Nosotros, los niños web” de Piotr Czerski. Publicado en Alt1040

wireframe

Bocetos de sitios webs

Hay diferentes técnicas, costumbres y manías en los creadores de sitios webs. En mi caso, cuando tuve que sentarme a pensar cómo quería un sitio (en su mayoría fueron de noticias), primero recurrí al lápiz y papel. Después lo pasé en digital con alguna herramienta de mockups. Pero el inicio, el punto cero, fue en un cuaderno.

Es conocido el primer boceto de Twitter. Cuando el sitio ni siquiera tenía todas las funcionalidades que tiene hoy:

Twitter Wireframe

Hay muchas instancias antes de que esas líneas que simulan una web se transformen en un código accesible para todos. Wireframes, Mockups, son algunos de los nombre que suelen recibir. Y hay de varios tipo: aquellas que están en una instancia de pruebas y se puede acceder desde una navegador (prototipo navegable) o están digitalizadas pero sin posiblidad de navegación, como un dibujo pero hecho con software.

Vuelvo al punto cero. Ese instante en que la idea que nos moviliza tiene la primera prueba empírica de realización. Es un momento clave aunque existan altísimas chances de que el sitio final no se le parezca en nada.

Por eso me resulta llamativo ver los bocetos de otros sitios, sean masivos o no, porque allí está el inicio de la idea, su escencia.

Les dejo algunas imágnes de bocetos que estuve mirando. Hay varios blogs que armaron listas y listas de estos dibujos. Les paso 2: uno en DesignBeep, otro en Webdesignledger.

The Washington Post – Post Points Website Sketch (fuente):

Bermuda Triangle Site (fuente):

Vimeo profile page idea (fuente):

Vimeo conversations page ideas (fuente):

¡Si ven más ejemplos no dejen de avisarme!

Cómo desarrollar un sitio web

Desarrollo Sitio Web

(Click para ampliar)

Si sos de los que tienen que desarrollar sitios webs de manera más o menos regular, es posible que necesites descargar y tener a mano esta infografía.

En una línea de tiempo se ubican los distintos pasos en el proceso de construcción de un sitio. Un paso a paso general pero que permite organizarnos, tanto desde el lado del diseñador como del cliente.

Contempla 8 meses de trabajo en distintas fases:

Contacto Inicial – Planeamiento – Contenido – Diseño – Desarrollo – Lanzamiento

Y todas las cuestiones que hay en el medio. Y seguro que faltan más elementos y seguro que se presentan otras más en el transcurso del trabajo. Pero como ‘mapeo’ general no está nada mal.

Vía el blog de Daniel Abadie

 

Visualización: The evolution of the web

Visualización: Evolución web

Hace unos días Google publicó esta visualización y quería compartirla acá porque realmente el trabajo es muy bueno. Se trata de “The evolution of the web“, un recorrido por los principales hitos de los navegadores y la aparición de distintas tecnologías.

Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox y Chrome son los browsers elegidos. Por cada uno de ellos se pueden ver capturas de pantalla de sus distintas versiones, qué tecnologías aparecieron y en qué año, entre otras cosas.

El desarrollo de la visualización es muy bueno, qué más decir… Ah! Sí, lo créditos. Fuente de la data: Wikipedia y CanIUse. Todo lo demás: Hyperakt y Vizzuality.

Ahora sí: corran ya a The evolution of the web si no la vieron que está para quedarse un buen rato.

¿The Web is dead?

Chris Anderson publicó otro artículo incendiario y provocador en la influyente Wired y desató la polémica. “The Web Is Dead. Long Live the Internet” debe ser el artículo más citado hoy. Léanlo para mayor profundidad, pero el disparador es que cada día utilizamos cada vez más aplicaciones desde distintos dispositivos y eludimos la Web. Es decir, utilizamos mucho internet pero no la World Wide Web. La imagen que ven arriba es parte de los fundamentos de su teoría. ¿Hacia dónde estamos yendo?

La refutación de su teoría y datos no faltó en llegar. Y acá, que somos generosos, te damos algunas pistas para seguir el tema (y la discusión):

- “La web está muerta: la era de las plataformas” | Periodistas21.
– “Hace un tiempo veíamos los pronósticos…” | Y todo lo demás…
– “Wired Declares The Web Is Dead—Don’t Pull Out The Coffin Just Yet” | Techcrunch
– “What’s Wrong With “X Is Dead” | The Atlantic
– “Wired Says ‘The Web is Dead’ — On Its Increasingly Profitable Website” | Gawker
– “Is the web really dead?” | BoingBoing
– “La evolución de Internet o la Web no está muerta” | Uberbin
– “Sobre la muerte de la web” | Error500
– “¿La Web ha muerto? Me parece a mí que no” | Alt1040

Cuando encuentre más opiniones en español las iré sumando… También pueden dejarla en comentarios!!

15 ideas sobre el futuro de internet

future internet

En realidad la entrada de noupe se llama “El futuro de la web: ¿dónde estaremos en 5 años?” pero le bajé un poco el tono porque no me parece que se pueda aventurar a predecir semejante cosa. De todas maneras creo que las ideas que comenta el post son bien útiles para pensar y ponerlas a consideración.

Muchas son bastante actuales, se están debatiendo hoy mismo en algunos sectores de internet. Con lo cual es posible que se apliquen antes los 5 años.

Doy un repaso por ellas aunque considero que cada un merece un análisis más profundo.

Read more

“Sin mouse ni teclado, navegación audio visual”

navegacion audiovisual

En el cuadrado inferior derecho, un servidor navegando el sitio a punto de decir “music”.

“Porque clickear es muy ’90s” dice el sitio de Andreas Lutz. Y su propuesta es navegar su propia web sólo con movimientos de manos y palabras. Lo intenté y debo decir (que sí, me sentí medio extraño hablándole a un sitio :P) pero la experiencia fue satisfactoria. Algo lenta es verdad, pero logré explorar todo el contenido sólo con un poco de movimiento de manos y diciendo algunas palabras.

Es necesario tener micrófono, una webcam y parlantes. Si estás con un poco de tiempo no te pierdas de un reto de exploración sensorial (?). Lo curioso del caso es que para llegar al sitio necesitás hacer click :D

Enlace: Andreas Lutz | Vía

Read more

Cómo facilitar la lectura online

readability

A veces con quitar la publicidad de los sitios webs con una extensión para Firefox no alcanza. Pasamos tantas horas leyendo en la web que se vuelve fundamental que tengamos una buena experiencia, sin tener que decodificar el contenido entre malos diseño y publicidad intrusiva. Terminamos apretando la versión vista de impresión o nos bancamos la contaminación visual.

Readability acaba de salir para aclarar un poco las cosas. Su función es devolver un texto plano (tipografía, estilo y margenes configurables) con fotos incluidas, de cualquier sitio web. Basta con arrastrar un botón a nuestro navegador y cuando veamos un artículo que deseamos leer, le damos click y limpia todo.

Lo estuve probando en algunos sitios y no obtuve muy buenos resultados en todos los casos. Pero en Webware pasan el aviso de otro sitio que ofrece el mismo servicio, se llama TidyRead, que no tiene un gran diseño pero los resultados son mejores.

Los peores diseños web

Tanto hablamos de lo que se debe hacer en diseño web, que encontrar un sitio que recopile lo peor no viene nada mal. De eso se trata CSSCrap, juntar esas atrocidades que dañan ojos y producen convulsiones para no volver a repetir. Es una galería similar (las hay por todos lados) a las que recopilan templates o diseños en general.

Un par de aclaraciones: está recién salido del horno, así que le faltan unos cuantos sitios. No sólo se trata de diseño en CSS, también hay flash, entre otras cosas. Y por último, no sólo se trata de malos diseños, también incluye raras formas de comunicación (vean Toto para ser feliz con el culo limpio).

Enlace: CSSCrap | Vía: aNieto