X AVISO DE COOKIES: Este sitio web hace uso de cookies con la finalidad de recopilar datos estadísticos anónimos de uso de la web, así como la mejora del funcionamiento y personalización de la experiencia de navegación del usuario. Aceptar Más información
GRUPO PLAZA
emprendizaje extremo

De la idea al boceto de la web de tu 'startup': cómo hacer el 'mockup'

DANIEL PERELLÓ. 19/01/2015

'Emprendizaje' extremo

Daniel Perelló

Profesor y fundador de SchoolMars.
Artículos anteriores

Comparte esta noticia

VALENCIA (VP). Antes de comenzar a presentaros cómo continuar con el proceso de "creación" de nuestra startup quiero recordar el título de este conjunto de artículos: emprendizaje extremo. Lo que quiero decir es que siempre hablaré desde mi experiencia para tratar de arrancar tu idea con escasos recursos y conocimientos.

Cuando comencé a emprender, no sabía, no había tenido, ni si quiera había intentando montar jamás una página web, un blog, un Wordpress,... Eso si, siempre me ha encantado la tecnología y todo era cuestión de ponerse. Pero claro, realmente, los siguientes pasos después de tener muchas ganas e ilusión, estar preparado para dejarlo todo, tener nuestro equipo (aunque en mi caso todavía no lo tenía), nuestro logo y nombre...debían llevarnos a pasar de la idea al boceto y concepto de lo que sería nuestro primer producto.

Lo primero que te encuentras por el camino es una nueva palabra en el vocabulario: mockups. No os asustéis, no deja de ser un dibujo o esquema de cómo queréis que sea vuestra App o Web, con cada una de sus páginas, los botones, y elementos que queréis que aparezcan.

Hay infinidad de herramientas que te permiten hacerlo gratuitamente o de modo online. Incluso otras que te permiten crear un prototipo interactivo (es decir, puedes decirle a tu dibujo qué pasa si clickas sobre un botón u otro y de este modo navegar como si realmente tu dibujo o esquema fuera la web real).

Os cuento qué hicimos con SchoolMars. Lo primero fue coger papel y lápiz (quizá por aquello de ser profe de Infantil y estar con dibujos constantemente). Nosotros queríamos 4 páginas muy sencillas: una home o página de inicio, una donde mostrara todos los colegios de una ciudad, una ficha personal de cada colegio y otra dónde los usuarios ponen nota a su colegio. Después, esto lo pasamos al ordenador. Yo os recomiendo utilizar moqups.com, es online y gratuito y tiene infinidad de posibilidades. Además funciona como drag and drop, es decir pinchando y arrastrando elementos a tu pantalla. El más famoso dentro del mundillo es quizá Balsamiq (30 días gratis), y para mi, el más completo y profesional es Axure (30 días gratis).

Si por el contrario a mí, tienes nociones profesionales de diseño (o un diseñador en el equipo) mi recomendación es que directamente emplees Invisionapp. Te permite subir tus diseños o páginas y prototipar la navegación de tu Web o App, por lo que en el siguiente paso después de todo esto, los desarrolladores lo tendrán todo mucho más fácil. Además te permite invitar a participar en el proyecto hasta a 4 personas y hacer anotaciones e interactuar en remoto. Por cierto, con su versión gratuita es más que suficiente.

Una vez hecho todo esto, no nos quedaba otra que comenzar con la tecnología, ¿pero cómo hacerlo sin ni siquiera saber manejar un WordPress y no tener en el equipo a nadie tecnológico de momento? A mí en este momento no me quedaba otra que leer, estudiar, hablar con mucha gente y ponerme al día desde cero de qué tecnologías son las más interesantes, incluso más baratas y rápidas de desarrollar.

Los siguientes pasos os lo iré contando en las próximas semanas. Ya teníamos un boceto, esquema o mockups de lo que queríamos. Además personalmente me había visto obligado a que mi curva de aprendizaje fuera cada vez menos curva y más recta porque por el camino de todo esto, había aprendido herramientas, nociones de diseño, y multitud de recursos para que en teoría "nada ni nadie nos quite la ilusión jamás."

'Emprendizaje' extremo

Daniel Perelló

Profesor y fundador de SchoolMars.
Artículos anteriores

Comparte esta noticia

2 comentarios

Mercedes escribió
21/01/2015 19:28

Muy buen post, ya tengo por donde empezar. Ahora mismo me pongo con todo esto.

Menia escribió
19/01/2015 11:25

Estos consejos están muy bien para aquellos que van a empezar a emprender un negocio de diseño web. En Proyecto Web Málaga también empezamos así, y ahora, después de tantos años de experiencia en diseño web trabajamos con nuestros propios códigos y programas para hacer páginas web más exclusivas.

Escribe un comentario

Tu email nunca será publicado o compartido. Los campos con * son obligatorios. Los comentarios deben ser aprobados por el administrador antes de ser publicados.

publicidad