Realizar un sitio web creíble es fundamental para que las marcas tengan un lugar donde expresar sus productos, servicios y servir de nexo entre los usuarios y la organización. La gente de la Universidad de Stanford ha creado una pequeña guía con consejos sobre que cosas debe tener un sitio para ganarse la confianza del público. Estos diez puntos los he ampliado un poco con una frase para explicar a que se refieren según mi interpretación.

1. Hacer que sea fácil de verificar la exactitud de la información del sitio. Esto significaría mostrar fuentes de los artículos, referencias de autores y contenidos con sus respectivos nexos que permitan a un usuario poder seguir navegando, investigando y profundizando los temas.
2. Mostrar que hay una verdadera organización detrás del sitio. Más allá de mostrar nombres y puestos (que es importante) es más relevante generar secciones, estilos y contenidos bien revisados que denoten que hay un equipo de trabajo haciendo lo suyo.
3. Destacar la experiencia de la organización y los contenidos y servicios que se proveen. Un buen brief y un buen estilo que permitan enfocarse en lo que es más importante para su marca y organización. Destacar lo que el usuario busca de usted, no lo que usted cree que es más importante de su marca.
4. Mostrar que detrás del sitio hay personas honestas y dignas de confianza. El tono y los mensajes deben desacartonarse, dejar de ser frios y distantes. Haciendolos cálidos, con estilo y con promesas que se puedan cumplir.
5. Que sea fácil ponerse en contacto con usted. No sólo a través de una sección con un formulario de contacto sino con la posibilidad de interacturar, comentar y participar. También sería interesante que el usuario pueda poner en contacto su sitio con sitios sociales u otros potenciales clientes.
6. Diseñar el sitio de manera que se vea profesional (o apropiado al propósito del mismo). Un diseño profesional y coherente le dá al usuario un golpe visual de confianza, es lo primero que resuelve y despues va a por la usabilidad y los contenidos del sitio.
7. Hacerlo fácil de usar — y útil. Concentrarse en el uso y la lectura del sitio desde el punto de vista del público es muy importante para ahorrar pasos y no hacer perder al usuario en la cantidad de información y secciones que se ofrecen.
8. Actualizar el contenido del sitio a menudo (al menos mostrar que la información ha sido revisada recientemente). Un sitio estático tiene que tener al menos un blog o sección de actualización periódica de la información. Si no es así, lo importante es revisar los contenidos y agregar una fecha reciente de revisión de la misma.
9. Hacer un uso restrictivo de cualquier material promocional (por ejemplo, publicidad, ofertas). No llenar el sitio con carteles de publicidad o de ofertas, saturarlos de esto hará huir despavorido al usuario o por lo menos a confundirlo bastante.
10. Evitar errores de todo tipo, no importa lo pequeños que sean los mismos. Releer y verificar la información, esto permitirá mostrar profesionalidad y confianza de los usuarios. Un error tipográfico en un libro o una revista nos cae mal, en un sitio también.

La Guía en Inglés

Stanford Guidelines For Website Credibility

1. Make it easy to verify the accuracy of the information on your site.
2. Show that there’s a real organization behind your site.
3. Highlight the expertise in your organization and in the content and services you provide.
4. Show that honest and trustworthy people stand behind your site.
5. Make it easy to contact you.
6. Design your site so it looks professional (or is appropriate for your purpose).
7. Make your site easy to use — and useful.
8. Update your site’s content often (at least show it’s been reviewed recently).
9. Use restraint with any promotional content (e.g., ads, offers).
10. Avoid errors of all types, no matter how small they seem.

Fuente: Vladimir Petrovac y Universidad de Stanford

En el caso de una aplicación tan extendida como Photoshop, las herramientas o “Tools” de este programa han permanecido con muy pocos cambios, como se puede observar en este montaje de FFFFound donde se ve cómo ha ido desarrollandose desde sus primeras versiones hasta la versión CS3.  Como ahora estoy probando y trabajando sobre Photoshop CS4 y he encontrado algunos cambios, es un buen momento para ir completando esa seria y a continuación incluyo la paleta actual de este programa donde parece haber una vuelta a la simplicidad y el paso a segundo plano de accesos como los “slices” y la presencia muy importante de cuestiones en 3D: rotación y cámaras.

Como curiosidad, una maquetación fotográfica donde se muestra cómo sería en la realidad tener un tablero o mesa de trabajo ordenada de la misma manera que en Photoshop y también podrán ver en este grupo de Flirck cómo fue realizada esta fotografía paso a paso.

.

Siendo el video un medio que está siendo usado por casi todos los internautas y siendo también cada vez mayor la cantidad de gente que realiza, edita y sube sus propios contenidos era lógico que las aplicaciones encargadas de la edición mejoraran mucho en su funcionamiento  y facilidad de uso para que se puedan obtener buenos resultados en calidad a niveles amateurs.

Para quienes aún no creen que en segundos se pueden lograr ediciones espectaculares que antes hubiesen llevado horas y horas de trabajo frame por frame les incluyo este pequeño video de Adobe.

Interactive Video Object Manipulation from Dan Goldman on Vimeo.

Si bien esto es algo que digo yo, la infografía es una faceta del diseño de información que me apasiona y que, cuando pueda, podré concentrarme en ella para dedicarle tiempo y esfuerzo como se merece.

Y si quieren saber el esfuerzo que insume realizar una, vean este espectacular video donde un diseñador realiza una infografía para Vimeo, donde se condensa el trabajo al tomarse una captura de pantalla cada 5 segundos, el trabajo total insumió más de 40 horas frente al ordenador, sin contar el desarrollo conceptual, bocetos y adaptación para imprenta que según nos dicen tomo igual cantidad de tiempo…

Siempre se habla de la “promesa del producto” y cada vez se trabaja más en ella desde la presentación y el packaging del mismo olvidándose o dejando de lado otros temas que podrían fidelizar a un cliente: como sucede con las fotografías de personas públicas, el “efecto photoshop” está siendo sobre utilizado para dar lugar ya, no a una presentación ideal del producto, sino a una presentación soñada… cada vez más alejada de la realidad.

La gente del proyecto PANDO3000 está realizando una serie de fotografías de la promesa del packaging / envase y lo que en realidad es el producto una vez listo para consumir. La verdad que aunque a primeras uno se ria de las mismas, al final nos deberiamos poner a pensar sobre las implicancias de comprar algo que ni se acerca al contenido.

Pinche aquí para ver el vídeo

En este caso son 253 imágenes a 300dpi de diversos productos y soportes de marca para probar y editar los mismos con nuestras pruebas de branding. Cómo dirán el 90% de quienes encuentren este recurso “Cómo no lo tuve antes, con lo que me rompí la cabeza haciendo todo a mano!“… pero bueno, siempre se puede seguir ahorrando tiempo y además, eso que se hizo sirvió para aprender a manejar las herramientas y desarrollar el criterio.

Links para descargar:

Descarga (67 Mb)
MediaFire | Creative Collection

Descargas Alternativas
RapidShare | Creative Collection

DepositFiles | Creative Collection

Vía Diego Mattei Blog

Seguramente conocen que Google cambia/rediseña en determinadas fechas el logo de su sitio para hacer referencias a fechas y eventos, generalmente globales o lo más globales posibles, puesto que culturalmente es casi imposible representar fechas significativas para TODO el mundo.

Volviendo al tema, la gente de Google tiene al diseñador Dennis Hwang que realiza las ilustraciones que modifican e interactuan con el “Google” y por lo que verán en el video, utiliza una tableta gráfica del tipo Cintiq y diseña sobre Adobe Illustrator en un entorno PC (Windows). En la imagen no usa ningún boceto o no lo muestra pero suponemos que hay roughs e ideas antes de realizar un logo tan universalmente difundido, además de un comité que se reune para definir las ideas…

Un video con recopilaciones de logos realizados para distintas fechas

Pinche aquí para ver el vídeo

Vía Google Dirson

La tableta gráfica Cintiq de Wacom es el producto que utiliza este diseñador de Google (parece ser el modelo de 21″) 

Esta infografía, fue realizada por el New York Times y representa el ingreso en dinero a través del tiempo de las películas de Hollywood estrenadas desde 1986 al momento. El ingreso está representado a ambos lados de la línea de tiempo y se extiende por el periodo que estas películas estuvieron en cartel. Es una muy buena forma de conocer y darse cuenta de la interacción de los distintos estrenos, las películas que competían con ellas… y si alguien presta atención y estudia, se podrían relacionar eventos y resultados…

 

Les recomiendo observar la excelente presentación en TED de este sistema, que seguramente muchos habrán visto desde hace un tiempo atrás en Internet pero hoy los invito a utilizar la versión (en modo test) de esta herramienta de visualización de datos que la fundación a puesto a disposición de quien quiera observar y analizar datos estadísticos.

Pinche aquí para ver el vídeo

Desde que Adobe anunció el traslado y adaptación de sus software más importante a un entorno web (Creative Suite, Air, etc), otras empresas han estado trabajando en adelantarse al gigante de las aplicaciones gráficas. En este caso, un consorcio de empresas conformadas por Worth1000 y LLC, está desarrollando una suite de herramientas gráficas para manejar desde la web que permitirán desarrollar gráficas al tener a nuestra disposición aplicaciones específicas para bitmaps, videos, patrones, vectores, etc. Con la ventaja del trabajo colaborativo y la portabilidad de los desarrollos que un entorno web posibilita.El nombre de Aviary se refiere a su traducción literal “Aviario”. Este aviario está compuesto por muchas especies de aves, cada una con una función o campo específico dentro del diseño. Hasta el momento las aplicaciones/aves son las siguientes:

Phoenix

Image editor

Toucan

Color swatches and palettes creator

Peacock

Computer algorithm-based pattern generator

Raven

Vector editor

Hummingbird

3D Modeller and skinner

Myna

Audio editor

Roc

Music generator

Starling

Video editor

Owl

Desktop publishing layout editor

Penguin

Word processing software geared towards creative writers

Pigeon

Painting simulator

Tern

Terrain generator (minitool)

Horus

Font editor

Woodpecker

Smart image resizer using seam carving (minitool)

Rookery

A free, unlimited distributed file system network that anyone can connect to and store data in. It also powers our file search engine.

Hawk

Digital content marketplace

Crane

Custom image product creator

Eagle

A smart online application that can identify complex data about an image based on the pixel patterns (i.e. which specific camera an image originally came from)

Es algo muy complejo e impresionante, les recomiendo ver el video para observarlo en funcionamiento.

Pinche aquí para ver el vídeo

Pinche aquí para ver el vídeo

El plus de interés del video es que se atribuye la voz en OFF a un Avatar de Philip K. Dick, aunque no deja de ser interesante, por la historia de vida de este escritor muerto en 1982, intentar utilizar otro término para Avatar.

En este otro video se habla de EPIC y muestra una potencial línea alternativa del futuro. Lo raro es que en todas aparece con preponderancia el New York Times y Google, Microsoft, Amazon… Dando una visión muy parcial del fenómeno (situándonos en empresas de preferentemente occidentales y de USA). Que creen que pasaría si ponemos como ingredientes en esta previsión a China/Corea + Sudeste Asiático (Singapur es un país que me interesa mucho para irme a vivir), un poco de Europa y Latinoamérica… quizás a Africa o a una reestructuración de Oceanía como generadora de conocimientos con países con estatutos flexibles (acuerdense de los .tk)

Pinche aquí para ver el vídeo

-

Por esto mismo, es muy valioso el retoque fotográfico (comúnmente conocido como photoshop), no solamente usado en el ámbito de la moda y la estética, sino en utilizar estas y otras técnicas para montar virtualmente los diseños y de esta manera demostrar visualmente su viabilidad, su funcionamiento… mucho antes de cualquier

montaje, impresión y/o aplicación.

Porque el título de “reducir costos”? es muy simple y lógico, utilizar estas herramientas genera que los costos en la aplicación de arquigrafías, rotulados sobre vehículos, carteleras y todo otro elemento de diseño que necesite de un “cuerpo” para su aplicación (incluso 2D) sean reducidos y algo más importante, es que esta inversión sea recuperada a través del buen funcionamiento comunicacional y de impacto que estos pudiesen tener con los públicos.

Contar con personal con experiencia y conocimiento en retoque fotográfico es muy importante porque genera de alguna manera las pruebas simulando el entorno real y el emplazamiento mediante la utilización de software, montaje fotográfico, técnicas de iluminación, 3D y perspectivas…

Dentro de nuestra filosofía, hemos implementado montar virtualmente las piezas gráficas para darle al cliente un acabado detalle del cómo y dónde será aplicado su encargo, y podrá decidirse sobre cambios, funcionalidad de los mismos y costos de montaje… Todo esto antes de pasar la pieza a medios físicos.

Además, esta situación no solamente es beneficiosa para el cliente, sino que posibilita al estudio o diseñar demostrar desde un punto de vista visual y simple, conceptos que fundamentados teóricamente podrían malinterpretarse o utilizarían un lenguaje técnico del diseño quizás no entendible en su totalidad por el cliente.

Desde cuestiones simples pero que dificiles de “probar” como ser el color de pintura de una pared hasta montajes de costosas instalaciones donde sea muy importante saber su resultado final antes de una cuantiosa inversión en la aplicación.