Conceptos clave de un presupuesto para el desarrollo de una web

Desarrollo web Sin Comentarios »

¿Qué preguntas es necesario responder antes de abordar un proyecto de desarrollo de una nueva página web?

Olga Revilla ha publicado en su blog una lista de cuestiones que es interesante tener en cuenta para emprender la creación de un sitio web. Si eres un consultor en modelos de negocio en Internet o un desarrollador web, esta lista puede ayudarte a obtener casi toda la información necesaria de tu cliente antes de comenzar un proyecto web. Si eres una empresa que está pensando en poner en marcha una página web, este listado te ayudará a tener preparada la información pertinente antes de comenzar el proyecto.

Los puntos se engloban en los siguientes bloques:

  1. Datos básicos: empresa, contacto responsable del proyecto, presupuesto base, etc.
  2. La empresa y su entorno: características del sector y modelo de negocio de la empresa
  3. Los usuarios y clientes: perfil del público objetivo
  4. Misión y objetivos del sitio: ¿por qué es necesario el sitio para la empresa? ¿para qué acudirán a él los usuarios?
  5. Tareas: funcionalidades de la web (¿qué podrá hacer el usuario?)
  6. Expectativas, requisitos y preferencias: objetivos del proyectos y del cliente, sitios relacionados a quien imitar y a quien no imitar
  7. Contenidos: material existente y por crear
  8. Requisitos de accesibilidad: necesidades del público objetivo, exigencias del cliente, legalidad vigente
  9. Recursos humanos disponibles: personas responsables del proyecto y cada una de sus tareas
  10. Recursos técnicos disponibles: alojamiento actual, acuerdos con proveedores, etc.

Puedes consultar el listado completo en “Cómo saber lo que quiere tu cliente”.

Diseño de webs 2.0

Desarrollo web Sin Comentarios »

¿Cuáles son las características que se repiten una y otra vez en las webs 2.0? Revisemos uno a uno estos factores con el objetivo de tenerlos en cuenta en el diseño de nuestro sitio corporativo.

Antes de proseguir, me gustaría recordar que por encima del diseño de una web deberían encontrarse sus objetivos (una web debe existir por alguna razón). No obstante, siempre es conveniente cuidar también el diseño.

Comencemos con los aspectos que definen un diseño 2.0:

  • Simplicidad: El diseño es más simple y limpio que nunca.
  • Diseño centrado: En esa búsqueda de una sensación de sencillez se encuentra centrar la web dentro de la ventana del navegador.
  • Pocas columnas: Un número bajo de columnas para la maquetación del contenido contribuirá a la simplicidad del sitio. Lo ideal será un diseño con dos columnas. Nunca más de tres.
  • Sección superior separada: Añadir una cabecera con el logotipo de la empresa y el mensaje corporativo (tagline).
  • Navegación sencilla: Basar la organización del contenido en torno a un menú de navegación consistente (con categorías lógicas y no más de siete elementos) siempre visible.
  • Logotipos en negrita: Usar logotipos claros y en negrita, que destaquen y aporten ya una primera impresión del resto del sitio.
  • Tamaño de texto grande: El usuario debe poder leer cualquier contenido de forma cómoda y sin tener que forzar la vista.
  • Introducciones al contenido en negrita: Aplicar el concepto de la pirámide invertida. Es decir, una introducción que muestre ya el resultado al que se llegará en el contenido.
  • Colores fuertes: De nuevo, con el objetivo de ayudar al usuario, deberíamos emplear colores fuertes para marcar por dónde debería transcurrir la navegación.
  • Superficies “enriquecidas”: Degradados, brillos, imágenes de buena calidad, efectos en tres dimensione, … con el fin de ofrecer un gran impacto visual.
  • Degradados: Fondos degradados o con algún otro enfoque de movimiento.
  • Reflejos: Proporcionarán un diseño más cuidado.
  • Iconos originales: Como vía de refuerzo del mensaje textual. En ningún caso es aconsejable emplear iconos de manera única (siempre será complicado afirmar que un icono es universal).
  • Estrellas: O cualquier otro elemento que potencie el mensaje de una oferta, un precio destacado, …

Fuente original: Web 2.0: How to design style guide

Pensar primero

Bibliografía 3 Comentarios »

Acabo de terminar de leer el libro Pensar Primero de Daniel Mordecki. Un libro subtitulado Sepa por qué los programadores le contestan “no se puede” cada vez que usted pide algo razonable y sencillo.

Se trata de un libro sobre diseño de interacción y sobre cómo debe abordarse un proyecto de desarrollo web. Bajo mi punto de vista, es un libro no excesivamente recomendable, pero que siempre viene bien tenerlo a nuestra disposición.

Hago un extracto de las ideas que destaca el libro y que, a la vez, me han parecido interesantes y relevantes (de la primera parte del mismo):

  • Etapas en el desarrollo web: (1) Diseño de la Interacción; (2) Análisis y Programación; y (3) Decoración de la interfaz de usuario.
  • Diseñar primero; programar después (idea central de todo el libro).
  • Incorporar a los usuarios en el desarrollo web respondiendo siempre a la pregunta Cómo hace la web las tareas y no a la pregunta Qué tareas hace la web.
  • El diseño de interacción trabaja con seres humanos (imprecisos, inexactos, ambiguos y contradictorios), mientras que la programación trabaja con máquinas (exactas, precisas, inequívocas, lógicas y repetitivas). Ante dos realidades tan distintas, deberá existir un profesional diferente para cada etapa del desarrollo web.

Respecto a la segunda parte del libro, el autor propone en ella una metodología de trabajo a seguir para desarrollos web basada en el método de los personajes y los escenarios. El centro de esta metodología es huir de la palabra ‘usuario’ y crear personajes ficticios (en base a los usuarios tipo de nuestra aplicación web). El diseño se basará en estos personajes y los diferentes escenarios de interacción con la web.

A modo de resumen y en tono de humor:

Diferentes percepciones en un proyecto software

Diferentes percepciones en un proyecto software

El libro puede descargarse en formato PDF desde la web del autor.

WP Tema & Iconos por N.Design Studio
Entradas RSS Comentarios RSS Acerca de Contacto Aviso legal Mapa del sitio