Tag Archive: diseño


logo wix.com

logo wix.com

Como lo prometido es deuda, aquí tenéis un post sobre otra herramienta útil en el prototipado y creación de bocetos de nuestra página web.
Hace un tiempo os hablé de Mockflow, una herramienta que espero que os sirviera de ayuda. Hoy, os presento Wix. Se trata de una herramienta de creación de páginas web, pero orientada especialmente en el contenido flash.

Primero, repasemos algunos datos relevantes sobre Wix:

Nació por la necesidad de un grupo de gente que quería realizar páginas web en flash de alta calidad y, también, otros contenidos de manera fácil, rápida y con una interfaz lo más amigable posible para los buscadores.

Su modelo de negocio es lo que se conoce como Freemium que se basa en ofertar productos gratuitos básicos y si quieres tener ciertas mejoras en el producto y servicios, pagas por ello. En este caso, en concreto, Wix.com te da la opción de crear una cuenta gratuita con la que poder acceder a su plataforma de Flash y te ofrece unas características básicas para poder crear tu página web gratis. Si quieres más funcionalidades en tu página web, entonces lo que uno debe hacer es elegir el producto añadido y pagar por él.

Una vez vistos algunos de los datos a tener en cuenta, intentaremos definir qué es Wix:

Wix ofrece una herramienta para la creación de páginas web y cuenta para ello con un editor intuitivo que posee funciones de arrastrar y soltar, siendo el principal componente donde crear las páginas web. Esto sería, con lo que el usuario trabaja. Por detrás, existe un equipo de desarrollo que trabaja con Flash y Flex. La propia página Wix.com está creada con este mismo editor, como ejemplo de lo que se puede realizar con esta herramienta.

Wix se carateriza por ser amigable de cara  a los buscadores. Detrás de toda creación en Wix, existe una serie de códigos en HTML que permiten que los rastreadores de los motores de búsqueda lean los contenidos y se posicionen correctamente en los buscadores. Dan la posiblidad de añadir tus metadatos para tus contenidos, lo cual favorece al correcto posicionamiento de la página.

Te permite añadir imágenes, texto, formularios de contacto, mapas de Google, iconos de redes sociales y enlaces, música, archivos de vídeo y mucho más. También puedes subir tu propio contenido, para agregar tus propias fotos, archivos de animación, texto y más. El editor de Wix te da total libertad creativa para poder centrarte en el diseño. Posee una variada galería de plantillas, llena de diseños únicos organizados por categoría. Puedes crear la página web a partir de una plantilla o puedes elegir crearla desde cero y personalizarla a medida que avanzas utilizando las herramientas de Wix.

Además, ofrecen un blog donde ponen consejos para mejorar las páginas webs que el usuario crea y también como promoción de los diversos concursos que hacen.

Si la comparamos con Mockflow, creo que Wix está más orientada al diseño en sí, lo que llamaríamos “lo bonito” y para ello te proporciona todo tipo de plantillas y herramientas impactantes visualmente. Mockflow en cambio, está más orientado a estructurar los contenidos en tu página web, el diseño artístico sería algo secundario, prima más el estructurar los contenidos. Depende de nuestras necesidades, optaría por uno o por otro, porque pienso que son herramientas complementarias.

Anuncios

Icono de mockflow

Mockflow es una herramienta que permite crear borradores de la estructura de las páginas que compondrán nuestro sitio web, es decir, los prototipos de las distintas páginas.

Es una herramienta fácil de utilizar que nos permite diseñar, de una manera rápida e intuitiva, nuestro sitio web, pudiendo diseñar cada una de las páginas que lo conformarán, implantando una arquitectura web muy personalizada y con múltiples complementos que realmente ayudan a que veamos un prototipo que antes hubiéramos esbozado en cualquier trozo de papel.

Tiene 2 versiones: la de pago y la gratuita. En la 1ª tienes un número ilimitado de creación de páginas y por tanto de prototipos. En la 2ª, la gratuita, únicamente podemos crear un proyecto con 4 páginas. Eso sí, puedes hacer la página, guardarla y exportártela a tu disco duro, luego borrarla del mockflow y así poder seguir diseñando más páginas.

Entre sus aspectos más destacados, podemos observar que posee elementos para introducir tan interesantes como:

  • una barra social media
  • diseños de presentaciones
  • un buscador
  • banners
  • cuadros de login

La verdad es que es una herramienta bastante completa y que ayuda a hacerse una buenísima idea de cómo puede quedar nuestro sitio web.

La herramienta está diseñada para cualquier tipo de plataforma, tanto móviles o tablets, por ejemplo, pudiéndote descargar imágenes  de una table y diseñar dentro de ellas cómo quedaría el diseño del prototipo.

Entre sus añadidos que a mi parecer tienen más utilidad, nos encontramos con el “Store”, donde otros usuarios han creado elementos de diseño para agregar a nuestros prototipos, teniendo una gran variedad de opciones muy interesantes.

Otra de las características de las cuáles nos podemos aprovechar es de la visión de las páginas de nuestro web, donde podremos conformar todo un verdadero mapa de sitio web, lo cual es muy beneficioso para entender la estructura del sitio web.

Entrad, probadla y ya veréis como os sirve de ayuda.

P.D: En futuros posts, hablaremos de otras herramientas similares que también son interesantes.

El avance, el ingenio, el no parar caracteriza a la tecnología. Cuando ésta la mezclamos con “empresa” produce novedad en temas de marketing. Y mira que si la unimos a las redes sociales, en las que se encuentran gran mayoría de empresas, dan como resultado la interacción más cercana entre la “marca” y sus clientes. Hay ejemplos varios de empresas que ven la necesidad de entrar en las redes sociales, en su afán de llegar más fácilmente a su cliente potencial. Hasta hace unos años, lo habitual era que el usuario fuera hasta el sitio web de la empresa- marca  (véase Zara) para ver el catálogo de sus productos, precios, etc. Con el boom de las redes sociales, como he dicho, entran en estas y crean perfiles de su marca (Zara es un ejemplo), interactuando con los usuarios de las redes sociales de una manera más directa y en el entorno en el que se mueven éstos. Pero ¿y si las empresas van más allá?…

¿De qué hablo? Os lo explico. Una empresa sudamericana, llamada “Kamchat-k” y dedicada a la comunicación digital,  ha decidido crear su sitio web utilizando directamente la red social, es decir, su web está dentro de  Twitter. Y ¿cómo se hace? Pues muy sencillo, ha creado varias cuentas de twitter, tantas como opciones en el menú (de su antigua web) tenía. La idea de cómo surgió la explican en este vídeo. En cada una de las cuentas aparece una barra de links a las otras cuentas u opciones del menú, para que siempre puedas moverte con facilidad por la nueva website. Una cuenta es la página de inicio, otra actúa de contacto, clientes, gente, etc.

La posibilidad de crear el sitio web mediante las cuentas twitter, probablemente, no hubiera funcionado en el antiguo twitter, ya que ahora es mucho más sencillo todo lo relacionado con el contenido multimedia, moverte por los diferente menús y demás aportaciones que incluye éste. Pero no os creáis que Kamchat-k es la pionera en este tipo de websites, puesto que Grey Stockholm ya lo hizo en Facebook hace año y medio. Esto es conocido como “siteless site” (sitio web sin sitio) ya que están alojados en las propias redes sociales.

Hay varias conclusiones positivas que extraer:

– Es práctico ya que sólo tienes que actualizar la red social y, a su vez, actualizas tu website. Ahorra mucho tiempo al trabajador de la empresa que se encarga de la actualización de contenidos.

– Es cercano, ya que el usuario puede conocer tu web directamente dentro de la red social, sin tener que clicar un link hacia otro lugar de la web, proporcionando mayor comodidad.

– Es innovador y ahorra costes también para la empresa.

En cuanto a desventajas:

– Quizá se pierda mucho en cuanto al diseño web, ya que la empresa adapta su website a las posibilidades que le proporciona la red social.

– Si se trata de una empresa, lo que se pretende, generalmente, es vender su producto, generando un problema. ¿Cómo colocar un carrito de compra dentro del perfil de la empresa en la red social?

Conclusiones hay muchas y diferentes, la cuestión es:

¿vosotros qué opináis al respecto?

A %d blogueros les gusta esto: