wireframe

Desarrollo de mi sitio Web


¿Cómo podemos conversar con nuestros clientes?Hay que conversar con el cliente (El manifiesto Cluetrain), ya no son válidas Webs en una única dirección, utilizadas como altavoces, hay que utilizar nuestras Webs para crear conversaciones y generar oportunidades de negocio.

  • Nuestra propia Web
  • Intranet (La Web para nuestra gente de la empresa)
  • Blogs/Videoblogs
  • Redes sociales

¿Cómo realizar un buen sitio Web?

  • Contenido de calidad.
  • Buena estructura de contenidos.
  • Atractivo y fácil de utilizar.
  • Accesible.
  • Pensar en el cliente y el posicionamiento (en Google).

En una Web cada página tiene que tener un objetivo claro.

Etapas para desarrollar un buen sitio Web

Análisis estratégico

  • Misión, visión, ¿que queremos que haga nuestra página Web?.
  • Objetivos
  • Análisis
  • Necesidades técnicas presentes y futuras
  • Recursos disponibles

Arquitectura Web.

Organizar el sitio web y sus contenidos para lograr nuestros objetivos establecidos

  • Qué contenidos vamos a tener.
  • Facilitar navegación >> 3 clicks
  • Árbol de contenidos >> Card sorting
  • Wireframe.
  • Diseño de interacción.

Diseño

  • Accesible
  • Respetar la imagen corporativa
  • Atractiva, que invite a navegar por ella
  • Facilite la navegación
  • Trasmita credibilidad

Desarrollo

  • Metodología ágil. SCRUM
  • CMS. Fácil acceso a la creación y mantenimiento de los contenidos de la Web.

Contenidos

  • El contenido es el rey, es lo más importante de la Web.

El diseño atrae, el contenido convence

  • Invierte en contenidos; texto, videos, imagenes, etc.
  • Esto es internet, olvídate del papel. 

¿Cómo escribir par interntet?

  • Usuario: vistazo rápido a la web
  • Piensa en el cliente >> palabras clave
  • Nada de literatura, ir al grano
  • Propaganda >> poco o nada
  • Conciso, listados, negritas, etc.
  • Llamadas a la acción >> objetivos
  • Traducciones: profesionalidad
  • Orientado a la acción
  • No abusar de los PDFs
  • Consejos SEO
    • Pensar en palabras clave
    • Título del sitio web y cada página
    • Campo “META description”
    • URLs entendibles
    • Navegación
    • Enlaces internos
    • Imágenes (campos “alt” y “title”)

Lanzamiento

  • Cuanto antes mejor
  • Ir creciendo poco a poco

Mejora continua

  • Mide y mejora
  • Mantenimiento continuo
  • No abandones tu sitio Web

Gari Araolaza (Codesyntax)

imagen: flickr | baldiri

Anuncios

Wireframe

Un wireframe es un boceto del diseño de una página web, dibujos que representaran como estará organizada una web. Es fundamental para transmitir tus ideas al equipo que va a desarrollar la página web.

Hay muchas herramientas para realizar un wireframe y dependerá del uso y enfoque que queremos darle, pero una herramienta muy útil en estos casos es el lápiz y papel.

La imagen muestra uno de los wireframes de las páginas de www.chintin.com hechos por nosotros.

y aquí la primera propuesta de la empresa de diseño, suggiero, que nos está realizando el desarrollo de la página web.

Tenéis más información acerca de wireframes en las siguientes direcciones:

http://techtastico.com/post/wireframes/

http://www.webstudio.cl/blog/wireframes/

o tan sencillo como poner wireframe en cualquier buscador.

Creative Commons License