21/5/2014 Wireframes

http://olgacarreras.blogspot.mx/2007/02/wireframes.html 1/13
Ir al contenido | Versin mvil
blog
sobre m
& curriculum
consultora
& serv icios
recursos
& descargas
< < Pgina de inicio
martes, 11 de marzo de 2008
Wireframes
Este artculo se puede consultar tambin en vdeo: Vdeo "Prototipado" para el curso gratuito
"iDESWEB: Introduccin al desarrollo web"
ltima actualizacin: 21 de enero de 2011
Terminologa
Wireframe, Blueprint, Prototipo, Storyboard, Mock Up, Diagrama de contenido, Sketching
Lo primero aclaremos la terminologa.
Como expliqu en "Disciplinas relacionadas con la usabilidad", hay diversas disciplinas que intervienen en el
Diseo de Interfaz de Usuario, entre ellas se encuentra la Arquitectura de Informacin (AI).
El Arquitecto de Informacin se encarga de definir la organizacin, etiquetado, navegacin y sistema de
bsqueda de un sitio web, elementos que ayudan a los usuarios a encontrar y gestionar la informacin de
manera efectiva.
Para llevar a cabo estas tareas nos valemos de la diagramacin para especificar cul ser la organizacin,
estructura, funcionamiento y navegacin del sitio.
Existen dos tipos de diagramas (sin contar los que pueden surgir de la aplicacin de otras tcnicas como
el Card Sorting) como podemos ver en este grfico de NSU:
Buscar en Usable y accesible (web & blog)

Olga Carreras Montoto
Consultora freelance de
Accesibilidad Web y PDF,
Experiencia de Usuario (UX),
Usabilidad y Arquitectura de
Informacin
Contacto
carreras.olga@gmail.com
Histrico de artculos
Por temas | Por fecha | Glosario
Puedes seguirme en:

Usable y accesible
742 Me gusta
Seguir a @olgacarreras 2,922 seguidores
Co-autora en:
"Pioneros y Hacedores. Fundamentos y Casos de
Diseo de Interaccin con estndares de
Accesibilidad y Usabilidad" , 2013, Lorena Paz
(comp.)
Co-autora junto a Steve Krug, Jakob Nielsen,
Don Norman, Jared Spool, Emmanuelle
Gutirrez y Restrepo, Yusef Hassan Montero,
Sergio Ortega, Vernica Traynor y otros.
Descarga mi captulo ampliado "Accesibilidad y
SEO" (PDF, 248).
Lo ms ledo sobre Accesibilidad
1. Responsive Design y accesibilidad. Buenas y
malas prcticas. Errores comunes.
2. PDF accesible correctamente etiquetado desde
inDesign
3. PDF accesibles
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 2/13
[DE-1]
As pues distinguimos:
los PLANOS, que son diagramas de organizacin y funcionamiento
las MAQUETAS, que son diagramas de presentacin
Planos: diagramas de organizacin y funcionamiento
Los diagramas de organizacin y funcionamiento se llaman BluePrint (tambin Architecture Map o
Diagramas de contenido o flujo) y pueden ser ms o menos avanzados. Es lo que tambin se denomina
mapa web. En NSU vemos dos ejemplos, uno ms sencillo y otro ms completo:
[DE-2]
[DE-3]
Como se ve, el objetivo de estos diagramas es mostrar la estructura del sitio y su flujo de
navegacin.
Para la realizacin de este tipo de diagramas de recomienda siempre el "Vocabulario visual para
describir arquitectura de informacin y diseo de interaccin" de Jesse James Garrett.
Una herramienta sencilla y gratuita, recomendable para realizar mapas web sencillos, es XMind. Para realizar
4. WAI-ARIA. Introduccin, referencias,
ejemplos, herramientas
5. Live Regions y WAI ARIA. Cmo mejorar la
accesibilidad de contenidos que se actualizan
automticamente
6. Accesibilidad y usabilidad mvil: web mvil y
app nativa
7 . SEO y Accesibilidad. Accesible tambin para
buscadores
8. Resea de Pro HTML5 Accessibility
9. Referencia sobre legislacin espaola
relacionada con la accesibilidad web
10. Metodologas, certificaciones y entidades
certificadoras de la accesibilidad web en Espaa
11. WCAG 2.0
12. Respuesta a 25 dudas habituales sobre
accesibilidad web
13. Consejos avanzados de accesibilidad web
14. Herramienta de ayuda para realizar una
consultora de accesibilidad de acuerdo a las
WCAG 2.0
15. Las 7 5 directrices de accesibilidad de Jakob
Nielsen
16. Formularios accesibles segn las WCAG 2.0
Lo ms ledo sobre Usabilidad
1. Customer Journey Map, Mapa de empata y
Personas en UX Research
2. Claves para la web mvil
3. Estndares formales de usabilidad y su
aplicacin prctica en una evaluacin
heurstica
4. Web Usability GuidelinesDirectrices de
usabilidad web
5. Sirius. Nueva sistema para la evaluacin de la
usabilidad web
6. Arquitectura de informacin. Fundamentos
7 . iPad, recomendaciones de usabilidad para tu
web
8. Wireframes
9. Usabilidad e internacionalizacin
10. Plantilla base XHTML
11. Vdeo "Prototipado" para el curso iDESWEB de la
Univ. de Alicante
12. Formularios usables: 60 Directrices de
Usabilidad
13. Aceptar/Cancelar o Cancelar/Aceptar
14. Actitudes y aptitudes de un arquitecto de
informacin
15. Resea: "Cmo escribir para la Web" de
Guillermo Franco
16. Resea: "Psicologa del color" de Eva Heller
Etiquetas
accesibilidad certificacin ( 8 )
accesibilidad ePub ( 1 )
accesibilidad Flash ( 2 )
accesibilidad general ( 43 )
accesibilidad HTML5 ( 4 )
accesibilidad javascript ( 10 )
accesibilidad legislacin ( 24 )
accesibilidad metodologa ( 12 )
accesibilidad multimedia ( 7 )
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 3/13
diagramas ms complejos se pueden utilizar cualquiera de las herramientas recomendadas ms adelante
para la realizacin de wireframes.
Maquetas: diagramas de presentacin
Por otro lado hemos visto que tenemos los diagramas de presentacin, cuyo objetivo es mostrar el
contenido de las pginas, concretando los elementos que se plantearon en los primeros planos (blueprints)
y ubicndolos en las pginas o pantallas del producto final.
Podemos tener distintos tipos de prototipos, que en ningn caso incluyen el diseo grfico puesto que este
se aplica en una etapa posterior. Para simplificar, podemos hablar de:
Prototipos de Baja fidelidad: son un conjunto de dibujos que representan cmo estarn organizados los
elementos en las pginas, de tal manera que implementan aspectos generales del sistema sin entrar en
detalle. Dentro de prototipos de baja fidelidad hablaremos de:
Sketching: un sketch es un boceto rpido e informal que se realiza en papel para transmitir una
idea o concepto con rapidez y claridad. Suele realizarse durante las entrevista iniciales como
tcnica eficaz para comunicar al cliente conceptos o proponer alternativas a un problema; tambin
es muy til durante un brainstorming o en las reuniones con el equipo de trabajo. Es una forma
eficaz de comenzar el prototipado de un sitio web, pues permite trabajar gilmente con varias ideas
y esquematizar las pginas.
El libro de referencia suele ser "Sketching User Experience" de Bill Buxton. Es interesante el
artculo "Bill Buxton : Sketching versus Sketchiness, what's the difference for UX design?" de Joel
Eden sobre si deberamos hablar de sketching o de sketchiness. Otro artculos recomendados:
Sketching Design, de Yan Schober y "Sketching User Experience" (Comparativa entre sketching y
prototipo)
Wireframe: permite crear una referencia visual de la estructura de una pgina web, definiendo al
detalle el contenido y su distribucin visual, organizando as la informacin a nivel de pgina. Lo
trataremos en detalle en el siguiente apartado.
StoryBoard: secuencia de wireframes que muestran cmo se realiza una tarea.
Imagen tomada de "Wireframes for the Wicked", de Michael Angeles, Nick Finck and Donna Spencer
accesibilidad mvil ( 5 )
accesibilidad PDF ( 11 )
accesibilidad software ( 5 )
accesibilidad sordos ( 2 )
arquitectura de informacin ( 2 )
CSS ( 2 )
cursos ( 2 )
documentacin ( 33 )
general blog ( 24 )
HTML 5 ( 7 )
navegadores ( 10 )
noticias ( 33 )
recursos ( 35 )
redes sociales ( 3 )
reseas ( 19 )
SEO ( 4 )
usabilidad estndares ( 3 )
usabilidad formularios ( 2 )
usabilidad general ( 25 )
usabilidad internacionalizacin ( 1 )
usabilidad metodologa ( 12 )
usabilidad mvil ( 6 )
usabilidad software ( 6 )
usabilidad textos ( 4 )
WAI-ARIA ( 10 )
WCAG 1.0 ( 5 )
WCAG 2.0 ( 31 )
XHTML ( 4 )
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 4/13
El doctor Granollers propone un nuevo tipo de prototipado, el StoryBoard Navegacional, que
une los dos tipos de prototipado. Lo expliqu en el artculo, "Metodologa DCU MPlu+a".
Algunos autores los denominan Wireflows (Wireframes+Flowcharts):
Imagen de: Galera de entregables UX Wireflows,uxd.cl
Tambin podemos or hablar de Thumbnail Sketches, que es simplemente un storyboard de
scketches:
Imagen tomada de "Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches", de Joshua
Johnson
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 5/13
Imagen de: Galera de entregables UX Wireflows,uxd.cl
Prototipo de Alta Fidelidad (tambin llamados maqueta, mockUp o prototipo funcional), con los
que se representan aspectos ms precisos. Sirven, por ejemplo, para detallar el proceso interactivo global
de una o varias tareas concretas. Son prototipos o maquetas dinmicas, normalmente en (X)HTML, que
simulan o tienen implementadas partes del sistema final a desarrollar. Pueden ser de muy distintos tipos,
completo o parcial, horizontal o vertical, etc.
En Sidar tienes un excelente artculo sobre distintos tipos de prototipado.
El propsito de crear estos prototipos es dar la oportunidad de evaluar el diseo prematuramente.
El objetivo es producir estos prototipos rpidamente y evaluarlos eficazmente para que puedan
ser refinados, elaborados y reevaluados antes del producto final. Ingeniera de la Usabilidad
aplicada al desarrollo de un portal web administrado dinmicamente, Jos M. Belmonte Marn
Una vez aclarados los trminos, me voy a centrar en los diagramas de presentacin Wireframes.
Cmo es un Wireframe?
Como hemos visto, un wireframe es una representacin esquemtica de una pgina web sin elementos
grficos que muestran contenido y comportamiento de las pginas. Sirven como herramienta de
comunicacin y discusin entre arquitectos de informacin, programadores, diseadores y clientes.
Tambin se pueden utilizar para pruebas de usuarios. "Wireframes: recopilacin de enlaces" en No lo
entiendo.
Es muy importante aclararle siempre al cliente qu es un Wireframe, estar seguros de que entiende
que ese no es el aspecto final del sitio, sino una mera representacin grfica de su contenido.
Ejemplo 1: Wireframe del Rediseo del blog El Factor Humano 2.0 de WebStudio
Ejemplo 2: Representing Data in Wireframes de Dan Brown
Ejemplo 3: Wireframes for the Wicked, de Michael Angeles, Nick Finck and Donna Spencer:
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 6/13
Cundo se realizan?
Una vez tengamos delimitados los objetivos del cliente, las necesidades de los usuarios y los contenidos y
funciones de la web; antes de empezar a programar y de crear el diseo visual de la pgina.
"Wireframes: recopilacin de enlaces" en No lo entiendo
Por tanto, antes de hacerlo, es necesario tener todos los requisitos del proyecto: requisitos de negocio, de
contenido, de diseo, de accesibilidad, etc.
Personalmente, antes de acometer un wireframe, realizo una serie de tareas previas:
Entrevistas con el cliente y el equipo de desarrollo para definir los requisitos, los objetivos y el pblico
objetivo.
Estudio del portal actual (si existe): problemas de usabilidad y accesibilidad, estadsticas de acceso, test
con usuarios y encuestas (en funcin del tipo del portal).
Benchmarking, o estudio comparativo de la competencia.
Definicin de la arquitectura de informacn y mapa web.
Por otra parte, antes de comenzar a prototipar con Axure (herramienta que recomiendo como explicar
ms adelante) suelo comenzar con bocetos personales (sketches) para trabajar las zonas que tendrn las
pginas y esquematizarlas, para probar, desechar y tomar decisiones de forma gil.
Ventajas de crear Wireframes
Hay dos grandes ventajas, por un lado el equipo y el cliente se centra en el diseo de contenidos y no
en el diseo visual, y por otro lado, definiendo la organizacin y estructura en etapas previas al diseo y
programacin se evitan cambios posteriores ms costosos, reduciendo as costes y tiempos.
El doctor Granollers resume estupendamente las principales caractersticas o ventajas de los prototipos
(se refiere a los prototipos en general, no a los wireframes en particular):
Son formidables herramientas de:
Comunicacin entre todos los componentes del equipo de desarrollo y los usuarios
Participacin, para integrar activamente a los usuarios en el desarrollo.
Dan soporte a los diseadores a la hora de escoger entre varias alternativas.
Permiten a los diseadores explorar diversos conceptos del diseo antes de establecer los definitivos.
Permiten evaluar el sistema desde las primeras fases del desarrollo (facilitan la exploracin de ideas
sobre nuevos conceptos tecnolgicos).
Son esenciales para la documentacin, tanto de conceptos funcionales del sistema como de tareas
concretas del mismo.
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 7/13
Son el primer paso para que ideas abstractas sean concretas, visibles y testables.
Fomentan la iteratividad.
Mejoran la calidad y la completitud de las especificaciones funcionales del sistema.
Son herramientas de propsito general, pues sirven para comprobar la fiabilidad tcnica de una idea,
clarificar requisitos que quedaron indeterminados o ver como responde con el resto de la aplicacin.
Qu informacin debe contener un Wireframe?
Como bien indica "Using Wireframes" de Strange Systems:
Inventario de contenido. Qu contenido debe estar presente en cada pgina
Elementos de la pgina. Cabeceras, enlaces, listas, imgenes, formularios, etc.
Etiquetado. De vnculos, ttulos, etc.
Layout. Ubicacin, colocacin y agrupacin de los elementos de la pgina (cabeceras, pies, navegacin,
reas de contenido, titulares, etc.) Muestra la estrategia de navegacin y la priorizacin de contenidos
dentro de la pgina, as como la agrupacin en barras laterales, barras de navegacin, reas de
contenido, etc.
Comportamiento. Mediante notas asociadas a los elementos para indicar cmo se deben mostrar (n de
elementos, visualizacin por defecto) o definir el comportamiento funcional cuando un elemento se activa
(enlace externo, etc.)
Tipos de Wireframe
Como especifica "Using Wireframes" de Strange Systems, pueden ser ms o menos detallados:
Content-only: tan slo consta del nombre de la pgina y un listado de contenidos
Diagrama de bloques: contiene slo la informacin bsica a travs de bloques de funcionalidad y
agrupamiento de contenidos.
Wireframe detallado: tendra todos los elementos antes mencionados incluidas las notas de
comportamiento (Ejemplo: Wireframe del Rediseo del blog El Factor Humano 2.0 de WebStudio)
De cuntas pginas creamos un Wireframe?
De la pgina principal y de los principales tipos de subpginas o plantillas, entre las que debern incluirse,
una pgina de formulario, una pgina de resultado bsqueda y una pgina de error. Si estamos ante una
aplicacin deber incluir una pgina de ingreso de datos, una pgina de detalle y una pgina de listado.
Cmo se hace un Wireframe?
37signals propone en "Una introduccin a la utilizacin de patrones de diseo en la web" una metodologa
para hacer un Wireframe que consta de 6 pasos. No ha de tomarse como una receta mgica, pero puede
orientarnos:
Haz una lista numerada de toda la informacin que debe tener tu pgina (no slo datos, sino tambin
acciones, actitudes), lo que llaman "bit".
Agrupa los "bits" que se relacionan entre s. A cada grupo lo llamaras con una letra y asociada a esa
letra pondras los nmeros de la informacin que relaciona. Por ejemplo A:1,3,5
Prioriza qu grupos son los ms importantes desde un punto funcional, agrupando los grupos en tres
prioridades: Lo ms importante, Lo necesario y Lo que es bueno tener.
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 8/13
Disea cada fragmento, cada agrupacin de "bits". Lo podemos hacer sin preocuparnos de los
conflictos porque ya sabemos que incluyen a todos los elementos relacionados entre si.
Junta los fragmentos teniendo en cuenta la prioridad y el equilibrio.
Hazlo real. Hasta ahora todo lo hemos hecho en papel, es el momento de pasarlo a pantalla y hacer los
ajustes necesarios para ello.
Errores en la creacin de Wireframes
Debe ser claro, sin diseo grfico y sin color (salvo el estrictamente necesario, por ejemplo para indicar
que un elemento est seleccionado, para lo cual recomiendo usar gamas de grises)
Yo suelo trabajar con prototipos funcionales, pues la experiencia me dice que con ellos el cliente comprende
mejor la interaccin de las pginas y los cambios posteriores son menores. Por tanto yo siempre recomiendo
que su funcionamiento se asemeje lo mximo posible al futuro funcionamiento del portal, lo cual adems
ofrece una herramienta de gran valor para el equipo de desarrollo.
Desde mi punto de vista, el mayor error es no presentar personalmente el prototipo al cliente. Es cierto
que debe ser autoexplicativo y que las notas son importantes para que despus puedan revisarlo, pero
siempre es necesario explicar cada una de las decisiones que se han tomado y el por qu de las mismas.
Liz Danzico propone sus propias recomendaciones en "The Devil's in the Wireframes"
Cmo planteo un Wireframe para una aplicacin RIA?
Recomiendo el artculo "The Guided Wireframe Narrative for Rich Internet Applications" de Andrs Zapata.
Tambin es recomendable "Crear prototipos de Rich Internet Applications en Visio" de Usolab.
Qu herramienta utilizo para realizar un Wireframe?
Depende de cual manejes con mayor fluidez. Puedes usar Illustrator, Photoshop, PowerPoint, Visio,
OpenOffice Draw, Omnigraffe, etc.
Pero s que existen herramientas especficas para realizar Wireframes, yo recomiendo Axure.
Axure permite crear de manera muy sencilla un prototipo funcional (mostrar y ocultar paneles, cambiar el
estado o el contenido de los elementos, por ejemplo de los campos de un formulario; crear zonas fijas
reaprovechables por todo el prototipo, etc.)
Tambin permite exportar un documento Word con los pantallazos de la aplicacin y sus partes para redactar
el anlisis funcional. Podis conocer las novedades de Axure 7 en el artculo: Novedades Axure 7
Recursos para Wireframes
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 9/13
Stencil Kit de Yahoo que proporciona objetos predefinidos en diferentes formatos.
"Recopilacin de plantillas y stencils para prototipar" en deinterfaz.
"Templates" de Information Architecture for Designers
"Tools" de The Information Architecture Institute
"Using Wireframes: Templates" de Strange Systems
"Visio Wireframe Stencil" de UrlGreyHot
"Graph Paper" (plantillas para wireframes y story boards) en Konigi
Kit para prototipado en papel de la consultora australiana Information & Design, listos para ser impresos
Stencils ms "hand-drawn" para tus wireframes
Wireframes para mvil
I love wireframes: recopilatorio
960.gs Grid Based Prototypes
Quince
Wiki "Resources for designing and building mobile applications and website"
Libreria para prototipar aplicaciones de Android
Fuentes a consultar
"La diagramacin en la arquitectura de informacin" de Rodrigo Ronda Len
"Prototipado" de SIDAR
"Un vocabulario visual para describir arquitectura de informacin y diseo de interaccin" de Jesse James
Garrett
"Using Wireframes" de Strange Systems
Wireframes for the Wicked, de Michael Angeles, Nick Finck and Donna Spencer
"Wireframes: recopilacin de enlaces" en No lo entiendo
"An Introduction to Using Patterns in Web Design" de Ryan Singer
"Representing Data in Wireframes" de Dan Brown
"The Devil's in the Wireframes" de Liz Danzico
"The Zen of Wireframes" de Gene Smith
"Wireframes" de Nelson Rodrguez-Pea:Rediseo: Wireframe de Portada y Rediseo: Wireframe de
Pgina Interior
"The Guided Wireframe Narrative for Rich Internet Applications" de Andrs Zapata
"Crear prototipos de Rich Internet Applications en Visio" de Usolab
"Wireframes" de Drey Alexander Consulting
MPIu+a. Una metodologa que integra la Ingeniera del Software, la Interaccin Persona-Ordenador y la
Accesibilidad en contexto de equipos de desarrollo multidisplinares del Doctor Granollers
Ejemplos: Storyboard navegacional, diagramas de flujo, etc.
DIseo en HCI, Universidad Carlos II de Madrid
Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches, de Joshua Johnson
Wireframes Magazine, blog especializado.
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 10/13
Comprtelo en:
Share
|
Artculos relacionados:
La usabilidad como metodologa para el desarrollo de una aplicacin web
Metodologa DCU MPlu+a
Novedades Axure 6
Autor: Olga Carreras Montoto
Etiquetas: usabilidad general

Twittear
42

0
Listado de artculos anteriores
< < Pgina de inicio
9 C OME N T AR I OS :
Gonzalo dijo...
Genial :)
Olga, como sigas as, te va a sobrar tiempo para escribir un libro bastante completo ;)
Fecha: 11 de marzo de 2008, 15:18
Eli mi nar comentari o de ' Gonzalo ' con fecha de 11 de marzo de 2008,
15:18
Sergio dijo...
Gonzalo me has quitado la palabra de la boca ;-).
Estas haciendo un trabajo impresionante Olga. Felicidades!
Fecha: 12 de marzo de 2008, 9:59
Eli mi nar comentari o de ' Sergi o ' con fecha de 12 de marzo de 2008,
9:59
Raffles dijo...
0
Share
More Share Share Share Share Share
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 11/13
Impresionante trabajo, muchas felicidades Olga.
Fecha: 13 de marzo de 2008, 18:06
Eli mi nar comentari o de ' Raffles ' con fecha de 13 de marzo de 2008,
18:06
Hernan Beati dijo...
Felicitaciones, Olga!
Es excelente tu trabajo sobre Wireframes, sumamente til.
Muchas gracias por el trabajo que nos ahorras!
Fecha: 26 de marzo de 2008, 13:41
Eli mi nar comentari o de ' Hernan Beati ' con fecha de 26 de marzo de
2008, 13:41
Peldi dijo...
My Spanish is not great, but is good enough to understand that this is a really great post,
very detailed and informative, congratulations!
I wanted to share with you a little wireframing tool I built called Balsamiq Mockups:
http://www.balsamiq.com/products/mockups/ - I would love to send you a license for proper
evaluation if you'd like, just email me if you are interested.
Fecha: 23 de juli o de 2008, 10:49
Eli mi nar comentari o de ' Peldi ' con fecha de 23 de juli o de 2008, 10:49
Olga Carreras dijo...
Pencil Project, creando bocetos, wireframes y prototipos con Firefox
Agosto 25, 2008
Fecha: 8 de septi embre de 2008, 22:17
Eli mi nar comentari o de ' Olga Carreras ' con fecha de 8 de septi embre
de 2008, 22:17
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 12/13
Yadir Gomez dijo...
este blog es genial! muchas gracias por la informacion siempre es de grasn ayuda
Fecha: 1 de abri l de 2010, 17:48
Eli mi nar comentari o de ' Yadi r Gomez ' con fecha de 1 de abri l de 2010,
17:48
Darwin. dijo...
Me ha parecido un excelente aporte y muy bien explicado.
Saludos ;)
Fecha: 4 de octubre de 2010, 2:13
Eli mi nar comentari o de ' Darwi n. ' con fecha de 4 de octubre de 2010,
2:13
Sergio dijo...
Hola Olga,
El enlace al wireframe de Terra.org en guindo.com est roto, hace tiempo que cambi el
diseo y elimin esa pgina.
Si quieres puedes poner otro ejemplo de nuestra pgina con total libertad.
Un saludo
Fecha: 6 de novi embre de 2011, 19:58
Eli mi nar comentari o de ' Sergi o ' con fecha de 6 de novi embre de 2011,
19:58
P U B L I C AR U N C OME N T AR I O E N L A E N T R AD A
21/5/2014 Wireframes
http://olgacarreras.blogspot.mx/2007/02/wireframes.html 13/13
Entrada ms reciente
Introduce tu comentario...
Comentar como:
Cuenta de Google
Publicar

Vista previa
E N L AC E S A E S T A E N T R AD A
Crear un enlace