25 Maneras de ser más productivo como diseñador

La verdad es que no hay nadie perfecto y nadie lo será, pero la vida se trata de mejorar uno mismo y ser lo más productivo que sea posible con el tiempo que se le ha asignado. Frecuentemente el trabajo consume nuestras vidas, pero si podemos ser más productivos en el trabajo y adoptar buenas hábitos, nuestra vida personal, en teoría, debería mejorar también.

Esta lista fue creada para ayudar a inspirarle para dar un rendimiento máximo en sus días de trabajo, involucrarse más en su carrera y ser, por tanto, un diseñador saludable y productivo como persona. Siéntase libre de agregar sus propias sugerencias a la lista que sigue debajo.

1.- Realice todo lo posible en su viaje al trabajo.

Si le toma un tiempo llegar a su trabajo la mayoría de las veces. Lea un libro, tenga su laptop a mano para empezar a trabajar, incluso planee su día

2.- Tenga una lista de tareas.

Mantener una lista de tareas le asegura recordar todo lo que necesita hacer. Organice su lista de tareas por importancia y tache las cosas realizadas, pero acepte el hecho de que la lista probablemente nunca terminará

3.- Familiarícese con los atajos de teclados de la suite de Adobe.

Aprenderse los principales hotkeys (atajos de teclado) para programas como Photoshop e Illustrator puede ayudarle a ahorrar muchas horas a la larga.

4.- Mantenga el software de su computadora actualizado, libre de virus y spyware.

Como los diseñadores usan computadoras diariamente, es importante estar seguros que den su máximo desempeño, cerciórese de actualizar su computadora por lo menos una vez a la semana

5.- Busque distintas fuentes de inspiración

La inspiración forma gran parte de cualquier carrera artística y existe una buena cantidad de lugares para encontrar inspiración como exhibiciones de diseño, museos, portafolios online y galerías de diseño gráfico

6.- Involúcrese en la comunidad del diseño

Unirse a foros de diseño, comentar en blogs, escribir artículo y hablar en seminarios son solo unas formas de involucrarse en la comunidad del diseño.

7.- Vaya a eventos de diseño, exhibiciones y centros de aprendizaje.

Cada año hay muchas conferencias sobre diseño, eventos y cursos de entrenamiento. Si trabaja para una compañía, incluso le pagarán los gastos para que asista, así que mantenga sus habilidades al día.

8.- Lea libros sobre historia y teoría del diseño

La cantidad de libros de diseño es sorprendente, así que escoja un tema de interés como teoría del diseño y consiga algunos libros para leer en su tiempo libre. Un gran libro es “How to be a graphic designer without losing your soul” (como ser un diseñador gráfico sin perder su alma).

9.- Lea entrevistas de otros diseñadores gráficos

Las entrevistas frecuentemente nos dan ideas y revelan muchos secretos y grandes tips acerca de diseñadores exitosos. Es asombroso lo mucho que se puede aprender incluso de las entrevistas más breves.

10.- Únase a organizaciones de diseño gráfico

Unirse a organizaciones de diseño gráfico le puede traer grandes beneficios y es una manera de conseguir acceso a recursos y contactos. La Graphic Artist Guild (gremio de Artistas Gráficos) y la AIGA son tan solo algunas de las organizaciones a las que debería considerar unirse.

11.- Aprenda a aceptar las críticas constructivas.

Es un problema con muchos estudiantes de diseño e incluso en el ámbito profesional. Cuanto más pronto deje de tomar las críticas constructivas de forma personal, será el tiempo que le tomará mejorar como diseñador.

12.- No tenga miedo de pedir ayuda.

Si no sabe como hacer algo, no gaste su tiempo tratando de hacerlo. Amablemente pregunte por ayuda, así podrá seguir con sus actividades.

13.- Aprenda a comisionar trabajo y tareas a otros.

Si usted tiene más trabajo de lo que puede realizar, es una buena idea enviar algo del trabajo a alguien de confianza .El proyecto final tendrá un mejor resultado si usted trabaja en equipo y encarga tarea a otros.

14.- Use “Google Reader” y haga seguimiento a blogs de diseño

“Google Reader” es un gran lector RSS online que le permitirá dar seguimiento fácilmente a sus blogs de diseño favoritos.

15 .- Use Google Calendar para mantenerse al tanto de eventos importantes.

Google Calendar es un asombroso calendario/agenda online y además gratuito, le ayudara a organizar todas sus actividades importantes.

16.- Configure su cliente de email.

Ver los mails cada 5 minutos puede llegar a ser una gran distracción. Así que cheque su email a ciertas horas por lo que realizará más de su trabajo día a día.

17- Haga contratos estándar para los clientes

Es una buena idea tener un abogado que le ayude a crear una seria de contratos estándar con anticipación, así estará preparado y no tendrá que preocuparse o perder tiempo en hacer contratos posteriormente.

18.- Haga una factura estándar y plantillas de presupuesto.

Tener una factura bien diseñada y una plantilla de presupuestos es ser profesional y pueden ser personalizadas para cualquier cliente nuevo, asegúrese de imprimir copias para sí mismo como referencias.

19.- Haga etiquetas de correo

Escribir tantos años en la computadora ha estropeado mi escritura a mano y tener etiquetas de correo no solo me soluciona lo de mi fea escritura, incluso ahorra tiempo.

20.- Organice todos sus documentos una vez a la semana

En estos días el papeleo se puede apilar muy rápido si es que se deja, organizar todo de nuevo puede ser una pesadilla. Use un archivador que esté clasificado para poder organizar los documentos importantes.

21.- Organice los archivos de su computadora una vez a la semana

Organizar los archivos de computadora es incluso más importante que organizar el papeleo. Debe tener carpetas y sub-carpetas para cada cliente y crear diariamente copias de respaldo en diferentes dispositivos externos.

22.- Desarrolle un sistema de organización

Organizar sus archivos en una forma especifica, le hará más fácil navegar y buscar por documentos cuando los necesite rápidamente.

23.- Trate de mantenerse los fines de semana relajado y libre de trabajo

Es fácil ser consumido por su trabajo y mantener los fines de semana libres es una buena forma de asegurarse en no decaer. Así que no se olvide de disfrutar la vida en los fines de semana!

24.- Ejercítese diariamente y salga por un poco de aire fresco a la hora del almuerzo.

Este punto siempre forma parte en las listas de productividad, aunque mucha gente no lo realiza. Puede ser difícil ajustarse pero tan solo 20 minutos de ejercicio 3 veces a la semana pueden tener un gran impacto en su salud.

Fuente: http://noticiasda.wordpress.com/2009/01/22/25-maneras-de-ser-mas-productivo-como-disenador/

Esos típicos errores

Desgraciadamente no siempre se hace el trabajo sin cometer errores, en mi trabajo he estado al lado de profesionales muy capaces, sin embargo, con el tiempo me he dado cuenta que los mismos errores se repiten una y otra vez, si pudieramos tener un postit al lado de nuestro monitor con un listado como este, creo que cometeríamos varios errores menos, se los dejo:

1. No leer lo que publicas
   Eres diseñador, estamos claros, hay un periodista para hacer los contenidos, OK. Pero aún así, lee todo lo que colocas, no importa si no lo escribiste tú. Si hay errores evidentes, no dudarán en culparte (y en parte, tendrán razón).
2. No leer los mails enteros
   Cuando te llegue un mail con requerimientos, leelo ENTERO (incluyendo los forwards), entiéndelo, si hay cosas que no entiendes pregúntalas inmediatamente, tu cliente estará gustoso de notar que su requerimiento es tomado en cuenta lo antes posible.
3. No tomar los requerimientos
   Hazte cargo de lo que te piden, no dejes nunca cosas en el aire, si hay algo que no te corresponde hacer o te faltan materiales para hacerlo, hazlo saber a tu superior. No lo dejes volando.
4. No revisarlo entero
   Revísalo TODO, no porque una botonera vincule bien, significa que todas vinculen bien, no porque tu sitio se vea bien en tu equipo significa que está listo, dedica tiempo a revisar tu trabajo.
5. No usar lo que haces
   Me ha tocado ver a varios (me incluyo) diseñando cosas que nunca han probado, si diseñas una interfaz… ponte del lado del usuario, no pienses como diseñador, actúa como usuario, luego vuelve a pensar como diseñador.
6. Ser creativo sólo por serlo
   La creatividad es una herramienta de la comunicación, establece tus objetivos y trabaja en función de conseguirlos, no porque seas un “creativo” debes hacerlo todo basado en metáforas. A veces con ser directo y simple, cumplirás tus objetivos.
7. Ser desordenado
   Diseñar y producir implica tener una pasión por el orden, establecer metodologías y mecanismos de orden en tu trabajo te ayudará a simplificar tareas mecánicas y dedicarle tiempo a tareas creativas.
8. Decir que algo está listo cuando aún no lo está
   He visto a varios responder a la pregunta ¿está listo el encargo? con un rotundo si. Aunque la verdad sea que aún faltan minutos para terminar ese trabajo. Sincera tus plazos, si algo no está listo, no lo está. Si hay algo que lo está demorando… manifiéstalo. Lo peor es decir que algo está listo cuando falta algo por hacer.
9. No avisar cuando algo está listo
   Terminaste? lo revisaste? lo leiste? lo probaste?, OK entonces ahora avisa a quien corresponda que tu trabajo está listo, hazlo por un medio escrito para que quede registro de la entrega (fecha y hora) sólo en ese momento puedes empezar a olvidarte de ese encargo.

Fuente: http://www.digilicious.cl/2008/02/18/esos-tipicos-errores/

No todos son iguales, pero hay que saber elegir

En el camino de los negocios conocemos cantidad y diversidad de clientes, personas, proveedores, que como seres humanos y empresas, tienen diferente ideología. Nos encontramos con clientes buenos, y otros no tanto.

De una experiencia desagradable que tuvimos con una empresa, aprendimos varios puntos importantes que debemos tomar en cuenta antes de enredarnos en un contrato para prestar nuestros servicios.

1. Historial de la empresa: Es el punto más importante, hay que investigar el historial de la empresa para ver si es confiable, si ha tenido problemas con clientes pasados y que tal anda su “reputación” dentro de su giro. Si nos enteramos que tienen un historial no muy agradable o malo, pensemos realmente si nos traerá beneficios. En ocasiones es mejor alejarnos porque podremos perder mucho más.

2. El contrato: Es de vital importancia que nuestro contrato sea, concreto, claro y que tenga fechas en las cuales vamos a terminar de prestar los servicios, fechas de pago y por supuesto tener una taza de interés por pago atrasado, esto para “presionar” a la empresa a que pague a tiempo.

3. Las llamadas telefónicas: Es importante estar al tanto de las actividades de la empresa con regularidad, llamar una vez por semana para preguntarles que les ha parecido el servicio y cuando podemos pasar por el pago siguiente. Nunca confiar demasiado y dejar pasar hasta la fecha acordada. Puede ser que la empresa desaparezca de un momento a otro sin avisar.

4. Hacer citas: Para ir a recoger un cheque o el efectivo, es de gran importancia hacer citas, de no ser así podemos perder mucho tiempo y dinero en dar vueltas que no servirán de nada

5. Ser paciente: No desesperarnos si a la segunda llamada no nos han pagado, probablemente tuvieron problemas, pero si se atrasan 2 semanas entonces las cosas cambian, sin embargo es muy importante no perder la cordialidad, suele suceder que ya estamos artos de llamar y no recibir una respuesta válida, pero recordemos que la reputación y la imagen de nuestra empresa está en juego si perdemos la paciencia y les gritamos en la cara lo malos que han sido. Ahora que si pasan 3 meses y no hay respuestas, mejor llamamos a un abogado o un policía para que vayan con nosotros por el pago.(Es broma…pero podría ser)

6. Y la más importante. Retroalimentación: Al término del contrato, debemos evaluar si realmente queremos continuar prestando servicios a la empresa, si nos costó trabajo cobrar los cheques, si fueron amables, etc. Suele pasar que una empresa es muy mala con los pagos, y al término del contrato nos solicitan otros servicios nuevamente, y esta vez de una suma interesante, hay que pensar si realmente nos conviene continuar o mejor despedirnos cordialmente. Por lo general nunca cambian.

Conocimos a una de las empresas más irresponsables del estado, tuvimos la oportunidad de ver como empresas nacionales, les gritaban en la cara lo malos que eran. Con decirles que tardamos casi un mes en cobrar un saldo de $450.00 PESOS. Eso nos pasó por no investigar, pero aprendimos que los puntos ya mencionados son importantes al momento de hacer negocios con cualquier empresa.

No todo lo que brilla es oro.

Fuente: http://www.closip.com/blog/noticias/2008/01/17/no-todos-son-iguales-pero-hay-que-saber-elegir/

Contrato de diseño web

Si eres desarrollador web ¿cuantas veces has tenido la necesidad de hacer un contrato de desarrollo de sitio web? esto es algo muy necesario para evitar malos entendidos y formalizar la relación con el cliente. Yo antes cada contrato lo hacía diferente y sinceramente sin respaldo legal.

Existe un proyecto dentro del sitio de ley en línea llamado El Contrato de Desarrollo de Sitio Web este es un proyecto abierto que acepta opiniones para mejorarlo ya que cuenta con un wiki y está publicado con licencia Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 Mexico License el autor de este contrato es Jorge Ringenbach sin duda este proyecto va ser de muchísima utilidad para muchos desarrolladores web.

Lo que no sé es si este contrato tenga validez completa en otro país que no sea México porque en la sección de resolución de controversias dice que se somete a la legislación vigente de la ciudad de México.

Descarga el contrato de Desarrollo de Sitio Web, visto en Maestros del Web

Descarga alternativa.

Fuente: http://www.carlosleopoldo.com/post/contrato-de-diseno-web/

Color, arquitectura y estados de ánimo

Descargar documento en formato pdf

1. Introducción

El color en las artes es el medio mas valioso para que una obra transmita las mismas sensaciones que el artista experimento frente a la escena o motivo original; usando el color con buen conocimiento de su naturaleza y efectos y adecuadamente será posible expresar lo alegre o triste, lo luminoso o sombrío, lo tranquilo o lo exaltado, etc.

Nada puede decir tanto ni tan bien de la personalidad de un artista, del carácter y cualidades de su mente creadora como el uso y distribución de sus colores, las tendencias de estos y sus contrastes y la música que en ellos se contiene.

El color en la arquitectura y decoración se desenvuelve de la misma manera que en el arte de la pintura, aunque en su actuación va mucho mas allá porque su fin es especialmente especifico, puede servir para favorecer, destacar, disimular y aun ocultar , para crear una sensación excitante o tranquila, para significar temperatura, tamaño, profundidad o peso y como la música, puede ser utilizada deliberadamente para despertar un sentimiento. El color es un mago que transforma, altera y lo embellece todo o que, cuando es mal utilizado, puede trastornar, desacordar y hasta anular la bella cualidad de los materiales mas ricos.

El color, como cualquier otra técnica, tiene también la suya, y esta sometido a ciertas leyes, que conociéndolas será posible dominar el arte de la armonización, conocer los medios útiles que sirven para evitar la monotonía en un combinación cromática, estimular la facultad del gusto selectivo y afirmar la sensibilidad.

El hogar de nuestros días no solo requiere color para embellecer y animar, sino color que resuelva las necesidades psicológicas de quienes vivan con el. La elección del color esta basada en factores estáticos y también en los psíquicos, culturales, sociales y económicos.

El nivel intelectual, el gusto de la comunidad, la localización y el clima también influyen en la elección del esquema y asimismo la finalidad o propósito de cada pieza. Pero entre todos estos factores del color, quizás sea el mas importante el psicológico, ¿por qué nos alegra, inquieta, tranquiliza o deprime un determinado conjunto o combinación cromática?

Un ejemplo: El color de un edificio es como el envase o presentación de un producto que actúa en estimulo de la atención y para crear una primera impresión, favorable o negativa.

Los colores del interior deben ser específicamente psicológicos, reposados o estimulantes porque el color influye sobre el espíritu y el cuerpo, sobre el carácter y el animo e incluso sobre los actos de nuestra vida; el cambio de un esquema de color afecta simultáneamente a nuestro temperamento y en consecuencia a nuestro comportamiento.

El color es luz, belleza, armonía y delicia de la vista, pero es sobre todo, equilibrio psíquico, confort y educacion

Resumen:

1. Introducción
2. El Color
3. Clasificacion de los colores
4. Armonización de los colores y su búsqueda
5. Contrastes-la interacción del color
6. El campo de los colores es tridimensional
7. Cualidades Tonales
8. Los elementos de la escala
9. Experimentación en niños en relación a la forma y el color
10. La significación del color: semiótica y teoría del color
11. Psicología del color
12. Cromoterapia
13. Esplendor de la naturaleza
14. La vista y los colores
15. Los colores como tratamiento
16. Cromoterapia Ambiental
17. Cromoterapia y elementos
18. Colores y personalidad
19. Test de los colores
20. Arcana simbología de los colores
21. Policromía arquitectónica: posturas teoricas de los siglos XIX y XX
22. Color y arquitectura
23. Selección del color
24. Ideas para esquemas
25. El Color En La Industria
26. El ambiente visual
27. El color en la clínica mira
28. El color: un componente de cualificación y significación del ambiente urbano
29. El color en el medio ambiente como código social popular
30. Propuesta
31. Bibliografía

Descargar documento en formato pdf

Fuente: http://www.monografias.com/trabajos5/colarq/colarq.shtml

¿Que quieres transmitir con tu web? Los colores te ayudarán

La programación web no es más que otra forma de vender un producto que has de hacer llegar a los ojos de los clientes y enamorarlos en la primera impresión. Por ello además de tener en cuenta una estructura idónea y adaptada al rango de usuarios a los que va dirigida es importante a la vez que interesante tener en cuenta los colores que vamos a usar en nuestros proyectos.

Los colores es lo segundo que nuestro cerebro capta despues de la estructura, por ese motivo hemos de pensar muy a conciencia que colores usar para vender nuestro producto. Al igual que colocamos en la parte superior el título de nuestra página para que sea lo primero que vea nuestro usuario, hemos de pensar en el conjunto y crear un estructura homogenea que transmita unos sentimientos al usuario.

Los colores nos afectan psicológicamente y producen ciertas sensaciones, y esas hemos de aprovecharnos de dichas sensaciones para conseguir nuestro objetivo, hemos de tener en cuenta que la asociación de colores es algo cultural, por lo tanto tenemos que tener cuidado con que elegímos, ya que podemos causar el efecto inverso al que queremos provocar. Por ese motivo hemos de conocer nuestro ratio de mercado y a quien vamos a dirigir nuestro sitio web.

Para empezar deberemos saber que cada color ejerce sobre una persona 3 efectos:

1. Impresión: llamamos la atención del usuario.
2. Expresión: conseguimos transmitir una emoción por lo comentado anteriormente.
3. Construye: dotamos de significado, convertimos en un simboló.

Colores y sensaciones

• Rojo: Culturalmente asociamos rojo con pasión ardiente, sexualidad, erotismo… aunque también con peligro, error. Hemos de tener cuidado con que tipo de rojo usar ya que producen efectos agresivos. Jugando con las tonalidades más claras de este color podemos aportar un toque sensual a nuestro sitio web.
• Anaranajado: Representa la alegría, la juventud, el calor, el verano,… causa optimismo, seguridad y confianza. Ayuda a disminuir la fatiga, es ideal para lugares donde se ha de transmitir mucha información.
• Amarillo: El color más luminoso, es el color de la luz del sol. Provoca buen humor y alegría, estimula la vista y el sistema nervioso. Está vinculado a la actividad mental y la inspiración creativa ya que despierta el intelecto, de ahi que se use para indicar alerta. (offtopic: ¿Nunca habeis probado a estudiar con una hoja amarilla debajo de los apuntes? Se queda todo más fácil :D).
• Verde: Simboliza esperanza, es un color hipnótico, relajante, ayuda a controlar el insomnio, la fatiga,… Ideal para contrarestar los colores más cálidos.
• Azul: Es el más sobrio de los colores fríos, transmite seriedad, confianza y tranquilidad. Se el atribuye el poder para desintegrar las energías negativas. Favorece la paciencia la amabilidad y serenidad, aunque la sobreexposición al mismo produce fatiga o depresión. También se aconseja para equilibrar el uso de los colores cálidos. Ideal para ambientes que inviten al reposo.
• Púrpura: Asociado con el misterio, la intuición y la espiritualidad este color ayuda a disminuir la angustia, las fobias y el miedo.
• Blanco: La pureza por excelencia, paz, alegría y pulcritud, aunque en los paises islámicos simboliza la muerte.
  
  
• Negro: El color más oscuro solo puede transmitir dolor, tristeza, melancolía y irritabilidad. Denota poder, misterio y estilo.
• Gris: Puede expresar elegancia, respeto, desconsuelo, vejez y aburrimiento, es un color neutro que no influye en los otros colores.

Conociendo ya el significado de los colores, solo nos queda unirlos de una forma equilibrada y homogenea para transmitir una sensación que el usuario perciba de forma inconsciente, de esta forma tendremos un punto más para conseguir que vuelva.

Fuente: http://www.anieto2k.com/2006/09/23/%c2%bfque-quieres-tranmitir-con-tu-web-los-colores-te-ayudaran/

La importancia creciente de la accesibilidad de sitios web

Resumen: El numero de personas que acceden a servicios a través de internet crece cada día. Un porcentaje creciente de estas sufre limitaciones bien por su edad avanzada o por sufrir algún tipo de discapacidad para la realización de sus actividades cotidianas (oir, ver, hablar, valerse por sí mismo). Si al diseñar sitios web nos olvidamos de estas personas, las estamos discriminando. Por otra parte, el acceso a servicios de internet desde contextos y dispositivos variados (TVi, Wireless, PDAs), nos obliga a diseñar pensando en facilitar el acceso a la información de este público.

Limitaciones que podemos encontrar y su traslación al diseño web

Físicas:
Discapacidades visuales: (Ceguera total a parcial; daltonismo; visión borrosa...). Internet es un medio fundamentalmente visual y basado en texto e imagen. Ello no impide que personas con discapacidades visuales accedan a los contenidos de un sitio web mediante otro tipo de dispositivos, Voz, Braille.

Discapacidades motrices: (Parkinson, artritis, esclerosis múltiple, parálisis...) impiden el manejo de dispositivos estándar como teclados, ratones. No tienen porqué tener o ser capaces de usar un teclado o un ratón ya que existen otros tipos de dispositivos de acceso a la información como pueden ser los navegadores basados en voz.

Discapacidades auditivas: (sordera total, parcial) En algunos sitios web, es importante el sonido. Algunos tipos de sorderas impiden la audición de señales y pitidos del sistema.
Discapacidades cognitivas y de lenguaje: (Dislexia, dificultades para recordar, resolver problemas, limitaciones sensoriales, de comprensión del lenguaje)

Para estas personas, una maquetación compleja o un exceso de información en los sitios web puede causar un bloqueo mental, por ello es importante una presentación limpia y clara de la información a incluir en cada documento.

Discapacidades relacionadas con la edad: Desde pérdida de visión a deterioro de las capacidades auditivas, pasando por la pérdida de capacidades motoras y de coordinación debido a enfermedades como artritis, parkinson, etc.

De entorno: Al diseñar sitios web, no se está en el mismo entorno en el que será utilizada la aplicación en la que estamos trabajando, por ello, es importante ponerse en el lugar de nuestro usuario y su entorno de acceso ya que puede encontrarse en un entorno ruidoso, como un lugar público, o realizando otras tareas simultáneamente como atender un teléfono o conducir (en este último caso, que implica la seguridad de las personas, ponerse en este lugar del usuario es un punto crítico).

Técnicas:
Están relacionadas con el equipo con el que accede un usuario a internet. Dispositivos de acceso a la información:
- Navegadores antiguos
- Sistemas operativos diferentes Dispositivos de visualización
- pequeños (PDA, teléfono móvil)
- Pantalla en modo "sólo-texto" - Profunidad de color (VGA) - Resoluciones Conexión: - Mala conexión a Internet


Consecuencias de la NO ACCESIBILIDAD de un sitio web

Cuando afectan a las capacidades físicas, podrían resumirse en una sóla palabra: discriminación.

• No acceso a información relacionada con el empleo: empleados minusválidos que no pueden realizar su trabajo en la empresa por tener una intranet inaccesible; aplicaciones de empresa.
• No acceso a información sobre actividades cívicas y relacionadas con el ejercicio de los derechos ciudadanos.
• No acceso a programas educativos.
• No acceso al comercio en la red.
• No acceso a información general de la Web.
• Y en general, cierto estado de desconexión e incomunicación.

Para evitar esta situación, la Comisión Europea puso en marcha la iniciativa "eEurope - Una Sociedad de la Información para todos" (8 de diciembre de 1999). "Con la iniciativa eEurope se pretende que Europa pueda explotar sus puntos fuertes y superar los obstáculos que aún se oponen a la asimilación de las tecnologías digitales, a través de la consecución de tres objetivos clave:
Conseguir que todos los ciudadanos, hogares, escuelas, empresas y administraciones estén conectados a la red
Crear en Europa una cultura y un espíritu empresarial abierto a la cultura digital
Garantizar que la sociedad de la información no se traduzca en exclusión social."

En EE.UU. existe legislación federal que siguiendo las recomendaciones de la Web Accesibility Initiative (WAI), comisión de expertos del W3C, persigue la adopción de medidas de usabilidad y accesibilidad en el desarrollo de sitios web para facilitar el acceso a la información a todas las personas independientemente de sus capacidades físicas o dispositivos de acceso.

A través de la Sección 508 requiere a las Agencias Federales que desarrollen sus aplicaciones de forma que resulten accesibles para personas con discapacidades. Para ello, el Center for Information Technology Accommodation (CITA), de la Administración de EE.UU. ha sido encargado de la formación de los empleados federales para permitir el desarrollo de estas aplicaciones accesibles. Para lograr estos puntos, el WAI, como organismo dependiente del W3C, responsable de la instauración de estándares en la red, publica sus recomendaciones de estándares a adoptar por los profesionales del desarrollo web basándose en 5 puntos clave:

Tecnología
Guías y pautas
Herramientas
Educación
Investigación y desarrollo

Estos estándares se agrupan en:

Guías de Accesibilidad a Contenido Web 1.0: Dirigidas a la realización de sitios web accesibles para personas con discapacidades.

Guías de Accesibilidad para Herramientas de Publicación 1.0: sirven para guiar a los desarrolladores web en la utilización de herramientas de producción de contenidos para que estos sean accesibles.

Guías de Accesibilidad para Dispositivos de Acceso 1.0: Su utilidad es mostrar como hacer accesible la información a diferentes navegadores y reproductores multimedia y otros dispositivos de tipo asistivo.

El 5 de mayo de 1999, el W3C eleva formalmente Guías de Accesibilidad a Contenido Web 1.0 a recomendación, consistiendo en 14 pautas a seguir al desarrollar un sitio web:

I.- Ofrecer alternativas al contenido visual y auditivo
II.- No apoyarse únicamente en el color y comprobar que tanto textos como gráficos son comprensibles cuando se visualizan sin color.
III.- Utilización adecuada de hojas de estilo y marcadores Marcando los documentos con los elementos estructurales apropiados y controlando la presentación con hojas de estilo en vez de con elementos y atributos de presentación.
IV.- Identificar el lenguaje natural utilizado en cada documento, para facilitar la pronunciación o interpretación de texto abreviado o extranjero.
V.- Creación de tablas de contenido cuya transformación sea adecuada mediante marcadores que permitan su transformación a través denavegadores accesibles y otras aplicaciones de usuario.
VI.- Ofrecer medios alternativos a las últimas tecnologías Asegurar que los documentos son accesibles incluso cuando el dispositivo de acceso no soporta o tiene desactivadas las últimas tecnologías.
VII.- Permitir que el usuario controle las variaciones sobre contenidos basados en tiempo como animaciones, secuencias de diapositivas, etc. Este control se traduce en la posibilidad de detener, actualizar, dichos contenidos.
VIII.- Asegurar la accesibilidad del interfaz de usuario independientemente del dispositivo de acceso.
IX.- Diseñar con independencia del dispositivo utilizando características y estándares que permitan activar o desactivar elementos de la página a través de diversos dispositivos de entrada.
X.- Utilizar soluciones transitorias que permitan el acceso de dispositivos antiguos como navegadores de versiones antiguas y otras plataformas.
XI.- Apoyarse en tecnologías y pautas W3C o proporcionar versiones alternativas allí donde las pautas W3C no sean aplicables.
XII.- Proporcionar contexto y orientación a la información a través de elementos complementarios que permitan la comprensión de documentos complejos. (Títulos, navegación...)
XIII.- Ofrecer mecanismos claros y consistentes de navegación que apoyen al usuario en su tarea de encontrar información.
XIV.- Asegurar que los documentos sean claros y simples para una comprensión más fácil.

Conjuntamente a estas 14 pautas, el WAI ofrece unas reglas conjuntas que permiten la aplicación concreta de cada una de estas pautas y las agrupa en 3 niveles de prioridad.

Prioridad 1: Los desarrolladores de contenido web DEBEN satisfacer estos puntos o el contenido será inaccesible para algunos usuarios.

Prioridad 2: Los desarrolladores de contenido web DEBERIAN satisfacer estos puntos o el contenido podría resultar inaccesible para algunos usuarios.

Prioridad 3: Los desarrolladores de contenido web PUEDEN satisfacer estos puntos o el contenido puede presentar problemas de accesos para algunos usuarios.
Según el nivel de adhesión a estas prioridades, el WAI recognoce 3 niveles de conformidad para lo que permite la inclusión de un logotipo (no verificado por W3C en cuanto a su veracidad) indicando el nivel de conformidad alacanzado.

Nivel "A" (A): incluye los puntos de verificación de prioridad 1.
Nivel "Doble A" (AA): incluye las prioridades 1 y 2.
Nivel "Triple A" (AAA): incluye las prioridades 1, 2 y 3.

Cómo comprobar la accesibilidad de un sitio web

Servicios de validación automática de páginas web Se trata de servicios de acceso on line, que permiten el acceso a nuestro sitio web presentando el código validado según los estándares especificados. Bobby: desarrollado por CAST (Center for Applied Special Technology).

Aplicación que realiza un análisis en tiempo real de la página solicitada generando una nueva página donde se marcan de manera gráfica los fallos de accesibilidad y los elementos incorrectos o no estándar de HTML. Validador del WAI: Sirve para la detección automática de etiquetas no estándar de una página web para la versión seleccionada de HTML.

NetMechanic: Validador on line de código HTML. Verifica el código de un sitio web generando un reporte a través de email.

Listas de comprobación y autoevaluación (Checklists) Web Page Accessibility Self-Evaluation Test de la Diversity Management Directorate (Public Service Commission de Canadá), mediante este test de autoevaluación, se puntúa la accesibilidad de un sitio web basándose en las respuestas a un cuestionario acerca de los diferentes puntos de accesibilidad de la página.

HTML Author Checklist de la WAI.

Comprobación con varios navegadores y dispositivos Este punto es básico. Adicionalmente, la WAI y muchos otras organizaciones recomiendan la verificación de la accesibilidad de los sitios web mediante:

Navegador "sólo-texto" (Lynx o NetTamer) Ver a través de un emulador Lynx

Navegador basado en voz (PwWebSpeak)

Navegador estándar con:
Gráficos y multimedia desactivados
Sonido desactivado
Sin ratón
Resolución de pantalla en VGA
Distintos modelos y versiones de navegadores estándar como Explorer y Microsoft, Opera..., o incluso Mosaic

Fuente. http://www.alzado.org/comentarios.php?id_art=2
Autor: Luis Villa
Esta obra fue publicada por su autor bajo Licencia Creative Commons

23 puntos a tener en cuenta en el diseño web

Y en muchas, pero que muchas ocasiones las decisiones adoptadas son contrarias a la orientación al usuario del sitio web.

Aquí tenéis 23 sugerencias que se pueden extraer del estudio que se han realizado con la técnica “eye-tracking” y que puedes utilizar para mejorar el diseño de tu página web. El artículo original, en inglés, esta publicado en Virtual Hosting.

• El texto atrae la atención antes que los gráficos. Contrariamente a lo que podría imaginarse, lo primero que un usuario visita en un sitio web no son las imágenes. La mayoría de los usuarios que llegan a tu sitio lo hacen buscando información, y no imágenes, así que asegúrese de que tu sitio web está diseñado para que las partes más importantes de tu texto son lo más destacado.
• El movimiento inicial de la mirada se centra en la esquina superior izquierda de la página. No debe sorprender que un usuario visite las páginas web de esta manera, ya que la mayoría de las aplicaciones están diseñadas con la parte superior izquierda como el foco principal. Puedes hacer un favor a tu sitio web al mantener este formato a la hora de crear el diseño. Recuerda, tienes que tener en cuenta lo hábitos de los lectores si quieres tener un sitio orientado al usuario.
• Al inicio, los usuarios buscar en la parte superior izquierda y en la parte superior de la página antes de desplazarse hacia abajo y hacia la derecha. Los usuarios generalmente escanean las páginas web en forma de ‘F’. Asegúrate de que los elementos importantes de tu contenido se encuentran en estas áreas clave. Utiliza titulares, subtítulos, viñetas, y texto resaltado a lo largo de la página de manera que incites a los lectores a leer más.
  
  
  
  
  
• Los lectores ignoran los banners. Los estudios han demostrado que los lectores en gran medida hacen caso omiso de los anuncios (banners). Si estás tratando de hacer dinero a través de anuncios, lo que necesitas es ser creativo en su ubicación o en los tipos de anuncios que coloques en tu sitio.
• El diseño en el formato de las fuentes no se tiene en cuenta. ¿Por qué? Pues porque los usuarios suponen que son anuncios y que no tienen la información que necesitan. De hecho, los estudios demuestran que los usuarios tienen dificultades para encontrar la información en letras grandes de color con formato.
• Mostrar los números como números. Lectores les resultará mucho más fácil de encontrar información en su sitio si utiliza números en lugar de escribirlos. Recuerda que estás escribiendo para los lectores que van a ser principalmente de exploración de su sitio, a fin de hacer que les resulte más fácil encontrar lo que necesitan y mantenerlos interesados.
• El Tipo de tamaño de la letra influye en el comportamiento de la visualización. Las fuentes pequeñas aumentan la concentración de la lectura en el texto mientras que las fuentes más grandes animan al usuario a explorar por la página. Dependiendo de tus necesidades, elige un tipo de letra u otro.
• Haz que tus usuarios puedan buscar en una parte específica del texto. No uses subtítulos como un formato particular, para ello asegúrate que sean pertinentes y de interés. También pueden ayudarte si incluyes palabras clave que ayuden a la idexación de la web.
• Los usuarios, en general, exploran la parte inferior de la página. Puedes utilizar esto a tu favor dándoles información clave cuando los lectores están explorando la página. Resaltar algunas secciones o crear listas con viñetas ayuda a encontrar información y a leer la página.
• Frases cortas mejor que párrafos largos. La información en tu página debe de estar diseñada para el corto tiempo de atención de la mayoría de los usuarios de Internet. Mantén los párrafos y las frases cortas a menos que el contexto lo requiera, por ejemplo las descripciones de los productos de un sitio de comercio electrónico.
• Una columna es mejor que varias para conseguir atraer la atención de los usuarios. No abrumes a los visitantes de tu sitio con demasiada información. La simplificación es mejor en algunos casos. La utilización de múltiples columnas es probable que sean ignoradas por los usuarios.
• Los anuncios en la parte superior y en la parte izquierda de una página recibirán la mayor atención. Si vas a publicar anuncios en tu sitio, intenta integrarlos en la parte superior izquierda de la página, dónde tendrás la mayor atención visual. Pero sólo porque los lectores los vean no significa que hagan clic sobre ellos, por lo tanto no sacrifiques el diseño sólo para ganar un poco de visibilidad.
• Los anuncios colocados junto a los mejores contenidos son los más vistos. Si usted quiere que sus anuncios se vean y que hagan clic en él, incorpóralos en tu diseño de manera que se coloquen cerca de los elementos más interesantes de tu contenido. Los usuarios podrán encontrar lo que necesitan y además tendrás una óptima visualización de tu publicidad.
• Los anuncios de texto son los más leídos. Como dijimos anteriormente, la media de usuarios de Internet, en general, no pierde mucho tiempo buscando en cosas que parecen ser de inmediato anuncios. Esa es la razón que sean mejores los anuncios de texto. No se trata de distraer y de mezclar con el resto del contenido de la página, pero son visualmente menos irritantes para el lector y, en definitiva, tienen más éxito.
• Las imágenes grandes reciben más atención. Si vas a usar imágenes en tu página, cuanto más grandes mejor. La gente está más interesada en una imagen donde se pueden ver claramente los detalles y la información. Sólo asegúrate de que toda imagen que utilizas es particularmente pertinente a tu texto, de lo contrario es muy probable que sea ignorada.
• Imágenes sencillas y limpias atraen más la atención. Si bien pueden funcionar bien con tu diseño, las imágenes artísticas no van a obtener mucha atención del lector. Si está usando fotos con gente, asegurarse de que son claras. Cabe señalar también que las fotos con el “verdadero” gente, y no con modelos, dan mejor resultado.
• Utiliza titulares. Lo primero que leen los usuarios en una página son los titulares. Asegúrate que no bloquean otros temas de la página y que estos destacan lo suficiente para incitar al lector a seguir buscando.
• Los usuarios pasan mucho tiempo mirando los botones y menús. Debido a esto, tendremos que dedicar algo de tiempo extra para asegurarnos que están bien diseñados. Después de todo, estos no sólo llaman mucho la atención de los ojos sino que son uno de los elementos más importantes de la página.
• Las listas hacen que el lector mantenga la atención durante más tiempo. Una manera útil de para facilitar la lectura es la utilización de listas en lugar de párrafos largos. Utilice números o viñetas para resaltar la información importante dentro de su contenido. Esto hará tu sitio más escaneable y más fácil para los usuarios el poder encontrar la información que está buscando.
• Evitar grandes bloques de texto. Los estudios han demostrado que los visitantes no se van a tomar el tiempo de estudiar grandes bloques de texto y no importa lo bien escrito que estén o la información que proporcionen. Debido a esto, es necesario romperlos en pequeños párrafos. Destaca áreas específicas, puede ayudar a mantener la atención del usuario.
• Dar formato al texto puede llamar la atención. Para guiar al lector a los puntos más importantes del texto utilizar negrita, mayúsculas, cursiva, color, y texto subrayado. Pero con prudencia, si te excedes dificultará la lectura.
• El espacio en blanco es bueno. Si bien se podría caer en la tentación de poner algo de texto en cada rincón de la página, es realmente mejor dejar algunos huecos. Los sitios con demasiado contenido tienden a abrumar a los usuarios y esto hace que hagan caso omiso de parte del mismo. Por lo tanto, deja espacios visuales limpios para no saturar al usuario.
• Las herramientas de navegación funcionan mejor cuando se colocan en la parte superior de la página. No deseas que los lectores que llegan a tu web sólo busquen en la página inicial, querrán que naveguen por otras páginas y que localicen contenidos que puedan interesarles. Puedes ayudarles haciendo su navegación fácil, para ello coloca la barra de navegación en la parte superior de la página.

Fuente: Desarrollo Web

Informe de Carlos Guadián Orta*
URL: http://www.k-government.com/2007/11/17/23_puntos_a_tener_en_cuenta_en_el_diseo_web/

* Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

Tiempos de respuesta

Tiempos de respuesta en la Web
El objetivo mínimo a alcanzar en la actualidad es un tiempo de respuesta de no más de 10 segundos, dado que este es el tiempo límite que las personas pueden prestar atención mientras esperan.

Según los expertos, los tiempos recomendados son los siguientes:

• Una décima de segundo (0.1 sec) es el tiempo normal de respuesta para que el usuario sienta que el sistema esta reaccionando instantáneamente. En este punto no es necesario informar al usuario que algo esta siendo procesado o actualizado.

• Un segundo (1 sec) es el tiempo limite para que el usuario se de cuenta de que hay una demora y que la misma no es una interrupción.
  En demoras de más de una décima y menos de un segundo no es necesario mostrar ningún mensaje especial, pero el usuario siente que ya no esta trabajando directamente sobre los datos.
  Mostrar una página en menos de un segundo le da al usuario la sensación de que esta accediendo a la información sin demoras.
• Diez segundos (10 sec) es el tiempo máximo que un usuario puede permanecer atento a una tarea. Si el tiempo de respuesta es mayor, los usuarios tienden a ocupar su tiempo en otras cosas por lo que ya no están atentos a lo que la computadora esta haciendo.
  

Descargar y mostrar una página en menos de diez segundos permite que el usuario pueda concentrarse en reconocer la manera de desplazarse por el sitio.

Tiempo de respuesta del Servidor
Debido al dinamismo con el que son desarrolladas las páginas hoy en día, el tiempo de descarga de las mismas debe ser calculado sobre la marcha. Por lo que la demora de visualización no depende solamente del tiempo de descarga sino también del rendimiento del servidor o servidores involucrados.
En la actualidad, es muy común que los sitios Web interactúen con bases de datos, lo que hace que el proceso de descarga sea aún más lento.
Todas estas cuestiones técnicas no le interesan al usuario ya que a él no le interesa por que los tiempos de respuesta son lentos.
Lo único que ven y perciben los usuarios es que el sitio que están visitando no les esta dando un buen servicio.
Los tiempos de respuesta lentos se traducen directamente en un nivel de confianza menor.

Los factores que influyen en la velocidad de carga de una página son:

• Rendimiento del Servidor
• Conexión del Servidor con Internet
• Internet
• Conexión del Usuario con Internet
• Velocidad del Navegador y de la Computadora del Usuario

Esto significa que cada uno de estos eslabones aporta su propia cuota de demora, y como las demoras son acumulativas, no se podrán conseguir buenos tiempos de respuesta mejorando solamente algunas de las partes.

Fuente: Jakob Nielsen - Usabilidad, Diseño de Sitios Web

Evitando el "click aquí": el arte de enlazar

En Coding Horror han escrito “Don’t Click Here: The Art of Hyperlinking” un artículo interesante sobre las mejores formas de enlazar.

El artículo contiene una introducción al “hyperlink” (normalmente traducido como hiperenlace en castellano pero suena horrible) que aunque no está mal creo que es más interesante los once puntos que tratan (las imágenes que sirven de ejemplo en cada punto también son de ahí):

1. Asegurate que los enlaces son lo suficiente grandes para que sea fácil hacer click en ellos. Cuando se construyen enlaces hay que evitar la “Fitt’s Law. Si lo que estás enlazando es pequeño, hazlo grande. Si no puedes hacerlo más grande, al menos añade bordes para que sea más fácil a la gente hacer click.

   En la imagen siguiente sólo los números están enlazados, una pena:

   

2. El primer enlace es el más importante. El primer enlace va a llevarse la mayor parte de la atención del lector y el mayor porcentaje de clicks. Elige tu primer enlace cuidadosamente. Empieza por lo importante y no lo malgastes en una trivialidad. La imagen siguiente es un buen ejemplo de enlazar primero lo más relevante:

   

3. No enlaces todo. Usar demasiados enlaces convertirá el texto en ruido. Esto funciona en dos dimensiones: enlazar excesivamente hace el texto difícil de leer y además devalúa el valor de los otros enlaces. Enlace con moderación. Enlaza sólo las cosas lo suficiente importantes para merecer un enlace. Un ejemplo de lo que nunca hay que hacer sería algo como esto:

   

4. No alternes radicalmente el comportamiento de los enlaces. Los enlaces son la piedra angular de la web. Los usuarios se han formado durante años unas expectativas basadas en el existente comportamiento de sus navegadores. Cuando cambias la forma en que los enlaces funcionan, estás redefiniendo una parte fundamental de la web. ¿Es eso lo que realmente quieres? ¿Es eso lo que realmente tus lectores quieren?.

   Veamos un ejemplo de un “gadget” que altera radicalmente el comportamiento de los enlaces:

   

5. No titules tu enlace como “Click aquí”. No uses las palabras “Click” o “aquí” en ninguna parte del texto del enlace. Describe lo que el enlace hace cuando el usuario hace click en él. Un ejemplo de un “Click aquí” innecesario:

   

6. No enlaces cosas que el usuario puede querer seleccionar y copiar. Pobre usuario el que tenga que seleccionar y copiar texto enlazado. Esto requiere de un complejo conjunto de movimientos precisos del ratón para funcionar correctamente. Aquí estoy intentando seleccionar el nombre “Ralph Waldo Emerson” que forma parte del enlace:

   

   Por suerte no es un escenario muy habitual. Pero cuando pasa no es nada agradable y requiere algo de consideración.

7. No incluyas iconos en cada enlace. Si debemos usar los enlaces con moderación, debemos usar los iconos con extrema moderación. Si todos los enlaces tienen un icono, es ruido. Sólo los enlaces muy poco habituales deben incluir iconos. Pienso que un texto bien escrito puede comunicar fácilmente qué tipo de enlace es, tanto o más que un icono, pero esto entra en el reino de las preferencias de cada uno.

   

8. No hagas el contenido dependiente de los enlaces para funcionar. No todo el mundo va a pulsar en tus enlaces. Pueden estar muy ocupados para hacer click en cada uno de los enlaces que pongas delante suya, o quizá están leyendo el artículo en otro formato en el cual no pueden hacerlo: imprimido, offline, en un móvil. De todas formas es importante ofrecer el contexto necesario para hacer el contenido entendible sin la necesidad de visitar todo lo que está detrás de los enlaces.

   

9. No ocultes tus enlaces. Los enlaces deben parecer enlaces. Dales un estilo distintivo que no pueda ser confundido con ningún otro elemento o texto de la página. Usa un color único no usado en ninguna otra parte de la página y considera usar la bien gastada convención de un enlace subrayado. En el siguiente ejemplo ¿qué es un enlace y qué no lo es?:

   

10. No mezcles anuncios y enlaces. Aparentan ser enlaces pero son anuncios. ¿Cual es el anuncio y cual es el enlace? De nuevo: ¿qué es un enlace y qué no lo es? Y… ¿qué va a pensar acerca de esto el usuario?…

    

11. No ofusques tus URLs. Los usuarios pueden querer ver previamente dónde van a ser enviados con tu enlace poniendo el enlace encima del mismo y viendo la URL en la barra de estado. Evita utilizar redirecciones y servicios acortadores de URLs que hacen la URL totalmente opaca. Los usuarios no deberían tener que lanzarse al vacío y tener fe de que irán donde creen cuando hacen click en tus enlaces.

Fuente: http://sigt.net/archivo/evitando-el-click-aqui-el-arte-de-enlazar.xhtml