El Jueves 7 de Noviembre se va a estar realizando el primer evento en línea (vía Google Hangout) de la comunidad de emprendedores de habla hispana en el mundo. La temática va a ser en torno a la gran interrogante inicial que tiene o al menos pudiese tener un emprendedor, y es que finalmente mucha gente aún sin saber que es capaz de ser un emprendedor, ese que haga la diferencia, puede estar en la etapa en que se su pregunta es: Tengo una idea y ¿Cómo diablos comienzo?

Como invitado especial tendremos a Claudio Barahona Jacobs, Gerente de Negocios de Wayra Chile. “Fundó su primera empresa a los 18 años: una reconocida agencia de eventos tecnológicos. Tras terminar Ingeniería Civil Industrial en la U. de Chile, decidió que su gran fortaleza era apoyar y motivar a otros a emprender, en la labor de ejecutivo de proyectos tecnológicos en la incubadora Octantis de la U. Adolfo Ibañez. Luego tuvo un exitoso paso por la División de Innovación del Ministerio de Economía, tomando las funciones de Coordinador de Emprendimiento y Capital Humano. Hoy pertenece al equipo de Movistar Innova, fundando el Centro Movistar Innova y liderando el programa Wayra en Chile.” fuente LinkedIn

El evento va a ser moderado por Oswaldo Álvarez (@ozalvarez) Consultor, Emprendedor y Fundador de la Comunidad de Emprendedores de Habla Hispana, Juan Sapene CEO de DigitalConexión, Emprendedor y Consultor, Alejandro Quintero Gerente de Proyectos y Emprendedor y Olivers De Abreu CEO en Vensign.

El evento es totalmente gratuito y será a las 6:30pm Chile, 6:30pm Argentina, 4:30pm Colombia, 5:30pm Venezuela, 4:30pm Miami, 2:30pm San Francisco. Para confirmar la asistencia y obtener más información del hangout pueden hacerlo en los siguientes enlaces:

Google+: https://plus.google.com/u/0/events/c00cje6m35vf4bm5q9ube3akddo

Facebook: https://www.facebook.com/events/610346615692633/

 

Si quieres saber más información de la comunidad, te esperamos en la red social de tú preferencia:

@emprenderhhm

Google+ Page

Google+ Comunidad

Website (Tumblr)

Facebook Page

Facebook Group

http://emprenderhhm.com/post/65399170997/tengo-una-idea-y-como-diablos-comienzo

Si a media noche te equivocas en el mensaje de commit de git o simplemente cometiste algún error ortográfico o descriptivo y te das cuenta ante de hacer push al repositorio es muy fácil reparar el error

Simplemente ejecuta:

git commit --amend -m "Nuevo mensaje de commit"

Eso es todo después pudes hacer push y todo como nuevo.

Qué pasa si ya hiciste push y te equivocaste en el mensaje de commit?, Hay formas de cambiarlo pero si es un repositorio compartido no es para nada recomendado y escapa del alcance de este pequeño tip.

Puedes ver una respuesta relacionada a esto en StackOverflow:

http://stackoverflow.com/questions/179123/how-do-i-edit-an-incorrect-commit-message-in-git

Este es un pequeño tutorial de como instalar PHPUnit que es un framework para realizar pruebas de nuestro código PHP.

Cómo prerequisito tenemos que tener instalado PEAR, viene preinstalado en muchas de las distribuciones de Linux y es fácil de instalar en MS Windows y MAC OS.

En Ubuntu para instalar PEAR ejecutamos

sudo apt-get install pear

Y luego lo actualizamos ejecutando:

sudo pear upgrade pear

Instalar PHPUnit

Primero instalamos el paquete de phpunit de Ubuntu ejecutando:

sudo apt-get install phpunit

Luego ejecutamos las siguientes líneas en el terminal para agregar los canales de dependencia de PHPUnit:

sudo pear channel-discover pear.phpunit.de
sudo pear channel-discover components.ez.no
sudo pear channel-discover pear.symfony.com

Por último instalamos PHPUnit ejecutando:

sudo pear install --alldeps phpunit/PHPunit

Para comprobar que PHPUnit está instalado correctamente podemos ejecutar:

phpunit –version

phpunit --version
PHPUnit 3.7.19 by Sebastian Bergmann.

Les debería aparecer algo como la última línea la versión podría variar.

Con esto ya tenemos instalado PHPUnit y podemos comenzar a probar.

Cualquier duda o sugerencia por favor dejen un comentario.

El directorio por defecto de apache2 en Ubuntu es /var/www. Aquí es donde normalmente guardamos los archivos de nuestros sitios.

Si queremos cambiar este directorio por otro podemos utilizar los siguientes pasos, estos son realizados en Ubuntu pero deberían servir para cualquier otra distribución.

Crear un nuevo sitio

Primero creamos una copia del sitio por defecto ejecutando en el terminal:

sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/misitio

Donde misitio es el nombre del nuevo sitio que queremos crear puede ser cualquiera que tu quieras.

Luego editamos este archivo como administrador en nuestro editor favorito puede ser nano, vim o gedit:

gksudo gedit /etc/apache2/sites-available/misitio

Dentro del archivo modificamos las siguientes lineas:

DocumentRoot /var/www por /home/vensign/misitio

Y

<Directory /var/www/> por <Directory /home/vensign/misitio/>

En este caso cambiamos el directorio por uno dentro de /home/vensign/misitio que es el directorio de nuestro usuario y que debe estar creado (mkdir /home/vensign/misitio en este caso).

[alert_yellow textalign=”left”] Recuerda cambiar /home/vensign/misitio al directorio que vas a utilizar[/alert_yellow]

También puedes definir logs separados para cada sitio. Para hacer esto cambia las líneas de ErrorLog y CustomLog. Esta opción es opcional, pero es últil si tienes multiples sitios.

Guardamos el archivo y ya tenemos la primera parte.

Activar el nuevo sitio

Ahora debemos deshabilitar el sitio por defecto y habilitar el nuevo sitio. Esto lo hacemos con los comandos a2dissite y a2ensite de Apache, ejecutando en terminal

sudo a2dissite default && sudo a2ensite misitio

Recuerden cambiar misitio por el nombre que colocaste en /etc/apache2/sites-available/ en el paso 1

Reiniciar Apache

Por último debemos reiniciar Apache para que los cambios tengan efecto:

sudo service apache2 reload

Eso es todo ya deberíamos poder navegar a localhost en el caso de ser un sitio local o a la IP o dirección de nuestro servidor y ver los contenidos del directorio que hemos colocado.

Cualquier duda o problema por favor dejen sus comentarios.

Logo Composer PHPComposer es un manejador de dependencias para PHP, este proyecto inspirado en npm y Bundler y sirve para administrar librerías de terceros o propias en nuestros proyectos de PHP.

Composer es capaz de de instalar las librerías que requieres para tu proyecto con las versiones que necesites y si esas librerías dependen de otras también es capaz de resolver las dependencias y descargar todo lo que necesites para que funcione, quitándonos el dolor de tener que hacer esto manualmente y mantenerlo todo actualizado.

Instalar Composer

Composer está formado por dos partes, la primera es una aplicación de línea de comandos que permite encontrar, descargar, actualizar y compartir los paquetes o librerías y el otro es el repositorio donde se guardan dichos paquetes o librerías.

Para instalar Composer solo debes ejecutar en el terminal:

cd /ruta_a_tu_proyecto_php
curl -s https://getcomposer.org/installer | php

Si NO tienes curl instalado puedes ejecutar:

php -r "eval('?>'.file_get_contents('https://getcomposer.org/installer'));"

Lo que hace este instalador es chequear que tu php.ini esté configurado con lo necesario y de lo contrario te arrojará un error.

[alert_yellow textalign=”left”] Composer es un archivo ejecutable Phar por lo que debes tener habilitado phar dentro del php.ini, si no lo tienes simplemente descomenta extension=phar.so. [/alert_yellow]

Luego para comprobar que se instaló correctamente puedes ejecutar

php composer.phar

Si todo salió bien debe desplegar una lista de las opciones del comando.

Si quieres ejecutar Composer globalmente ejecutamos este comando adicional:

sudo mv composer.phar /usr/local/bin/composer

Con esto podremos ejecutar directamente el comando desde cualquier sitio o proyecto, por ejemplo:

composer about

Utilizando Composer

Como mencionamos anteriormente Composer está basado en Bundler y npm por lo que su uso es muy parecido a estas herramientas.

Para indicar las dependencias de tu proyecto debes crear un archivo llamado composer.json que en su forma más básica debe verse así:

{
    "require": {
        "monolog/monolog": "1.0.*"
    }
}

Veamos sus partes:

  • require: esta palabra simplemente le dice a Composer que necesitamos la libreria que le indicamos dentro de los corchetes {}
  • Nombre del paquete o libreria: está separado en dos partes vendedor/proyecto, normalmente estos dos son iguales como en este caso o pueden ser distintos por ejemplo “illuminate/foundation”.
  • Versiones del paquete: después de los dos puntos ( : ) indicamos la versión que queremos de este paquete. Tenemos varias opciones:
    • Versión exacta: podemos decirle a Composer que queremos una versión específica como por ejemplo 1.0.1.
    • Rango: Podemos definir rangos de versiones con los operadores >, >=, <, <=, !=. Por ejemplo si queremos una versión mayor a la 2 colocariamos >2. También podemos definir entre dos versiones separando con comas, por ejemplo >=1.0, <2.0.
    • Comodín: podemos usar el comodín ( o wildcard ) * para definir versiones, como ejemplo 1.0.* esto quiere decir cualquier versión dentro de 1.0 ( 1.0.1, 1.0.2 … 1.0.8 etc.)
    • Por último tenemos el operador ~, es un poco dificil de explicar así que usaremos un ejemplo: tenemos una librería que tiene la versión 1.x y 2.x pero no son compatibles entre ellas y queremos la última de 1.x y no la de 2.x entonces utilizaríamos el operador de esta forma ~1.2 que es equivalente a >=1.2, <2.0, mientras si vamos a algo más específico como ~1.3.1 es equivalente a >=1.3.1, <1.4.

Como vemos podemos ser tan libres o específicos como queramos, y me falto mencionarles que si no nos importa la versión simplemente podemos colocar “*”.

Instalando las Dependencias

Una vez que tengas configurado tu archivo composer.json con todos los paquetes que requiere tu proyecto es hora de que Composer haga su trabajo y lo instale para esto ejecutamos:

php composer.phar install

O si seguiste mi consejo e instalaste Composer como un comando global (ver arriba) puedes ejecutar:

composer install

Una vez que termina de descargar los paquetes los coloca dentro de una carpeta llamada vendor por defecto esto lo podemos cambiar en nuestro archivo composer.json agregando las siguientes líneas:

{
    "require": {
        "monolog/monolog": "1.0.*"
    }
    "config": {
        "vendor-dir":"librerias"
    }
}

Aquí especificamos librerias como el directorio a donde se descargan los paquetes. 

[alert_green textalign=”left”]Tip: Si estás utilizando git para tu proyecto, probablemente quieras agregar vendor (o el directorio que hayas especificado) dentro de .gitignore. Con esto evitamos agregar el código adicional a nuestro repositorio sin necesidad. [/alert_green]

Si queremos actualizar las librerias ejecutamos:

php composer.phar update

O si está como comando global:

composer update

Autoloading

Ademas de descargar las librerias, Composer también prepara un archivo de autoload que es capaz de autocargar todas las clases en cualquiera de las librerías descargadas. Para utilizarlo, simplemente añadimos la siguiente línea en nuestro código:

require 'vendor/autoload.php';

[alert_red textalign=”left”] Por supuesto que si cambiaste el directorio de descarga lo tienes que actualizar en esta línea. [/alert_red]

Repositorios

Si quieres ver los paquetes disponibles puedes visitar el repositorio en https://packagist.org/

Conclusión

Esto es todo por ahora, Composer a mi parecer es una herramienta que hacia mucha falta en PHP, muchos frameworks como FuelPHP, CodeIgniter, Symfony2 y Laravel ya están integrando Composer.

Además es una gran herramienta para utilizar tanto en desarrollo como en producción y que nos ahorra una gran cantidad de trabajo de manejo y mantenimiento.

Aquí solo he tocado la superficie de la configuración puedes ver mucho más en la Documentación.

Me gustaría saber que opinan de esta herramienta y si la está usando o la planean utilizar en sus proyectos, por favor dejen sus comentarios.

Recursos

[list_check]

[/list_check]

 

Esta es una pequeña guía de que hay que considerar a la hora de escoger un nombre de dominio para su empresa, producto o evento.

Para que no lo sepan un nombre de dominio es el nombre con que registramos la dirección de nuestro sitio Web. Por ejemplo vensign.com es el nombre de dominio de este sitio Web.

Aunque escoger el nombre de dominio para un sitio web al principio puede parecer una tarea trivial, muchas veces no lo es, ya sea porque el nombre está tomado, porque no sabemos que nombre darle al sitio web o porque simplemente nos parece algo sin importancia.

El nombre de un sitio Web es tan o más importante que darle nombre a una empresa o un producto, ya que este va a representar nuestra presencia en línea, es el nombre a través del cual nuestros clientes nos van a encontrar y asociar y debe convertirse en parte de nuestra marca.

Aquí les resalto los puntos más importantes a tomar en cuenta.

Mantenlo Corto y Fácil de Pronunciar

Normalmente le colocaremos a nuestro sitio Web el nombre de nuestra empresa o nombre de producto, esto sirve si el nombre es corto y fácil de recordar pero que pasa si nuestra empresa se llama Empresa de Corretaje de Seguros Perez Perez y Rodriguez obviamente no es una buena idea colocar todo esto en nuestro dominio porque pocas personas lo recordarán o lo colocarán mal. Necesitamos un nombre corto que las personas puedan recordar fácilmente y que puedan asociar con nuestros servicios o productos o lo que sea que ofrezcamos en el sitio Web.

Muchas optan por colocar las iniciales de la empresa esto puede funcionar, y funciona mejor si las siglas son algo pronunciable o producen algun tipo de sonido fácil de pronunciar. Por ejemplo en el nombre de la empresa que di anteriormente podría funcionar algo como ecs.com o corretajespr.com, o nombres por el estilo. Si la palabra de nuestro producto o servicio aparece en el nombre mucho mejor porque ayuda asociar el nombre con lo que hacemos aunque esto no es imprescindible.

Siempre hay momentos en que se rompen las reglas, siempre encontraremos casos exitosos con nombres muy extraños, flickr por ejemplo antes no tenía la i (flckr) y la gente no tenía idea de como pronunciarlo, con la i se hizo algo más fácil.

Entonces los principales puntos son:

  • Que sea corto
  • Simple de recordar
  • Pronunciable

.COM .NET .ORG Cual escoger

Estas terminaciones son llamadas dominios de nivel superior y estos 3 son los más utilizados. La mayoría de las personas no le presta mucha atención les da igual tener un .com a un .net o un .org pero la verdad es que cada dominio tiene su razón de ser y ya es asociado por las personas con ciertas actividades que son:

.com para empresas, negocios, actividades comerciales

.net originalmente era de network y estaba destinada a proveedores de servicios de telecomunicaciones y acceso a internet como ISPs.

.org se destina principalmente a organizaciones sin fines de lucros, asociaciones, grupos sin fines de lucro, organizaciones de estándares entre otros, prácticamente cualquier organización que no tenga una ganancia comercial.

Aunque esto no está escrito en piedra es siempre una buena idea elegir un dominio .com para empresas o productos ya que es más fácilmente asociado con negocios, un consejo importante es no utilizar dominios .net o .org con el mismo nombre que un .com que no te pertenezca por ejemplo, si querias registrar cebolla.com pero ya existe no registres cebolla.net o .org, por la sencilla razón de que la primera dirección que intentará la mayoría será .com y podría terminar en una página de la competencia o con algo que nada tenga que ver con tu empresa.

Hay muchos otros dominios como .biz .tv .co, etc, etc pero es bueno quedarse con estos tres más conocidos (con la excepción de .tv si planeas hacer un programa transmitido por Internet)

Las empresas grandes suelen registrar todas las extensiones y deshabilitan las que no utilizan para evitar que otros se hagan pasar por ellos o que los usuarios caigan en páginas que se llaman igual pero con otro dominio.

Mercado Local o Global

Si tu mercado es dentro de tu país es bueno adquirir un dominio con la extensión de ese país por ejemplo si estás en Venezuela los dominios son .ve, por lo tanto puedes registrar un dominio ejemplo.com.ve esto te hará que te ubiquen más rápido en el país y además aumenta tu ranking en los buscadores si alguien busca con palabras relacionadas al país y al servicio que proporcionas.

Cada país tiene su extensión y regulaciones por ejemplo hay países que no permiten la extensión directamente como de primer nivel como ejemplo.ve sino que tienes que tener otro dominio de primer nivel como .com.ve hay otros países que si lo permiten.

Es una buena práctica tener ambos dominios .com y .com.ve por ejemplo, y redireccionar las páginas según de donde vengas, por ejemplo si vienes de otro país puedes presentar contenido distinto a si vienes de Venezuela.

Hace poco ya se puede utilizar ñ y acentos en los dominios aunque no ha sido una práctica muy común.

Hacerlo parte de tu Marca

Una vez que hayas escogido el dominio es importante hacerlo parte de tu marca, colocarlo en la papelería, en las tarjetas de presentación, presentaciones, conferencias y cualquier material publicitario para darlo a conocer a tus clientes y así crear una asociación entre tu empresa y tu sitio Web. Muchas empresas suelen hacer sitios Web y después no lo promocionan y no lo utilizan y se preguntan porque no funciona el sitio o porque no atraen clientes por ahí.

Es importante hacer del sitio Web una extensión de su empresa, empezando por el nombre del dominio.

Espero que les haya sido de utilidad este artículo cualquier sugerencia o duda pueden dejar su comentario y si les gustó por favor compartanlo.

Nosotros en Vensign ofrecemos servicios de diseño y desarrollo de páginas Web para PyMES y corporaciones, puede ver nuestros servicios aquíContactarnos

Si quieres recibir más artículos y noticias de diseño y desarrollo Web, Negocios, Software Libre y Linux nos puedes seguir a través de nuestro RSSTwitter o suscribirte a nuestro Boletín de Noticia

 

 

 

Recientemente Google a liberado un grupo de fuentes (o letras) bajo una licencia de software libre y totalmente gratuitas para utilizarlas en diseños de sitios y páginas Web.

Aquí te vamos a explicar como utilizar estas fuentes en tus diseños y como sacarles el mayor provecho.

Para este tutoríal se necesita un conocimiento mínimo de HTML.

Vamos a transformar esto:



Fuentes de Google - antes

Antes



A esto:


Fuentes de Google - despues

Después


Utilizando las fuentes Open Source de Google

Puedes descargar los archivos de ejemplo aquí

Un ejemplo Sencillo

Para ver lo fácil que es vamos a empezar con un ejemplo sencillo, vamos a crear dos archivos uno llamado index.html y otro llamado style.css ambos archivos dentro de una misma carpeta. Lo puedes crear con cualquier editor de texto de tu preferencia (evitar utilizar MS Word o OpenOffice ya que le agregan caracteres escondidos que no queremos) puedes utilizar el Block de Notas de Windows o gedit si estás en Linux.

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fuentes de Google</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster|IM+Fell+DW+Pica|Josefin+Sans+Std+Light">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
 <body>
 <h1>Vensign es lo mejor!</h1>
 <h2>El Supertitulo de hoy</h2>
 <p>Este es un art&iacute;culo en como utilizar las nuevas fuentes de Google&trade; que son Open Source y gratuitas en nuestros dise&ntilde;os</p>
 </body>
</html>

Este archivo sin estilos si lo abren en su navegador se verá algo así:


Fuentes Google - Sin estilo

Sin estilo CSS


No muy atractivo verdad?, vamos a ver que podemos hacer con las fuentes de Google para mejorar un poco el diseño. Primero agregamos estas dos líneas dentro de las etiquetas de

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" type="text/css" href="style.css">

Aquí simplemente estamos agregando dos archivos de estilo CSS a nuestra página:

  • http://fonts.googleapis.com/css?family=Lobster. Con esta línea agregamos la fuente Lobster que es una de las fuentes que tiene disponible Google y la vamos a utilizar para nuestro títulos H1. Así es la forma más básica de agregar una fuente de Google.
  • style.css, es nuestro archivo de estilos que vamos a crear a continuación.

Nuestro archivo index.html quedaría así:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fuentes de Google</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
 <body>
 <h1>Vensign es lo mejor!</h1>
 <h2>El Supertitulo de hoy</h2>
 <p>Este es un art&iacute;culo en como utilizar las nuevas fuentes de Google&trade; que son Open Source y gratuitas en nuestros dise&ntilde;os</p>
 </body>
</html>

Creamos dentro del mismo directorio de index.html un archivo llamado style.css en este archivo agregamos las siguientes líneas:

/*Archivo de ejemplo para utilizar las fuentes de Google
 Autor: Olivers De Abreu
 Compañia: Vensign
 URL : http://www.vensign.com
 Version: 1.0
 */
h1 {
 font-family:'Lobster', arial, serif;
 font-size:48px;
 }

Aquí lo que estamos colocando es que cualquier título h1 que tengamos en nuestra página usará como fuente Lobster y tendrá un tamaño de 48px, noten que utilizamos arial y serif como fuentes de respaldo en caso que ocurra algún problema y no se pueda cargar Lobster. Siempre es importante utilizar fuentes de respaldo!.

Ahora si recargamos nuestra página en el navegador se debería ver así:


Fuentes Google - Fuente Lobster para h1

Con Fuente Lobster para h1


Mucho mejor pero aún le falta, vamos a agregarle otro tipo de fuentes a nuestro título h2 y al párrafo (p). Como hacemos para agregar más fuentes de Google muy sencillo modificamos esta línea en nuestro index.html:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">

Y la cambiamos por esta para agregar las fuentes IM Fell DW Pica para nuestros títulos h2 y Josefin Sans Std Light para nuestro párrafo:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster|IM+Fell+DW+Pica|Josefin+Sans+Std+Light">

Noten que hemos separado los nombres de las fuentes con | y que las fuentes que tienen nombres de más de dos palabras unimos las palabras con +.

Ahora modificamos el archivo style.css agregando estas líneas al final

h2 {
 font-family:'IM Fell DW Pica', verdana, serif;
 font-size:40px;
 color:#F25835;
 }
p {
 font-family:'Josefin Sans Std Light', arial, serif;
 font-size:18px;
 }

Aquí como observan estamos utilizando las dos fuentes que agregamos anteriormente, si recargan la página verán algo como:




Con estilo para h1 h2 y p

Mucho mejor!. Aquí ya tenemos toda una página con tres tipos distintos de fuente.

Puedes encontrar toda la lista de fuentes de Google Aquí

Además de colocarles los estilos normalmente como lo hacemos a través de CSS, el API de las Fuentes de Google nos permite definir si las letras son itálicas o en negritas al momento de cargarlas, por si quieres especificar el estilo al momento de cargarla. Este cuadro y ejemplo los tomé de la página de Google.

Estilo Modificador
itálica italic or i
negrita bold o b o un peso numérico como 500
itálica y negrita bolditalic ó bi

Por ejemplo para pedir por una fuente Cantarell itálica y Droid Serif en negrita, utilizaríamos cualquiera de los siguientes URL:

http://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:bold
http://fonts.googleapis.com/css?family=Cantarell:i|Droid+Serif:b
http://fonts.googleapis.com/css?family=Cantarell:i|Droid+Serif:700

Pronto veremos otro tutorial donde le agregaremos estilos a través de una librería de javascript llamada WebFont Loader que nos permite darle efectos como sombras, cargar las fuentes después de cargar la página y otro par de cosas útiles.

Nosotros en Vensign ofrecemos servicios de diseño y desarrollo de páginas Web para PyMES y corporaciones, también ofrecemos servicios de PSD a HTML para diseñadores, puede ver nuestros servicios aquí o Contactarnos


Si quieres recibir más artículos y noticias de diseño y desarrollo Web, Negocios, Software Libre y Linux nos puedes seguir a través de nuestro RSS, Twitter o suscribirte a nuestro Boletín de Noticias

Paginas web corporativasEn el mundo que vivimos ya no debería ser una pregunta si una empresa necesita una página Web, el porcentaje de penetración de Internet en la mayoría de los países latinoamericanos y europeos es alto y cada día crece más. La forma en que buscamos la información ha cambiado totalmente, todo o casi todo lo buscamos por Internet, desde la noticia de hace 5 minutos hasta el apartamento que queremos comprar o buscar.

El principal problema que enfrenta una empresa no es el tener la página Web como tal, sino hacer una buena página Web que sirva a sus usuarios y mantenerla actualizada, ya paso la época en que las páginas Web corporativas sólo servían para presentar una página de Quienes Somos o Nosotros a ser una extensión más de nuestra empresa una vitrina hacia nuestros clientes y al mundo y la debemos tratar con el mismo cuidado que trataríamos cualquier otra inversión de nuestra empresa.

Entonces que elementos debe tener el Diseño una página Web Corporativa:

  1. Diseño claro y conciso Lo primero que nota un usuario al entrar a una página Web es los colores, las imágenes y la posición de los elementos, es decir el diseño no el contenido. El diseño debe ser claro, simple y limpio, fácil de procesar por nuestra vista.
  2. Colores acordes con el Logotipo y la imagen que quiera transmitir la empresa, los colores son un gran medio para transmitir emociones y estados de ánimos. Hay colores que nos transmiten seriedad y otros diversión (piensen en IBM vs McDonalds que colores le vienen a la mente), no es raro ver páginas web de empresas donde los colores de la página no tienen nada que ver con el logotipo o con el mensaje que transmiten y no se complementan sino que simplemente son los colores que mejor le parecieron al que diseñó la página, esto causa un impacto en el usuario y puede estar transmitiéndole el mensaje equivocado acerca de su empresa, productos y servicios.
  3. Diseño uniforme entre las páginas, es importante que el usuario a medida que navegue entre las páginas de su empresa sienta que siempre está dentro de la misma página, a veces ocurre que no se mantiene ningún elemento en común entre las páginas, ya sea el color, menús, forma, y de repente cuando pasas de una página a otra sientes que estás en otro sitio, esto es muy perjudicial para la experiencia del usuario y puede ocasionar que no relacionen lo que presente en la página con su empresa o simplemente se vayan por sentirse perdidos o confundidos.
  4. Espacio en blanco, el espacio en blanco ha sido despreciado por muchos diseñadores pero es un elemento clave para que un buen diseño, permite que el usuario preste más atención a los distintos elementos y sea más fácil la navegación, un ejemplo claro del uso del espacio blanco es la página de Apple. Recuerda que a veces menos es más.
  5. No sobre utilizar animaciones y efectos, sólo se tienen de 5 a 8 segundos para captar la atención del usuario si su página tarda más de eso en cargar es muy difícil que los usuarios se queden, asegúrese de no tener más de 2 animaciones en flash en su sitio (1 es lo recomendado), y que se carguen una vez que toda la página esté cargada, así el usuario podrá ver la información rápidamente.
  6. NO hacer sitios 100% en Flash, aunque los sitios en Flash son muy llamativos, no son muy útiles, primero suelen ser lentos para cargar y segundo el contenido no puede ser visto por los buscadores como Google y Yahoo, por lo que dificilmente su página aparecerá en las primeras páginas de búsquedas de estos. Recuerde que una página Web se trata de darle información al usuario no de entretenerlo o poner los efectos más llamativos. Si un diseñador le ofrece hacer un sitio 100% en Flash no confíe en que sabe lo que hace.
  7. Cuide la programación y cumpla con los estándares, como en toda industria los estándares son importantes en páginas Web los estándares lo rige la WC3, es lo que permite que su página se vea más o menos igual en todos los navegadores y además le permite un diseño más rápido, fácil de actualizar y amigable con los buscadores lo que le traerá más visitas y potenciales clientes. Muchas veces este aspecto es pasado por alto y a la larga no trae más que problemas.
  8. Asegúrese de tener un buen título en sus páginas y cuide las palabras claves, una página que en el título que aparece arriba en el navegador diga Sin Titulo o Untitled es una página descuidada, los títulos de las páginas y las palabras claves son fundamentales para que su página Web pueda ser encontrada.
  9. Contenido, contenido, contenido, este es uno de los aspectos más difíciles de una página Web, el contenido es lo que trae visitas, es lo que hace que nuestra página suba en las posiciones de los navegadores, y es lo que hace que sus usuarios y clientes lo encuentren y vuelvan, el mundo de hoy se mueve es por la información y dar información a los usuarios acerca de no sólo sus productos sino de su industria hará que se fidelicen y pasen su página, productos y servicios de boca en boca, no hay campaña publicitaria que pueda vencer esa clase de publicidad. La mayoría de los clientes que he tenido es difícil de convencerlos de que generen contenido pero al ver la gran herramienta que es a largo plazo quedan convencidos. Si lleva tiempo y esfuerzo pero si es dirigida correctamente paga con beneficios.
  10. Comparta e interactúe con sus usuarios, el impacto que han tenido las redes sociales en nuestro día a día es innegable y es necesario llevar a las empresas a ese mundo, el interactuar con sus usuarios saber que piensan de sus productos, escuchar sus necesidades, es uno de las herramientas más poderosas que se puedan tener. Utilice Twitter, Facebook, Linkedin en su empresa y hágalos parte de su página Web.

Estos son los primeros 10 consejos en el diseño de páginas Web corporativas que sirven tanto para pequeñas y medianas empresas como grandes corporaciones.

Si ya tiene su página Web vea si cumple con estos requerimientos, los cambios no tienen que ser radicales ni inmediatos puede ser un proceso paso a paso, una página Web es un organismo viviente que debe ir cambiando con el tiempo y adaptándose a los tiempos.

Otro que no puede faltar es que siempre confíe en un profesional, ya sea un diseñador gráfico que se especialice en páginas Web o una empresa como nosotros. Puede sonar a propaganda y puede que lo sea pero así como ud no le daría a construir su casa a cualquiera no lo haga tampoco con su página Web

Y si no tiene página Web que está esperando?

 

 

Nosotros en Vensign ofrecemos servicios de diseño y desarrollo de páginas Web para PyMES y corporaciones, puede ver nuestros servicios aquí o Contactarnos

 

Si quieres recibir más artículos y noticias de diseño y desarrollo Web, Negocios, Software Libre y Linux nos puedes seguir a través de nuestro RSS, Twitter o suscribirte a nuestro Boletín de Noticias