Rediseño: Wireframe de Portada

Tuesday 28 de December, 2004, 17:43

Imagen reducida de wireframe para la portada de El Factor Humano.

Wireframe de la portada de EFH.

Como anunciara ayer, estoy iniciando el proceso de rediseño de EFH. En consecuencia, aquí va la primera entrega del proceso: la primera versión del wireframe de la portada. Está disponible en PNG y PDF, aunque la verdad recomiendo el PDF.

Los wireframes están compuestos utilizando mis plantillas estándar para estos efectos, así que el proceso es lo más parecido posible a cómo trabajo en otros proyectos.

Como siempre, los comentarios serán bienvenidos, finalmente son ustedes los usuarios de este sitio.

Comentarios para 'Rediseño: Wireframe de Portada'

  1. 1URIPaRaP, Tuesday 28 de December, 2004, 21:50

    ¿Ese 3.C (el buscador) no estaría mejor arriba a la derecha? Dime tradicional, jeje

    saludos!

  2. 2URINelson, Wednesday 29 de December, 2004, 11:48

    Hola PaRaP, lo que mencionas es algo que aún no tengo completamente claro o decidido. Estoy tratando de optimizar los mecanismos de navegación clásicos de un blog y explorando el modo en que los usuarios (incluido yo mismo) utilizan los contenidos en un weblog.

    Pienso que si bien siempre un buscador es importante, en un blog con una estructura de acceso a los contenidos clara tiene una relevancia un poco menor. Lo que trato de hacer es destacar la estructura de navegación del sitio. De todos modos el buscador aparece en el primer pantallazo de cada página.

    Insisto, no es un tema cerrado y sería genial poder conocer cómo cada uno de nosotros utilizamos los blogs para navegar los contenidos.

    Finalmente PaRaP, cada vez que llego a tu sitio lamento no tener idea de català :).

  3. 3URIjuque, Wednesday 29 de December, 2004, 15:59

    Pregunta: ¿Utilizas algún software para realizar tu Wireframe?, si no es así ¿con qué lo haces?

    Informar de los trackback de la entrada lo considero relevante, eso me dá un rápido indicio que la entrada dio para un comentario remoto.

  4. 4URINelson, Wednesday 29 de December, 2004, 16:25

    Hola Juque, los wireframes los diseño con OpenOffice Draw. Es una herramienta muy útil para la generación de diagramas, creo que debería escribir sobre ello estos días.

    Respecto a los trackbacks, estoy de acuerdo, lo que ocurre es que lo que estás viendo es la portada donde pretendo publicar resúmenes de los posts y la dirección de trackbacks se presenta en la página de detalle. Creo que mañana publicaré ese wireframe.

  5. 5URIdaniela, Monday 3 de January, 2005, 15:32

    Hola Nelson
    me atreví a comentar por segunda vez. Creo (humildemente)que para los que visitamos más seguido que una vez a la semana tu blog, sería más cómodo que el último post estuviera completo y de ahi los resúmenes.
    :)
    dmy

  6. 6URIDuopixel Weblog, Monday 14 de February, 2005, 2:50

    Paso 2: AI y Wireframe
    Seguimos con nuestro tutorial improvisado de “cómo hacer un sitio web con proceso”. Lo que sigue después de nuestra investigación de usuarios, es organizar la información por categorías (aquí le he llamado Arquitectura de Información aunque la AI imp…

  7. 7URItorresburriel.com » La importancia de los wireframes, Wednesday 6 de April, 2005, 5:57

    […] los problemas que pueden plantearse por su uso, etc. Más sobre wireframes en español: Rediseño: Wireframe de Portada Rediseño: Wireframe de Página Interior Wireframes W […]

  8. 8URItorresburriel.com » La importancia de los wireframes, Wednesday 6 de April, 2005, 6:04

    […] los problemas que pueden plantearse por su uso, etc. Más sobre wireframes en español: Rediseño: Wireframe de Portada Rediseño: Wireframe de Página Interior Wireframes W […]

  9. 9URIel factor humano » Archivo » Wireframes, Friday 26 de August, 2005, 17:52

    […] Como referencia ver Rediseño: Wireframe de Portada y Rediseño: Wireframe de Página Interior con wireframes reales detallados. […]

  10. 10URIel factor humano » Archivo » Rediseño y Otros Compromisos, Monday 8 de May, 2006, 21:56

    […] Cuando enfrente el rediseño, realizar el mismo proceso público que hice con la versión actual, es decir, publicar los wireframes (otro wireframe), bocetos y diseños (otro diseño). […]

  11. 11URILos textos de qweos.net» Blog Archive » Crónica-resumen de la I Noche temática: Prototipado, Friday 21 de July, 2006, 6:01

    […] Asimismo, comentamos otros ejemplos, como los de Nelson Rodríguez-Peña o los mencionados por Torres Burriel, especialmente el que trata del artículo de Andres Zapata sobre wireframes para aplicaciones de Internet enriquecidas (Rich Internet Aplications, RIA) que hacen uso de storyboards para definir lo que pasa en la aplicación. Curiosamente, esta técnica se había aplicado en IT7 en 2004 para un soporte multimedia. […]

  12. 12URIMUSA» Blog Archive » Crónica-resumen de la I Noche temática: Prototipado, Friday 21 de July, 2006, 6:03

    […] Asimismo, comentamos otros ejemplos, como los de Nelson Rodríguez-Peña o los mencionados por Torres Burriel, especialmente el que trata del artículo de Andres Zapata sobre wireframes para aplicaciones de Internet enriquecidas (Rich Internet Aplications, RIA) que hacen uso de storyboards para definir lo que pasa en la aplicación. Curiosamente, esta técnica se había aplicado en IT7 en 2004 para un soporte multimedia. […]

  13. 13URItorresburriel.com » Blog Archive » La importancia de los wireframes, Tuesday 22 de August, 2006, 10:28

    […] Rediseño: Wireframe de Portada […]

  14. 14URImcdave.net » links for 2008-01-07, Monday 7 de January, 2008, 2:20

    […] el factor humano » Archivo » Rediseño: Wireframe de Portada (tags: wireframes) […]