Sé que esto nos duele en nuestro corazoncito de artistas, pero el mundo real es así.

Datos básicos:

1. Nombre de la empresa
2. Sitio web de la empresa (si ya existe)
3. Quién será el contacto del proyecto (nombre, email y teléfono)
4. Otras personas implicadas en el proyecto (nombre, email y teléfono)
5. Presupuesto estimado

La empresa y su entorno:

6. Cuál es el negocio de la empresa
7. Cuáles son sus productos y servicios
8. Quiénes son sus competidores (directos e indirectos)
9. Cuáles son los productos y servicios de la competencia
10. Posicionamiento de la empresa en el mercado
11. Qué ofrece esta empresa con respecto de la competencia (diferenciación)
12. Otras acciones de marketing de la empresa aparte del sitio web

Los usuarios y clientes:

13. Quiénes son los clientes del producto (target)
14. Descripción de los clientes objetivo (edad, sexo, educación, nivel económico, etc.)
15. Quiénes son los usuarios del sitio (primarios y secundarios)
16. Descripción de los usuarios del sitio (edad, sexo, educación, nivel económico, etc.)
17. Capacidad técnica de los usuarios del sitio
18. Cómo, cuándo y desde dónde usará el usuario el sitio web (contexto del usuario, características del ordenador, resolución, etc.).

Misión y objetivos del sitio:

19. Cuál es el propósito general del sitio
20. Cuáles son los objetivos concretos del sitio
21. ¿Hay una fecha de lanzamiento fijada?

Para la empresa

22. Qué se consideraría como un éxito
23. Qué se consideraría como un resultado aceptable
24. Cómo describiría el sitio

Para los usuarios

25. Qué se consideraría como un éxito
26. Qué se consideraría como un resultado aceptable
27. Cómo describiría el sitio

Tareas:

28. Qué va a poder hacer el usuario, listado de tareas
29. Qué tareas son críticas para el éxito del usuario en la web
30. Qué tareas son las más utilizadas por los usuarios
31. Qué tareas son las más delicadas (más necesaria una atención especial de usabilidad)
32. Qué tareas son críticas para el éxito de la organización en la web
33. Con qué frecuencia entrarán los usuarios a la web
34. Qué obligará al usuario volver a la web
35. Qué tarea deben los usuarios lograr con pocos errores (prima la eficacia)
36. Qué tarea deben los usuarios lograr rápidamente (prima la eficiencia)

Expectativas, requisitos y preferencias:

37. Qué motivó el rediseño
38. Cuáles son los mayores errores o problemas de su actual sitio web
39. Qué cosas buenas hay que se pueden / deben conservar
40. Restricciones, limitaciones o guías de estilo que haya que tener en cuenta
41. Qué sitio web te gusta, ¿por qué?
42. Qué sitios web no te gustan, ¿por qué?
43. Cómo te imaginas el sitio web
44. Qué herramientas debe tener el sitio web (blog, RSS, foro…)?
45. Qué características o atributos debe el sitio transmitir a los usuarios
46. Sitios web de la competencia

Contenidos

47. El material que va a ser publicado, ¿está creado o hay que producirlo?
48. Disponibilidad de otros materiales publicitarios/corporativos (folletos, logos…)
49. ¿Cuándo podríamos tener acceso al material ya creado?
50. ¿Necesita ayuda para producir el material? (redactar los textos, retocar imágenes…)
51. ¿Necesita ayuda para cambiar el contenido en la nueva web?
52. ¿Qué secciones serán actualizadas? ¿Cada cuando tiempo?
53. ¿Es posible que vayan a añadirse o retirarse secciones en breve?

Requisitos de accesibilidad

54. ¿ Requisitos de accesibilidad
55. ¿Qué nivel de accesibilidad se requiere?
56. ¿Es el sitio actualmente accesible?
57. ¿Qué tipo de pruebas de la accesibilidad se han hecho?
58. ¿Qué tipos de herramientas se están utilizando?

Recursos humanos disponibles

59. ¿Qué nivel de recursos dispone para el mantenimiento del sitio?
60. ¿Hay personal experto en escribir para el sitio web?
61. ¿Hay diseñadores gráficos?
62. ¿Quién será responsable de programar y de mantener el sitio?
63. ¿Quién está a cargo de comercialización y de promoción del sitio?
64. ¿Quién está a cargo del SEO?
65. En caso de que la accesibilidad sea obligatoria, ¿qué formación de accesibilidad tiene el equipo de diseñadores, programadores y editores?

Recursos técnicos disponibles

66. ¿Tiene un nombre de dominio (misitio.com) o necesita uno nuevo?
67. ¿Cuáles son sus necesidades de hosting? Si ya tiene un hosting, solicitar acceso FTP
68. ¿Tiene un gestor de contenidos? ¿Va a mantenerlo o quiere cambiarlo? Verificar compatibilidad del hosting con el CMS.
69. Si es una tienda virtual, ¿tiene algún medio de pago contratado? (pasarela electrónica, paypal, sms…)

Es posible que os sobre u os falte alguna pregunta para proyectos concretos, eso se suele detectar en el mismo momento de la primera entrevista con el cliente en el que se le trasladan estas preguntas. Se aceptan sugerencias

Una de las mejores ponencias del From business to buttons de 2009.

Colores

• Nombres de los colores. Para aquellos que pasamos de los PANTONES.
• La importancia del color en el diseño. Desde la diferencia de RGB/CMYK hasta cómo elegir el mejor perfil en Photoshop. Vía Microsiervos.
• Utilidad para crear tu paleta de colores teniendo en cuenta las diferentes restricciones de accesibilidad. Vía Olga Carreras

Accesibilidad

• Reseña del libro “Accesibilidad a los contenidos audiovisuales en la web” hecha por Olga Carreras
• Un buen intento de definición de accesiblidad
• Planeta Accesible, un nuevo blog que aglutina varios blog sobre accesibilidad.
• Utilizar el validador PISTA con la normativa de WCAG 2
• Interesante reflexión sobre el negocio del diseño accesible. Más interesantes aún los comentarios

Diseño

• Charla de Donald Norman sobre lo felices que nos hace un buen diseño. El ‘Woody Allen’ del diseño Si no habéis leído el libro de Diseño Emocional, os gustará. Si lo habéis leido, os reforzará los conocimientos. (13 min.)
• Un clásico: el vídeo explicando ¿Qué es el diseño gráfico? (1 min.)
• Francisco Tosete recoge en dos post la vuelta a la línea de comandos: Artículo de Aza Raskin sobre la línea lingüística de comandos y el nuevo paradigma de interacción y una aplicación práctica de esta teoría en Taskfox: integrando Ubiquity en Firefox.
• Otro clásico: el libro de Designing Interfaces de Oreilly contado en un video de hora y media.
• Historia del diseño en la interfaz de los sistemas operativos 1981-2009. Visto también en Isopixel y el Microsiervos.

Profesión

• El Contrato de Desarrollo de Sitio Web. Cuando empiezas a hacer trabajos freelance los contratos son verbales, y pronto aprendes por la vía dura que deberías haber firmado algún contrato donde se dejaran claros todos los términos del acuerdo.
• Sergio Ortega recoge el debate de definición de la profesión de diseñador de interacción. Impagable la frase ‘The ____ field will save the world’. Jared Spool también comenta este tema en un hilo de discusión de la IXDA Help! Is there a Cardiothoracic Surgeon in the room?. Aunque hay gente que no piensa igual.
• Aplicación que te permite gestionar tu carrera profesional (más allá de tener el cv en infojobs, hay que moverse en las redes sociales para encontrar trabajo). Vía Mashable
• Si te lo quieres montar por tu cuenta, dos herramientas sencillas: estimador de proyectos y el cálculador de salario del freelance (aunque valdría para cualquier empresa).
• 40 resources to become a successful freelance Graphic/Web Designer. Desde cómo y por qué decir ‘No’ a cómo conseguir que acepten tus diseños.

Arquitectura de Información

• Basta ya de discusiones de Visio vs Omnigrafle: cuadernillo para wireframear en cualquier sitio. Visto en Pobre pero feliz.
• O también puedes tirar de aplicaciones online para prototipar
• Una manera diferente de hacer entregables.
• ¿Qué hace la arquitectura de información? Sistemas de organización y Sistema de etiquetado o rotulación. Esperamos las siguientes entregas…
• Referencia de Apple para el diseño de interfaz de aplicaciones para el iPhone. Vía Pobre pero feliz.
• Patrones de diseño habituales en entornos corporativos. Visto en Grancomo.
• Cómo hacer que tus botones sean pulsados. Vía CSSLayout.
• Los 10 errores más comunes de la arquitectura de información

Usabilidad

• Cosas que Ester Pallaès aprendió haciendo test de usuarios
• Si te gustó la (ya clásica) tesis de Xavier Ferré sobre la integración de la usabilidad en el proceso de desarrollo de software, probablemente te guste la guía conceptual sobre Diseño Centrado en el Usuario de Bas Leurs (entre otros), de la Universidad de Rotterdam. Vía Sergio Ortega.

Tipografía

• Cómo poner tipografías diferentes en tu sitio web con elegancia
• Herramientas y tutoriales para crear efectos de tipografía con CSS

Técnicos

• Soluciones de Javascript a problemas comunes de CSS. Visto en SerAccesible.
• CSS orientado a objetos

Móviles

• Buenas ideas sobre diseño de sitios web para móviles.
• Patrones de diseño móvil
• Cómo reconvertirse de diseñador de aplicaciones a diseñador de aplicaciones móviles
• ¿Cómo adapto un interfaz web para móvil?

Los patrones de diseño son elementos de diseño que dan respuesta a situaciones concretas. El ejemplo más conocido es la colección de Yahoo!.

Nos sentimos libres para buscar en la antigüedad clásica; el funcionalismo de la Bauhaus; la simetría del siglo XVIII; el realismo renacentista; el experimentalismo cubista; el pintoresquismo victoriano temprano; las imágenes oníricas surrealistas; las cándidas instantáneas de la cámara; los planos técnicos; las divisiones del espacio de la arquitectura moderna y el arte abstracto; la tipografía del siglo XV; las fotografías por rayos X; los grabados sobre madera; los diagramas estadísticos; la nueva tipografía de Tschichold; las letras decoradas con fantasía, etc., etc.

Ashley Havinder, sobre 1946

En el libro “El diseño gráfico” de Richard Hollis.

La Enciclopedia Británica no le pilla el tranquillo a esto de tener competencia…

El diseño nació en 1919 cuando Walter Gropius fundó el Bauhaus en Weimar. En el programa de dicha escuela puede leerse:

“Sabemos que sólo los métodos técnicos de la realización artística pueden ser enseñados; no el arte. A la función del arte se le dio en el pasado una importancia formal que la escindía de nuestra existencia cotidiana, mientras que, en cambio, el arte está siempre presente cuando un pueblo vive de modo sincero y sano”.

“Por ello, nuestro deseo es inventar un nuevo sistema de educar que pueda conducir-mediante una nueva enseñanza especializada de ciencia y técnica- a un completo conocimiento de las exigencias humanas y a una percepción universal de ellas.”

“Así, nuestra intención es formar un nuevo tipo de artista creador, capaz de comprender cualquier género de necesidad; no porque sea un prodigio, sino porque sepa aproximarse a las exigencias humanas según un método preciso. Deseamos hacerle consciente de su poder creador, sin miedo a los hechos nuevos, en su propia labor independiente de toda fórmula.”

De El arte como oficio, de Bruno Munari.

(En el programa de la Bauhaus no encuentro las frases que él cita como literales, pero trasmite el mismo mensaje)