martes, 26 de mayo de 2009
Exposición «Helvetica Forever»
viernes, 22 de mayo de 2009
Diseño de periódicos: impresos vs. digitales
¿Por qué el diseño de periódicos impresos es tan dispar del digital? En la primera página del primero hay unas ocho noticias, se supone que las más importantes; en el segundo, en la home, hay un número indefinido, pero siempre más de veinte ¿por qué?
Se me ocurre algún motivo, que plantearé después, pero antes habrá que preguntarse cuál es la función de estas primeras páginas de los periódicos. Supongo, terreno peligroso el de las suposiciones, que será dar una visión general de las noticias más importantes ocurridas en el día.
Partiendo de esta suposición, vamos con los motivos de esta diferencia. Se me ocurre que será económico. En internet se supone que te da lo mismo el tamaño. Cuesta lo mismo, mano de obra aparte, hacer una home que no tenga necesidad de scroll para verla toda, que una que necesite quinientos scroll para llegar al final. De ahí el número indefinido de noticias que se pueda publicar.
En cambio en la versión impresa estás limitado por el formato, si quieres más tienes que cambiar el formato y eso supone, de primeras, más papel con lo cual sale más caro.
Hasta aquí lo tengo claro. El problema se me plantea después.
Se supone, buff otra suposición, que los directores de ambas ediciones buscan la visión general de las noticias y que sean legibles. Entonces por qué se enfocan de manera tan distinta. Entonces por qué el de la versión impresa no se hace más modular y así le caben más noticias. O viceversa, por qué el de la versión digital no se hace menos modular y se colocan menos de diez noticias.
Ya sé que la diferencia es el medio, pero eso me lleva al motivo económico, lo que me hace pensar que, o al primero le da lo mismo la visión general de las noticias; o al segundo no le importa la legibilidad. Porque la abundancia de tanta información me produce ruido o me satura (me gustaría saber si hay estudios sobre si la sobreinformación produce ruido, desinforma... o sólo me ocurre a mí). Si a esto le añadimos la «feria choquetín» de los banner (todos se mueven, van y vienen) pues la legibilidad escasa. Quizás es que soy muy simple.
Yo prefiero el medio impreso, un vistazo y ya tienes la visión general perfectamente legible, aunque vayas al kiosco sólo a comprar la prensa deportiva. En cambio en el digital hace falta más de un vistazo y de un scroll para esa visión general, porque si no es así ¿para qué lo colocas en la home?
Otra inquietud y esta sí que es de diseño. ¿Por qué los impresos se ajustan a una rejilla base y los digitales no? En este caso sí se que no es por el medio, ni por cuestiones técnicas.
jueves, 21 de mayo de 2009
Cursivas: itálicas y oblicuas
Mi Poesía en el IED
miércoles, 13 de mayo de 2009
¿Qué tipo de letra escoger?

- El cierre de las comillas altas con la letra «f» ha empeorado en el paso de la Garamond de postcript a otf.
- «Vázquez», un apellido tan nuestro, compuesto con la Garamond postcript separa demasiado la «V» y «á» (ocurriría lo mismo con «Vídeo», en el ejemplo utiliza para el par «V» e «í» la palabra «Vídrio»). En la Garamond otf está, ligeramente, arreglado.
- «d'œuvre» no está arreglado en ninguno de los tres. La palabra «d'œuvre» en azul que hay en el bloque de en medio no es que tocado el kerning, sino que hay un pictograma o glifo «d'» incluida en la fuente.
- «Yale» compuesto en la tipografía Bergamo separa en exceso las letras «Y» y «a».
New Rail Alphabet

lunes, 11 de mayo de 2009
Kris Sowersby
Tipografía y MacOSX

Os dejo un link a un pdf de Adobe en el que se explica todo lo que hay que saber sobre el manejo de la tipografía, tan importante en diseño editorial, en Mac OSX. Aprovecho para comunicaros que Adobe tiene nueva página de tipos
domingo, 10 de mayo de 2009
Qué busco y que ofrezco
Un diseñador que cree que el diseño editorial potencia el mensaje a transmitir, que piensa que el diseño impulsa la imagen de marca y corporativa, que opina que el diseño sirve para impulsar la comunicación, y que está convencido que el diseño no sólo sirve únicamente para que el medio de comunicarse sólo sea más bonito.
Un diseñador que ha trabajado en una fotomecánica dedicada a los catálogos de arte y la edición de lujo, lo que le permite realizar trabajos minuciosos y con cuidado de los detalles. Trabajos que, además, no tendrán problemas de última hora.
Un diseñador que también es maquetador y que está acostumbrado a grandes trabajos por su importancia y volumen.
Sí, sí, sí, un diseñador que abarca todas las fases del proyecto: concepción, realización y supevisión. Un diseñador con la formación y la experiencia para desarrollar un proyecto de principio a fin, con un resultado cuidado, mimado y que busca en su trabajo la satisfacción del lector.
Muchas gracias por haber perdido un poco de tu tiempo y haber llegado hasta aquí.
Saludos
Colección Nueva Novela Negra

El término «novela negra» se asocia a un tipo de novela policíaca en la que la resolución del misterio no es en sí el objetivo principal; que es habitualmente muy violenta y las divisiones entre el bien y el mal están bastante difuminadas. Este tipo de relato presenta una atmósfera asfixiante, miedo, violencia, falta de justicia, corrupción del poder e inseguridad. La novela negra agrega la violencia a las características del género policial. Los crímenes se basan en las debilidades humanas como la rabia, ansias de poder, envidia, odio, avaricia, pasiones, etc. Por esta razón aparece un lenguaje más crudo, donde se le da más importancia a la acción más que al análisis del crimen. En este tipo de relato importa más la descripción de la sociedad donde nacen los criminales y la reflexión sobre el deterioro ético.
La colección «Nueva novela negra» consistiría en una colección de cincuenta títulos del género escritos por autores contemporáneos de todas las nacionalidades. Porque no sólo hay «asesinatos» en el mundo anglosajón. Cada vez que se lee una novela negra, no hay que «estar» en la tranquila campiña inglesa o en el agitado Nueva York. En el mundo de la globalidad hay que conocer los ambientes, víctimas, delincuentes y policías de otros países.
El público objetivo sería muy amplio ya que es un género que atrae a mayores y jóvenes, grandes y pequeños, hombres y mujeres...
Su venta y distribución se realizaría através de los quioscos de prensa.
Esta opción fue rechazada por el cliente.

Colección Nueva Novela Negra (aprobada)

En esta opción se opta por un diseño más clásico, en el que como recurso gráfico se utiliza una imagen que tiene relación con el contenido de la obra.
Para el título de la obra y autor se utiliza la tipografía Celeste, que es la que se emplea en el interior.
Como licencia gráfica se usa como color principal el blanco como contraste al caracter «negro» de la colección. Hay que resaltar que uno de los autores exclamó: ¡Por fin una novela mía en blanco!. Esta opción resaltaría más en los expositores de libros del género, ya que en la mayoría de los libros de este género predominan el negro y los colores oscuros. Por contra si fuera expositores generales perdería un poco su identidad como novela negra.
Colección Poesía

Consiste en diseñar una colección de poesía dividida en tres partes: Poesías inéditas, antologías poéticas y poesías completas.
El requisito principal es que la producción sea lo más barata posible y, en consecuencia, sólo se utilicen dos tintas.
Se utiliza un diseño común para toda la colección distinguiéndose las tres partes, por un lado, en la tipografía utilizada para el título de la obra y, por otro lado, en el color utilizado en dicha tipografía. Además se incluye la inicial de cada serie: «i» para poesías inéditas, «a» antologías, «c» poesías completas.
La distinción de las series se podría reforzar empleando un tipo de cartulina distinto para cada serie.
Revista mncars I

Proyecto consistente en el diseño de la revista mncars. Este diseño tiene que ser acorde a la imágen del museo del que depende, conservando su imágen moderna. No obstante, el diseño ha de tener un grado máximo de legibilidad, ya que no se pretende que sea simplemente una revista para ojear.
El diseño de la revista ha de acomodarse a las distintas secciones fijas de las que consta la revista (Próximas exposiciones, Entrevista, La crítica, Publicaciones mncars, Actividades mncars, Colección mncars) y otras secciones o artículos de caracter no periódico.
Para poder abarcar el diseño de todas estas secciones se opta por diseñar una rejilla con un rejilla de dos, tres, cuatro y cinco columnas, que se podrán utilizar según las necesidades del artículo y del diseño.

En otras entradas se exponen las soluciones a las distintas secciones utilizando la rejilla a conveniencia. Al lado de cada doble página, se muestra la rejilla que se ha utilizado superpuesta al ejemplo.
Revista mncars II
Revista mncars III
Revista mncars IV
Revista mncars V
Revista mncars VI
El imperio romano



La enseñanza del grabado en Alemania

A pesar del caracter formal de la tesis, se le dotan de ciertas pinceladas de actualidad gráfica, mediante la utilización de tipografía sin serifa para los textos auxiliares y la posición de la foliación.

Cartel aleatorio

Lo traigo aquí porque aunque el diseño no es mío, sí lo es la maquetación del fondo
Se trataba de crear cuatro versiones del fondo de un cartel, en el que se repetía aleatoriamente un logotipo. El logotipo, en sus veinticinco versiones, en cinco colores, se repetían unas 1.700 veces, eso suponía que para crear las cuatro versiones había que colocar unas 6.800 veces el logotipo, un trabajo de chinos que no está pagado.
Cree un sistema en el que utilizando una hoja de Excel e InDesign se creaba una versión aleatoria nueva automaticamente.
Este sistema permitía crear cuantas versiones aleatorias distintas quisieras en un tiempo mínimo. Os dejo tres más.

Diseño web. Introducción y metodología
- Percepción: el usuario nos tiene que percibir entre todos los demás. Por eso, la primera diferenciación debe estar en el plano de la identidad (lo que eres) y luego en el plano de la imagen (lo que proyectas).
- Interés: Que se interese por nuestro sitio, para que más explicaciones.
- Probar/comprobar
- Utilización: Hasta aquí es donde llegan la mayoría de los sitios web.
- Interactuación: En este paso conseguiríamos que el usuario, por ejemplo, se inscribiese en un club de marketing.
- Optimización: Consistiría en conseguir que haya un feedback con el usuario.
- Evangelización: Objetivo cumplido. Ya tenemos un usuario que hace una labor de «venta» de nuestro sitio, y además gratis. Hasta aquí han llegado pocos, muy pocos (Facebook, Youtube...).
- Briefing: Petición, exigencia, explicación, ruego, súplica... por parte del cliente de lo que quiere o pretende. Para entender bien lo que quiere, antes hay que saber lo que es, lo que proyecta, etc...
- Indagación con usuarios: Incluiría las siguientes técnicas
- entrevistas
- card-sorting
- test de usuarios
- mistery user
- diario de uso
- Investigación:
- Benchmarking
- Análisis heurístico, consistiría en un estudio de los principios heurísticos (claridad de propósitos y objetivos, visibilidad y orientación inmediata, adecuación a los modelos mentales del usuario y la lógica de la información, reconocimiento más que memoria, control y libertad del usuario, consistencia y estándares, prevención de errores, flexibilidad y eficiencia de uso).
- Prototipado y desarrollo:
- Wireframes
- Diseño, teniendo muy presentes las técnicas SEO (search engine optimization)
- Comprobación con usuario
- Test con usuario
- test concepto
- click show
Diseño web. Briefing y benchmarking I
- Karlosnet.com: primer resultado de búsqueda en google.es.
- Delices-defrance.com: primer resultado de búsqueda en google.fr.
- Epicurious.com: décimo resultado de búsqueda en google.com.
- Recetae.com: nuevo sitio web en fase de construcción.
- Allrecipes.com: primer resultado de búsqueda en google.com.
- Nombre y logotipo. Mostrar el nombre y el logotipo del sito de la empresa a un tamaño razonable y en una ubicación relevante. Todos están en un lugar relevante (arriba a la izquierda), los tamaños de mayor a menor son Epicurious, Delices, Karlosnet, Allrecipes, Recetae, siendo este último quizas un poco pequeño, de ahí su menor puntuación. La escasa puntuación en este apartado a Karlosnet se debe a que está rodeado de banners y además el que está su derecha son otros logotipos lo que hace que se confunda más todavía.
- Eslogan. Inclusión de una frase que resuma explicitamente la actividad del sitio. Sólo esta en Epicurious que quizá es quien más lo necesita por no deducirse del nombre a que se dedica el sitio. Recetae y Allrecipes, al poder deducirse del nombre y apoyado en un logotipo con utensilios de cocina serían los que menos lo necesitarían, de ahí su inferior puntuación. Delices y Karlosnet no la incluyen así que un usuario no sabe en un primer vistazo a que se dedican, de ahí su pésima calificación.
- Logo vinculado a página de inicio. Es una regla de estilo y cortesía desde el principo de internet aceptada por todo el mundo. No se pensaba poner en este estudio, pero como hay uno de ellos, Delices, que sorprendentemente no la cumple se ha decidido incluirla.
- Resaltar las tareas de mayor prioridad del usuario. Este es un criterio subjetivo, ya que se presupone que el usuario lo que busca es una receta de cocina. Todos los sitios, menos Delices, tienen en el tercio superior de la página un vínculo con una receta de cocina. En Delices hay que hacer scroll para encontrar la primera receta de ahí su baja calificación.
- Incluir información corporativa separada. Se refiere a lás páginas de “quiénes somos”, “contacte con nosotros”, etc, que por costumbre se colocan de forma separada. Aunque cada vez es menos relevante, es un apoyo en la confianza en el sitio y en algunos casos es obligatorio. Tres sitios (Karlosnet, Epicurious y Allrecipes) tienen esa información, en los dos restantes no está disponible o muy poca, como en el caso de Recetae.
- Utilización de ejemplos que revelen el contenido del sitio. Los ejemplos de contenidos bien elegidos pueden expresar mucho más que las palabras utilizadas aisladamente. Hay que intentar evitar un título llamado “recetas” con una descripción del estilo “las recetas más sabrosas”. Todos los sitios tenían una receta pero además se ha calificado que estuviera apoyado por un texto descriptivo, Allrecipes, y que tuviera una imágen de apoyo, todas menos Delices.
- Ejemplo de receta a la ficha directamente. Todos los sitios cumplen con este criterio, aunque en Karlosnet su receta del día lo incumple, de ahí que tenga una calificación inferior.
- Vínculo a categoría más amplia. Este criterio califica que cuando se pincha en una receta de la página principal aparezca la categoría a la que pertenece, y que sea linkable. Sólo lo cumple Delices, en Epicurious unas veces aparece y otras no, y en el resto no aparece.
- Acceso a lo reciente. Se refiere a la inclusión de un apartado que muestre las recetas aparecidas más recientemente para que el usuario que no accede regularmente tenga acceso a ellas y para que el usuario olvidadizo tenga fácil acceso a ellas. Unicamente Recetae cumple el criterio.
- Diferenciar los vínculos. Este criterio aparte de valorar que se vea con claridad que es un link y que no, también tiene en cuenta que haya un criterio único. Los más estrictos son Recetae y Allrecipes, todos los links son gráficamente iguales. Epicurious también es bastante estricto aunque mezcla dos criterios, en unos sitios utiliza el color y en otros la negrita. Delices utiliza dos criterios uno para las recetas (negrita y negro) y otro para el resto (negrita y color). Karlosnet lo hace todo al revés: lo que está en negrita y subrayado no es el link, es lo que está en normal y sin subrayar, hay vínculos en sólo negritas, en cursivas, etc. de su pésima calificación.
- Diferenciar los links visitados de los no visitados. Aunque es una convención cada vez menos utilizada, en sitios como estos en que puedes llegar a consultar muchas recetas sería recomendable utilizarlo. Ninguno utiliza este recurso.
Diseño web. Briefing y benchmarking II
- Navegación principal destacada. Este criterio evalúa la colocación de los menús de navegación en un sitio destacado y “esperado”. Los usuarios de estos sitios no tienen poque ser usuarios avanzados así que la navegación ha de ser estándar. Epicurious, Allrecipes y Delices tienen colocados los menús en sitios convencionales aunque con ligeras diferencias. Allrecipes es el que mejor cumple los estándares, uno arriba y otro a la izquierda. Epicurious también coloca uno arriba y el segundo a la izquierda aunque debajo de otras informaciones lo que hace que casi desaparezca de la primera pantalla, si bien están disponibles en los desplegables del menú superior. Recetae utiliza otra forma de clasificación y de navegación, aunque está clara la forma de navegación. En Karlosnet el que hay en la parte superior está cercado por dos banners lo que hace que la posición destacada se pierda; el que hay en la parte izquierda está debajo de una foto del cocinero, por qué? lo conoce todo el mundo? o sólo en España?.
- Buscador propio. Este criterio evalúa la inclusión de un buscador propio ya que se considera muy apropiado para estos sitios por su posible extensión y porque contiene información muy específica, muy susceptible de ser encontrada por este sistema. Todos tienen buscador, los mejores los de Allrecipes y Recetae que busca en todo su contenido no se limita a las recetas como en el de Epicurious y Karlosnet. Delices no posee buscador propio sino que es google.
- Caja del buscador amplia y bien situada. Todos los buscadores, excepto el de Karlosnet, son lo sufientemente amplios para las búsquedas, están situados en sitios bastante accesibles y son visibles. El de Karlosnet es el más pequeño, está en un sitio que no es el convencional y además se confunde con el resto. El de Recetae también esta colcado en un sitio no habitual pero resalta lo suficiente al tener un área más grande.
- Elementos más importantes en un primer vistazo. Se considera que en un sitio de este estilo, lo más importante son los accesos a recetas, la participación social y la recuperación de información, por lo tanto han de estar accesibles en la primera pantalla (810 px) o haciendo un pequeño scroll (1000 px). Delices es el que no cumple o muy escasamente este criterio, ya que no se ve prácticamente nada de interés, sólo el buscador. El resto en esos primeros pantallazos tienen acceso tanto a recetas como a los foros donde participar como a los buscadores.
- Título de la página. Este criterio hace referencia al título de la ventana, se valora este criterio por dos motivos, por un lado por usabilidad, por otro lado, porque influye en la localización y posicionamiento de google. Se valora que tenga el nombre de la empresa y que contenga alguna palabra clave que sea susceptible de ser utilizada en un buscador para encontrar el sitio. Karlosnet no cumple ninguno de los dos requisitos, utiliza una frase descriptiva apoyada en la fama, en su país, del cocinero. Delices utliza unicamente la palabra clave (receta/recetas). Los otros tres son los que mejor solucionan este criterio ya que usan los dos recursos, quizás Recetae tendría que ser más “expresivo”, ya que se queda un poco corto.
- Anuncios en periferia. Se valora porque la gente evita la publicidad y los artículos que estén a su alrededor pueden verse influenciados. Recetae no tiene con lo cual no se valora. Karlosnet tiene una publicidad muy agresiva, parece que sólo quiere ganar dinero a cualquier precio, la cabecera es una mezla de banners y logotipos, tiene dos columnas de banners a la derecha, un banner enmedio del contenido, otro banner a la izquierda. Delices pone los anuncios que tiene enmedio, antes que las recetas. En el caso de Allrecipes y Epicurious curiosamente en la home sólo disponen un poco de publicidad en la derecha y es en los siguientes niveles cuando incluye publicidad en cabecera.
- Registrarse como usuario. En este criterio se valora que en la opción de registrarse no se mencione únicamente, sino que se añadan los beneficios de registrarse. Los que mejores aplican este criterio son Epicurious y Recetae, Allrecipes no lo aplica en la home si no en el siguiente nivel, y Karlosnet y Delices directamente no lo aplican.
- Comunidad o foros con vínculos específicos. Como se estima que la participación social es muy importante, este criterio valora que el vínculo a las comunidades o foros este en lugar visible, y que no se haga exclusivamente de una manera literal, sino que se añadan unos vínculos a los temas que más se debatén en los foros o cualquier otra idea que exprese participación. Los que peor utilizan este recurso son, nuevamente, Karlosnet y Delices, en ambos casos sólo existe un vínculo literal en el menú. En el caso de Recetae es el que más importancia le da al hecho de registrarse ya que lo coloca en un lugar prefente y muy destacado. Allrecipes lo coloca también en el primer pantallazo en un menú específico. El que hace una utilización más intensiva es Epicurious que también lo coloca en una zona destacada, pero además en la home pero más abajo tiene su propia sección con algunos temas.
- Utilización de etiquetas «h1, h2...» Este criterio se valora por dos motivos: demuestra una metodología a la hora de ordenar la información lo que favorece la accesibilidad del sitio; por otro lado, es otro de los criterios que utilizan los buscadores a la hora de realizar el posicionamiento. El único que hace utilización plena de este recurso es Epicurious, Recetae y Allrecipes no utilizan «h1» pero sí las siguientes, y Karlosnet y Delices no utilizan ninguna.
- Separación información-diseño. Este criterio afecta a la accesibilidad de las páginas y a la versatilidad gráfica del diseño. Los dos que realmente separan los dos ámbitos son Epicurious y Recetae. Karlosnet no utiliza las clases, sigue utilizando las tablas, etc... Allrecipes y Delices utilizan clases, aunque siguen utilizando tablas aunque mezcladas con etiquetas «div».
- Utilización de palabras clave. Es un criterio exclusivamente para posicionamiento en buscadores. Los dos peores son Karlosnet y Recetae que se mueven en el rango 10-15, después está Allrecipes 15-20, y finalmente Delices y Epicurious en el rango 20-25.
- Multimedia. En esta época de web 2.0 y con menos limitaciones técnicas se valora la inclusión de vídeos, podcasts... Sólo incluyen vídeos Delices, Epicurious y Recetae. Aunque en el primero son sólo unos extractos de una cadena de documentales.
- Web 2.0. Este es un criterio de apreciación personal, e intenta valorar la intención en adapatarse a la nueva web, mayor participación del usuario, nuevos medios, etc... en definitiva que no sea un mero escaparate. Todos los sitios tienen una comunidad o foro, todos dejan subir y compartir recetas, en la mayoria se pueden hacer comentarios de las recetas, algunos dejan subir vídeos. Karlosnet dispone de un foro con diversos temas en los que se pueden incluir recetas. No dispone de la posiblidad de comentar las recetas de la empresa pero se pueden comentar las de los usaurios através de los foros. Delices es la que es menos participativas ya que unicamente se pueden compartir recetas y comentarlas. Epicurious dispone la posibilidad de compartir y comentar recetas, subir vídeos, además tiene foros... Recetae dispone la posibilidad de compartir fotos y videos de las recetas. Allrecipes sólo dispone de la posiblidad de compartir las recetas.
Diseño web. Card-sorting

Diseño web. Arquitectura de la Información I

Diseño web. Arquitectura de la Información II
- sistemas de búsqueda:
- sistema tradicional de consulta a base de datos por solicitud del usuario mediante palabras clave introducidas por él. Se ofrecerá en todo el sitio web en la esquina superior derecha y consistira en una caja de texto para introducir las palabras clave y un botón de buscar.
- Sistema de consulta a base de datos por solicitud del usuario mediante criba por categorias de facetas sugeridas por gestor del sitio. Se ofrecerá en la home y en cada una de las páginas principales de las secciones de recetas, vinos y restaurantes.
- sistema de navegación: sistema de directorios organizado según las facetas y categorías de los elementos. Se ofrecerá en las secciones de recetas, vinos y restaurantes.

Diseño web. Wireframes I
- Area de navegación. Está dividida en dos partes, en la primera, a la izquierda, incluiremos las secciones más importantes para el usuario y cada sección tendrá un menú desplegable con sus respectivas secciones. En la segunda parte, a la derecha, se dará acceso a las secciones del sitio web con un uso menos intensivo.
- Buscador. Buscador en flash de recetas o vino o restaurante en el que se efectúa un filtrado según dos características.
- Area de Comunidad. Área en la que el usuario puede registrarse o darse de alta. Además se ofrece noticias de la comunidad como preguntas más activas de los foros y contenido más votado por los usuarios.
- Área de noticias. Sección en el que se ofrece periódicamente un resumen de una receta, un vino y un restaurante. Estarán directamente vinculados con su ficha técnica desarrollada. El resumen se acompaña con una serie de iconos que ofrecen un resumen de las características y que corresponden a una categoría de las facetas de cada elemento.
- Área de recursos. Sección actualizada periódicamente de pequeños recursos.
- Área histórica. Sección en el que se enumeran los elementos de recetas, vinos y restaurantes publicados en el último mes, para que el usuario que no realiza una visita periódica frecuenta pueda consultar las novedades.
Diseño web. Wireframes II

- Area de navegación. Está dividida en dos partes, en la primera, a la izquierda, incluiremos las secciones más importantes para el usuario y cada sección tendrá un menú desplegable con sus respectivas secciones. En la segunda parte, a la derecha, se dará acceso a las secciones del sitio web con un uso menos intensivo.
- Buscador. Buscador en flash de recetas o vino o restaurante en el que se efectúa un filtrado según dos características. Aquí podemos apreciar la labor de los arquitectos de la información.
- Area de Comunidad. Área en la que el usuario puede registrarse o darse de alta. Además se ofrece noticias de la comunidad como preguntas más activas de los foros y contenido más votado por los usuarios.
- Área de contenido. En esta sección se ofrecerá:
- Receta de la semana: Breve descripción con las características plasmadas mediante iconos.
- Receta más votada o comentada: Breve descripción con las características plasmadas mediante iconos.
- El menu de la semana: Breve descripción del menú que hay para la semana. Se dará acceso a algunas fichas técnicas de las recetas. También se dará acceso a menus de dietas especiales (para celíacos, diabetes...)
- Acceso a las recetas y los menus del mes

- Area de Comunidad. Se mantiene esta área porque se considera de máxima importancia. Es un área en la que el usuario puede registrarse o darse de alta. Además se ofrece noticias de la comunidad como preguntas más activas de los foros y contenido más votado por los usuarios. Este contenido se puede variar a lo largo del sitio: cambiando las noticias de los foros y “lo más votado” por “lo más comentado”, “lo más nuevo”...
- Buscador. Se mantiene el buscador por si el usuario equivocó los crierios de búsqueda o quiere cambiarlos.
- Resultados de búsqueda. Se muestran los resúltados de la búsqueda según parámetros deseados por el usuario. En los resultados se muestra: el título de la receta, descripción, características de la receta, representado mediante iconos y que se corresponden con las facetas de la receta. Estas características las habrá introducido el usuario cuando haya publicado la receta. Se ofrece la posibilidad de ccambiar el criterio para ordenar los resultados de la muestra.
- Publicidad.
Diseño web. Wireframes III
- Area de Comunidad. Se mantiene esta área porque se considera de máxima importancia. Es un área en la que el usuario puede registrarse o darse de alta. Además se ofrece noticias de la comunidad como preguntas más activas de los foros y contenido más votado por los usuarios. Este contenido se puede variar a lo largo del sitio: cambiando las noticias de los foros y “lo más votado” por “lo más comentado”, “lo más nuevo”...
- Menú de Ficha Técnica. Menú para navegar por las distintas secciones de la receta: receta, comentarios, imágenes y vídeos. Estos menúa aparecerán si existe contenido para ellos.
- Ficha Técnica. Área de conternido de la receta. Se mantienen los iconos que describen las características de la receta. Se divide en dos secciones ingredientes y elaboración. En la sección ingredientes se añaden dos botones para añadir éstos a una lista de la compra que será acumulativa con los ingredientes de las distintas recetas que haya elegido el cliente, para poder imprimirla de una vez.
- Área interactiva. Área en el que el usuario podrá incluir un comentario a la receta, votar la receta, y añadir a una lista personal en la que se incluirán todas las recetas que quiera el usuario.