Diseño de Interfaces | entradas
Clerk.im gestión en línea para servicios de alojamientos
Publicado por jbarahona el 31 de July de 2010
Sin Comentarios Categorías: Ajax, Código, Diseño Front, Diseño de Interfaces, Estrategia, Experiencia de Usuarios, Iniciativas, Ruby on Rails, Usabilidad, XHTML
El pasado viernes 30 de julio, a las 19:00 hrs. liberamos Clerk.im, servicio en línea para la gestión de hoteles o cualquier servicio de alojamiento como campings, hostales, residenciales, etc.
Con Clerk.im colocamos nuestro know-how al servicio de soluciones web-based que a la vez sean novedosos y útiles. Buscamos que nuestras aplicaciones sean sencillas, rápidas y eficientes para nichos específicos.
Al igual que Google, Salesforce o 37Signals, desde hoy AyerViernes diseña y programa aplicaciones que estén en la nube, muchas de ellas freemium y de distribución mundial.
El valor de los contenidos en los medios digitales
Publicado por kexss el 04 de June de 2010
Sin Comentarios Categorías: Diseño de Interfaces, Estrategia | Tags: contenidos información
Esto no debe ser nuevo para nadie, sin embargo es un error que se comete a diario:
De nada sirve un sitio lleno de herramientas dinámicas y de interacción, más un potente diseño gráfico, si no se puede encontrar ningún contenido de valor en él.
Fuerte es para los que diseñamos estrategias y entregamos plataformas comunicacionales, ver cómo un sitio puede cobrar vida con un buen manejo de sus contenidos, o ver cómo este mismo puede estancarse o decaer hasta perder su sentido y objetivos fundamentales.
Las empresas o instituciones deben utilizar los espacios digitales para comunicar a sus clientes o usuarios los productos y servicios que ofrecen, las investigaciones en las que participan y, mediante la conversación en espacios digitales, revelar la humanidad y la esencia de su identidad, de esta manera mantener siempre una oferta de valor coherente y transversal.
Hacerse cargo de esto, significa conformar equipos generadores de contenidos, reunir o crear material multimedial, mantener un seguimiento o trackeo de lo que ocurre en las redes y estudiar las nuevas oportunidades en el medio. Este equipo es la infraestructura básica requerida.
Los contenidos bien conformados le dan a las instituciones diferenciación en el mercado, sobre todo considerando que los consumidores son cada vez más exigentes y no dudan en buscar en otros lado si no reciben lo que esperan. Como bien dice JC Camus en su libro Tienes 5 segundos, “La paciencia no es una característica que los usuarios de computadores conectados a Internet hayan desarrollado; más bien es la impaciencia lo que les caracteriza”. La información, por lo tanto, debe ser cada vez más específica y segmentada a los usuarios y público objetivo.
Diseñar para individualidad y sentido de pertenencia
Publicado por kexss el 28 de May de 2010
3 Comentarios Categorías: Diseño de Interfaces, Estrategia | Tags: escuelas, facultades, postgrados, udd, universidad
Con la Universidad del Desarrollo nos enfrentamos inicialmente al desafío de re-crear su identidad digital mediante su sitio corporativo. En él debíamos reflejar todos los valores que como intitución defienden y venlan a diario, y relacionarlo con la imagen corporativa ya existente. La participación de alumnos en esta etapa fue fundamental para identificar otros atributos y valores de la universidad, que para ellos fueran relevantes y que debiese transmitir el re-diseño y que no estaban necesariamente relacionados a los conceptos de la institución.
Se trata de conciliar dos visiones (interna y externa) para mostrar coherencia y solidez en el mensaje. Desde los contenidos, el cambio debía llevar a mostrar argumentos concretos que den valor a los trabajos de la universidad y de sus alumnos. No sólo se destacan los logros, sino también el proceso que se recorrió para llegar al éxito. De ahí, que cada destacado en la página de inicio vincule siempre a una noticia con más información o una página interior que refuerce el contenido.
En la etapa de estrategia, se decidió potenciar el hecho de ser una Universidad que constántemente está haciendo, creando, organizando y siendo anfitrión de eventos, que es otra de sus fortalezas. Para ello, se crearon tres tipos de páginas de inicio, que re-distribuyen los contenidos con mayor o menos énfasis entorno a un tema, pudiendo ser utilizadas de acuerdo a momentos especiales “Admisión” o a un “hito” en particular. De esta manera, se destaca información y se transparenta el pulso de la Universidad.

De ese modo se fue creando la primera etapa, la identidad de la universidad como un todo.
Una vez con el sitio corporativo en marcha, se continuó con el siguiente desafío: ¿Cómo crear pertenencia en todas las facultades, carreras, postgrados sin pasar a llevar la individualidad de cada una?
Se parte entendiendo que el individuo es una unidad que es parte de algo mayor, por lo tanto para crear individualidad, debe haber pertenencia. Nuestros individuos son, en este caso, las carreras, y hay en ellas cierta esencia que distingue una de otra: su vida universitaria, su malla curricular, sus autoridades.
Por un lado, sabemos que un potencial alumno de publicidad no quiere que su futura carrera sea representada igual que derecho. Por otro lado, tampoco una carrera debe distinguirse tanto, al punto de desprenderse de la Institución. Es necesario que al entrar al sitio web se perciba la relación con la Universidad inmediatamente.
¿Cómo diseñamos pertenecia?
Bajo estructuras o grillas similares, donde sólo los módulos y sus contenidos varían. Todos los espacios de navegación son fijos, manteniendo un modo de uso constante e identificable en cada uno de los sitios.
¿Cómo diseñamos individualidad?
Todas las carreras tienen las mismas funcionalidades en su sitios, sin embargo, la visualización de estos elementos varía según los estilos diseñados.
- Los colores de cada facultad se aplicaron a sus carreras asociadas
- Existe la posibilidad de personalizar menús, fondos, imágenes y elementos de la página de inicio
Los elementos personalizables permiten que cada carrera pueda apropiarse de su nueva herramienta y ajustarla de la mejor manera, de acuerdo a sus necesidades. A la vez, la libertad controlada permite que el sitio no se exponga a quedar desequilibrado, ni con errores de diseño.
Heart of Patagonia Lodge
Publicado por jbarahona el 31 de October de 2009
Sin Comentarios Categorías: CSS, Diseño de Interfaces

El verano del 2008 estuve en el Lodge “Heart of Patagonia“, en la Patagonia chilena a la altura de Coyahique. Nunca había hecho fly fishing, pero lo más importante es la Experiencia que se vive durante toda la estadía en el lodge lo que hace que sea única, hermosa e inolvidable.
Esta semana lanzamos el nuevo sitio web del Lodge “Heart of Patagonia” que trata de entregar toda la experiencia e información sobre lo que es y se vive en el lodge. Las salidas a pescar con los guías bilingues (son norteamericanos), la calidad de la comida preparada por un Chef especialmente, la cálida y exquisita instalación en medio de los bosques patagónicos y la siempre cercana atención de su dueña y anfitriona. Ni hablar de los cocktail-hours con las mejores cosechas de caldos chilenos y siempre buenos whisky de malta.
Sin embargo, el desafío era colocar al lodge y su rico contenido en los buscadores, hacerlo accesible y construir un lugar donde las recomendaciones de los clientes son lo fundamental. Tarea hecha, el contenido está indexando rápidamente desde fines de octubre y el cliente ingresando nuevos y valioso contenidos especialmente dedicado a los amantes de la pesca deportiva de la mosca.
10 consejos de Usabilidad que sí funcionan
Publicado por jbarahona el 28 de September de 2009
1 Comentario Categorías: Diseño de Interfaces, Research, Usabilidad
Daniel Torres Burriel es un profesional español que entrega una fuente inagotable de contenido de Usabilidad en español.
Hoy traduce de la prestigiosa Smashing Magazine, los “10 Useful Usability Findings and Guidelines” de reciente publicación y que re-publicamos por su importancia y respuesta documentada a discusiones clásicas en el proceso de Diseño, como por ejemplo la importancia de una interfaz de calidad en la construcción de credibilidad o la eterna recomendación de los nunca bien ponderados -por diseñadores- links azules.
- Las etiquetas de los formularios funcionan mejor si están situadas justo encima del campo. Fuente: Label Placement in Forms
- Los usuarios prestan atención a las caras que se ven en pantalla. Fuente: You look where they look
- La calidad del diseño visual es un indicador de credibilidad: Fuentes: Stanford-Makovsy Web Credibility Study 2002: Investigating What Makes Web Sites Credible Today (PDF), What Makes A Web Site Credible? A Report on a Large Quantitative Study (PDF) y The Elements of Computer Credibility(PDF)
- La mayoría de los usuarios utilizan y hacen scroll. Fuentes:
Unfolding the Fold, Paging vs. Scrolling: Looking for the Best Way to Present Search Results y Blasting the Myth of the Fold - El azul es el mejor color para los enlaces.
- La anchura ideal para una caja de búsqueda es 27 caracteres.
- La existencia de espacio en blanco mejora la comprensión.
- Un test de usuarios efectivo no tiene porqué ser extenso en su muestra. Fuente: Why You Only Need to Test with 5 Users
- Las páginas informativas de producto ayudan a la decisión de compra del usuario.
- La mayoría de los usuarios no se fijan en los anuncios. Fuente: Banner Blindness: Old and New Findings
Via: TorresBurriel
Destacan a nivel mundial nuestro trabajo para iPhone
Publicado por jbarahona el 27 de September de 2009
1 Comentario Categorías: Arquitectura de la Información, Diseño de Interfaces, Estrategia, Experiencia de Usuarios, Research

La revista en línea “Smashing Magazine” ha destacado nuestro diseño, entre los mejores a nivel mundial para iPhone hecho a nuestro Cliente, Hotel Monterilla de Viña del Mar (Chile).
El trabajo fue elaborado el año 2008 y responde a la suite que incluye el diseño del sitio corporativo y su aplicación para formatos móviles, en especial para iPhone.
El desafío de toda web móvil es el desarrollo de una arquitectura de la información adaptada a las necesisades de contenidos de un usuario móvil y a su vez a la construcción de marca, donde no es menor para un usuario iPhone el Diseño Emocional que convoque a la comprar el servicio, en éste caso de hotelería.
Que nuestro trabajo aparezca destacado a nivel mundial no es gratuito ni por azar de la belleza del sitio. Responde a estudios y papers publicados en su momento sobre la real problemática de los contenidos para móviles y a su vez, tener un Cliente que capta tempranamente las nuevas necesidades de comuncación de sus Clientes y Prospectos.
Los clientes deben sólo escribir la dirección habitual del Hotel Monterilla (www.monterilla.cl) y el navegador del iPhone capta de inmediato que la petición viene desde esos aparatos y por lo tanto entrega una interfaz y contenidos especialmente diseñados para las pantallas móviles de iPhone.
- Smashing Magazine
- Hotel Monterilla, web corporativa
- Paper y presentación “Estrategia de contenidos móviles” ganador del IV Seminario de Arquitectura de la Información del 2008.
Interacción deseada y usable
Publicado por jbarahona el 11 de August de 2009
Sin Comentarios Categorías: Diseño de Interfaces, Experiencia de Usuarios, Ruby on Rails | Tags: ajax, interacción, visualización
Cancillería chilena lanza nuevo Portal “Chile en el exterior”
Publicado por jbarahona el 10 de July de 2009
Sin Comentarios Categorías: Arquitectura de la Información, CSS, Código, Diseño Front, Diseño de Interfaces, Estrategia, Experiencia de Usuarios, Usabilidad, XHTML | Tags: ayerviernes, diseño, minrel

El portal web “Chile en el exterior” fue lanzado oficialmente, hoy por el Ministro de Relaciones Exteriores de Chile, Mariano Fernández.
La Estrategia, Diseño y Desarrollo del portal fue un trabajo de 10 meses donde se aplicaron todas la etapas de nuestra Metodología del Diseño Centrado en el Usuario mas un sinnúmero de innovaciones en Diseño Front ya que el portal está implementado sobre el CMS Open Source, WordPress Mu donde se programaron y adaptaron plug-ins especiales para la ocasión.
La prensa nacional ha cubierto ampliamente las ventajas e innovaciones del nuevo portal que cumple además con los estándares, accesibilidad y elementos de usabilidad exigidos por la W3C y el Decreto 100 chileno.










Todos los contenidos están licenciados bajo una