Ya hemos comentado muchas veces que NO tiene sentido ponerse a diseñar y construir un sitio web “a lo loco”, por muy sencillo que éste sea.

Lo primero que conviene hacer es diseñar un sencillo diagrama de flujo, y una estructura de navegación esquemática pero muy bien pensada (un wireframe).

Este trabajo previo nos permitirá ordenar nuestras ideas, y nos ayudará a descubrir y solucionar pequeños defectos e incoherencias en la navegación que, de otra manera, hubiesen pasado inadvertidos.

Trabajar con wireframes es fundamental, porque siempre resulta más práctico y efectivo realizar cambios con los borradores -que todavía no tienen el diseño ni la funcionalidad definitiva- que hacerlo con el producto real, cuando ya es demasiado tarde para rectificar (y demasiado costoso).

Aquí tienes 16 aplicaciones para diseñar la estructura de navegación de tu próximo sitio web. Prácticamente todas -con excepción de las dos primeras, muy conocidas- son gratuitas o incluyen, al menos, un plan gratuito.

(más…)

El tiempo es oro. Si consigues hacer tu trabajo en menos tiempo:

A. Podrás realizar más tareas, lo cual te reportará más beneficios.

B. Tendrás la oportunidad de dedicar ese tiempo “ganado” a hacer otras cosas importantes: divertirte, estar con tu familia, hacer deporte, leer, ver una buena película, hacer la compra, poner una lavadora, etc.

Conclusión: todo son ventajas.

¿Cómo ahorrar tiempo?

Mediante una “lluvia de ideas”, los lectores de FreelanceFolder han planteado sus consejos para ahorrar tiempo y aumentar la productividad. Hemos hecho una selección con los 25 más interesantes:

1. Planificar con antelación. Puedes aprovechar los últimos momentos del día para planificar las tareas del día siguiente. Así no perderás tiempo en el arranque.

2. Trabajar con una lista de tareas. Tacha las tareas conforme las vas completando. Deja las pendientes para el día siguiente. Este sistema es sencillo y muy eficaz.

3. Establecer prioridades en la lista de tareas, para completar antes las más importantes.

4. Partir las tareas más complejas en tareas más sencillas. De esta forma podrás abordar problemas que, de otra manera, te parecerían irresolubles, y que podrían frenarte.

5. Programar -y cumplir- los tiempos de descanso necesarios. No somos máquinas. Unos pequeños descansos cada cierto tiempo nos ayudan a rendir mucho mejor.

(más…)

Google ha elaborado una buena recopilación de recursos para optimizar el posicionamiento y la analítica web.

Pero si todavía quieres más, en Bryaneisenberg nos ofrecen una impresionante colección de enlaces interesantes para la gente que realmente quiere profundizar en el mundo de Google  Analytics.

SiteScan es una aplicación gratuita que te permite comprobar si el código de Google Analytics está correctamente configurado en todas las páginas de tu sitio web.

Y para los que empiezan, la guía SEO para  principiantes, elaborada hace ya un tiempo tiempo por Google.

- ¿Tienes que dibujar la maqueta o wireframe de un sitio web?

- ¿Necesitas representar un flujo de navegación?

Ya sabes que antes de arrancar cualquier proyecto, lo más útil que puedes hacer es dibujar lo que tienes en la cabeza. De esta forma contarás con una referencia para ordenar el trabajo, para valorar el alcance real, y para detectar los problemas con los que puedes encontrarte. Además, estos esquemas te permitirán compartir la información con el cliente y con el resto del equipo.

Estos consejos y herramientas pueden servirte de gran ayuda:

1. ¿Qué tipo de gráfico me conviene elaborar?

¿Tienes que elegir una forma de presentación para tus datos y no sabes por dónde empezar? Esta recopilación de tipos de gráficos puede servirte como inspiración.

2. Prefiero trabajar con lápiz y papel

Hay gente que prefiere trabajar al estilo tradicional, con lápiz y papel. Muchas veces, sobre todo en la fase de arranque, puede resultar más rápido e intuitivo, y además no pone límites a nuestra creatividad e imaginación: podemos dibujar y apuntar cualquier cosa, como en un cuaderno de notas.

La ventaja es que ahora no tenemos por qué arrancar de un papel en blanco. Aquí tienes unas plantillas imprimibles para que después completes tus wireframes o maquetas a mano.

(más…)

En 2009 no todo ha sido crisis económica y depresión anímica. También ha habido -como siempre sucede- buenas ideas y excelentes trabajos.

Te presentamos unas cuantas listas de “grandes éxitos” para que empieces 2010 cargado de inspiración.

- Los mejores diseños web de 2009. En un año de recesión, los presupuestos en publicidad han sufrido serios recortes. En muchos casos, esto ha hecho que la gente del marketing apueste por la web como herramienta de promoción de bajo bajo coste. Como vas a poder comprobar, el resultado final ha sido un trabajo creativo más que interesante: en D-lists han seleccionado los mejores diseños webs del año.

- 30 buenos diseños de formularios web y páginas de registro. No es fácil conseguir que un cliente se registre en nuestra página web. Pero para muchos negocios, éste es un paso imprescindible. Así que lo mejor es construir una página de registro y unos formularios web sencillos, prácticos y atractivos. Como los que han recopilado en dzineblog.

- Tablón de recursos útiles para diseñadores y desarrolladores. Imágenes gratuitas, plugins, CSS, plantillas, tutoriales de Flash y PHP, fuentes, hosting… Estos son solo algunos de los recursos que puedes encontrar en devlisting.

- Las aplicaciones favoritas de Guy Kawasaki. Guy Kawasaki ha creado una lista con las aplicaciones que para él resultan más útiles y productivas. Puede que ya conozcas muchas de ellas, pero seguramente encontrarás alguna nueva herramienta hecha a la medida de tus necesidades. Por ejemplo, para aumentar tu productividad, o para sacarle el máximo rendimiento a Twitter, a tu iPhone, etc. Solo tienes que echar un vistazo en la lista de favoritos de Kawasaki.

Craig Tomlin ha recopilado 24 herramientas para poner a prueba la usabilidad de un sitio web. Las hay de todo tipo: de pago y gratuitas, sencillas y complejas.

Algunas son muy técnicas, y sólo tienen sentido si te dedicas profesionalmente a la “experiencia de usuario”.

Varias de ellas se centran en cómo recoger feedback de los usuarios, un aspecto que resulta fundamental.

Las tres primeras son de conocimiento obligado para alguien que trabaje en la web:

1. Papel y lápiz

2. El ya mítico Google Analytics

3. Google Website Optimizer

4. Website Grader

5. Concept Feedback

(más…)

¿Necesitas comunicarte y colaborar a distancia con tus clientes y compañerxs de proyecto?

Ya hemos comentado varias veces que las reuniones, si no están bien gestionadas, pueden convertirse en un auténtico lastre. Mucho más si son presenciales, y exigen un esfuerzo y un gasto extra para llegar hasta el punto de encuentro.

En la revista Consumer han recopilado algunas de las herramientas que te permitirán ahorrarte desplazamientos innecesarios:

- Dimdim es una aplicación de código abierto especializada en reuniones online. Es gratuita para hasta 20 personas.

- Team Apart permite mantener reuniones online de hasta 4 personas, armadas todas ellas con su webcam y su micrófono.  Su principal baza es su sencillez, y también incluye algunas herramientas de colaboración para compartir imágenes, archivos, etc.

- Huddle es una herramienta de colaboración que, además de ofrecer un servicio de videoconferencia, también permite gestionar y compartir proyectos. Incluye una versión gratuita con limitaciones. A partir de ahí, lo que necesites gastarte…

(más…)

En Freelancefolder han recopilado 5 herramientas online con las que puedes gestionar de manera más eficaz tus proyectos, horarios, tareas, facturas y contactos.

- OpenGoo y su demo correspondiente en castellano Es una solución OpenSource (basada en código abierto) pensada más bien para equipos. Su objetivo es mejorar la productividad y la gestión de los diferentes miembros. Incluye gestión de tareas y documentos, gestión de proyectos, etc.

- Subernova está orientada directamente a los profesionales freelance. La idea es que, con esta aplicación, los freelance puedan controlar de manera sencilla el avance de las tareas y los proyectos, el cobro de facturas, la información a clientes, etc. También disponible para iphone. Cuesta 6 dólares al mes.

- Projectivity también es OpenSource. Promete un ahorro de tiempo del 20% y está orientada a la gestión de cartera, proyectos, conocimiento y colaboración.

- WorkETC. Combina CRM (gestión de clientes) con la gestión de proyectos, facturas y horarios. Tiene una tarifa para profesionales freelance de 30 dólares al mes.

- Daylite. Especial para maqueros. Esta herramienta de productividad está dirigida a los usuarios de  iphone e ipod touch. 50 euros al año o bien 9 euros al mes.

Puedes consultar una descripción más amplia de cada uno de estos programas en el artículo 5 Game Changing Project Management Tools, publicado en FreelanceFolder.

¿Harto/a de tomar siempre lo mismo? Hoy te traemos unas cuantas propuestas refrescantes para que amplíes el horizonte de tus diseños: gráficos atractivos, una herramienta para comparar tipografías, efectos para tus títulos, mejores prácticas del mercado y arte friki.

¿Alguien da más?

1. Infografía: la información es bella

Los datos son los datos, es verdad, pero para el usuario no es lo mismo consumirlos en forma de ladrillo que en pequeñas píldoras atractivas. En Informationisbeautiful hacen un esfuerzo por presentar la información de una forma más fresca y agradable, mucho más fácil de asimilar para el lector.

El resultado suele ser excelente, como por ejemplo, a la hora de explicar el extraño comportamiento de los usuarios de Twitter (del que ya hemos hablado alguna vez).

2. Alegría en la tipografía

Ayuda para elegir la tipografía adecuada y elaborar la CSS. Typechart es una aplicación muy útil para que selecciones la fuente web que necesitas: te permite comparar cómo se muestran en Mac y en Windows, y además te proporciona el código para la CSS (hoja de estilos).

(más…)

En Smashing Magazine nos proponen una buena batería de consejos útiles para aumentar nuestra productividad como freelance. Hemos hecho un resumen con lo más interesante:

PONTE UN HORARIO

1. Define un horario de trabajo y cúmplelo

Ponte un horario realista y trata de cumplirlo sin excepciones. Aunque puede parecer una cierta pérdida de libertad, en realidad el horario te da disciplina, y te ayuda a aprovechar el tiempo al máximo.

Siempre nos enfrentamos a la tentación de dormir unas cuantas horas más. Pero piensa que si empiezas por la mañana, a una hora razonable, al acabar el día dispondrás de tiempo más que suficiente para desconectar y para dedicarte a tus aficiones.

Te proponemos este método que hemos desarrollado para construir tu horario de trabajo perfecto.

2. Tómate un descanso cada cierto tiempo

Hay que cumplir el horario, es verdad. Pero no tiene sentido que permanezcas un montón de horas sin levantarte de la silla, pegado a la pantalla del ordenador. Un descanso cada cierto tiempo nos ayuda a refrescar la mente, y nos permite volver al trabajo con energías renovadas.

30 minutos de trabajo a plena concentración dan mucho más de sí que una hora divagando. Así que busca una alternancia: un sprint de concentración, un pequeño descanso, y vuelta al sprint. Por supuesto, nunca te saltes la hora de la comida. No vivimos sólo del aire.

DISEÑA UN PLAN

3. Márcate tus propias metas

Ya sabes lo que dicen: si tú no defines lo que quieres conseguir, otro lo hará por ti. Los objetivos nos marcan el camino a seguir, y nos ayudan a estar motivados. Así que define tus metas a corto, a medio y a largo plazo: ¿Qué quieres conseguir esta semana? ¿Y este mes? ¿Dónde y cómo te gustaría estar dentro de un año? ¿Y dentro de 5? Reflexiona un rato sobre lo que quieres conseguir y escríbelo para no perderlo de vista.

(más…)