He encontrado algo bien interesante dentro de los post creativos que comparte el blog design it*s you sobre la Importancia de Cascading Style Sheet en Diseño Web y quiero compartirlo con todos ustedes tal y como lo encontré en el blog, de ante mano les doy las gracias al autor por compartir este articulo sobre la maquetación de web a través del lenguaje CSS.

Muchas personas no conocen con exactitud ¿Qué es CSS? Si eres nuevo en el ambiente del diseño web entendemos que no estas o no deberías estar asombrado pr el uso de éste término.

Su descripción completa es Cascading Style Sheet (Hojas de Esitlo en Cascada). CSS ayuda a los diseñadores web a desarrollar una página web del modo que ellos deseen; se le puede ofrecer la facilidad al usuario de cambiar y modificar elementos del diseño como tipo de fuentes, imágenes, gráficos, formas, spaceado, layout, entre otros.

Este lenguaje visual es usado para diseñar, ya sea una simple página html o asi sea un website completo con todas las funcionalidades en óptimos resultados. Esto ayuda a la integración del usuario en la determinación del estilo visual que más le parezca interesante sobre el website que esta observando, con la finalidad de crear el nexo en que se interese frecuentemente en accesar al sitio y sentirse a gusto con ello sin la necesidad de poseer habilidades estilísticas al diseñar un website.

Este lenguaje ayuda enormemente a maquetar el diseño del website de una empresa de modo atractivo, eficiente y enfatizado en los detalles. Es importante y beneficioso para cualquier gente de negocios que desea publicar sus servicios en línea y desea expandir sus servicios dentro de su misma plataforma de negocios. El CSS aplica en el diseñador web a que éste pueda poseer todo el control sobre la apariencia y el look completo del proyecto web que esta desarrollando.

Puedes preguntar sobre Cómo el CSS ayuda en el diseño de un website? El CSS produce en el diseñador o desarrollador web un ejercicio completo sobre el control total de la creación del website. Sin embargo; muchas personas prefieren utilizar contenido multimedia como animación, audio y video como elementos a integrar en su website debido a que este tipo de recursos multimedia hace que nuestra presentación del sitio web luzca perfecta.

Usualmente, las animaciones y otros elementos incrementan el peso total de las páginas que componen un proyecto web y producen un efecto de espera en el usuario, que en muchos casos sirven para ahuyentar al usuario y descartar la posibilidad de ingresar nuevamente en el proyecto.

El uso de Hojas de Estilo ayuda al diseñador a reducir el peso total del website al ser cargado en nuestro navegador. Los sitios elaborados con un menor peso total ayudan al visitante a visualizar el contenido en el menor tiempo posible. La codificación utilizada en las Hojas de Estilo no es para nada complicada, lo que hace sencillo su aprendizaje y ofrece una optimización mejore del sitio; aparte, de que nos ofrece la facilidad de ser muy amigable para ser descubierta por los motores de búsqueda y hacer nuestro proyecto más accesible a un público global.

Estas hojas de estilo realizan un mínimo uso del ancho de banda, esta es la razón principal por la cual los navegadores modernos soportan este tipo de lenguaje y lo despliegan de manera eficiente dentro de sí mismos. Definitivamente hacen que el desarrollo del website sea más flexible y fácil de actualizar.

Puedes controlar los elementos de diseño como desees y realizar cambios en cuento a los márgenes, layout, gráficos, bordes y el background. Un buen uso del CSS puede definir notoriamente el estilo de la presencia online de una empresa de manera muy efectiva.

Una de las ventajas al maquetar un website bajo estos lineamientos, es que puedes aplicar contenido vital para ser utilizado en la cabecera del documento HTML. De esta manera, ayuda enormemente a los portales web que conozcan la relevancia del sitio web y posicionarte en un ranking importante dentro de tus categorias de negocios en la red. Un proyecto web basado en CSS es de fácil acceso para dispositivos celulares, televisores web, y otros dispositivos como les sea posible.

Esta clase de flexibilidad que ofrece el CSS, es lo que produce que ciertamente, aporte un gran número de visitantes a tu proyecto web y en definitiva; esto te hace crear una muy buena reputación online, basado en las posibilidades que puedes conseguir y seguir aplicando a través de ella.

Copy&Paste: Este artículo ha sido copiado de design it*s you.

No es lo mismo vender jamón en la charcutería de la esquina que servirlo a medio mundo a través de Internet. Poner un anuncio en las páginas de un periódico tradicional no tiene mucho que ver con montar una campaña publicitaria a través de las redes sociales.

Dos mundos distintos, el real y el virtual, que se traducen en dos formas muy diferentes de vender. ¿Quiere triunfar en el universo 2.0? Universidades y centros privados ofrecen cada vez más formación específica. Las recetas del éxito del business digital.

“El universo online tiene reglas propias. Por ejemplo, mientras en muchas empresas tradicionales se defiende la necesidad de controlar toda la información, en la empresa digital la norma es que cuanto más abierto sea todo, mejor.

Son cosas que se aprenden conforme conoces este mundo”, explica Enrique Dans, blogger, profesor en el Instituto de Empresa y uno de los expertos en Internet más reconocidos de España. “El problema es que la mayoría del conocimiento que se va adquiriendo cuando se trabaja en Internet es informal. Y cuando llega la hora de hacer un plan de negocios, no es fácil aplicarlo. La formación específica enseña modelos, ayuda a encuadrar conocimientos para hacerlos aplicables a una empresa”, razona Dans.

Más de la mitad de las empresas que tienen Internet en España disponen de su propia página web y el 11% de las compañías realizaron ventas mediante comercio electrónico en 2008, según datos del Instituto Nacional de Estadística. La Asociación Española de Comercio Electrónico (AECEM) presentó la pasada semana un estudio de previsiones en el que aseguraba que este tipo de transacciones crecerá este año un 56%. No es extraño que cada vez más, universidades y centros de estudio adapten sus cursos de posgrado a los negocios de la Red.

“Es vital conseguir generar camadas de profesionales de alto nivel que saquen adelante negocios por Internet en España”. Así de tajante es Javier Rodríguez Zapatero, director general de Google España. “Yo he sido directivo en negocios reales y en negocios virtuales. Es cierto que los principios son los mismos, pero las tácticas son muy distintas”, comenta. Según el directivo del gigante de Internet, actualmente hay más demanda de productos online que profesionales capaces de desarrollarlos. “Y ese hueco lo irán cubriendo empresas extranjeras”, advierte. No importa si la demanda está en España y la oferta en Japón, porque en Internet, Europa y Asia están a un click de distancia.

Esta preocupación es la que ha llevado a Javier Rodríguez Zapatero y a otros profesionales del sector a poner en marcha el Máster en Internet Business (MIB). “Es el primer máster en gestión integral de Internet”, presume. Este programa de posgrado, impulsado por el Instituto Superior para el Desarrollo de Internet, se impartirá a partir de septiembre en la Universidad Complutense de Madrid. 400 horas de clase y proyecto impartidas y coordinadas por profesionales de los negocios en Internet para formar a e-directivos. Desde planes de viabilidad para la Red a cómo posicionarse en los buscadores. El directivo de Google España, por ejemplo, impartirá conocimientos en este campo. “El problema es que Internet es un mercado muy nuevo, con muy poca experiencia docente. Por eso buscamos a los mejores profesionales en activo”, dice Rodríguez. Ignacio Marinas, coordinador del máster, indica además que los contenidos se basan en casos reales y que 100 de las horas del programa se dedicarán a trabajar en un proyecto real, gracias a una empresa que ha cedido sus conocimientos y productos.

Al margen de este programa, que promete una formación integral en el mundo digital, hay otros programas más centrados en áreas concretas que también despuntan. El IE Business School, por ejemplo, hace varios años que lleva a cabo un máster sobre marketing online y otro sobre telecomunicaciones y negocios digitales. Son programas de 13 meses de duración. En el primer caso, buena parte de la materia se estudia precisamente online, algo bastante común en este tipo de formaciones. “Es porque es mejor formarse online. Antes la formación así era considerada como de segunda calidad. Sin embargo, ahora no tiene sentido no usar Internet. Quien confía en lo online para hacer negocios, sabe las ventajas que ofrece”, justifica Enrique Dans. “Pero cuidado, siempre que se trate de formación online de calidad. No hablo de esos sitios donde envían temarios por correo electrónico y punto. Me refiero a los másteres donde gracias a Internet hay más participación, discusiones más profundas y elaboradas, foros, trabajo multimedia…”, subraya.

Otra característica común a los nuevos másteres para negocios en Internet es el continuo cambio. “Para enseñar en este campo hay que tener una actualización diaria y compleja de los contenidos. Es difícil, pero a la vez muy bonito”, opina Carlos Delgado, vicerrector adjunto de relaciones internacionales en la Universidad Carlos III de Madrid. En este centro se puede cursar parte de un máster en computación centrada en el comercio electrónico en la Red, un programa subvencionado por la Unión Europea con reconocido prestigio. Los alumnos que acceden a este posgrado, cuya docencia es en inglés, cursan tres meses en una universidad del Reino Unido, tres en Grecia y tres en la Carlos III. “Hay más de 500 solicitudes para 25 plazas. En Madrid se imparte el trimestre más centrado en la parte tecnológica”, repasa Delgado.

Incluso el periodismo es diferente en el universo digital y por eso también en el área de la comunicación hay cada vez más cursos específicos. IPECC y la Universidad de Alcalá lleva a cabo uno de los másteres de periodismo online con más años de experiencia. “Para Internet hace falta un perfil diferente”, explica Álvaro Ordóñez, director de programas de IPECC. “En general quien cursa estos estudios ya es periodista. Ha trabajado en el medio tradicional, y ahora necesita un reciclaje. En Internet los modelos aún son cambiantes, pero quienes estén formados para entender esos cambios, serán los más preparados para asumirlos”, zanja.

La agencia de diseño digital Clusta ha desarrollado para el equipo de publicista de San Francisco (Publicis & Riney), un sitio web completamente funcional en el que se puede navegar a través del movimiento de la mano; sin ratón ni teclado.

Matthew Clugston director creativo de Clusta, cuenta en el libro Web Design: NAVEGATION de Julios Windemann como fue posible crear éste sitio web que ofrece sin duda alguna una navegación web nunca antes vista, al menos mis ojos no la han visto en estos 10 años de navegación web que tengo.

Aunque en un principio la navegación en hrp puede resultar un poco complicada no deja de ser funcional y divertida, ya que una vez que te adapta al sistema no quieres dejar de andar cada rincón del portal.

Como fue posible conseguirlo
La tecnología funciona mediante una simple webcam y una pequeña pantalla de video que se encuentra en el ángulo inferior derecho de la página inicial, ésta a su vez incluye un perfil de un cuerpo superpuesto alrededor de la imagen.

En la pequeña pantalla de video, hay unos puntos rojos de movimiento que son capaces de detectar cambios en los valores cromáticos o movimientos de píxel (arriba, abajo, a la izquierda y a la derecha), estos puntos funcionan como puntos de navegación que permiten al usuario tocar virtualmente o pasar la mano por encima para navegar por las diferentes zona del sitio.

He probado la navegación webcam/flash y me parecio muy interesante, aunque puede resultar un tanto complicada, pero a pesar de esto es una buena alternativa que ofrecer a los usuarios para conocer todas las secciones de una web, hrp también te da la opción de navegar seleccionando la opción que te permite utilizar el teclado y el mouse.

A continuación le presento un video de como funciona esta navegación. Es una prueba del videocast (webcast).

Interface de navegación de hrp.com (Publicis & Riney).

Un buen enlace puede decirle al usuario que hacer en una página Web a la vez que lo anima a seguir avanzando por las demás secciónes. Image: Gettyimages

Hemos vistos muchos diseños Web, casi perfectos por no decir perfectos. Pero la gran mayoría con los mismos errores que casi siempre cometemos al iniciarnos en el diseño Web.  Pues obviamos la importancia que tienen los enlaces para persuadir al usuario.

Debemos tomar en cuenta la jerarquización de enlaces, que así como jerarquizamos todo el contenido Web, así debemos jerarquizar nuestros enlaces, pero de manera más inteligente y persuasiva. Utilizando verbos que hagan un llamado a la acción de un clic.

En el capitulo –Llamadas a la acción que provocan un clic- del libro “Vender más en Internet” de David Boronat y Ester Pallares hablan sobre como persuadir al usuario para que realice alguna acción en cada una de nuestras páginas (ya sea clicar un enlace, rellenar un formulario, suscribirse al boletín informativo o añadir un producto al carrito de compra).

El enlace perfecto
Según los autores de éste libro el enlace perfecto debe siempre cumplir las siguientes características:

1. Es fácilmente visible que se entiende que es un enlace.
No sirve para nada poner enlace sin el subrayado, no aporta ningún valor y lo único que hace es confundir al usuario, que tiene que ponerse en cima para saber si es un enlace.

2. Se comprende y utiliza palabras y expresiones que no dan error.

3. Se debe ser directo y especifico: “Abre una cuenta”.

4. Empieza por un verbo o con una pregunta. Como hemos vistos el verbo denota acción y la pregunta obliga al usuario a buscar su respuesta (¿Quieres saber cuánto podrás ahorrarte?).

5. No se debe temer que el enlace sea largo: si  la explicación es más larga, no tenemos que dejar nada por el camino.

6. Resalta ventajas y beneficios: en lugar de “Abre una cuenta”, podemos decir. “Empieza a ahorrar ahora”.

7. Genera urgencia: “ Plazo limitado” o “ Hazlo ahora”.

8. Genera curiosidad: “¿Estás preparado para ver la forma más inteligente para invertir? Entra y descubrelo ahora.

En el diseño Web los verbos y la jerarquizacion que utilicemos en los enlaces es muy importante, por eso cuando inicié este post dije que “hemos vistos muchos diseño Web casi perfecto”, porque casi todos los diseñadores Web en algún momento de nuestra labor hemos pasado por alto la importancia que tienen los enlaces para convencer al usuario donde debe clicar y que debe leer en nuestra Web.

Un buen enlace puede animar al usuario a  seguir avanzando en nuestra Web y para lograrlo es importante que tengamos muy claro estos pasos como también cuales son los objetivos por los que los usuarios  llegan a nuestra Web.

Fuente: Vender más en Internet, Capitulo: 7.

Otros temas
5 tips para diseñar tus links. Wilbur Suero

Les dejo un corte de lo que estuvo comentando Mite Nishio en su presentación.

Imagen: Gettyimage

Tengo aproximadamente 9 años navegando en la Internet, y desde el 2001 año en que entre por primera vez a este mundo cibernético he visto muchos diseños Web, algunos de estos muy innovadores, otros más que una Web una simple página de texto.

El caso es que la Internet ha evolucionado y con esta evolución también el diseño Web. Pero la pregunta es ¿Por qué el diseño Web en República Dominicana sigue estancado? siendo éste similar al que observaba cuando apenas empezaba a navegar por este mundo. Aunque cabe decir que existen algunas excepciones.

Comparto la opinión que tiene el colega mexicano Alberto Villalobos.

“Hace falta información, de parte de los diseñadores, hace falta que se aprendan de las buenas practicas para desarrollar sitios Web, lamentablemente los mejores recursos están en Ingles y los que no saben fluidamente este idioma no pueden encontrar los mejores recursos para aprender en su idioma”.

Por otro lado existe la problematica de que algunos diseñadores y clientes carecen de conociminetos de lo que es diseñar con funcionalidad, pocos son los que entienden este termino. Si bien sabemos, “un diseñador NO es una persona que hace las cosas bonitas sólo por adornarlas, es alguien que piensa exactamente porque y como deben estar esos elementos con una función específica.” Es un reto para todo diseñador Web dar a entender al cliente que es necesario en su proyecto Web y porque debe implementarlo.

Diseñar una buena página Web no quiere decir que es crear una Web en Flash 100%, tampoco no es hacer que esta cargue rápidamente, sino utilizar la mayorías de aplicaciones y combinarlas de manera optimizada, creativa y interactiva. Es básicamente el reto de cada diseñador Web. La elaboración de un portal que además de ser bonito, sea optimizado y adaptado a diferentes plataformas sin que dependa de que el usuario deba tener herramientas especificas o conexiones rápidas para poder visualizar la Web.

Por otra parte la exigencia del contenido es fundamentar, debe existir un equilibrio combinado entre “CONTENIDO y DISEÑO”, los propietarios de Web, deben pensar como los usuarios, enfocarse en dar calidad y no cantidad.

La combinación de “CONTENIDO Y DISEÑO”, puede motivar a que él usuario que entre por primera vez, se mantenga navegando en las diferentes secciones de la Web, como también motivarlo a que se mantenga visitándola. Es este el reto de cada diseño Web, satifacer al usuario de hoy en día que cada vez más conoce la funcionabilidad de la red y es más exigente.

Hay que establecer que existe una diferencia entre diseñador gráfico y diseñador Web, pues un diseñador Web además de tener conocimiento de diseño gráfico debes tener ciertos conocimientos por lo menos básico de navegación Web, programación, posicionamiento, e-marketing y animación flash.

Tomando en cuentas algunas de estas cualidades puede ayudar a crear nuevos diseños, innovadores y competente en un mercado que cada vez exige más creatividad y funcionalidad.