Archivos en la categoría N4gash blog

Buenas prácticas para diseñar la web corporativa de una empresa

Mientras investigaba las páginas web de la competencia de un proyecto que tengo entre manos, me he topado con el site de una empresa cuyas creatividades, diseño y estructura dejan mucho que desear, por no decir que lo más probable es que esté espantando clientes, más que conseguirlos. Para más inri, he encontrado la web porque está haciendo una campaña SEM en Google Adwords.

Voy a detallar brevemente algunos aspectos, que desde mi punto de vista, pueden afectar a la hora de transmitir una imagen de profesionalidad o no para una página web corporativa:

  • Diseño y estructura: No hace falta que el diseño esté muy logrado o sea muy impactante, basta con que todas las páginas tengan la misma plantilla. Lo correcto es crear un diseño, estructura y gama cromática similar para todas las páginas, de forma que un usuario pueda navegar con la certeza de que continúa en el mismo website (Usabilidad web). Además, de esta forma se logra dar una imagen de profesionalidad y presencia a la empresa. Si se utilizan los colores corporativos, mucho mejor. Es importante que todos los textos tengan el mismo tamaño, tipo de letra y color, diferenciando entre headers y párrafos.
  • Navegación intuitiva: el menú principal de navegación debe estar claramente visible y ser intuitivo. Incluir el botón de “Inicio” dentro de la sección “¿Quiénes somos?” echa por tierra esta idea. Incluir un sitemap y un menú en el footer de la web mejora la navegabilidad de ésta y su indexación en buscadores.
  • Decoración: las marquesinas ya no se usan. Además de provocar imcompatibilidades entre distintos navegadores, son un recurso bizarro que ha pasado de moda. Si se van a diseñar creatividades, lo ideal es intentar utilizar herramientas de diseño profesional. El Paint, no lo es. Las creatividades, cuantos más colores, peor. No por crear un scroll con seis colores que van del turquesa, al verde pistacho, pasando por el rosa o el amarillo, nuestra página va a ser más bonita o creativa. Hay que intentar mantener los mismos colores en toda la página y si son los corporativos, mejor. Los elementos con movimiento (gifs o marquesinas) pueden resultar más molestos que agradables a la vista de tus futuros clientes. Si incluyes los logotipos de los productos que comercializas, intenta que éstos estén en buena resolución, no estén pixelados y en caso de que incluyas más de uno, que todos tengan el mismo tamaño.
  • Métodos de contacto: es necesario, por no decir imprescindible para una web corporativa, crear una página con los posibles medios de contacto: teléfono, fax, e-mail, dirección postal, etc. Basta con crear una página con un formulario de contacto y los datos disponibles. Crear una página para el teléfono, otra para el e-mail y otra con un formulario, lo único que consiguen es hacer perder tiempo al usuario y meter paja en nuestro website.
  • Frames: al igual que las marquesinas, son de época pasada. Por suerte disponemos de los includes y los require de ASP o PHP, así que no te preocupes si tienes que editar un menú que vaya a estar en todas las páginas. Con que lo hagas en el fichero fuente, basta. Los frames tienen dificultades para posicionarse correctamente en los navegadores. Al estar formados por varias páginas distintas (cada frame), en los resultados de búsqueda pueden aparecer cada uno de forma independiente, por lo que perderíamos el contenido de los otros frames que no podemos ver.
  • Campaña SEM en Google Adwords: no sé a cuánto estará pagando el PPC (Pay Per Click), pero probablemente supere el euro. El copy del anuncio no informa al usuario de los servicios que ofrece, si no de la antigüedad de la empresa, y la página de destino es la home, obligando al usuario a buscar por el menú qué es lo que desea encontrar. Una de las normas de Google Adwords es ofrecer al usuario la información con un máximo de dos clícks de profundidad, si no, penalizan.

En conclusión, una página corporativa debe transmitir confianza, seguridad y profesionalidad. Sólo basta con ponernos a pensar qué deseamos cuando buscamos servicios profesionales por internet. No es necesario crear un buen diseño, simplemente distribuyendo correctamente el contenido y ofreciendo a los usuarios la información que buscan de forma clara, y cuidando su presentación, podremos crear un buen site para nuestra empresa que nos reporte nuevos clientes.


2 Comentarios

Twitter, ¿qué es y para qué sirve?

CommonCraft presena un excelente tutorial del concepto de Twitter donde nos enseñan qué es, para qué sirve y qué utilidad podemos darle. El video está en inglés pero con subtitulos en español.

Más info | http://www.youtube.com/watch?v=_8y79gnc35E
Fuente | http://ciberprensa.com/que-es-twitter-y-para-que-sirve/

Sin Comentarios

Feliz Navidad y próspero año nuevo 2009

Feliz Navidad y Año Nuevo 2009

Estas son las primeras navidades del blog y la verdad es que cerramos el año con un buen sabor de boca. Hemos aumentado las visitas cerca de un 400% respecto a los primeros meses del blog gracias a la publicación constante de nuevo contenido y gracias a diversas prácticas SEO. Más adelante escribiré una entrada con las estadísticas del blog, el aumento de visitas y las tareas que hemos seguido para que dicho crecimiento haya podido ser posible.

Una de las cosas más gratificantes de tener un blog o sencillamente una página web, es saber que hay gente a la que le interesa y sigue todos sus movimientos, por ello, os doy las gracias a todos aquellos que leéis el blog; sin vosotros, probablemente este proyecto no seguiría tan vivo como lo está ahora mismo.

Os deseo una feliz Navidad y próspero año nuevo 2009.

Sin Comentarios

Hartija, framework CSS para imprimir tu página web

Hartija, framework CSS para imprimir tu página web

Un Framework  CSS es una biblioteca cuyo objetivo es facilitar la implementación de estilos en una página web utilizando hojas de estilo CSS. Al igual que en cualquier framework de un lenguaje de programación, un framework CSS es un paquete con una serie de opciones  y estilos ya creados para diseñar una página web.

Hartija es un framework CSS que nos facilita la creación  de una versión imprimible de nuestra página web. A la hora de imprimir una página, lo más probable es que sólo nos interese un determinado texto o contenido, sin embargo, el menú, la cabecera, el pie o los banners de publicidad lo único que harán será gastar tinta de la impresora. Por ello, a través de una serie de estilos CSS podremos ocultar aquellos elementos que no deseamos imprimir. Además, también asignará estilos a los elementos básicos (cabeceras, tablas, texto de la página) para crear una versión friendly de nuestra web que pueda imprimirse y leerse perfectamente en papel.

En primer lugar, cualquier página web puede tener varias hojas de estilos. Estas CSS pueden contener estilos para distintos elementos, o para los mismos. En este último caso, tendremos que identificar para qué vamos a usar cada CSS, por lo que indicaremos en el atributo media cuando se va a utilizar cada una de ellas (las más comunes son screen, print y all). Sin embargo, existen muchos más tipos de media: braille, projection, tv, etc. Hartija, al ser un framework especial para versiones imprimibles de nuestras páginas, tendrá que tener media=”print”. Si no indicamos el atributo o ponemos otro que no sea print probablemente nuestra CSS Hartija no se utilice jamás, ya que tendrá prioridad la hoja de estilos cuya media sea screen para asignar estilos a los elementos de la página.

<link rel=”stylesheet” href=”print.css” type=”text/css” media=”print”>

El framework sólo ocupa 1.56 Kb, peso que apenas notaremos al realizar la carga de cada página. Hartija modifica los estilos estándar de nuestra web: body, cabeceras, imagenes, enlaces, tablas, etc., además, nos da la opción de ocultar capas a través de su identificador (display: none), ideal para sitios creados con divs, como los blogs de WordPress, en los que podremos indicar que la cabecera, menus y footer no se impriman.

Más info | http://code.google.com/p/hartija/

Sin Comentarios

iPod Touch 16 Gb

iPod Tocuh 16 GbAyer por fin recibí mi nuevo iPod Touch de 16 Gb. Lo compré el pasado viernes (San teleko!) aprovechando una oferta de la Apple Store con la que tenía 20 € de descuento, así que me lo he sacado por 260€ con gastos de envío gratis. Sin embargo, he tardado casi semana y media en recibirlo por una serie de problemas para realizar el pago. Después de intentar hacer la transferencia online a través de mi banco, siempre me daba un error, tras hablar vía telefónica con ellos, me comunicaron que el problema era de Apple, cuya cuenta estaba denegado cualquier ingreso proveniente de la mia. De modo que me puse en contacto con la atención al cliente de la Apple Store, y bueno… fue una experiencia poco provechosa. El pavo con el que tuve que hablar no sabía mucho español y siempre me repetía lo mismo. Después de indicarle que había intentado pagarlo unas cinco veces, se rindió y me dijo que nunca habían tenido una incidencia similar, que intentase cambiar el método de pago. Bien, voy a hacerlo y resulta que para los pedidos tramitados no puede cambiarse; hay que cancelar el pedido y volverlo a procesar, por lo que perdería el precio de la promoción. Finalmente, arriesgándome, hice efectivo el pago en metálico personalmente en el banco, y en esta ocasión, no hubo fallo y a los dos días recibí la notificación por e-mail de que el producto se había enviado, ¡y aquí está!

Como no, ayer estuve trasteando y no pude subir nada al blog.  Así que voy a aprovechar y comentar qué estuve haciendo con el iPod.


Descargar videos de Youtube y meterlos en el iPod

Descargar videos de Youtube y meterlos en el iPodUna de las ventajas de tener una pantalla panorámica de 3.5″ es poder disfrutar de cualquier video mientras estás en el metro o tomando un café. A día de hoy, la mejor forma de obtener videos son las redes sociales como Youtube, Dailymotion, Kewego, Dalealplay, etc. y de entre todas, descataca la primera. Tenemos a nuestra disposición numerosas herramientas online y offline para descargar videos de Youtube. Todos funcionan de la misma forma: copias la url del video, lo pegas y te lo descargas. El fichero que bajarás será un video en formato .flv, que es un formato flash y no es compatible con iTunes, y por tanto, no podrás meterlo en el iPod. Pero tranquilo, hay solución. La solución es convertir los videos a un formato compatible con el iPod, que conseguiremos gracias a una aplicación gratuita: SUPER. Cuando los hayamos convertido, ya podremos pasarlos al iTunes y de ahí al iPod.

Leer documentos PDF en el iPod Touch

Leer documentos PDF en el iPod TouchMientras buscaba información al respecto me empecé a mosquear. No había aplicaciones gratuitas para poder leer documentos PDF, sólamente versiones de pago o mediante suscripción, o bien pirateando el firmware del iPod a través de un plugin (Jailbreakme) que ya no está disponible en Google Code y del que advierten de que si te lo cargas, es probable que la garantía no te lo cubra. Había soluciones como que te lo enviases por e-mail y y verlo desde ahí, e incluso crearte un servidor web Apache. Ambas opciones estaban fuera de mi alcance por dos motivos: en primer lugar, quería una aplicación para leer documentos offline, sin conexión a internet, y por supuesto, sin tener que piratear la máquina, y la segunda opción implicaba eso mismo. Finalmente y tras probar varias cosas, encontré una aplicación gratuita que puedes descargarte desde la Apple Store: Discover. Al instalarla en tu iPod, podrás acceder a los ficheros almacenados como si se tratase de un FTP (te conectas desde cualquier equipo en red a través de una IP 192.168.1.120:8888) en el que podrás estructurar los directorios y gestionar los archivos (subir, bajar, borrar, etc.). Además, como medida de seguridad, puedes configurar un password para proteger los documentos.

Y bueno, de momento eso es todo, dos horas no dan para más y hoy no he trasteado mucho. Nada más terminar el curro he pillado el coche para ir a comprar un soporte para pinzarlo a la rejilla del aire, pero los que había eran demasiado pequeños y cutres, así que de momento, tendrá que ir junto a la caja de cambios. Sólo he comprado una funda y un protector para el cristal, que en versión anuncio, sería…

Calcetin de KuKuXuMuxu 4€
Fundas protectoras para el cristal del iPod 5€
Tener tu iPod protegido, no tiene precio.

Enlaces de interés

» Guía para convertir videos de Youtube para el iPod
» Discover: como transferir datos a tu iPod

2 Comentarios

Más de 100 programas gratis para Mac OS X

Más de 100 programas gratis para Mac OS XSi piensas que Mac está muy limitado en cuanto a aplicaciones gratuitas, estás equivocado. Desde UsingMac nos ofrecen un listado con más de 100 programas gratis para entornos Mac OS X. Las aplicaciones están clasificadas por temáticas: aplicaciones de sistema, productividad, utilidades, organizadores de ficheros, chats, redes sociales, diseño, programación, etc.

Más info | http://www.usingmac.com
Fuente | http://www.bitelia.com

Sin Comentarios