Espero que estén bien! En esta segunda parte haremos la botonera o botones de nuestra galería flash, de cero a cien, si no te interesa la galería en este video aprenderás a crear botones animados y listos para usarse.

Pasaremos del outline a algo totalmente personalizado a través de las herramientas básicas de flash, es sencillo y se pueden crear efectos muy profesionales.

Después de tener la animación de los estados de Sobre, Fuera y Click colocaremos las etiquetas y stops correspondientes, además de crear el nombre de instancia a cada botón para tener todo listo al momento de programar en AS3.

Si quieres estar al pendiente de los nuevos tutoriales o de lo que sucede en Batata Studio, te recomiendo darle “like” al facebook y seguirnos en twitter, además de suscribirte a los RSS para que te lleguen de inmediato los nuevos tutoriales a tu mail.

Si quieres bajar el video en HD y los archivos editables:
http://batatastudio.com/blog/tutorialesflash/flash-galeria-basica-pt2/

En este primer video les mostraré el resultado final o nuestra meta y crearemos nuestro fondo, mini logo y marcaremos los espacios para nuestro contenido y botones, no es nada complicado, esto lo lograremos con las herramientas básicas del programa.

Otro detalle importante es que sigan esta serie de principio a fin si quieren tener un buen resultado.

Si quieres estar al pendiente de los nuevos tutoriales o de lo que sucede en Batata Studio, te recomiendo darle “like” al facebook y seguirnos en twitter, además de suscribirte a los RSS para que te lleguen de inmediato los nuevos tutoriales a tu mail.

Si quieren bajar el video en HD o los archivos editables:
http://batatastudio.com/blog/tutorialesflash/flash-galeria-basica-pt1/

Hola, espero que estén bien! Es la segunda parte de esta serie de tutoriales sobre precargas externas, si no has visto el primer video te lo recomiendo, te dejo la liga: http://batatastudio.com/blog/tutorialesflash/flash-as3-preloader-externo-basico/ En este video les enseñaré a integrar el componente “Progressbar” con el fin de mostrar al usuario el avance de esta carga, el componente es que viene por defecto en flash, no hay que descargar ni comprar nada, recuerden que el lenguaje de programación es AS3. El contenido es muy sencillo y cualquier usuario con sed de conocimiento podrá dominar este concepto!

¿Quieres estar en contacto conmigo y saber lo más reciente y lo que viene? Sígueme en Twitter y Facebook

Facebook: http://www.facebook.com/BatataStudioFanPage
Twitter: http://twitter.com/batatastudio

Quieres bajar el video en HD y archivos editables:
http://batatastudio.com/blog/tutorialesflash/flash-as3-preloader-externo-con-progressbar/

El concurso termina este fin de semana así que sugerimos a los interesados en darse prisa para poder participar. Para mayor información en cuanto a los detalles de diseño, quiénes pueden participar, plazos de entrega, etc. sugerimos consultar la fuente original y seguir la cuenta oficial de Twitter @adobexpert

¡eSeminar a la vista! ¡Y de qué tema! Después de semanas de expectativa alrededor del nuevo curso video2brain “Extensiones con Adobe Dreamweaver”, decidimos brindarles un eSeminar con Andrés Cayón para profundizar un poco más sobre Extensiones y un poco más.

Vamos a aprender los mejores trucos para conseguir que Dreamweaver se adapte a tu flujo de trabajo y sea una herramienta aún más productiva: características poco conocidas, otras ocultas y cómo crear lo que tú quieras que tenga. Este es un eSeminar que requiere de un conocimiento medio sobre Dreamweaver, HTML y creación de sitios web en general; Andrés nos dará tips y trucos que jamás hubiéramos imaginado.

¿Cuándo? Miércoles 13 de octubre 13:00 en México (GMT-6)

¿Dónde? http://webdwk35.bon.at/extensionesdw/

Este tutorial es parte de lo que se vio en el primer FlashOn. Les mostraré como ocultar el mouse, ratón o puntero y colocar un gráfico customizado, además le mostrare como interactuar con otros elementos para que el mouse cambie a un segundo gráfico, es decir, un poco de interacción, el código es muy sencillo y aun nivel más que básico para los que empiezan. Si quieren las Fuentes de trabajo y descargar el el video en HD:

http://batatastudio.com/blog/?p=1324

Conferencia Creative Suite Live México

El motivo de este post es invitarlos al evento denominado "Creative Suite live Mexico, 2009". Se llevará a cabo en la ciudad de México los días 28 y 29 de Septiembre de 2009 en el Centro Banamex.

"Creative Suite Live! es la conferencia más completa para diseñadores que utilizan y quieren dominar las aplicaciones de Adobe Creative Suite. Con sesiones que cubren desde Illustrator a InDesign, Photoshop, Bridge y Acrobat Professional."

Con panelistas de talla internacional, las conferencias se enfocarán en dos ramas: Impresión y web. Tocando temas como "Photoshop para Diseño y Producción de Impresos" impartida por Mariana Cabral (twitter => @marianacabralMX), "Plataforma Flash, más alla de la web" impartida por Alberto González (twitter => @albertx), conferencias inaugurales por evangelistas de Adobe Rufus Deuchler y Greg Rewis, entre otros temas como InDesign, Dreamweaver, etc.

Esperamos contar con su asistencia el día del evento.
Les dejo los enlaces directos:
Información General
Registro
Calendario
Panelistas
Lugar
Patrocinadores

Hasta la próxima.

El nombre en sí nos hace referencia a la factibilidad de "uso" de "algo"; la facilidad con la que un usuario puede hacer uso de ese "algo" y la eficiencia con la que se logra el objetivo buscado a través del mismo.

Sí, ese "algo" es muy abstracto, y es que se puede aplicar a cualquier objeto o producto creado para obtener un beneficio a través de su utilización. Por lo que podemos hablar de usabilidad de una licuadora, un control remoto, un martillo, una computadora, un programa, una aplicación o un sitio de internet, que es lo que nos compete en este espacio.

Antes de proseguir, hay que definir realmente esa "parte" del "algo" donde residirá el análisis de usabilidad que estaremos haciendo; y esa es la "interfaz" del objeto o producto.

La interfaz es el medio por el cual el usuario interactúa con el objeto o producto y le da acceso de "entrada" (permitiéndole manipularlo) y de "salida" (permitiéndole recibir una respuesta a partir de su manipulación).

Poniéndole nombre a las cosas, la interfaz son los botones de la licuadora y el control remoto; el mango del martillo; el teclado, el mouse y otros botones de la computadora; los menús, barras, ventanas y otros elementos del programa y la aplicación; así como los elementos gráficos que comprendan el layout y el sistema de navegación del sitio de internet. Este tipo de interfaz es conocido como Interfaz Gráfica del Usuario (GUI: Graphical User Interfase).

Regresemos entonces a la Usabilidad Web. Es menester entenderla como una característica en el diseño de la GUI y como responsable de la funcionalidad del sitio y sus resultados para con el usuario, puesto que el grado de usabilidad implicará el esfuerzo que el usuario tendrá que gastar en el entendimiento del sitio tanto en la entrada de información como en la lectura de la respuesta de salida. Es decir, qué tan fácil e indoloro le será navegar y encontrar lo que busca, promoviéndole además, de preferencia, una experiencia lo más agradable posible.

Cada sitio de internet tiene su propio propósito de ser y un público target en particular, dentro de un contexto y ambiente delimitado. Este propósito debe ser transparente a través de su diseño, evidente y hasta autoexplicativo según las restricciones del mismo entorno. Debe volverse hasta obvio para su usuario promedio, que debe obtener satisfacción en la utilización eficaz y efectiva del sitio.

Y todo esto, además, en el menor tiempo posible. Y ojo aquí, una correcta usabilidad no se mide por el tiempo de estancia de un usuario en el sitio, sino por el tiempo que le lleva entender su funcionamiento. Como diría Steve Krug en su excelente libro "Don't Make Me Think", "si las páginas Web van a ser efectivas, deben hacer funcionar la mayor parte de su magia de un sólo vistazo".

Definitivamente, no es lo mismo "gastar tiempo" navegando un sitio, que "experimentar" el sitio. Si el usuario se siente cómodo, entrará al sitio como en su casa, llevará a cabo lo que deba hacer y saldrá del mismo sin contratiempos y accidentes; o, por otro lado, se quedará todo el tiempo del mundo, relajado y disfrutando su confortable estancia. Esto sólo se logra a partir de un buen nivel de usabilidad. De lo contrario, la experiencia se puede volver un proceso tedioso, estresante, frustrante y por demás tardado. Lo que resulta en un usuario que no regrese jamás al sitio, o que sufra cada vez que tenga que accesarlo.

Finalmente, podemos concluir que una buena usabilidad permite al usuario "disfrutar" su experiencia en un sitio web, con la menor cantidad de pensamiento requerido para tal fin. Mientras menos gaste el usuario en pensar cómo funciona y simplemente logre navegar de una forma fluida y amistosa, más fácil será obtener no sólo una experiencia 100% repetible, sino eficaz y eficiente en el cumplimiento de sus objetivos.

La usabilidad es el punto clave en que convergen la forma y la función de un sitio, y se promueve a través del correcto diseño de la Interfaz Gráfica de Usario. Evidentemente, gran parte del éxito del sitio se fundamenta en esta cualidad, por lo que amerita una importante inversión de tiempo y recursos. Nada más alejado de ser un mito, ¿cierto?

Las tres F de la Bauhaus (Form Follows Function), principio fundamental en el diseño según esta corriente de principios del siglo pasado, sigue tan vigente como entonces. Esta frase de impresionante elocuencia e innegable origen de controversia entre diseñadores, suele utilizarse con gran frecuencia para defender aquel diseño que termina prescindiendo de la estética en favor del contenido que presenta. Cuando, en realidad, "Forma y Función deberían ser uno", en palabras del propio Frank Lloyd Wright, arquitecto ícono de la misma corriente.

"Mitos entre la forma y la función", es una serie de artículos cortos que plantearán la factibilidad de la relación entre la Forma y la Función que debe existir en el diseño y desarrollo de un sitio Web. Analizaremos la veracidad y necesidad de la existencia de esta convergencia y sus distintas manifestaciones.