Hablemos de diseño Web

¿Que es un Brief de Diseño?

Un brief de diseño es una explicación escrita - para un diseñador – donde se resumen los objetivos, metas e hitos de un proyecto de diseño. 

Un brief de diseño completo expresa una parte crítica del proceso de diseño. Ayuda a desarrollar confianza y entendimiento entre cliente y diseñador y sirve como punto de referencia esencial para ambas partes. 

Principalmente, este documento asegura que los temas considerados más importantes relacionados con el diseño, se coordinaron y establecieron antes de que el diseñador inicie su labor. 

En artículo describe algunos de los factores más importantes a considerar cuando escribimos el brief de diseño.

Perfil de la empresa

Empiece el brief de diseño con un breve y honesto resumen de su negocio o empresa. No suponga que esta información ya existe y tampoco asuma que el diseñador desconoce acerca de su sector industrial. 

Dígale a su diseñador: 

¿A qué se dedica su negocio?

¿Cuál es el tiempo establecido y que cantidad de personal estará disponible? 

¿Cuál es su mercado objetivo?

¿Cómo encaja en su sector industrial?

Sus objetivos

Un buen diseño puede tener una enorme influencia en el éxito de la estrategia de marketing de una empresa, pero para garantizar el éxito, se deben establecer claramente las metas. 

Por ejemplo, ¿Qué desea lograr?:

¿Generar más ventas? 

¿Fomentar consultas?

¿Obtener más suscriptores para el boletín de noticias? 

¿Obtener información de su público objetivo? 

¿Fomentar la recomendación a un amigo?

Si sus metas y objetivos no son muy claros, entonces el brief de diseño ha alcanzado otro objetivo... Una de las partes más gratificantes de sentarse y escribir un brief de diseño es que le ayuda a aclarar sus pensamientos e indirectamente puede ayudar a encontrar defectos en lo que inicialmente se creyó una sólida idea.

Su público objetivo

Detalle su público primario, secundario y terciario. Explique si está buscando la consolidación de su actual base de clientes o desea atraer nuevos mercados. Detalle los datos demográficos de su público, ya que pueden ser muy útiles para el diseñador. 

Estos datos pueden incluir: 

Edad. 

Sexo. 

Ingresos. 

Ocupación. 

Ubicación.

Su presupuesto y el calendario

Incluso si sólo se puede dar una cifra aproximada, una aproximación del presupuesto le dará al diseñador una idea realista del tipo de solución que será capaz de proporcionar. El calendario también es una consideración importante, así el diseñador tiene conocimiento de las limitaciones de tiempo o del tiempo programado para el proyecto.

Consultar con sus colegas

Consulte con mayoría del personal interno de su empresa tanto como sea posible antes de enviar el escrito. Compartiendo el brief de diseño con diferentes colegas se podría descubrir las diferentes formas de ver los objetivos de su organización. Resolver cualquier diferencia de opinión le ahorrará tiempo y gastos adicionales en el futuro.

El lenguaje

Debe redactar en forma clara y concisa, no hay ninguna razón por la cual no pueda usar un lenguaje emotivo para enfatizar exactamente lo que está tratando de lograr.

Ejemplos de diseño

Proporcione ejemplos de lo que considera eficaz o relevante para el diseño, puede ser de gran ayuda al escribir el brief de diseño. Asegúrese de incluir muestras actuales del material de marketing de su empresa, incluso si su único propósito es explicar lo que no quiere de su material de marketing nuevamente! Si existe algún estilo de diseño que le guste o no, explíquelo tambien en el informe. 

Si no está muy seguro del por qué le gusta un determinado estilo de diseño, entonces estos pueden ser buenos puntos de partida: 

Color. 

Imágenes. 

Cantidad y calidad de texto. 

Tipografía. 

La atmósfera que crean diseños particulares. 

No sienta limitaciones cuando esté en busca de inspiración o influencias, si alguna publicidad en televisión o un video musical despiertan una idea de lo que quiere expresar, es perfectamente razonable incluirlo en el resumen.

Todo indicio que proporcione sobre sus gustos o tendencias sobre el diseño ayuda al diseñador a crear algo que esté más cerca de su objetivo. Si está esperando que su diseñador adivine lo que usted quiere, este no producirá nada adecuado.

Con Selective Tweet Status podemos publicar en Facebook solo los tweets que nosotros decidamos, y no todos.

¿Como hacerlo?

Si actualmente tienes instalada la aplicación Twitter en Facebook, debes eliminarla.

Ahora debes configurar Selective Twitter Status, solamente debes ingresar tu username de Twitter y aceptar la solicitud de aprobación.

Cuando quieras que un tweet aparezca en tu Facebook, debes escribir #fb al final de este.

Los tweets que no lleven el #fb, no seran publicados en tu Facebook.

Así, tu decides que compartir con tus contactos de Facebook, y que dejar solo para Twitter.

Mas detalles de la instalación: Publicar en facebook con Selective Twitter Status

En nuestra sociedad, visual y tecnológicamente sofisticada, el conocimiento y acceso a la información es cada vez más intuitivo y fácil - en la web, las páginas y aplicaciones son construidas por desarrolladores Front-End para presentar y colocar la información relacionada a un contexto.

Front-End o desarrollo del lado del cliente (client-side) es una disciplina relativamente desconocida de Internet. Históricamente, este rol ha sido conocido bajo varios alias mientras el Internet se fue expandiendo, htmler, diseñador web, programador, frontender y así sucesivamente, pero sus funciones básicas siguen siendo las mismas, se trata de un rol de “bisagra” que requiere tanto de la sensibilidad estética y el rigor relacionado a la programación requerida.

Para muchas personas, el concepto de Front-End puede ser percibido como "hacer cosas bonitas", y si bien es un comentario válido, ya que hacemos que las cosas se vaen bien, tan bien que las cosas se venden mejor, hay muchas otras tecnologías que entran dentro de este campo y que generalmente se pasan por alto. He aquí algunas de ellas:

El lenguaje de marcado: (X)HTML, para representar el contenido en el navegador.

El estilo: CSS para dar forma y añadir diseño visual al contenido.

Distintos navegadores: plataformas, dispositivos, múltiples interfaces a considerar.

Accesibilidad: aplicación de estándares para accesar a pesar de tener alguna discapacidad.

Plantillas y CMS, marcos de trabajo web: reutilización de lo existente para acelerar el trabajo.

Programación: uso de lenguajes indicados, según las necesidades, para agregar dinamismo a los contenidos.

Usabilidad: diseño centrado en el usuario, haciendo sitios web fáciles de usar y de entender(intuitivos).

Rendimiento: la codificación no solo respeta estándares sino que el sitio web debe ser ágil.

Investigación: Es necesario estar informado de las tendencias y surgimiento de nuevas tecnologías para poder aplicarlas como nuevas soluciones.

En conclusión 

El objetivo de un desarrollador Front-End es la creación de páginas claras, de fácil y rápido  acceso cuando se interactua con estas interfaces, esto hace que que la gente entienda mucho mejor, así mismo, se preocupa de que la información se presente de a cuerdo al contexto al que pertenece, exponiendo su legitimidad o la necesidad de esta.

Wayra: 

Estamos convencidos de que las oportunidades de crecimiento vienen de las ideas. Y de que Latinoamérica es un enorme generador de ideas y de talento.

Que excelente iniciativa, y tu? ya tienes algún proyecto en mente?

El CEO de Apple, Steve Jobs critica a Flash abiertamente, en un intento de explicar por qué está “baneado” de los iPhones, iPads e iPod Touch.

Jobs recuerda los “buenos tiempos” en que Adobe y Apple trabajaban en conjunto, y asegura una vez más que la decisión de excluir a Flash de sus productos no es una opción de negocios para proteger su App Store, sino que se trata de un asunto de tecnología. Y da seis razones para ello.

Apertura: Jobs recuerda que los productos Flash son 100% propietarios y no son abiertos. “Apple también tiene muchos productos propietarios”, concede, aunque “creemos que todos los estándares de la web deberían ser abiertos. En lugar de Flash, Apple ha adoptado HTML5, CSS y JavaScript, todos estándares abiertos”. Jobs va incluso más allá y agrega que “Apple incluso crea estándares abiertos para la web. Por ejemplo, Apple comenzó con un pequeño proyecto open source y creó WebKit (…) casi todos los navegadores, excepto el de Microsoft, usan WebKit. Al hacer esta tecnología abierta, Apple ha puesto un estándar para los navegadores móviles”

La web completa: Adobe dice que los usuarios no pueden experimentar la web completamente al no tener Flash, porque el 75% de los videos utilizan esta tecnología. El CEO de Apple señala que “casi todos los videos también están disponibles en un formato más moderno, H.264, que se puede ver en iPhones, iPods e iPads”. Respecto a los juegos que usan Flash, Jobs señala que “es cierto” que no se pueden usar en sus equipos, pero que hay “más de 50.000 juegos en la App Store y muchos son gratis”.

Estabilidad: Este es un punto que Apple ha tocado en reiteradas ocasiones respecto a Flash. Jobs dice que “Symantec ha destacado que Flash tiene uno de los peores historiales de seguridad en 2009. También sabemos que Flash es la razón número uno de las caídas de los Macs. Hemos trabajado con Adobe para resolver estos problemas, pero ellos han persistido por varios años ya”. Así que por seguridad, decidieron evitarlo. Asimismo, Jobs indica que Flash no se comporta bien con los equipos móviles, y que Adobe no ha logrado mostrar que Flash funcione bien en ningún tipo de smartphone – recordando que Flash para móviles se ha anunciado recién para el segundo semestre de este año.

Batería: Según Steve, decodificar video utilizando software gasta demasiados recursos de batería, en lugar de hacerlo en el hardware, como se hace en los equipos de Apple que contienen un decodificador H.264 integrado. “Cuando los sitios web re-codifiquen sus videos usando H.264, podrán ofrecerlos sin usar Flash para nada. Todos se verán perfecto en navegadores como Safari o Google Chrome sin tener que utilizar plugins ni nada, y se verán bien en iPhones, iPods e iPads”, dice.

Tecnología táctil: Flash fue diseñado para PCs con mouse, no para una pantalla en la que se utilizan los dedos. “La revolucionaria interfaz multitáctil de Apple no utiliza un mouse, y no hay concepto de rollover. La mayoría de los sitios que usan Flash deben ser reescritos para soportar equipos touch. Si el desarrollador ya lo tiene que reescribir, ¿por qué no utilizar tecnologías modernas como HTML5, CSS y JavaScript?”

Lo más importante según Jobs: Adobe quiere que los desarrolladores usen Flash para crear aplicaciones para el iPhone, convirtiéndose en un intermediario entre las aplicaciones y la App Store, en lugar de utilizar directamente el Kit de Apple. “Sabemos cuán difícil es dejar que software de terceros entre en medio de la plataforma y el desarrollador, lo que resulta en aplicaciones bajo el estándar que limitan los mejoramientos y el progreso de la plataforma. Si los desarrolladores se vuelven dependientes de terceras partes, sólo pueden aprovechar ventajas de las mejoras cuando la tercera parte decida adoptar nuevas herramientas”, dice.

“No podemos estar a merced de terceras partes”, afirma. Jobs agrega que no es la meta de Adobe hacer lo mejor para los productos Apple, sino que ayudar a desarrolladores a crear aplicaciones multiplataforma, y que históricamente ha sido lento para mejorar el desarrollo para Apple, por lo que prefieren excluirlo para ahorrarse este problema.

Como conclusión, Steve Jobs indica que Flash se quedó en el pasado, “fue creado durante la era del PC”. Aunque dice comprender el interés de Adobe en entrar al terreno móvil, afirma que este mercado “se trata de equipos que utilizan poca energía, interfaces táctiles y estándares abiertos – áreas en las que Flash se queda corto”.

Argumenta también que el éxito que han tenido sus equipos “demuestra” que Flash ya no es necesario para consumir contenido web.

Un sitio web desarrollado en Flash es impactante y permite al usuario de una web interactuar con ella. Usado en pequeñas dosis, sigue siendo una magnífica forma de ofrecer espectaculares presentaciones, imposibles de hacer con ninguna otra programación, pero cuando una web es elaborada íntegramente en Flash, nos encontramos con problemas que no parecen tener ninguna solución y que nos llevan a plantearnos su implementación como único recurso. Es decir, el problema de Flash no es su uso, sino "un mal uso de él":

Carga lenta: como ya sabemos, más de 10 segundos de espera pueden llevar al usuario a abandonar la web, y las web desarrolladas íntegramente en Flash tardan infinitamente más, debido a su peso superior a una web sin Flash.

Ignora las necesidades del usuario.

Intros interminables: aburren y no interesan a nadie.

Música incluida en la web: se impone al usuario una actividad que no desea y que, casi siempre, le molesta.

No cumple los estándares web: no valora las necesidades de los usuarios con discapacidades y dificulta la navegación de todas las maneras posibles.

No es accesible: No permite copiar textos, los textos no son indexados por los buscadores, así que la web es ignorada y no se posiciona.

Muchos de los efectos que se consiguen con Flash, ahora pueden ser sustituidos por CSS (todas nuestras esperanzas puestas en CSS3) y Javascript.

Ni tan siquiera Adobe usa Flash en su web: no es necesario preguntarse por qué.

Incluso Apple rechaza Flash: Te recomiendo el artículo de Steve Jobs, presidente de Apple, en el que explica por qué Apple no usa Flash.

Centrándonos en la gestión de las entradas y salidas de empleados, cada empresa tiene cierta forma de gestionarlos, algunas manualmente y otras mediante procedimientos electrónicos La web en este sentido no se podía quedar atrás. 

ShiftPlanning, es una herramienta online que permite a las empresas la planificación de los horarios de sus empleados y el control de su cumplimiento, entre otras funciones. La planificación la realizará mediante un sencillo calendario, con diferentes vistas a elegir, donde configurará el horario que deberá cumplir cada empleado, pudiendo indicar el lugar de su cumplimiento (si la empresa tiene mas de un centro de labores).

Además, cuenta con un sistema de gestión de entradas y salidas donde los empleados registrarán tales actividades tanto cuando empiezan como cuando terminan su jornada en la empresa, pudiendo adjuntar una nota, por ejemplo, justificando una tardanza por culpa de un accidente de tráfico. Permite además generar informes varios o la generación de nóminas de forma experimental, en función del tiempo trabajado. Igualmente permite la comunicación con los empleados.

ShiftPlanning es una herramienta online disponible para compañías, ofreciéndose a través de diferentes tarifas, aunque se puede registrar gratuitamente para usarlo a modo de pruebas durante un tiempo, y también permite su uso gratuito para instituciones y organizaciones no lucrativas puedan controlar a su personal.

Homenaje de Google: Doodle para Freddie Mercury

Google acaba de actualizar el Doodle de su buscador, mostrando un vídeo homenaje a Freddie Mercury que hoy cumpliría 65 años.

Un excelente slider creado como plugin para jQuery!

Semántica simple de etiquetas,

Compatible con los principales navegadores

Ligero (6kb)

Use todos los elementos HTML en los slides

Diseñado para principiantes o profesionales

Libre para ser usado bajo licencia MIT.

Dejemos de crear o desarrollar nuestros sitios web basados en opiniones subjetivas, el éxito esta asegurado cuando orientemos nuestros esfuerzos al "usuario" de nuestra página web, ¿porque?:

Nuestros usuarios tienen una necesidad que debemos satisfacer, lógico! ¿Sino por que vienen a nuestros sitio?.

Si el usuario no encuentra lo que necesita rapidamente, no regresará! Encontrará en otro lugar lo que busca (1ra opción: La competencia).

No existe un tipo de usuario y tampoco un usuario promedio, aqui hay trabajo constante para satisfacer semejante variedad!

Bueno podríamos listar muchas razones pero la idea es darnos cuenta que es momento de dejar de diseñar para el jefe, el dueño, el diseñador (web o grafico), el jefe de marketing, etc. Ninguno de ellos es el "usuario" que nos traerá beneficio para nuestro negocio.

¿Entonces? ¿Que hacemos? Las cosas no suceden magicamente, debemos dedicar un esfuerzo en reunir información sobre nuestros visitantes, es decir, realizaremos un análisis y conforme los vayamos conociendo, orientaremos nuestro sitio web a satisfacer sus necesidades y nuestros esfuerzos de negocio estaran enfocados a aquellos que realmente van a enriquecer nuestro negocio.

Cuando empecemos con este primer paso, realmente ahi, empezaremos a mirar el camino de la madurez de nuestro sitio web como herramienta de negocio.

No olvidemos entonces...

Podemos tener en cuenta los 8 principios de Arquitectura de Informacion de Daniel Brown para mejorar la Usabilidad de nuestros proyectos.

Trata a los contenidos como objetos: Desarróllalos, diséñalos, dales vida.

Más es menos, o la paradoja de la elección: Cuando más opciones hay, más cuesta diferenciar.

Descubrimiento progresivo: Mantener la atención del usuario poco a poco. No mostrar todo de golpe.

Ejemplifica: Da pistas sobre el contenido, ofrece ejemplos.

Múltiples accesos. Hay diferentes tipos de usuario, ofrece diferentes accesos.

Crece: El usuario siempre quiere ver más información.

Múltiples esquemas de clasificación: Ordena el contenido de diferentes formas.

Si deseamos tener un mejor posicionamiento en Internet de nuestro sitio Web debemos aplicar ciertas técnicas para lograrlo, esto se resume en un solo concepto: SEO! (Search Engine Optimization). No basta con tener un sitio Web Usable, ademas hay que aplicar el SEO eficientemente.