Diseño De Información Para La Web 2.0: Information Design Simple Y Social

Diseñar para la web, hoy en día, requiere el conocimiento y el utilizo de principios de diseño de información, y el incremento de la cantidad de interacciones y de la componentes "sociales" ofrecidas a tus lectores.

Don't Make Me Think book cover remixed by Robin Good - Book photo credit: Steve Krug - Amazon

La ola de la Web 2.0 ha traído significantes innovaciones en el diseño de información como la introducción de ángulos redondeados, botones 3D lúcidos y en realce, efectos de reflejo y didascalias con texto largo y muchos otros, que los diseñadores han rápidamente adoptado haciendo proprio este nuevo, más simple, más visualmente impactante y altamente legible estilo 2.0.

Pero lo que realmente separa una fina cura cosmética 2.0 desde una verdadera innovación del diseño de información, es la abilidad de los arquitectos de la información de orquestrar con sabiduría las diferentes formas de interacción y conexión que las tecnologias y los servicios del Web 2.0 pueden ofrecer: navegación multi-dimensional, social bookmarking, búsqueda de comunidades, comentarios y recomendaciones de los lectores, contenido generado por el usuario y contribuciones, componentes video y chat, noticias por la gente común, y así sucesivamente.

Es en esta dirección que los diseñadores de la información podrían mirar a lo que será el futuro: ir mas allá de los elementos de contenido y entrar dentro del reino de la simplicidad social donde los elementos de la información, lectura, contribución e intercambio, son coreografados en maneras de que se soporten mutuamente y que creen sinergías.

Introducion por Robin Good

Information Design for the New Web

by Ellyssa Kroski

El diseño de la Información para la Web ha cambiado.

La gente está cambiando la manera en la cual consume la información en línea, así como su expectativa acerca de su distribución. La natura social de la Web lleva con si la expectativa de la interacción con la información y el diseño Web moderno refleja todo esto.

Existen ahora formas de navegación alternativas que incluyen la abilidad de navegar por usuario, tag clouds, tabbed navigation etc. Los avances en la tecnología conectados con estos cambios en la expectativa de los usuarios, estan influenciando la manera con la cual la información está presentada en la pagina Web.

Los sitios Web de hoy en día quieren adoptar intefaces intuitivas y que garantizan la usabilidad, ya que estas interfaces se siguen evolucionando para contestar las necesidades del usuario. Los diseñadores de sitios Web están enfrentando el diseño de información diferentemente y diseñando simple, interactivos sitios Web que incorporan avances en la interfaz de diseño de la información Web, la actual filosofia Web, y las necesidades de los usuarios.

El diseño de información para el Nuevo Web es simple, social, y trae formas alternativas de navegación.

Simplicidad

Simplicidad de las Aplicaciones Web

En su Paradox of Choise, Barry Schwarz habla acerca de la tiranía de las decisiones pequeñas y de como la proliferación de elecciones en nuestra sociedad, necesita que invertamos mucho tiempo, ansia, duda y terror a cuestiones insignificantes.

El pregunta del por qué se necesite un dia intero para comprar un par de jeans nuevos hoy en dia?

Y el afirma que esta sobrexposición a las elecciones no solamente causa frustración, sino que nos convierte desde personas que escogen con cautela, en arrafadores obligados a agarrar a costo y aquello dentro del turbino de elecciones que nos arrebata. Cada uno de nosotros ha experimentado esta sensación sea con la Web y sea con otras aplicaciones de computadora, así como en la vida normal.

El diseño de las aplicaciones del Web de hoy esta inspirado por el principio de la semplicidad.

Los autores de aplicaciones estan creando software que tenga menos funcionalidades y con una menor curva de aprendizaje para los usuarios finales. La funcionalidad que está incluída es exactamente lo necesario y nada más. Los sitios de social networking incluyen funcionalidades como los pérfiles de los usuarios, que son esenciales - no incluyen también el tiempo metereológico o noticias de finanza.

Los dias de las aplicaciones que están super cargadas de funciones ya pasaron. Los programas de software de hoy estan construídos con la idea que los usarios no tengan que aprender un manual para utilizarlos, son simple e intuitivos. No se necesita installar un software, y en algunos no es necesario nisiquiera registrarse para conducir una prueba inicial. Este es un servicio inspirado al modelo DIY que ofrece los instrumentos que los usuarios necesitan para resultar y nada más.

Esta filosofía que al menos es mejor, puede ser vista en algunos instrumentos actuales para la productividad como Google Docs and Spreadsheets (antes Writely), y 37 Signals' Writeboards en adjunto a otras aplicaciones Web. Nuevos motores de búsqueda vertical asi como Healia, buscan solamente dentro de un sector particular de la Web, volviéndose semanticamente superior para las búsquedas en aquel nicho, mientras aplicaciones como social bookmarking, condivisión de fotos, y los instrumentos de condivisión de videos se empeñan a lo máximo por ofrecer servicios focalizados en los usuarios finales. Estos nuevos sitios Web son guíados por la singularidad intención y simplicidad en el funcionamento.

Simplicidad del Diseño de Información

Este nuevo trend de la simplicidad de las funcionalidades de las aplicaciones Web es visible en el diseño de información y estilo de las páginas Web de hoy. Mientras somos usados a tratar de poner todas las informaciones que es posible dentro de nuestras páginas Web, y muy evidentes, los diseñadores de sitios Web de hoy estan tratando de eliminar todo lo que no es necesario, para asi presentar una interfaz limpia y simple para los visitadores. Están tratando de encontrar la atención de los usuarios Web gracias a un diseño de información que valorice y evidencie lo que es importante a sus ojos, en cambio de ofrecerles todo lo que existe bajo de el sol.

Muchos de los cambios de diseño del Nuevo Web han sido influenciados por la tendencia estilística de Apple y por la interfaz de Mac OSX. Un moderno lenguaje de diseño ha sido desarollado para el Web, con al centro de su existencia la importancia de la intención, no solamente un diseño por así hacerlo.

• Diseño Centrado - Ya que no queremos llenar la página con todo, sino con lo que realmente se necesita, somos capaces de presentar nuestra información en una manera limpia y segura de sí. Esta elección de diseño de información es también muy prática porque es mucho mas compatible con varias dimensiones de monitor y resoluciones.





• Bordes Redondeados - El trend actual es de redondear todos los ángulos, también en los fonts - no presentar nada como se verá. Esta es la prueba de la actitud informal y del tono casual del Web de hoy.





• San Serif y Lower Case Fonts - En armonia con il tono casual del Nuevo Web, y la tendencia de redondear los ángulos, hay un grande utilizo de fots san serif en los nuevos sitios Web de hoy. Parecidamente, encontramos un gran utilizo de fonts lower case, especialmente en los logos para crear una relación confortable y casual con el usuario.





• Large Fonts - Estos son bastante usados en los nuevos sitios Web para aclarar conceptos claves a los usuarios, o para comunicar fuertemente un simple, claro mensaje acerca de la intención primaria del sitio o de su slogan.





• Navegación Simple y Persistente - La navegación en los Nuevos sitios Web es obvia y distinta, está puesta siempre aparte de la grande cantidad de contenido presente al centro de la página. Muchas veces está posicionada encima a la página. Es persistente porque aparece en cada página de todo el sitio.





• Bold Logos - Las nuevas aplicaciones Web son audaces y seguras así como lo son los logos de compañías que representan sus brands.





• Colores Fuertes - Son utilizados por los sitios Web de hoy para enfatizar conceptos importantes así como para crear distinciones entre differentes areas de la página.





• Colores Complementarios - Los sitios modernos tenden a no ser monocromáticos, mas bien son ricos de colores. Muchas de las nuevas paginas Web estan utilizando colores complementarios así como el azul y el naranjado, y amarillo y viola para enriquecer su diseño de información.





• Subtítulos 3D - No encontrarás vistosos efectos en 3D o ilusiones ópticas en los nuevos sitios Web, en cambio hay un utilizo de los subtítulos hecho de sombras, graduales, y superficies reflejadas que adjuntan un borde realístico a la interfaz.





• Superficies Reflejantes - Este trend de crear superficies reflejantes puede ser encontrada en muchos de los nuevos sitios Web, y a menudo están posisionados alrededor de un logo.





• Iconos Simples - A causa de la natura genuina de las nuevas aplicaciones Web, hay un utilizo mínimo de las fotografías cuando existen. En lugar de estas imágenes de marketing donde hombres de business se dan la mano, se encuentran íconos originales que representan acciones que los usuarios pueden cumplir.





• Espacios Blancos - Los diseñadores de sitios tratan de tener un aspecto simple y que sabe de Zen, incrementando la altura de las líneas y adjuntando una gran cantidad de espacios blancos en las páginas. En cambio de crear confusión con demasiadas informaciones, los diseñadores del Nuovo Web están enfocados en lo esencial, y en la producción de páginas frescas y limpias.





• Starbursts - Estas excitantes y explosivas formas están de moda en los sitios de hoy. Pueden econtrarse en cualquier parte del Web, y muy a menudo son utilizados para promocionar y evidenciar servicios gratuitos.

Avances en la Interfaz del Usuario

En adjunto a los estilos de diseño de información, se han hecho varios avances en el diseño para garantizar la usabilidad de la interfaz del usuario, que han hecho el Web un espacio virtual más fácil.

AJAX - es una evolución en el diseño de la intefaz Web que permite a las informaciones ser procesadas sin refrescar la página. Este avance ha traído diferentes y nuevas capacidades en el diseño de las páginas Web.

Large Tabs - Ya que la navegación puede hacerse entre los mismos tab sin refrescar completamente la pagina Web, los diseñadores estan haciendo un largo uso de estos.

Drag & Drop - La funcionalidad del drag and drop con AJAX ofrece a los diseñadores la posibilidad de crear experiencias ricas y interactivas para los visitadores. Muchas páginas de inicio de las aplicaciones de hoy utilizan este funcionalidad, permitiendo a los usuarios arrastrar los widgets y los gadgets desiderados dentro del espacio personalizado.

AutoCompletación - Llenar los campos se ha vuelto una actividad muy fácil desde que la funcionalidad de autocompletación de AJAX permite a los autores de sitios Web hacer que aparezcan sugerencias a los usuarios mientras ellos escriben una respuesta.

Mapas - Solo pocos de años atrás hubiese sido ridículo pensar que pudieras combinar cualquier tipo de información con un mapa del mundo y permitir a los visitadores de tu sitio Web de zoomar dentro las cuidades a nivel de la calle y también de obtener y tomar fotos satelitares de esa aréa. Las capacidades del mapping están deviniendo un espacio común y parte integral de la experiencia del usuario de hoy. Y estas ya son cosas que los usuarios estan acostumbrados a esperarse.

WYSIWYG - No es mas necesario conocer el codico HTML para crear contenido en línea. Blogs, wikis, sistemas de gestión del contenido, y otras aplicaciones basadas en la Web están ofreciendo instrumentos para editar del tipo "What You See Is What You Get", y que imitan la interfaz tipo Word para la escritura y creación de contenido.

Anteprimas - Los visitadores de páginas Web ya no necesitan mas clickar el link de otro sitio web antes de conocer exactamente que cosa verán. Gracias a aplicaciones como Snap, es posible ofrecer a los usuarios las anteprimas de las páginas de las cuales existen los link en la página corriente.

Social

Hay por lo menos dos modas que están emergiendo entre los sitios Web de hoy, y está en aumento la conexión entre estas dos.

La Socialización de los Media y de las Aplicaciones

Está emergiendo en la Web un fenómeno de socialización de cosas que antes nunca se habían considerado ser sociales como por ejemplo libros, fotos, videos, y texto como artículos de news, papers, y post. Esta inclinación se ha extendido a las aplicaciones Web como los programas de gestión de proyectos colaborativos incluyendo Basecamp, aplicaciones para compartir documentos como Google-Docs & Spreadsheets, y muchos otros. Junto a estos cambios viene una nueva expectativa entre los usuarios que ahora asumen poder interactuar con la información que descubren en la Web. Estos nuevos trends y expectativas requieren que las interfaces de los sitios Web de hoy incluyan una línea base de funcionalidad social.

Comentar - Los visitadores ya no son lectores pasivos, más bien son muy activos y quieren participar en la conversación y decir su propria opinión.

Votar y Revisar - La votación de objectos y la autoridad son posibilidades que se están pronto convertiendo en requerimientos para sitios Web con productos y media.

Envia a un amigo - Los diseñadores mas sabios dejan que los miembros de su sitio Web le hagan el marketing en su lugar, ofreciéndole instrumentos para enviar artículos, videos, fotos, y productos a sus amigos.

Compartir - El usuario del Web de hoy es de tipo colaborativo que espera que aplicaciones Web, documentos, calendarios y otros instrumentos de creación del contenido sean compartibles con un grupo.

Subscripción - Cuando los visitadores de un sitio Web descubren una columna, artículo, blog post, video, o personas, en los cuales están interesados, esperan de poderse inscribir a la sorgente directamente desde aquel lugar.

Salvar - Los usuarios multitasking de la Web esperan poder hacer el bookmark de los artículos para leerlos después, para ver los videos favoritos, y guardar otros contenidos Web en sus proprios servicios de bookmarking con un simple click.

Los sitios Web ya no pueden ser islas - los visitadores quieren puentes que lleven a otros lados. No es suficiente ofrecer contenido de calidad sino ofreces al mismo tiempo una conexión a la comunidad global que es ahora la Web.

Que dicen los Otros? - Cuando los lectores encuentran una noticia interesante en un sitio Web, quieren saber que cosa otros están diciendo acerca de aquel argumento. Este es posible a través de servicios como Sphereit y otros.

Compartir Descubiertas - Cuando los visitadores descubren nuevas historias, top ten listas, o post controversiales, quieren ser capaces de compartir sus descubrimentos con el mundo, y ser acreditados por ellos en los sitios sociales de noticias como digg.

Crear Nuevo - Hay mil de mashups en la Web hoy, porque usuarios tecnologicos y expertos quieren remixar sitios únicos por medio de APIs o de RSSfeeds.

El diseño de estas básicas herramientas sociales necesita ser simple, fácilmente accesible, y expuesta. No es suficiente que los usuarios sepan que pueden ir en del.icio.us para bookmarkar un artículo o un blog post, los lectores se esperan encontrar un link allí mismo a la base de la entry. No debería ser necesario para los usuarios clickar para ver los comentarios que siguen un artículo. Para ser efectivos, los intrumentos necesitan estar cerca, a la mano.

Social por Nacimiento

En adjunto a los sitios Web que socializan media y aplicaciones, hay sitios que son sociales por nacimiento. Estos sitios Web están dedicados a crear conexiones entre la gente y a construir comunidades. Hay los sitios Web de redes sociales como MySpace, Gather, Facebook, y Ning. El componente primario en estos sitios es el usar el pérfil del usuario alrededor del cual la navegación y la actividad se concentra. La interfaz de este tipo de sitio requiere una línea base de funcionalidad social.

Pérfiles de Usuario - El ingrediente principal de cualquier sitio Web de redes sociales es el pérfil usuario que puede ser adaptado para encontrar la personalidad del usuario.

Listas de Amigos - Cuál es la razón de registrarse en una comunidad social si no puedes hacer amigos? La lista de amigos permite a la gente crear su propria red de conexiones sociales y mostrarla al mundo.

Comentarios - Estas oservaciones ha sido dejadas para los usuarios, por los usuarios. Pueden ser un "chatter" casual, el amigable "escribir sobre la pared", y los "slogan" que son dejados en la página del pérfil de una persona.

Comunicación - Una parte integral de un cualquier social network es la posibilidad efectiva de comunicar con los otros miembros a través de un sistema de mensajes internos, email, IM, o live talk.

Subscripción - Igualmente a los sitios Web de media social, los miembros de las comunidades de redes sociales esperan encontrar las herrameientas que les permitan de subscrivirse a miembros que encuentran interesantes.

Grupos - Estas sub-comunidades en el interior de un ecosistema social permiten a los miembros de asociarse a un grupo específico de personas que comparten intereses similares, profesión, o determinadas características.

Herramientas para la Expresión Personal - Los sitios Web populares de redes sociales ofrecen a sus miembros herramientas para crear contenido como journals personales y blog, así como también la habilidad de subir media y otros objectos como fotos, slideshows, videos, y widget de todo tipo.

Navegación Alternada

Los diseñadores de los sitios Web de hoy están abrazando caminos alternados a la información. En el pasado los visitadores que aterrizaban en una página Web eran obligados a navegar el sitio según la visión del mundo impuesta por el creador. Ahora los sitios Web están ofreciendo maneras orgánicas y alternadas de navigar el contenido que según ellos serán mas efectivas. Muchas de estas nuevas maneras de navegar incluyen la oferta a los visitadores de herramientas para hacer descubrimientos, mientras otros presentan una representacion visual de lo que es importante, ofreciendo a los usuarios multi-tasking y hambrientos de tiempo una asimilación instantánea de la información.

Para Usuario - No es suficiente lo de encontrar solamente la información buscada, la gente quiere explorarse una a la otra y encontrar individuos con la misma mentalidad. Este tipo de navegación es natural en sitios Web de redes sociales donde el intento primario es lo de conectarse con otros miembros.

The Tag Cloud - Esta es una taxonomía complementaria al vocabulario controlado creado por los diseñadores de sitios Web, uno del cuál es orgánico a la comunidad de usuarios. No hay instrucciones requeridas con este instrumento intuitivo que es obviamente clickable y a menudo san serif.

The Top - Inlcuyendo listas como los más populares, los más buscados, los más recientes, los top comentados, top votados, y tod emailed, esta funcionalidad ofrece un sumario rápido de lo que es importante en una comunidad a cada tiempo dado. Hay todavía espacio aquí para que los editores listen sus proprios objectos creados para estas listas de comunidades.

The Zeitgeist - Este es un contenedor para todo lo que está al top y para muchas listas como la de tag cluods, ofreciendo una mirada a la cultura y personalidad de un particular sitio de comunidad.

Informaciones correladas - No todos los caminos hacia las informaciones tienen que llevar a contenido dentro del mismo sitio Web. La navegación ahora incluye lo de moverse dentro y fuera de otros sitios y sorgentes de datos para ofrecer a los visitadores contenidos relevantes. SphereIt puede ofrecer esta funcionalidad.

Mapas de Calor - Sitios Web como CrazyEgg y Summize están usando mapas de calor como herramienta visual para ayudar los usuarios en la navegación y en la asimilación de las informaciones.

Mapas de Relaciones - Digg Labs está experimentando una representación visual de la información innovativa, interactiva con sus aplicaciones Swarm, Stack, y BigSpy.

Herramientas de Tiempo - En los sitios de hoy, los visitadores pueden también regresar atrás en el tiempo y navegar informaciones en función del tiempo.

Mapas - Recubrir de informaciones los mapas, especialmente con la disponibilidad de los mapas de Google y Yahoo!, es una oportunidad de espacio común de los nuevos sitios para navegar la información. Es particularmente importante para los sitios de comercio electrónico en diferentes lugares.

Widgets - Los gadgets son otra forma en la cual los usuarios pueden navegar la información. Estos agregan contenido en un solo espacio, y te permiten de navegarlo todo desde allí. Los sitios Web ya no solamente visualizan simplemente textos, sino que son aplicaciones que contienen otras aplicaciones.

Mashups - Los usuarios Web están creando sus proprias maneras de navegar la información remixando contenido desde diferentes servicios para crear nuevas aplicaciones.

Principios de Diseño de Información para la Nueva Web

• Que Sea Simple - Incluyes solamente funcionalidades necesarias y ofreces un diseño de información eficaz y limpio.
• Hazlo Social - Encuentra las expectativas de los usuarios habilitando conexiones a través de instrumentos sociales.
• Ofrecer Navegaciones Alternadas - Refleja el Zeitgeist de la comunidad y abraza caminos alterados hacia la información, incluído el utilizo de instrumentos visuales.

Nuevas Filosofías Web

• Evolucionate - Los creadores de los sitios Web de hoy no tienen miedo de probar nuveas cosas. No existe la justa respuesta y no se necesita solucionar todo ya al comienzo.
• Se rápido - Contesta a los avances tecnológicos y a los cambios en las necesidades del mercado. Deseas abandonar malas ideas.
• Se abierto - Emites y API y diseña badges y widgets para tus usuarios - o ellos los diseñarán en tu lugar.

Referencias

• 37 Signals. Getting Real, 37 Signals LLC, 2006.
• Hunt, Ben. "Current Web Style". Web Design from Scratch.
• Hunt, Ben. "Web 2.0 Design Style Guide". Web Design from Scratch.
• Krug, Steve. Don't Make Me Think: A Common Sense Approach to Web Usability, New Riders, 2005.
• Nicol, Jonathan. The visual design of Web 2.0. Pixel Acres.
• Schwartz, Barry. The Paradox of Choice: Why More is Less, HarperCollins Publishers, 2005.

Originalmente escrito por Ellyssa Kroski y publicado por primera vez en el April 2, 2007 con el titulo "Information Design for the New Web" en InfoTangle.

Acerca del Autor

Ellyssa Kroski es una bibliotecaria de consultan a la Columbia University y también una consulente independiente de la información. Ha trabajado con la Información y con las tecnologías internet por más de 10 años y ofrece servicios en cursos de tecnología, desarollo de contenido, escritura, comunicación, y organización estratégica de las tecnologías Web y de bibliotecas.

Enseña seminarios de desarollo profesional al library consortium en New York City, y es un miembro de una honorada sociedad internacional de bibliotecas, y tiene un MLIS desde la Long Island University. Ha publicado en el campo de la ciencia bibliotecaria y partecipa a eventos y conferencias nacionales. Esta escriviendo un libro para Neal-Schuman Publishers con el tema de tecnologías y bibliotecas Web 2.0.

InfoTangle es un sitio donde ella puede publicar sus escritos acerca de sus intereses; tecnologías emergentes, Web 2.0, Información, y bibliotecas.