• Share on Google+

El desarrollo de wireframes (de baja intensidad o alta intensidad) es un proceso importante de creación, sirve principalmente para crear y materializar ideas, administrar espacios, estructurar,  presentar proyectos, generar discusión,  testear, comportamientos, incluir tanto al cliente como a los desarrolladores de tu equipo desde el inicio del proyecto y hacerlos participes de este y no encontrarse con sorpresa a la hora de hacer el traspaso formal del proyecto. Todo esto tomando en cuenta los entregables del arquitecto de información como: brief, inventario de contenido, mapa de sitio, flujo de contenido, map mind, partituras de interacción. etc…

Personalmente me preocupo de los espacios donde diseño, cada navegador tiene interfaces y espacios muy parecidos pero hay detalles que no se nos deben escapar, lo menciono mas adelante.

Sobre Resoluciones en distintos browser para móviles

Debemos tener en cuenta que la resolución de los iPhone 4/4S son de 640×960 píxeles, 326 ppp y las versiones anteriores son de 320×480 píxeles, 160 ppp.

Ejemplo espacio de diseño con Chrome

En posición vertical el área visual de diseño que nos ofrece Chrome sin hacer scroll es de 640×830, mientras que en posición horizontal (o apaisada) el área de diseño es 960×510, como se puede apreciar en las imágenes (1), Chrome a diferencia de Safari no tiene barra de navegación y no oculta la barra de dirección.

Sobre los Sketching para realizar wireframe de distintos browser para móviles (Iphone 4 / 4S)

He diseñado 5 Sketching para los 5 navegadores mas usados para IPhone

1) – Página n°1 información técnica sobre el navegador con respecto a espacios e interfaces, resoluciones y espacios de diseño de los 5 navegadores mas usados en IPhone 4/4S

mercury

safari

pufffin

opera

crhome

2) – Página n°2 Sketching para Wireframear.

Sketching templates Iphone 4-4S CHROME

  • Responder
    Author
    Carlosour

    Muchas gracias monoloooo

    • Responder
      Author
      Miguel Salazar

      Gracias maestro manda el link mejor 😀

  • Responder
    Author
    Arturo González

    Excelente artículo! No te olvides de Android!

    • Responder
      Author
      Miguel Salazar

      Arturo! en cualquier momento se viene.

  • Responder
    Author
    Claudio Fuentes

    Me siento ignorante con este cabro, maestro! Eso si, que a pesar de su gran conocimiento y técnica, es irresponsable. Prometió un asado para los webmaster de Concepción, llevamos 1 año esperando 🙂