Como mejorar nuestra página web para que cargue más rápido

Posted on May 16, 2012 by rocreguant

El motivo principal para deberíamos plantearnos que nuestro sitio cargue más rápido es que mejora la experiencia del usuario haciendo así que se incrementen las ventas. A parte de engrosar nuestro orgullo :P

Nunca mejor dicho el tiempo es oro. Vamos a tratar los factores que influyen en el rendimiento de nuestro sitio web. Pues manos a la obra!

1- Reduce el número de peticiones HTTP

Las peticiones HTTP posiblemente sea lo que haga que tarde más en cargar un sitio. Cada petición es un request y answer, o lo que vendría a ser se envía información al servidor y este envía otra de vuelta. Como más veces lo hagamos más va a tardar. Lógico. He leído que el botoncito de “me gusta” de Facebook hace 30 peticiones así por vena, lo cual es bastante malo para el rendimiento. Así que el consejo es pon los mínimos botones sociales. Pero tranquilos!
Tengo algunos tips para reducir peticiones.

  • Poner todos los CSS en un fichero. Pero si hay algunas páginas de nuestra web que usan ficheros CSS muy grandes y son apenas visitadas podemos poner este CSS separado.

  • Cargar los Javascript de forma asíncrona evitando así que sólo se cargue el Javascript.

  • Utilizar sprites. De esta forma combinamos diversas imágenes en una sola evitando conexiones innecesarias.

2- Utiliza la caché

Ahora está de moda usar todas las caches posibles, y la verdad es que mola, pero también es interesante no tener un código, consultas a las BD y servidores horrendos. Usando Expires Header podemos indicar al navegador hasta cuando su versión de la página es válida.

Evita poner los ficheros CSS y Javascript dentro del código de la página, ya que estos pueden ser cacheados por le navegador y la segunda vez que se acceda a la página no volverán a ser cargados.

3-Comprime los ficheros usando Gzip

He dicho Gzip porque no lo hace nada mal, es gratuito y además los navegadores más usados lo soportan. Pero amigos, NO lo comprimamos todo! La mayoría de imágenes ya deberían estar optimizadas, por lo que comprimirlas pasaría a ser una sobrecarga inútil para el servidor además de que el tamaño de la imagen podría aumentar. Por lo que por regla general comprimiremos solamente los ficheros HTML, CSS y scripts como Javascript.

4-Minimiza los ficheros

Con esto me refiero a que a los documentos HTML, Javascript, CSS… quites los espacios en blanco, comentarios, saltos de linea, tabulaciones… Todo esto son caracteres que se envían a través de la red pero no sirve de nada y ocupa un ancho de banda precioso.

5-Evita las redirecciones

Las redirecciones tienen un tiempo de carga considerable, por lo que debemos intentar evitarlas siempre que sea posible. Sé que las redirecciones solucionan muchos problemas, pero es mejor no ponerlas. El problema radica en que primero se conecta a la página que redirige y luego se conecta a la página que toca, y esto es un tiempo muy valioso. No hace falta decir que encadenar redirecciones es ya mortal…

6-Otros consejos

  • Supongo que no hace falta decir que tengamos en cuenta de no poner scripts duplicados ya que por un despiste nos puede salir caro.
  • Poner los CSS para importarlos en el header. Aunque esto no mejora el rendimiento en si mismo si que da la impresión de que carga más rápido. Eso es debido a que los navegadores no muestran la página hasta que haya cargado el CSS por lo tanto cuanto antes lo cargue antes la mostrará.
  • Es recomendable poner los scripts después del body ya que al cargar los scripts no se carga nada más y además impide el renderizado de la página.

Finalmente y para terminar debemos tener en cuenta que no todas las mediciones usando la misma herramienta pueden dar las mismas mediciones. Esto es debido a que el servidor nuestro puede tener más o menos tráfico o también puede deberse a que el lugar del servidor de la herramienta puede estar situado en otro país distinto a la última vez.

Pero recuerda que no todo se basa en el rendimiento, no debemos empobrecer la expericencia de usuario quitando botones sociales o haciendo una web en texto plano, debemos encontrar el termino medio entre rendimiento y funcionalidades.

Posted in SEO, Trucos, web performance optimization | Tagged , , , , , | Leave a comment

Como vincular los artículos de tu blog a Google+?

Posted on May 9, 2012 by rocreguant

Hace ya un tiempo Google incluyó esta modificación en la visualización de las SERPs. Al vincular los artículos de tu sitio con tu cuenta en Google+ lo que haces es brindarle la posibilidad a Google para que muestre tu imagen de perfil de g+ al lado de tu snippet en las SERPs.

Personalmente esto me gusta bastante ya que refuerza la marca personal además de ayudar al usuario a recordar si los artículos de dicha persona le suelen gustar o no. Pero vamos al grano:

Primero tenemos que enlazar el sitio que queremos que nos salga el rich snippet desde nuestro perfil de Google+. Para hacerlo iremos al apartado “Sobre mi” de nuestro perfil y lo editaremos. Podemos enlazar más de un sitio, siempre y cuando sigamos el mismo proceso para todos.

Ahora hay dos formas de que salga tu foto en el snippet.

1) Poniendo el código en cada página:

Dentro de este apartados hay dos opciones:

  • Podemos usar <a href=”http://tuPerfilAgooglePlus.com/algo?rel=author”> Google+</a> No olvidemos poner el ?rel=author en el link y en el anchor poner Google+ (si con el símbolo +).
  • Este caso es lo mismo pero el author es pasado como atributo del enlace. Poniendo <a href=”http://tuPerfilAgooglePlus.com” rel=”author”> Tu Nombre </a>

2) La otra forma de poner el rich snippet de Authorship es poniendo el código en la página dónde hables sobre ti, posiblemente vendría a ser el “About me” de tu blog. En este caso primero pondremos <a href=”http://laUurlDeAboutMeDeTuSitio” rel=”author”>Tu Nombre</a>

en cada página de tu sitio (será más fácil modificando el tema del blog). Ahora desde la página “About Me” de tu blog tendremos que poner <a href= ”http://tuPerfilAgooglePlus.com” rel=”me”>Pon aquí lo que quieras</a>.

Esto era todo! Fácil eh! ;)

Bonus: Podemos comprobar como ha quedado usando este verificador que nos indicará si lo hemos hecho bien y nos mostrará como queda.

Para mas información podemos ir al support de google

Posted in SEO | Tagged , , , , | Leave a comment

La muerte de Dios de Nietzsche

Posted on May 1, 2012 by rocreguant

Me gustaría hacer un poco de filosofía ya que últimamente ando faltado de ideas. Para que engañarnos, la verdad es que una persona de la que soy fan me lo ha pedido :P
Pero vamos al grano!

Nietzsche no creía en dios, por lo que matarlo y luego decir que no ha existido es algo estúpido, se trata de un concepto algo más abstracto. Cunado afirma que Dios ha muerto rechaza muchas de los razonamientos filosóficos anteriores a él, como los de Platón.

Para Nietzsche “Dios” solamente es una palabra creada por el hombre para dar sentido a sus vidas y obtener tranquilidad ante la muerte. En definitiva, surge de la necesidad de tener algo seguro y duradero. Ante la incapacidad del hombre de aceptar que vivimos en un mundo trágico creamos un Dios que nos motive y nos ayude a aceptar la vida. Pero según Nietzsche esto hace que la gente sea mediocre y que los buenos no brillen con luz propia. Dios y la religión representan la realidad absoluta, lo que Nietzsche no acepta. Quizás una verdad puede ser cierta en su propio ecosistema.

Cree que debemos pasamos sobre la verdad absoluta y valorarlo todo de modo objetivo. Con la afirmación de la muerte de Dios Nietzsche pretende que cada hombre forje su propio camino.

Aquí es dónde aparece el superhombre, se trata de una persona que está por encima los valores básicos del cristianismo (el bien y el mal). Para poder llegar a ser superhombres tendremos que aceptar la vida tal y como es, y finalmente al lecho de muerte si nos preguntaran si queríamos volver a vivir nuestra vida la respuesta tendría que ser afirmativa. Pero el precio de ser superhombre es la soledad y ser considerado un hombre loco por los demás.

Para él las religiones (concretamente todas las judeo-cristianas) oprimen al hombre para meterlo dentro del rebaño sin ofrecer la posibilidad de salirse de este, por lo que el consejo que nos da es que vivamos la vida.

Lo que aprendemos hoy es que Nietzsche daba valor único y absoluto a la vida, y nada más.

Posted in Pensamientos | Tagged , , , , , | 8 Comments

Como conseguir lo que quieres conseguir?

Posted on April 25, 2012 by rocreguant

Siempre nos estamos poniendo metas y retos, pero a menudo se quedan solo en sueños o ideas. Por lo que he intentado recopilar una lista a seguir para llegar a realizar nuestros sueños. O por lo menos poder realizar más.

1- Párate a pensar

Realmente deseas con suficiente fuerza tu objetivo? No es un capricho de unos días? Estás dispuesto a sacrificarte repetidas veces para conseguir tu objetivo?

Antes que darte golpes de cabeza contra la pared, piensa si va a merecer la pena y si estás dispuesto a sacrificarte. Para conseguir algo tienes que estar seguro de que lo quieres.

2- Escríbelo

El primer paso para cumplir con tu objetivo es escribir lo que deseas hacer. Aquí ya estas empezando a comprometerte con tu idea/sueño.
Estaría bien que dijeses como vas a llevarla a cabo, por las fases que vas a pasar y sobretodo pon fechas. Tienes que cumplir las fechas que te has propuesto.

3- Dilo

Cuéntaselo a los demás. No solamente es una forma de tener presión por detrás para que no abandones tan fácilmente, sino que también te brinda la oportunidad de que haya alguien que conoce a alguien que te puede ayudar. Explícaselo a todo el mundo, padres, hermanos, familiares, amigos, compañeros de trabajo… Toda la gente ayuda.

4- Se persistente

No te rindas a la primera adversidad que te venga. Sigue luchando por lo que deseas, y al final lo vas a conseguir. Si lo dejas es que no has pensado suficientemente bien el primer punto. También puede ser que las cosas hayan cambiado. Pero lucha, solo los perseverantes llegan a la cima.

Ya sabias que esto no iba a ser un camino de rosas.

5- Sé atrevido

Mucha gente no hace nada porque no es para ellos. Los que no lo intentan nunca sabrán que hubiera pasado si lo hubieran intentado. Es mejor intentarlo y fallar, que vivir con la duda de saber que hubiera pasado si lo hubiesen probado. Plantéate retos exigentes, y lucha por ellos descubriendo así que vales más de lo que pensabas.

6- Ayuda a los otros

Si ayudas te ayudan. Pide favores haz favores y no tengas miedo a pedir que te devuelvan un favor. Si realmente quieres algo tienes que estar dispuesto a quemar todas las naves. Actualmente pocas cosas se pueden conseguir solo. No puedes pretender hacerlo todo tu solo, siempre habrá algo que sabes y algo que otros no saben, complementaros.

7- Empieza

Si no empiezas difícilmente vas a terminar. Todo comienza con un primer paso.

Posted in Emprender | Tagged , , | Leave a comment

Todo sobre los códigos QR y lo que necesitas saber para diseñar uno

Posted on April 18, 2012 by rocreguant

Los códigos QR, su abreviación en inglés Quick Response code traducido sería código de respuesta rápida. Los QR son unos códigos de dos direcciones que contienen datos. La diferencia del código de barras que este solo consta de una dimensión. Gracias a ser bidimensional podemos incluir mayor cantidad de información en un menor espacio. A grandes rasgos se podría decir que es un cuadrado de dos tonalidades diferenciadas con cuadraditos pequeños que tienen formas aleatorias (que representan unos datos).

Su función mayoritaria actualmente es el marketing, los ponen en las campañas para que la gente los use y vaya a la página deseada sin tener que escribir la dirección. Aunque pueden contener solamente texto. Me atrevería a decir que el 99% de los lectores de estos códigos se trata de smartphones.

Ahora que todos ya usan los códigos QR aprovéchate de que la mayoría sólo pone la versión en blanco y negro, ponle tu logotipo dentro del código o hazlo original de otro modo. Esto se debe a que si el código es de alta calidad puedes ocupar hasta un 30% de su superficie. Este 30% es debido a que tiene un método de recuperación de datos que nos permite errores de tal magnitud. El porcentaje de error permitido depende de la calidad del código QR, así que os dejo una tabla con la calidad y el porcentaje de error tolerado.

Calidad Tolerancia (%)
Baja calidad ( L ) 7%
Calidad media ( M ) 15%
Calidad “Quality” ( Q ) 25%
Alta calidad ( H ) 30%

Sabiendo todo esto empecemos a “tunear” el código QR.

1-Usa distintos colores, texturas y opacidades

Los colores blanco y negro típicos son muy aburridos. Puedes añadir distintos colores siempre y cundo entre el fondo y el relieve tengan un 55% de contraste. Incluso puedes llegar invertir los colores del código. Usa tu imaginación, no tiene porque ser bi-cromático, puedes usar muchos colores, el límite es tu creatividad. O como ya he mencionado puedes usar opacidades distintas para marcar zonas, puedes llegar hasta una oscuridad del 30%. La decisión está en tus manos.

2- Redondea las formas

Los cuadrados son formas muy duras. Ahora está de moda las curvas, redondea los cuadraditos y los cantos. Los cantos redondos harán que parezca menos frío acercándote al usuario. Y tranquilos eso no afectará a la decodificación de los datos. Incluso puedes hacer que cada cuadradito sea una redondea, como una ficha de parchís (siempre adecuada al tamaño relativo del código).

3- Puedes poner un logo

Como ya he mencionado anteriormente puedes usar hasta un 30% del espacio para poner tu logo permitiendo aún que tu código QR siga siendo perfectamente procesable. Recomiendo mirar la tabla anterior para saber que porcentaje podemos ocupar.

Aprovechando la posibilidad de meter tu logo dentro el código QR puedes intentar crear un efecto de profundidad para impresionar al usuario.

Esta imagen podemos ver todo lo tratado anteriormente.

 

QR code example

QR-code

Hay un logo en el medio. Los cuadraditos tienen forma a murciélago usa distintos colores oscuros, y de fondo distintos colores claros. Realmente podemos observar que está muy trabajado haciendo que su efecto sea impresionante. Cada cual hace lo que puede dentro de sus posibilidades. No te sientas ahora intimidado por este código.

Para terminar, ten en cuenta que no todas las cámaras de todos los smartphones tienen la misma calidad, ni todos los SO y aplicaciones procesan los datos del mismo modo. Así que te recomiendo encarecidamente que ya que te vas a gastar dinero en una campaña de la popularización de estos códigos asegúrate que se ven bien en la mayoría de los dispositivos.

Bonus:

Puedes poner una imagen de fondo de logo ejemplo.

Algunos links para generar vuestro código QR online.

Posted in Marketing | Tagged , , , | Leave a comment

Reseña del libro 1984 de G. Orwell

Posted on April 11, 2012 by rocreguant

Después de 3 días me he leído el libro “1984” de George Orwell, y como andaba faltado de ideas he pensado que hacer una reseña de este libro. Además, @nuriaer me lo recomendó encarecidamente, así que le voy a hacer un poquitín de caso :P

Para empezar me gustaría decir que mi critica general es que el libro me sorprendió positivamente. Pocas veces me he leído entero un libro que fuese del siglo pasado, pero esta vez ha sido especial. Este libro trata de temas actuales, como si hubiese sido escrito hace poco. Hay algunos casos que se nota que es algo más viejo, pero no deja de tratar un tema de actualidad. Creo que Orwell vio las cosas de un punto de vista bastante interesante, nos ayuda a hacer una reflexión en tiempos modernos.

La trama principal va sobre una sociedad que vive permanente controlada y la que se le intenta extirpar toda emoción humana excepto odio hacia el enemigo y amor por el partido de la dictadura. Más concretamente narra la historia de un hombre que vive en esa sociedad y el que estando en contra, violando algunos de los mandamientos por puro placer. No voy a contar nada más de la trama para no hacer spoilers.

Lo que más me ha gustado del libro es que el argumento es de actualidad y está muy bien pensado. Los dilemas que tiene el protagonista juntamente con la ideología de sus antagonistas son muy elaborados. A mi parecer ambos razonamientos son válidos aunque no opines lo mismo que alguno de ellos.

Lo que posiblemente no me gustó tanto son los largos textos que el protagonista lee y que se copian literalmente en el libro. Estos párrafos son algo repetitivos y no ayudan a tomar mayor conciencia de ninguna de las partes ideológicas del libro. A mi forma de entender son perfectamente omisibles.

Personalmente ya hacía tiempo que tenia ganas de leer este libro pero iba procrastinando la tarea hasta esta semana santa, y no me arrepiento para nada de haberlo leído. Así que los que tengáis ganas de leerlo os lo recomiendo, y los que no os lo hayáis planteado mi consejo es que intentes empezar a leerlo y si os convence seguid con la lectura.

Posted in Reseñas | Tagged , , , , | Leave a comment

Todo es cuestión de suerte, o no…

Posted on April 4, 2012 by rocreguant

Hace ya algunos días comenté a una persona que me habían ofrecido un puesto de trabajo como becario. Y me dijo: “Que suerte!”. Pero realmente existe la suerte? Haciendo la analogía con el fútbol para mi la suerte puede ser ganar un partido, pero no ganaras la liga por suerte. Así que por nuestra “suerte” no somos marionetas ni coincidencias del destino. Simplemente recogemos lo que sembramos. Creer en la suerte es como decir que hagamos lo que hagamos acabará pasando lo inevitable, que vivimos en manos del azar. No me quiero resignar a pensar que formamos parte de un plan divino y que son otros los que actúan para nosotros. No quiero pensar que nuestros esfuerzos no tienen sentido.

Aclaración, todo lo que esté en cursiva es de un segundo interlocutor interno.

Pero volviendo al tema principal. Suerte? Si? Seguro? Empecemos pues, la oferta de trabajo anteriormente mencionada me contactaron a través de Linkedin. Que es eso? La respuesta es: mi primer factor “suerte”. En términos genéricos es una red social profesional. Yo estoy allí, con algunos contactos en los sectores que me interesan y tengo el perfil medianamente actualizado. Pero no tenemos porque estar todos ahí hombre.

Y eso de twitear que haces que es? Pues mira sirve para conocer gente nueva, con la que puedes hablar y realizar proyectos juntos. Además Twitter te ayuda a mantenerte al día de las novedades de tu sector. Incluso sirve de altavoz si twiteas cosas interesantes mejorando así la cantidad de gente a la que puedes llegar. Pero no pasa nada, eso es muy tecnológico, normal que no lo uses.

Que es eso que te pones a escribir de vez en cuando? Supongo que te refieres al blog, no? Pues mira como me gusta escribir y compartir siempre que tengo tiempo procuro escribir lo que me pasa por la cabeza o postear manuales para poder revisarlos más tarde en caso de necesidad. Pero no pasa nada tu puedes seguir cultivando zanahorias en tu campo virtual de Facebook y robando lechugas de tus amigos, si total eso es solo escriben blogs los frikis que se aburren.

Tienes razón, pero “tranqui” aún no he terminado… No tienes porque hacer algo tecnológico, puedes formarte. Ostras se me había olvidado comentar que estoy estudiando alemán e inglés, que poca memoria que tengo >< Supongo que no tengo que añadir que uno no termina su formación cuando termina la universidad. Crees que puedes estar 30 años actualizado con los conocimientos que aprendiste en la universidad ya sin entrar en considerar que te acuerdes de todo lo que aprendiste… Creo que tienes razón esto de estudiar a doble partida, en la universidad y otro sitio es algo engorroso.

Demuestra lo que vales pues! Un recién licenciado con experiencia vale su peso en oro! Has aprovechado para hacer prácticas, ver el mundo laboral en directo? O es que te has pasado todos tu rato libre en el bar de la universidad? Es que eso de trabajar y estudiar es bastante duro… Toda la razón, puedes aprovechar una tarde al mes o cada dos meses para ir a conferencias, eventos de networking, eventos varios para conocer a la gente relacionarse.

Que curioso… Lo he hecho todo y tu? - Hombre pues yo… -Es que… si no me puedo quejar de nada, soy un tipo con suerte! :D Simplemente cambiando nuestros pensamientos, nuestras formas de actuar y no auto-limitarnos tendremos la posibilidad de modificar el rumbo de nuestra existencia. Si por lo contrario no lo hacemos, como muy sabiamente dijo Edison, si haces siempre lo mismo no esperes resultados distintos.Creer que es posible es el primer paso.

Y vosotros creéis en la suerte? El karma? O en que?

Posted in Opinión, Pensamientos | Tagged , , , , , | Leave a comment

7 puntos a seguir para hacer un website más amigable para los móviles

Posted on March 28, 2012 by rocreguant

Cada día que pasa, los smartphones ganan más adeptos. Quizás no todos los sitios tengan que ser amigables para los móviles, pero tranquilos que ese día llegará y vale más estar prevenidos. No es lo mismo que un pc debido al tamaño de pantalla, la forma de interactuar, la potencia del aparato… Nos obligan a que el sitio tenga objetivos distintos según el dispositivo que usamos. Por lo que siguiendo estos puntos nos permitirá mejorar la experiencia del usuario de un smartphone.

1- Reduce el contenido visible para el usuario

Todo lo que se muestre por pantalla tiene que ser obligatoriamente imprescindible siempre teniendo en cuenta el objetivo de la página. Y con esto me refiero a:

  • Contenido: Leer mucho texto en un móvil es algo incómodo, y las lecturas suelen ser más rápidas (en diagonal). Con toda la tranquilidad puedes quitar toda la paja e intentar resumir el contenido necesario.

  • Funcionalidades: Estas pueden ser widgets en el blog (contador de visitas, el tiempo…), o links de navegación (por ejemplo el blogroll) pueden molestar bastante al usuario.

Con esto conseguimos que el sitio cargue más rápido y a la vez sea más fácil la navegación para el usuario consiguiendo un aumento de permanencia en el sitio y una menor tasa de rebote.

2- Usa solo una columna

Visualizando el website en el móvil procura que todo se muestre en una sola columna, ya que ir desplazando la pantalla de un lado para otro a cada linea de texto es extremadamente engorroso. Esto también evita que se tenga que hacer zoom para acercar la página y poder leer el texto. Aprovecha todo el ancho de la pantalla de cada dispositivo. Si quieres poner algo más aparte del texto lo mejor es ponerlo debajo del contenido antes que al lateral, evitando así que se tengan que los usuarios se tengan que desplazar lateralmente para no perderse partes del sitio.

3- Haz una navegación distinta

Como los links ya hemos dicho anteriormente que no pueden estar al lado del contenido te doy algunos consejos para ayudarte a emplazar los links de navegación. En principio lo menos recomendable es emplazarlos arriba del todo ya que desplaza el contenido hacia abajo haciéndolo menos visible a los usuarios. Por lo que tienes tres posibilidades:

  • Ponerlo arriba: Esta es para provocar un poco. Creo que es una buena idea situar los links en la página de inicio del sitio, pudiendo incluso evitar poner contenido alguno. A parte de los links puedes poner la cajita de búsqueda y otras funcionalidades que consideres importantes.
  • Ponerlo a bajo: Puedes poner todo el contenido y debajo de este los links y demás. De este modo conseguirás que una vez el usuario haya terminado con el contenido descubra toda una multitud de rutas por las que proseguir con su navegación.
  • No poner nada: Puedes limitarte a poner un link a la página de inicio dónde has colocado todos los links, otro link de “Back” para volver a la página anterior y links usando las palabras del contenido para que sea más fluida la navegación. Este último punto se debería de seguir siempre.

4- No hagas escribir mucho a los usuarios

Todos los que hemos usado un celular sabemos que son engorrosamente lentos para escribir y son aparatejos con los que hacemos muchos errores tipográficos. Es mucho más fácil escribir con un teclado normal que usando la pantalla de nuestro celular. Pero tranquilos, que no cunda el pánico, traigo soluciones para todos! Para reducir la entrada de texto puedes usar:

  • Usa de cookies: Si ya ha entrado o a rellenado el formulario porque no recordar lo que el usuario ya se ha esforzado en rellenar? O simplemente basta con no salir de la sesión.
  • No pidas todos los datos: Puedes pedirlos por partes, o simplemente pedir los necesarios y “obligar” al usuario introducir el resto.
  • Usa otras plataformas, como Facebook, nos permite que puedas incrustar un código a tu sitio permitiendo que los usuarios puedan conectarse a tu sitio sin tener que introducir ningún carácter. Permitiendo que podamos coger algunos datos de los que constan en los perfiles de los usuarios.

5- Usa distintas versiones para móviles

No todos los celulares tienen la misma pantalla, la misma forma de navegación o la velocidad de conexión. Por lo tanto podemos crear versiones más reducidas de peso, de tamaño o que permitan distintas formas de navegación. Sin ir más lejos Facebook tiene 3 versiones, la estándar, la de menor peso y la que es mejor para teléfonos táctiles.

6- Piensa en móviles táctiles y no táctiles

No todos los celulares tienen pantalla touchscreen, por lo tanto debemos pensar en ambos. En los táctiles es muy fácil pulsar sobre un link si no hay otro muy cerca. Para cualquier ruta de navegación importante es recomendable que los links sean imágenes debido a que son de un mayor tamaño y hay una menor probabilidad de fallo.

7- Aproveche TODO el potencial de cualquier móvil

Los smartphones ofrecen muchísimas posibilidades que los PC no pueden ofrecer. Como por ejemplo:

  • Llamar: Cuando pongas un número de teléfono en tu sitio web haz que al pulsar sobre este se le ofrezca la posibilidad al usuario de realizar una llamada a dicho numero.
  • Mapas: Ofrecer la posibilidad de que el usuario al ver una dirección pueda verla localizada en un mapa.
  • Comparte: Da la opción para que puedan compartir su localización usando el gps del móvil para saber que otros usuarios están cerca, de que tienda están cerca…
  • QR: Usa los códigos QR, no te quedes atrasado, brinda la probabilidad a tus usuarios del mundo físico de poder conectarse a cualquier sitio para ampliar la información que se les ofrece.

En resumen, si no es ya una necesidad tener el sitio adaptado para dispositivos móviles lo va a ser muy pronto. Para adaptarlo mejor reduce contenido y pónselo fácil al usuario.
Añadirías algún otro apartado?

Posted in Usabilidad | Tagged , , , , , | Leave a comment

Como ganar dinero con los videojuegos

Posted on March 14, 2012 by rocreguant

Muchas veces decimos que los videojuegos son extremadamente caros. Pero cuando lo decimos estamos pensando en los de PC o cualquier consola. Pero realmente la mayoría de juegos que hay en internet o en el móvil son muy asequibles, incluso gratuitos. Así que me gustaría analizar algunas formas para conseguir reducir los precios de los videojuegos.

  • Publicidad en los videojuegos: El consumidor no tiene porque pagar todo el precio. Los patrocinadores pueden contribuir totalmente o parcialmente. La aplicación puede tener un solo patrocinador. Hay distintas formas de poner publicidad.

- Se puede poner en plan anuncios mientras se carga la pantalla. Es el típico tiempo que no sabes que hacer mientras carga. Alguna vez los consumidores lo mirarán y prestarán atención.

- También se puede poner algo parecido a vallas publicitarias dentro el juego.

- O como elementos del juego, ya puede ser como una Cocacola encima una mesa, un logo en la pista de baloncesto. Pero también como un elemento con el que el jugador interactúe, como por ejemplo un café de Starbucks para conseguir doble velocidad. (Reconozco que los ejemplos son muy malos -.-”’ )

  • Porqué no hacer un videojuego gratis para todos y luego pagar por mejoras. Dar el videojuego a la humanidad y luego cobrar por comodidades o ventajas competitivas. Algunos ejemplos.

- World of Warcraft tiene muchos servidores piratas y se suele decir que la gente se engancha en los servidores piratas y luego se pasa a los oficiales pagando la cuota cada mes. Se pasan porque los servers piratas acostumbran a no estar online todo el tiempo o a tener diversos tipos de problemas

- Siguiendo el ejemplo anterior su fuente de financiación podría ser ofrecer el juego normal al gran público pero luego ofrecer las extensiones a los más jugones o los que estén más enganchados.

- He visto algunos videojuegos online en los que había armas que todos podían adquirir y luego había armas más mortíferas/buenas que se conseguían con créditos obtenidos mediante previo pago.

  • Lo más habitual en internet es que todo tenga un precio muy bajo pero se compensa con muchas ventas. Es decir el coste de desarrollo de un videojuego es el mismo si se vende a una persona o a miles. Por lo tanto el objetivo es bajar el coste del videojuego hasta un punto que sea capaz de cautivar a muchos mas consumidores y realizar más ventas. Siguiendo la formula Ingresos = Precio * nº Compras. Por lo tanto a unos mismos ingresos podemos subir el precio y vender menos, o bajar el precio y vender más. Aquí radica el mejor punto de equilibrio para obtener los ingresos máximos.

Personalmente no se me ocurren otras formas de conseguir disminuir el precio de los videojuegos, aunque si tienes alguna idea me gustaría la compartieses dejando un comentario.

Posted in Opinión, Trucos | Tagged , , , , , | Leave a comment

Manual del comando tar en GNU/Linux

Posted on March 7, 2012 by rocreguant

Antes de nada quiero aclarar que los archivos .tar son ficheros comprimidos, y la comanda tar para la consola es usado para almacenar archivos y directorios en un solo archivo.

Teniendo en cuenta que las opciones entre [ ] son opcionales, usaremos la comanda básica de la siguiente forma:

tar [opciones] [fichero] [directorio]

Las opciones se ponen todas seguidas, sin espacio y sin los [ ]. Aquí os dejo algunas de las opciones, que he considerado más importantes:

 

c Sirve para indicar que queremos creer el archivo .tar
z Comprime el archivo .tar usando Gzip, reduciendo así el tamaño total del archivo.tar deseado
f Cuando se usa con la opción -c sirve para forzar la crearcion del fichero.tar indicado
x Extrae, y descomprime si se da el caso, los directirios y archivos que se encuentren dentro del fichero.tar específico
v Esta opción al igual que en otras comandas permite que se muestre por pantalla todos los pasos que se vayan realizando. Si no se pone se realizarán las mismas operaciones pero no lo veremos por pantalla

 

Dicho esto veamos algunos ejemplos.

Para empezar, podemos empaquetar sin comprimir. En este ejemplo empaquetaos el directorio /etc/toda-la-musica creando un fichero musica.tar que se creará en el directorio /home. Nótese que está la opción de verbose. Comando:

tar cvf /home/musica.tar /etc/toda-la-musica

Ahora para desempaquetar el archivo anteriormente creado usaremos el siguiente comando, tengo que añadir que el archivo desempaquetado se creará en el directorio dónde esté ubicada la termianl. Comando:

 tar xvf /home/musica.tar

Ahora comprimiremos el paquete haciendo que tenga menos peso. Al comprimir el fichero teóricamente la extensión pasa de .tar a .tgz. En principio sigue el mismo esquema anterior pero en ambos casos añadiremos la opción -z.

Por ejemplo para empaquetar y comprimir podemos usar:

 tar cvfz /home/musica.tar /etc/toda-la-musica

Para desempaquetarlo podemos usar:

 tar xvfz /home/musica.tar

 

Y eso es todo amigos! Para cualquier cosa dejad un comentario, y que los comandos de la consola os acompañen.

Posted in GNU/Linux, Manual | Tagged , , , , | Leave a comment