¡Hola! Este es un blog de infodiseño y diseño de interacción, preferentemente, en el cual escribe Omar Sosa Tzec (b.k.a. Omi Tzek), oriundo de Yucatán y actualmente radicando en Puebla, México.
Si deseas contactarme, por favor escribe a omi@tzek-design.com. Espero tus sugerencias, comentarios y opiniones. Gracias.
¿Buscas diseño? Quizá pueda ayudarte. Realizo diseño de información aplicado a comunicación gráfica, soy apasionado la gestión de la identidad corporativa y el diseño de interacción.
Planetaki es un lector de feeds fácil de usar. Te registras, creas tu planeta, vas agregando sitios web y cada vez que regresas aparecen las últimas publicaciones de éstos.
Si ya tienes tu planeta, da clic en el botón para agregarme.
Ahora que me han estado solicitando un archivo de los trabajos de difusión en el , consideré más práctico hacerlo en línea que guardar copias impresas ya que:
La gente puede acceder a la muestra de trabajos y quizá opinar.
Puedo descargar una copia para alguna presentación.
La muestra de imágenes está en la cuenta de y cuya liga al set es:
También aproveché para poner en línea un par de presentaciones en , por lo práctico de acceder a ellas si es necesario y para ir conformando un archivo de presentaciones.
Aunque es muy propio conformar portafolios en alojamientos propios, aprovecharse de las plataformas relacionadas con las redes sociales resulta no sólo cómodo, sino también bastante práctico. Sería importante reconsiderar ya dejar todo un portafolio bajo un CMS con incrustaciones de otros elementos alojados en las redes sociales. En fin…
Encontré este de de . Lo dejo aquí de referencia, en particular por el enlace que tiene a , herramienta que está super-bien para checar en pantalla. ¡Ah! Y también por el generador de paletas de color de que resulta práctico cuando uno está en clase de diseño web.
Si tienes la "cosquillita de poner un negocio que funcione en Internet" o eres un geek entusiasta de la Web 2.0 que desea compartir y discutir ideas, es un grupo de personas con las mismas inquietudes, las cuales realizan reuniones sin ninguna pose o formalismo; la idea es crear una comunidad activa y participativa. Como dicen: Tequila Valley es de todos.
Gracias a me entero que hay un ciclo de conferencias de la Web 2.0 este viernes 6 de marzo en el auditorio "Albert Einstein" de las de la de las 11:00 h a las 13:00 h; en adición, hay una reunión Tequila Valley para emprendedores web a las 17:00 h.
Mayor información en: o siguiendo en Twitter a alguno de los del grupo.
Un producto de diseño visual, por su naturaleza, "aplasta" dentro de un área delimitada los elementos que lo constituyen, viviendo éstos "en capas". En forma burda, podemos distinguir al menos dos: un frente y un fondo. Si nuestro ojo está mejor educado podemos descomponer el frente en dos o más capas también, sin embargo lo que sí es un problema de diseño es cuando no se pueden distinguir al menos estas dos capas, ya que no se puede "leer" o extraer el significado de lo está al frente o bien, entender si el fondo es despreciable.
Esta separación se hace más importante cuando los productos poseen un carácter informativo con el fin de tomar decisiones o bien, involucran realizar una tarea. Ejemplos de éstos son sitios web, interfaces gráficas en teléfonos celulares, cajeros automáticos, señales en las autopistas, entre otros. En algunos casos el tiempo en el que el usuario puede separar el frente del fondo resulta relevante; por ejemplo, ¿qué implica si en una autopista a 120 km/h un conductor no puede entender lo que dice una señal porque la información pertinente no se distingue del fondo?
La separación del frente y del fondo depende de dos factores básicos:
La estructura visual de lo que constituirá el frente. Esta estructura implica que la información tiene una buena distribución y una buena jerarquización; es decir, se pueden identificar los pedazos o chunks de información.
El contraste visual entre el frente y fondo.
En algo "más" sencillo como un sitio web, puede cometerse el error de colocar la información "directamente" sobre una imagen de fondo (que puede repetirse o no) y a veces, aunque haya una estructura visual, el contraste entre el frente y fondo no es suficiente y todo queda "ruidoso".
Variaciones del mismo fondo que ayudan a identificar el contraste que separa el fondo de un frente de información ya visualmente estructurada.
La separación entre el frente y el fondo podría ser equivalente a tener una letra escrita en una hoja de papel. No importa la tinta empleada o el tipo de papel; para ser leída, es importante que se pueda distinguir la letra, entonces se cuida la forma de la letra misma así como el papel en el que se escribe. Contrariamente, una letra garigoleada (con mucho adorno) sobre un papel excesivamente texturizado podría dificultar la lectura.
Es muy grato toparse con iniciativas como la de Alzado. Tal como aparece en su sitio web:
Resumen: 3.000 euros para la mejor idea para un proyecto web. En estos momentos de incertidumbre financiera, creemos que la Beca Alzado tiene más importancia que nunca. Por segundo año convocamos a cualquier persona a enviarnos su idea para un proyecto web. El plazo estará abierto todo el mes de Noviembre. Daremos la beca el 15 de diciembre.
Toda la información está en el . Aquí dejo un par de detalles que aparecen en dicho post que pueden animar a la participación.
Envía tu idea
El proceso sigue siendo tan sencillo como el año pasado. Envía tu idea en cualquier formato.
Puedes sencillamente rellenar el formulario, adjuntar un documento, poner enlaces a la web... lo que quieras. Lo que valoramos son las ideas. Evidentemente cuanto más detallada y elaborada, mejor se podra valorar y por tanto tendrá más posibilidades de llevarse la beca.
Quién puede enviar su idea
- Desde cualquier país.
- Cualquier persona (edad, sexo, creencia...).
- El texto del proyecto puede estar en inglés o castellano.
- Ideas destinadas a internet. Portales, aplicaciones, contenidos, tiendas, diseños, comunidades... Cualquier cosa. El año pasado se recibieron ideas sobre productos industriales o productos físicos. Si bien eran ideas geniales, nosotros no somos los más adecuados para juzgarlas y por tanto preferimos descartarlas de entrada.
Es tu idea
En Alzado solo queremos apoyar a las ideas y a sus creadores. La idea ganadora, así como todas las ideas enviadas pertenecen a sus autores. La beca no compromete en nada al autor de la idea con Alzado.
Para que quede lo más claro posible: No queremos nada. Solo queremos apoyar a la mejor idea que encontremos.
Una vez pasado el proceso de selección todas las ideas enviadas serán eliminadas de nuestros archivos para siempre.
Si gustan, pueden ver el proyecto ganador del año pasado: .
Dentro de las publicadas en línea, se encuentra una sobre la exposición del que muestra el resultado de combinar el diseño con la ciencia. Su nombre es , y la , es un previo que ofreció su curadora, Paola Antonelli, en diciembre del año pasado.
Ya ahora, el muestra los más de 300 proyectos seleccionados. Éste tiene una forma particular de navegarse, mostrando la relación entre las categorías o tipos de proyectos a través de un grafo. Aunque esta forma se siente rara en un principio, después resulta útil dentro de tanto contenido.
Usuarios de mac: por cierto, no se ve en Safari, sólo en Firefox.
Aquí dejo el video con la presentación de Paola Antoneli dentro de las TED Talks:
Veo en la y que la gira de conferencias sobre web 2.0, que a su vez promocionan el evento de , tendrán su conclusión en Puebla, Puebla. Vendrán y de Vecindad Gráfica.
¡Excelente! Para los que no podremos ir a Cancún es un buen chance para conocer y escuchar a practicantes de los estándares y construcción de herramientas sociales en la Web. ¡Ahí nos vemos!
Por cierto, antes de que se me pase... Por si no los han visto, les recomiendo dar un vistazo a la serie de post del buen Sosa sobre cómo ser freelancer, los cuales se llaman .
Comenta Adán:
Como sitio final de la gira para dar a conocer el evento de México Web 2.0, que se llevará a cabo el 3 y 4 de Noviembre en Cancún, ahora visitamos Puebla:
Ciclo de Conferencias: Web 2.0 para Ingenieros y Diseñadores
Fecha:16 de Octubre
Hora: 13:00 horas
Lugar: Conexsoft 2008, Centro de Convenciones Puebla
Ponente: Adán Avelar
Hora: 13:00 hrs. | Duración: 30 minutos
* El impacto del Web 2.0 en el México de hoy
Ponente: Armando Sosa
Hora: 13:30 hrs. | Duración: 30 minutos
* Construyendo una nueva Web
Mesa Redonda con los ponentes
Hora: 14 hrs.
Apresúrate a registrarte para el gran evento el 3 y 4 de Noviembre en Cancún.
Una de las grandes ventajas de Internet es la facilidad de acceso a diferentes recursos, por ejemplo un tesauro. Me acaban de pasar una liga a , que como su nombre lo indica, es un tesauro visual, que a diferencia de uno tradicional (posiblemente un libro enorme) presenta un grafo que muestra la relación entre términos mediante el cual puedes ir navegando entre éstos y más aún, supera al tradicional porque te permite, por ejemplo, realizar búsquedas de contenido e imágenes en Google. Muy interesante como herramienta involucrada con arquitectura de información.
Las revistas de chismes del espectáculo son popularmente adictivas. En México existe una gran circulación de este tipo magazines, siendo una de las más representativas y con más trayectoria. Una característica distintiva de éstas es sin duda la portada, la cual tiene que gritar para llamar la atención de los lectores potenciales. Y que mejor manera de hacerlo con textos en caja alta, colores vibrantes, falta de aire en la composición y enunciados estridentes.
Lo importante tiene que aparecer en la portada. Pero, ¿qué es lo importante? ¿quién lo determina? Quizá a muchos nos cruza por la cabeza la palabra editor y más aún, podríamos determinar que "él decide, él dirige, y punto".
Si hacemos la analogía con la Web, la portada vendría siendo la página de inicio. ¿Cuáles son las respuestas a las mismas preguntas? El editor o webmaster sería quien determina qué, en qué orden y dónde van las cosas ¿no? Sin embargo, la Web es una de las entidades donde el poder del usuario final tiene más peso para lograr el éxito ¿o no?
Supongamos que el webmaster es en sí el "diseñador web": el que se encarga no sólo del mantenimiento sino que ha participado tiempo atrás, tanto en la estructura como en el layout. Este caso es fácilmente visible en freelancing o en trabajos donde un equipo pequeño (incluso de una o dos personas) se encarga de un sitio completo.
Pues bien, la premisa del "lado del diseñador" sería "poseo los conocimientos para determinar cómo indentificar la estructura del sitio y la interfaz de este"; ergo, "aquí está el sitio propuesto, úsese". Sin embargo, existe una contraparte: los stakeholders o las personas interesadas (en el sitio). No estamos hablando del usuario final. Entre estas personas puede estar quien encarga el sitio (contratista), el jefe, un comité que determina qué información se estará presentando, etc. Lo "sabroso" se da cuando la mente (y el ego, por qué no) del diseñador se encuentra con la de los stakeholders para determinar, entre otras cosas, qué incluye y cómo debe ser la página de inicio, la "gran carta de presentación".
En ese cruce de "aires", cual formación de tornado, suele darse un "Síndrome de portada TV y Novelas" en el index o página de inicio, el cual corrompe terriblemente la posible propuesta óptima de interfaz web por parte del diseñador. Todo es importante y todo debe resaltar. Claro, las opiniones son muy sesgadas dependiendo del stakeholder en cuestión. Justo ahí es donde entra el grado de influencia de cada uno de ellos; sin embargo, todos quieren tener visible el nicho de información de su interés.
La "homepage TV y Novelas", le pone al usuario todo a la mano, eso debe ser bueno. Se pueden encontrar banners animados en flash y muchos botones o imágenes por todas partes, textos de gran tamaño, menús desplegables con muchas pero muchas opciones, más de 5 logotipos (por eso de mostrar que el sitio es importante), etc.
El ying-yang de este asunto puede describirse así: el diseñador web no preparó la estructura (navegacional y visual) del sitio "a prueba de balas" y tampoco se preocupó por sensibilizar a los stakeholders hacia una cultura de la usabilidad y fucionalidad (¿qué queremos con el sitio? ¿para qué servirá?); por otro lado, las personas interesadas sí quitan autoridad al diseñador (aunque se les explique), debido a que lo "importante" es lo importante y tiene que estar en el index, cuanto más opciones, mejor. No se trata de armar "pleito", ni de ver quién tiene la razón, sino de darse cuenta que un sitio web va más allá de "presentar información", porque en la mayoría de las veces están ahí para usarse.
¿Y a qué lleva el último punto? La respuesta es simple: cuando los usuarios usan el sitio (valga la redundancia), se topan con una página de inicio saturada, con demasiada información, muchas opciones para seguir navegando y que pobremente responde a sus necesidades. Después, cuando llega la retroalimentación, sobretodo en esas situaciones donde se apremia "la calidad en el servicio", los stakeholders se dan cuenta que la página de inicio y todo el sitio, están mal. Como parte de este síndrome entra su desesperación por no quedar mal y demostrar que sí hay aptitud, que se tiene un sitio web bueno, usable y relevante. Es posible que en este punto se recurra de nuevo al diseñador para que "corrija" tales desperfectos.
El síndrome puede evitarse, pero requiere de la participación de los stakeholders y que sepan hasta dónde llega su autoridad, dejando lo pertinente al diseñador web, que en teoría es el experto y sabe lo que conviene pensando en los usuarios del sitio. Lo complicado está que se involucran aspectos emocionales (en particular de egocentrismo) tanto en el diseñador como en las personas interesadas, por lo que "sanar" es más difícil de lo que parece.
El diseñador para ponerse frío, hay que reconocerlo, debe hacer su chamba, documentar en la medida de lo posible (wireframes y blueprints, esquemas y diagramas, todo lo válido para comunicar por qué se hacen las cosas) y ser claro ante los stakeholders sobre lo que se pensó, lo que se tiene, lo que puede ser y lo que se podría hacer.
¿Complicado o díficil? Sí. Pero es parte del show ¿o no?
A principios de la década, a mi juicio, uno de los mejores recursos para los interesados en el diseño y desarrollo web era , gracias a sus buenos tutoriales y otros artículos. Entre los primeros se encuentra el "".
Si necesitas conocer qué es y cómo se aplica este concepto en un sitio web, te recomiendo echarle un vistazo a este tutorial; su contenido es presentado con claridad, cubriendo los puntos necesarios en forma concisa.
Liga:
¡Qué bien que Webmonkey está de vuelta! Un portal dónde se aplicaba bien el concepto de que el contenido es el rey. Espero que en esta versión se repita la historia.
