UTC Advertising nos confío el diseño y producción de su sitio web. UTC es una agencia de publicidad con oficinas en la ciudad de Phoenix Arizona.
En parte este sitio ha sido la razón de la poca actividad de mi parte en este blog, este sitio hecho en flash me trae como loco, lleva un buen de animación frame por frame y otro tanto de actionscript. Aún no lo terminamos pero en cuanto quede por aquí lo vamos a publicar. Quiero darle las gracias a Chiara Bautista, excelente ilustradora que nos ayudo con este sitio.
Fuera de que si esto me parece correcto o no, los señores de www.sexpacking.com mandaron hacer sus catálogos interactivos, vaya! de una forma muy sugerente, jeje. Hay de mujer-mujer, hombre-hombre y de mujer-hombre, claro, aquí lo importante son las prendas que contiene el catálogo.
En el sitio pueden verlo en flash (necesitas una buena conexión) o bien puedes descargarlos a tu máquina, puedes bajarlo en formato .mov o para tu Ipod, PSP, etc. [Contenido XXX, están advertidos]
CNN.com ha cambiado de cara, no se exactamente cuando pero hoy me di cuenta. Antes el sitio estaba diseñado para una resolución de 800X600, hoy quedo de 1000 pixeles de ancho, con una cara más de web 2.0 :p. El header fue rediseñado, la caja de búsqueda quedo más visible, un cambio drástico que tuvo es que la navegación se fue de la izquierda a la parte de arriba (en los interiores sigue igual), creo que en los siguientes días veremos los ajustes en los interiores también.
Cada vez es menor el número de personas que usa resoluciones de 800x600 y menores, CNN seguramente vió sus estadísticas de usuarios y tomó la decisión, muy acertada a mi parecer. Los sitios de más de 900 pixeles se ven bien, regularmente se usan cuando hay mucha info por desplegar. Ej. Cnet, UXmag, news.com entre otras.
¿Lo malo?
Me he dado cuenta que los módulos de publicidad en sitios con anchos mayores a 900 pixeles también usan publicidad más grande, más visible. A mi en lo personal no me molesta pero creo que habrá gente que no le guste.
No es ningún secreto que un sitio web bien hecho, bien diseñado genera confianza y una mejor experiencia para el usuario, además de que produce en él una mejor percepción de los responsables del sitio. En este caso hablo de las páginas de las universidades locales.
Universidad de Sonora (UNISON)
Sin duda una de las páginas más visitadas por estudiantes de la misma universidad y por muchos otros que buscan información para ingresar a la carrera. Francamente deja mucho que desear, "el diseño" es practicamente inexistente y está hecha muy al estilo de los 90´s, miles de tr´s y tiene algunas joyitas internas. Además mira lo que pasa si metes el dominio sin el triple W http://uson.mx, error, esa forma de ingresar el dominio debería llevarte a la página de inicio también.
La Universidad de Sonora es una Institución de mucha importancia en el estado de Sonora y en el país, es una lástima que su sitio muestre lo que la unison no es.
Tec de Monterrey Hermosillo
OK, ¿dondé está la info? Otro sitio que brilla por su falta de usabilidad, además en la parte de abajo dice: "Sitio diseñado para Explorer 6.0 y Netscape 6.0 o versiones superiores, a una resolución de 800 x 600 pixeles" que está muy out en estos días. El tec con los recursos que tiene debería poder hacer sitios excelentes, pero al parecer siguen un machote, un standar en el diseño que aplican a todos los sitios de la red Tec. Aquí el sitio del Tec de Monterrey en Monterrey.
Universidad Tecnológica de Hermosillo (UTH)
Esta universidad es de reciente creación pero ha tenido gran aceptación entre los aspirantes a estudiar una carrera y también ha tenido grandes apoyos del gobierno ya que se centra en la tecnología, el diseño deja mucho que desear pero por lo menos la información está en texto y a la mano en la navegación izquierda.
Universidad Kino (UNIKINO)
Esto pasa cuando pones a diseñar a una persona que no sabe diseñar, toma estilos, combina cosas y el resultado no tiene pies ni cabeza, todos los elementos compiten entre sí. En este sitio viendo el código se ve parte de lo que es el problema, el sitio fue hecho por: Jorge C., alumno de la carrera de Ing. en Sistemas Computacionales de la Universidad Kino, A.C. Si quieres resultados profesionales debes de cotnratar a un equipo de profesionales. Lo mismo pasa con el sitio de la UNISON, lo hicieron y lo mantienen las personas de informática, en el ITH igual, incluso una vez les propuse diseñarles el sitio sin cobrarles un peso, nunca me llamaron de vuelta.
Esta es una crítica constructiva, quiero también dejar en claro que lo que me motivó a escribir este post fue el gran problema que existe en los sitios de las universidades locales y que como caras de las instituciones los sitios deberían ser excelentes por lo menos.
Por otro lado algunos ejemplos de nuestro vecino estado de Arizona.
El reto era obtener el mayor número de layouts basados en el mismo markup, cada uno con CSS y HTML válido, sin hacks y compatibles entre browsers. El resultado es un set de 40 layouts funcionales y listos para descargarse. Por: Alessandro Fulciniti
Muy buen recurso, la verdad es que muchas veces me he quebrado la cabeza tranto de hacer esto o lo otro, pero aquí vemos ejemplos funcionando y utilizando recursos al mínimo.
Dewplayer es un pequeño archivo swf (3 kb) que te sirve para resproducir audio en tu sitio web, es de muy fácil instalación, sólo basta con subirlo al root de tu sitio y darle los paths correctos. Me pasó el dato [Manu Contreras] ¡gracias!. El creador es [Dewblog]
Bueno, la idea es sencilla. Usas una imagen transparente y sólo cambias el background con CSS.
Espera! los gifs transparentes se ven del nabo... bueno, para eso está el formato PNG que soporta transparencias y que se visualiza sin problemas en Firefox, Opera, Mozilla, Safari. Como no todo es perfección, IE no soporta transparencias en los PNG, esto tiene forma de arreglarse (En).
Así de entrada se me ocurre que puedes usarlo para un sitio donde cada sección sea de un color diferente.
Se explica con detalle en: Design Melt Down
Recién entregamos el nuevo sitio del festival cultural más importante en Sonora, el sitio está hecho completamente en CSS + XHTML. Como siempre, hay algunas cosas que nos faltan pero pues ya es usable y tiene toda la info necesaria para concer el cartel de esta edición del festival. Con el paso de los días estaremos agregando material, video, audio, fotografías, mapas, etc.
Tambien conocido como "Festival de Álamos", será del 20 al 28 de este mes (enero). Este año está dedicado al canto de Ópera, hay de todo en este festival, artistas de renombre internacional, artistas y grupos locales, pintura, escultura y música. Además mucha cerveza :), todo enmarcado en un pueblo de la época colonial.
No se si ya es un servicio abierto, de hecho casi no lo uso, pero ayer en la noche cuando entre a mi cuenta de MSN bajo el logo arriba a la izquierda aparecía un botón grande y verde que me invitaba a probar el nuevo servicio de Microsoft. A primera vista se ve muy limpio, es muy ligero, me llama la atención que ya no dice el espacio disponible en el Inbox, será que es ilimitado? o simplemente se les pasó?, podemos ver que aprendió algo de Google hablando de la sencillez de la intefase, no se que tecnología use pero funciona muy rápido.
El problema con Microsoft esque saca los servicios meses después de la competencia. Aquí una captura
Esta parte es un poco espinosa, no todos los clientes de email están habilitados para desplegar imágenes, incluso servicios como gmail necesita tratamiento especial para poder desplegar correctamente las imágenes.
Algunos tips para minimizar el daño (de clientes de email y servicios que no despliegan imágenes)
1. Nunca usar imágenes para encabezados, links o mensajes que inviten a alguna acción.
2. Usar ALT Text para todas las imágenes, para una mejor experiencia en Gmail, agregar el alto y ancho de las imágenes.
3. Agrega un link a la versión en línea del Email.
4. Asegúrate de que el contenido más importante se encuentre en la parte superior del Email.
5. Prueba tu Email antes de enviarlo, incluso prueba con las imágenes deshabilitadas, esto te dará una idea de lo que verá el usuario, y te servirá para corregir y minimizar el daño.
6. Cada oportunidad que tengas, invita al usuario a agregarte a su Libro de direcciones, esto te asegurará no ser bloqueado por los filtros.
Me encontré por ahí la liga a BBDO una de las agencias de publicidad más grandes del mundo.
Bueno, esa no es la novedad, lo que me dejó impresionado es el sitio web que les hicieron, completamente hecho en flash, es una navegación y un funcionamiento que sólo pudo haber hecho un maestro del Action Script :P
De diseño limpio e intuitivo esta aplicación web nos ayuda a hacer pruebas con las variantes de las fuentes, tipo de letra, kernel, interlineado, tamaño, etc. todo para seleccionar las mejores características para tu proyecto.
La herramienta funciona gracias a las maravillas del CSS y con la ayuda de javascript. ¿Porque no había salido algo como esto antes? eso nadie lo sabe, pero a veces pasa que las buenas ideas están frente a nosotros y no las vemos, hasta que alguien con visión (conocimientos y muchas horas libres) toma la idea y la lleva a la realidad. Sin duda se convertirá en una herramienta muy usada por las personas que desarrollan web.
Recién entregamos el nuevo sitio del festival cultural más importante en Sonora, el sitio está hecho completamente en CSS + XHTML. Como siempre, hay algunas cosas que nos faltan pero pues ya es usable y tiene toda la info necesaria para concer el cartel de esta edición del festival. Con el paso de los días estaremos agregando material, video, audio, fotografías, mapas, etc.
De diseño limpio e intuitivo esta aplicación web nos ayuda a hacer pruebas con las variantes de las fuentes, tipo de letra, kernel, interlineado, tamaño, etc. todo para seleccionar las mejores características para tu proyecto.
