Entradas etiquetadas ‘google’
Google Maps más accesible sin Javascript
8 de Enero de 2009Es posible mejorar la accesibilidad de Google Maps a través de la implementación de la Google Static Maps API, que permite incluir una imagen simple mediante el tag <img> y una URL especificado en el atributo “src”.
Ejemplo: http://maps.google.com/staticmap?center=41.539402,2.441468&markers=41.539402,2.441468,red&zoom=17&size=400×300&key=TU-CLAVE-GOOGLEMAPS
Pero no solo se trata de ganar en accesibilidad. Por ejemplo, si implementamos una versión imprimible del contenido, se podrá visualizar fácilmet que salga la imagen que se genera con dicha API.
Información para el Nuevo Diseño Web
5 de Enero de 2009El Diseño de la información para la Web ha cambiado.
La gente está cambiando la forma en que consumen información en línea, así como sus expectativas acerca de su entrega. La naturaleza social de la web trae consigo una expectativa de interacción con la información y moderno diseño web que se refleja. En la actualidad existen formas alternativas de navegación, incluida la capacidad para navegar por el usuario, las nubes de etiquetas, con pestañas de navegación etc avances en la tecnología junto con estos cambios en las expectativas de los usuarios están afectando a la forma en que la información se presenta en una página web. Hoy son sitios web con el objetivo de utilización intuitiva y las interfaces que están en continua evolución en respuesta a las necesidades de los usuarios. Los diseñadores de página web se están acercando a la información de diseño diferente y sencillo diseño, páginas web interactivas que incorporen los avances en el diseño de la interfaz Web, Web actual filosofías y las necesidades de los usuarios. El diseño de la información para la nueva web es sencilla, es social y que abarca otro tipo de navegación.
Simplicidad de Aplicaciones Web
El diseño de aplicaciones web de hoy está dirigido por un principio de simplicidad. Los autores de Aplicaciones están creando software que tienen menos funcionalidades y una menor curva de aprendizaje para los usuarios finales. La funcionalidad que se incluye es la que es necesaria, nada más. Los días de las aplicaciones que están demasiado cargadas de características están pasando. Hoy son la potenciación de programas de software a los usuarios, ya que no necesitan un manual para utilizarlas, que son simples e intuitivas. No hay ningún software para instalar, y con el compromiso de muchos de registro de usuarios no es necesaria para probar la funcionalidad.
Esta filosofía de “menos es más” se puede ver en la actualidad en herramientas de productividad como Google Docs y Hojas de cálculo (antiguo Writely), además de un montón de otras aplicaciones Web. Estos nuevos sitios web se rigen por una singularidad de propósito y la sencillez en su funcionalidad.
Simplicidad de diseño
Esta nueva tendencia de la simplicidad de la funcionalidad de la aplicación web se refleja en el diseño y el estilo de las páginas web de hoy. Si bien se utilizó para tratar de meter tanta información como sea posible en nuestras páginas web, y de preferencia “por encima de la tapa”, en la actualidad las páginas web de los diseñadores se esfuerzan por eliminar lo innecesario, mostrando una interfaz limpia y simple para los visitantes. Ellos están intentando involucrar a la atención de los usuarios de la Web aprovechando sus ojos a lo que es importante.
Muchos de los nuevos cambios en el diseño web han sido influenciados por las tendencias estilísticas de la Apple y la interfaz de Mac OSX. Un léxico de diseño moderno que se ha desarrollado para la Web que se ha establecido como el diseño con un propósito, no sólo el diseño para su propio bien.
*Diseño Centrado
Somos capaces de presentar nuestra información en un lugar limpio y seguro de sí mismo centrado en la orientación. Este diseño es una opción práctica porque es mucho más compatible con distintos tamaños de pantalla y resoluciones.
*Bordes redondeados
La tendencia actual es para redondear las esquinas, incluso en las fuentes – no presentar nada agudo o grave. Es el reflejo de la actitud y el tono informal de hoy en la Web.
*San Serif y Fuentes minúsculas
En armonía con el tono casual de la nueva web, y la tendencia a redondear las esquinas, hay un montón de fuentes san serif que se encuentran en la actualidad de las nuevas páginas web. Del mismo modo, las minúsculas son las fuentes utilizadas, sobre todo en el logotipo para transmitir una cómoda y ocasional relación con el usuario.
*Fuentes grandes
Estas son a menudo utilizadas por los nuevos sitios Web para señalar los conceptos clave a los usuarios, o para transmitir con valentía un simple y claro mensaje acerca de la finalidad principal del sitio web.
*Navegación simple
La navegación por páginas Web Nueva es distinta y clara, se establece además de los ocupados del contenido y el cuerpo de la página. A menudo se encuentra en ejecución en la parte superior de la página. Es persistente el sentido de que aparece en cada página en todo el sitio web.
*Logos en Negrita
Las nuevas aplicaciones Web son audaces y confiadas y también lo son los logotipos de la compañía que representan sus marcas.
*Colores fuertes
Estos son utilizados por los sitios web de hoy a hacer hincapié en conceptos importantes, así como para la creación de la distinción entre zonas de una página.
*Colores complementarios
Los sitios web modernos tienden a no ser monocromáticos, pero ricos en color. Muchas de las nuevas páginas web están utilizando los colores complementarios, como los azules y naranjas, y amarillos y violetas para enriquecer su diseño.
*Sutil 3D
No encontraremos efectos chillones 3D o ilusiones ópticas en las nuevas páginas web de hoy, sino un sutil uso de sombras, gradientes, y reflejo de superficies que añaden un borde realista a la interfaz.
Superficies reflectantes
Esta tendencia de crear el efecto de una reflexión, o espejos de superficie se puede encontrar en muchos de los nuevos sitios web, a menudo en torno a un logotipo.
Iconos simples
Debido a la verdadera naturaleza de la Nueva Web hay muy pocas o ninguna fotografía. En el lugar de la comercialización de estas imágenes con gente de negocios felices agitando las manos, tenemos originales iconos que representan las acciones que pueden ser adoptadas por el usuario.
Blanco
Diseño y mantenimiento de un sitio simple y Zen-como la disposición por el aumento de alturas y añadiendo la línea de los lotes a las páginas en blanco. En lugar de exclusión de la página con la sobrecarga de información, la nueva web de los diseñadores se centra en lo esencial, y en la producción limpia y fresca páginas.
Starbursts
La emocionante explosión de formas está muy de moda en los sitios web. Se pueden encontrar en toda la Web, y la mayoría de las veces son utilizados para promover y destacar un servicio gratuito.
Los avances en interfaces de usuario
Además de los estilos de diseño, se han producido varios avances recientes en diseño de interfaz de usuario que han hecho de la web un simple lugar para estar.
AJAX – es una evolución en el diseño de la interfaz web que permite que la ver la información que se procesa sin volver a cargar la página. Este adelanto ha traído consigo varias nuevas capacidades en el diseño de página web.
Grandes pestañas
Alternar entre las pestañas es ahora totalmente posible sin volver a cargar la página, los diseñadores Web están haciendo un buen uso de ellas.
Drag & Drop
La funcionalidad de arrastrar y soltar que permite AJAX permite a los diseñadores crear ricas experiencias interactivas para los visitantes del sitio web. Muchas de las actuales aplicaciones de la página de inicio personal utilizan esta funcionalidad, que permite a los usuarios arrastrar los widgets y gadgets que desee en su espacio personalizado.
Mapas
Hace apenas unos años era ridículo pensar que se podía combinar cualquier conjunto de información con un mapa del mundo y permitir a los visitantes de su sitio web ampliar la foto en la calle e incluso obtener una foto de satélite de la zona. Sin embargo, las capacidades de mapeo se están convirtiendo en un lugar común y parte integral de la experiencia del usuario de hoy. Y son algo que los usuarios llegan a esperar.
Wysiwyg
Ya no es necesario conocer el código HTML para crear contenido en línea. Blogs, wikis, sistemas de gestión de contenidos, y otras aplicaciones basadas en web están ofreciendo “Lo que usted ve es lo que obtiene” editores que imitan una palabra-como el interfaz de contenidos.
Previas
Acerca de esta tipo de web a los visitantes ya no les es necesario el compromiso de hacer clic a través de otro sitio antes de saber exactamente lo que veremos allí. A través de aplicaciones tales como el ajuste, es posible proporcionar a los usuarios con página web todas las vistas previas de los enlaces de una página.
Social
Existen al menos dos tendencias que se perfilan en el diseño de sitios web de hoy, y cada vez hay mas cruce entre los dos.
La socialización de los medios de comunicación y sus aplicaciones
Ha surgido en la Web una tendencia hacia la socialización de las cosas que no son inherentemente social, tales como libros, fotos, videos, y el texto como artículos de noticias, documentos. Esta inclinación se extiende a las aplicaciones Web como la colaboración en la gestión de los proyectos incluidos en programas de Base, documentos para compartir aplicaciones como Google Docs y Hojas de cálculo, y muchos otros. Con estos cambios se añade una expectativa entre los usuarios que ahora supongo que será capaz de interactuar con la información a descubrir en la Web.
Comentando
Los visitantes del sitio Web ya no son pasivos lectores, sino que activamente quieren unirse a la conversación y añadir sus comentarios.
Calificación y Revisión
Calificación de autoría de los artículos y comentarios son capacidades que se están convirtiendo rápidamente en requisitos para los sitios web con los productos y medios de comunicación.
Compartir
En el día de hoy la página web de un usuario es una colaboración que espera que las aplicaciones web, documentos, calendarios y de otras herramientas de creación de contenido para ser compartidos con un equipo.
Guardar
Multitarea Web de los usuarios que esperan para poder marcar los artículos para leer más tarde, de entretenimiento, favoritos, de videos, y otros. Guardar el contenido de la Web en su propio servicio de marcadores con un clic.
Variedad de opiniones
Cuando los lectores encuentran una noticia interesante en un sitio web, quieren saber lo que otros están diciendo sobre el tema. Esto es posible a través de servicios tales como SphereIt y otros.
Para el bien social
Además de los sitios web que socializan los medios de comunicación y las aplicaciones, existen sitios web que son de índole social para el bien social. Estos sitios web son todos acerca de la conexión de las personas y la construcción de comunidad. Son los sitios web de redes sociales como el MySpace, Facebook y las redes de Ning. El principal componente en estos sitios es el perfil de usuario en torno a la cual tanto la navegación y la actividad gira. Este tipo de sitio web requiere también una interfaz de línea de base de la funcionalidad social.
Perfil de Usuario
El ingrediente principal en cualquier sitio de redes sociales es el perfil de usuario que puede adaptarse para que coincida con la personalidad de un usuario.
Listas de amigos
¿Cuál es el punto de unirse a una comunidad social si no se puede hacer amigos? La lista de amigos permite a las personas crear su propia red de relaciones sociales y mostrarlos al mundo.
Mensaje y comunicación
Una parte integral de cualquier red social es un medio con el que comunicarse con los demás miembros, ya sea un sistema de mensajería interna, correo electrónico, mensajería instantánea, hablar o vivir.
Suscribir Usuario
Al igual que con sitios web de medios de comunicación social, los miembros de las comunidades de redes sociales esperan encontrar las herramientas que les permite suscribirse a los miembros que encuentran interesante.
Grupos
Estas sub-comunidades están dentro de un ecosistema social en la que los miembros se asocian con un grupo enfocado de personas que comparten un mismo interés, la profesión, o característica.
Herramientas para la expresión
Populares sitios de redes sociales a disposición de sus miembros con las herramientas para crear contenidos tales como diarios personales y blogs, así como la posibilidad de cargar los medios de comunicación y otros elementos como fotografías, diapositivas, videos y todo tipo de artilugios.
A diferencia de los medios de comunicación social el diseño de estas herramientas de la comunidad debe ser fácil para los miembros de utilizar, al alcance de la mano, y obvio.
El usuario
No es suficiente sólo encontrar información, la gente quiere explorar y encontrar uno al otro como individuos. Este tipo de navegación es natural en los sitios web de redes sociales donde el objetivo principal es conectar con otros miembros.
La Nube de etiquetas
Este es un complemento de la taxonomía para el vocabulario controlado de un sitio web creado por los diseñadores, que es orgánico a la comunidad de usuarios. No hay instrucciones exigidas con esta herramienta intuitiva que es, obviamente, hacer clic y con frecuencia.
El Comienzo de la página
Incluye tales como listas de los más populares, más buscado, más reciente, comentarios arriba, mas votado… Esta característica proporciona un resumen de lo que es más importante en una comunidad en un momento dado. Todavía hay espacio para la lista de los editores a sus propios elementos, junto con estas listas de la comunidad.
El Zeitgeist
Este es un contenedor para todos los de la parte superior y la mayoría de las listas, así como las nubes de etiquetas, proporcionando una visión de la cultura y la personalidad de un determinado sitio web.
Widgets – Gadgets
Se trata de la agregación de datos personalizados en un solo lugar, y navegar desde ahí. Los Sitios web ya no muestran simplemente texto, pero son aplicaciones que contienenn otras aplicaciones.
Mashups
Los usuarios de la Web están creando sus propias maneras de navegar por la información, remezclar el contenido de diferentes servicios para crear nuevas aplicaciones.
Principios de Diseño para la nueva web
* Manténgalo Simple – Incluir sólo la funcionalidad necesaria y proporcionar un eficiente diseño limpio.
* Hágalo Social – Conozca las expectativas de los usuarios que permitan conexiones a través de herramientas sociales.
* Oferta de navegación alternativa – reflejar el espíritu de la época de la web la comunidad y abrazar las vías alternas a la información, también la utilización de herramientas visuales.
Nueva Web de Filosofías
* Evolucionar – Hoy en día los creadores de sitios Web no tienen miedo a probar cosas nuevas. No hay ninguna respuesta correcta y no todo necesita ser resuelto desde el principio.
* Ser Ágil y abierto- Responder a los avances en la tecnología y los cambios en las necesidades del mercado. Estar dispuestos a abandonar malas ideas
Optimización para motores de búsqueda para principiantes
12 de Diciembre de 2008La optimización en motores de búsqueda consiste a menudo en pequeñas modificaciones en partes concretas de un sitio Web. Se trata de mostrar lo mejor de un sitio Web en los motores de búsqueda.
Las etiquetas title
La etiqueta title debe indicar claramente el tema de la página hay que evitar:
- Que un título no tenga relación con el contenido de la página
- Usar nombres predeterminados como “Sin título” o “Página nueva 1″.
Lo ideal es crear etiquetas title únicas para cada página. Usar títulos descriptivos y breves también es muy recomendado.
Los motores de búsqueda utilizan la etiqueta title para mostrar en sus resultados el nombre de la referencia en las búsquedas.
Resultados de Búsqueda
Etiqueta title
Etiqueta description
La metaetiqueta description
La metaetiqueta description de una página proporciona a Google y al resto de motores de búsqueda un resumen sobre la página. Generalmente es el texto descriptivo que se puede leer en los resultados de una búsqueda justo por debajo de los títulos de los resultados. Por lo que, es importante ser descriptivos en la redacción del contenido de estas etiquetas. Con las Herramientas de Google para webmasters podemos realizar un seguimiento realmente exhaustivo de estas etiquetas (entre otras relacionadas con SEO) de un sitio Web, con esta herramienta podemos informarnos de cualquier anomalía con la metaetiqueta description, que fuera demasiado corta, larga o duplicada.
- Resume de forma precisa el contenido de una página.
- Evitar una descripción con sólo palabras clave, para eso tenemos la metaetiqueta keywords.
- No se debe copiar y pegar el contenido de la página a la metaetiqueta description.
- No utilizar una única metaetiqueta description para todas las páginas de un sitio Web.
Mejorar la estructura de las URL
Crear categorías descriptivas y nombres de archivo para los documentos de un sitio Web no sólo ayuda a mantener un sitio organizado, también facilita el rastreo de los documentos en motores de búsqueda. Además las URL tienen un sentido semántico que ayuda a los usuarios a comprender dónde se encuentran.
La URL de un documento tambien se muestra como parte de un resultado de búsqueda en Google, después del título del documento y del fragmento descriptivo. La URL del resultado de búsqueda aparece en negrita si coinciden con la consulta el usuario.
Google es bueno rastreando todo tipo de estructuras de URL, pero puede crear URL lo más simple posible, tanto para los usuarios como para los motores de búsqueda puede ser muy útil.
Para convertir las URL dinámicas (con parámetros) a URL estáticas, se deben utilizar tecnologías de servidor, es decir, el módulo Rewrite (re-escritura) para el servidor web Apache, nos permite pasar de una URL con parámetros a una URL estática.
Ejemplo de URL estática en los resultados de Google
Consejos para mejorar la navegación
- Crear una jerarquía que fluya de forma natural. Hacer sencillo la navegación entre contenidos. Evitar crear enlaces de navegación complicados o estructurar demasiado el contenido, que te lleve veinte clicks llegar al último contenido puede ser un problema.
- Usar siempre que sea posible texto en la barra de navegación. Es decir, que los menús y elementos de navegación sean de texto, para que puedan ser reconocidos por los motores de búsqueda.
- Generar un mapa Web del sitio. Puede ayudar a muchos usuarios encontrar el contenido que buscan desde un mapa del sitio Web.
- Considerar qué ocurre cuando un usuario quita parte de la URL. Algunos usuarios puede que al navegar eliminen parte de la URL para llegar a otro contenido, si te anticipas a esto, puedes mostrar contenido en estos casos o mostrar una página de error 404 propia.
- Crea una página 404 útil. Muchos usuarios puede que lleguen al sitio Web desde enlaces rotos o no actualizados, si aparece un error 404 personalizada, dentro del mismo contenido general del sitio Web puedes guiarles amablemente a una página en funcionamiento, esto mejora mucho la experiencia del usuario ya que generalmente los errores 404 no son muy agradables.
El contenido es lo que cuenta
- Escribe textos de fácil lectura. Los usuarios disfrutan de un contenido fácil de entender y bien estructurado.
- Evita textos descuidados e incorpora imagen cuando sea necesario, pero sin ser excesivo.
- Hay que centrarse en un tema, dividir en trozos lógicos ayuda a los usuarios a encontrar lo que desean de forma rápida.
- Crea contenido nuevo y original.
- Sobretodo, crea contenido para los usuarios y no para los motores de búsqueda.
Primeros con Google Maps
28 de Noviembre de 2008Google Maps se ha extendido entre los internautas muy rápidamente. Es una herramienta muy útil a la hora de encontrar sitios, lugares recomendados, pasear por alguna ciudad gracias al Street View (hace poco se publico en España para las ciudades de Madrid, Barcelona y otras más). Veamos como integrar un mapa dentro de nuestra página Web gracias a la potente API de Google Maps.
Obtener una API Map key para nuestro sitio Web
Para poder usar la API dentro de nuestro sitio Web debemos registrar el dominio en la API de Google Maps para obtener una llave válida y poder usar la API. Para ello usar este enlace: http://www.google.com/apis/maps/signup.html
Después de leer y aceptar el contrato de licencia y escribimos el dominio en el cuadro de texto. Por ejemplo, para el caso debería escribir http://www.a2sistemas.com
Después solo queda pulsar el botón “Generate API Key”. Al pulsar el botón se cargará una página indicándonos cual es nuestra API Key y mas abajo un pequeño ejemplo de código para insertar en nuestra web. Es el Hello World de Google Maps.
Obtención de la API Key
Por cierto, debemos disponer una cuenta Google para usar este servicio. Si no dispones de cuenta Google, puedes crearte una siguendo el enlace: https://www.google.com/accounts/NewAccount
Hola Mundo de Goolge Maps
Veamos el siguiente código:
Google Maps JavaScript API Example<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script
src="http://maps.google.com/maps?file=api&v=2&key=APIKEY"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
El código anterior crea un mapa dentro de un DIV con id “map” de 500px con 300px, situando el centro del mapa en las coordenadas: 37.4419, -122.1419.
Recordad que hay que cambiar en la llamada del primer <script> el valor de “key=” por el de vuestro dominio. De lo contrario aparecerá un alert() informando de un error en la clave.
Puedes ver un ejemplo del código anterior aquí.
Cambiar el centro inicial del mapa
Para ello hay que modificar la siguiente linea:
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
setCenter es un método que nos permite indicar cuál será el centro inicial del mapa. Usando una latitud y una longitud. Para conocer estos datos de cualquier punto del planeta de forma exacta, usaremos también Google Maps. Para ello abrimos en nuestro navegador Web la dirección http://maps.google.es/ ahora buscamos la úbicación de la cuál deseamos obtener la latitud/longitud, para aseguranos de que la ubicación esté centrada, pulsando con el botón derecho del ratón seleccionamos la opción Centrar mapa aquí ahora pegamos el siguiente código Javascript en la barra de direcciones del navegador Web y pulsamos Intro:
javascript:void(prompt('',gApplication.getMap().getCenter()));
Se abrirá un cuadro de diálogo con la latitud y longitud del centro del mapa. ¡Perfecto!
Añadir elementos de control
Para poder interactuar con el mapa, moverte por él, hacer zoom y cambiar el tipo de mapa, hay que insertar los controles para ello:
map.addControl(new GLargeMapControl()); map.addControl(new GScaleControl()); map.addControl(new GMapTypeControl());
- GLargeMapControl -> Te pemite hacer zoom y moverte mediante botones por el mapa, además poder volver al centro inicial.
- GScaleControl -> Añade una leyenda en la parte inferior izquierda con la escala del mapa.
- GMapTyeControl -> Te permite cambiar entre los diferentes modos de ver un mapa.
Puedes visualizar un ejemplo aquí.
Añadir un punto en el centro del mapa
Ahora vamos a insertar un marcador en el mapa, justo en el centro inicial. Cuando se haga “click” al punto se centrará la vista al punto en cuestión. Además tendrá un globo con información. Se pueden añadir tantos puntos como se quieran y donde quieran. Pero para este caso vamos a añadir solo uno:
var punto = new GLatLng(41.548929,2.42609); var marcador = new GMarker(punto); GEvent.addListener(marcador, "click", function() { map.panTo(new GLatLng(41.548929,2.42609)); }); map.addOverlay(marcador); marcador.openInfoWindowHtml("<b>Mi primer PUNTO</b>");
Con la función GMarker creamos el marcador en el punto localizado por la variable punto.
Con GEvent, creamos un evento al hacer click en marcador, para este caso lo que hace el evento es ir a la posición ( map.panTo ) 41.548929,2.42609 y con openInfoWindowHtml abrimos una ventanita en forma de globo con información en formato Html.
Puedes ver el resultado aquí y también aquí
Más ayuda
Puedes obtener más ayuda e información con ejemplos en el sitio Web de la API de Google Maps. Toda la documentación sobre todo lo que puedes llegar a crear. Un ejemplo es la siguiente aplicacion: el tráfico maritimo y aéreo de España en tiempo real: http://www.atlantic-source.com/trafico-maritimo ¡Genial!
De momento eso es todo, en una futura entrega hablaremos de como cargar puntos geográficos dinámicamente desde una base de datos o vía un archivo XML.
Nuevo Firmware del iPhone 2.2
22 de Noviembre de 2008La semana pasada habían rumores de que por fin Apple actualizara el Firmware del iPhone a la versión 2.2, del mismo modo que para el iPod touch 2.2 y el iTunes 8.0.2. Esta última se debe hacer antes para poder actualizar el Firmware del iPhone y el iPod touch.
Mejoras del Firmware 2.2
Hay 2 mejoras importantes:
- Los Mapas: Que ahora incluyen el Google Street View, soporte para crear itinerarios a pie y a través de transporte público en la búsqueda de direcciones, visualización de las direcciones de los alfileres (o pines) y la posibilidad de enviar por Email tu ubicación, a través de una URL a Google Maps.
- Mail: Mejoras en la aplicación Fetch que sirve para la programación de recepción automática de Email y un mejor soporte del formato HTML en los correos.
También tenemos otras mejoras:
- Mejoras que previenen errores de configuración y cortes de llamadas.
- Mejora de la estabilidad del Safari.
- Mejora de la calidad de del sonido del buzón de voz visual.
- Mejoras de accesibilidad en botón Home y la autocorrección.
- Y por últmo tenemos la capacidad de descargarse podcast a través del iTunes y sincronizarlos y reproducirlos en el iPhone.
Sin embargo, existe una desmejora importante a tener en cuenta: La nueva casilla de búsqueda en Google en la barra de direcciones del Safari, que atenta contra la usabilidad del dispositivo móvil, dejando un espacio ínfimo para la lectura de la URL actual del usuario. Lo que menos mal que Apple planea dejar como una preferencia del usuario en una futura actualización del Firmware.
Quedan frentes insalvables por mejorar y algunos tremendamente urgentes:
- No hay mejoras de la calidad de la cobertura 3G.
- Todavía no se ha mejorado el error que produce un bloqueo repentino de la tarjeta SIM.
- No hay soporte para mensajes multimedia.
- Las actualizaciones de Firmware siguen dejando muchas aplicaciones de terceros sin funcionar. Lo que efectivamente se resuleve con la actualización de cada una de estas aplicaciones por parte del usuario.
¿Qué pasa en el mundo?
21 de Noviembre de 2008Si alguna vez te has preguntado que esta pansando en el mundo en estos momentos. Este artículo te interesa, y aunque no sea así, también te puede resultar curiosa la Web que comentaremos a continuación. Es una página realmente espectacular y también dicho sea de paso con un peso, que a la hora de carga se nota, bastante grande. Con esto tambien le dan espectacularidad a la interfície y interacción del usuario, ya que puede ir actualizando los datos poniendo el cursor encima de las diferentes casillas o secciones que tratan cada uno de los datos que tienen en cuenta. También hay una voz en “off”, que va comentando estadísticas o datos en inglés.
Si la pregunta es que tipo de datos podemos encontrar en esta Web tenemos datos tales como:
- Bebés que estan naciendo.
- Correos electrónicos que se estan mandando.
- Palabras más usadas en internet.
- Bosques que se estan talando.
- Gente atrapada en un ascensor.
- Huevos prodcidos.
- Tazas de café producias.
- Vuelos que se estan dando.
- Energía usada en todo el mundo (comparando:petroleo, gas, nuclear,carbon, agua).
- Correos electrónicos de spam recibidos.
- Dinero que se está gastando a través de internet.
- Transplantes realizados (comentando los organos).
- La población del mundo (se ve que no para de crecer).
- Las búsquedas más realizadas en google.
- Coches producidos.
- Casas construidas.
En definitiva muchos datos curiosos que no está mal de visitar para ser consciente del ritmo de muchas cosas a nivel mundial. También puedes ver videos que se estan visionando o música que se está escuchando, a parte de cámaras situadas por todo el mundo que te ofrecen imágenes.
Todo esto adornado con animaciones y unos contadores que van cambiando a un ritmo frenético que pueden dar consciencia de que el mundo no para, y que realmente nuestro entorno es insignificante en comparación con todo lo que se mueve en todo el planeta.
Aquí os dejo el enlace por si tenéis curiosidad de visitar este sitio. Clicka aquí.
Cae el Google Chrome
11 de Noviembre de 2008Ha caido el uso del Google Chrome, desde su lanzamiento. Sin embargo, se mantiene en un 0,74% de cuota de mercado, aun por debajo de Opera, despues de llegar a alcanzar hasta un 1,16% de cutoa en Abril de este año, según los datos estadísticos de Market Share.
Estadística del uso del Google Chrome
Quizá una de las posibles razones que expliquen esta carrera a desaparecer es el hecho de que quizá no causó todo el impacto que habría pronosticado Google que tendría. Porque, aunque se trate de un navegador novedoso y potente, todas las Webs de hoy en día ya funcionan con soporte para el IE7, IE6 y FF3 y FF2, y añadir este otro navegador en la ecuación significa añadir otra cifra de peso en el coste de las maquetaciones. Lo que no vale la pena resolver, al tratarse de un navegador con tan poca cuota de mercado. Produciendo en consecuencia que un usuario se encuentre en más de una ocasión con páginas Web que no son compatibles con el navegador. Provocando su desuoso por incompatibilidad y así… El pez que se muerde la cola.
Probablemente, hubiera sido un puntazo que el grado de compatibilidad (a nivel de DOM y soporte Javascript) hubiese sido bastante similar al del Firefox 3, para luego, al competir por la misma cuota que el FF y derratorlo, cambiar, imponer sus reglas. Probablemente estaríamos hablando de cifras de descarga que aumentan progresivamente y no que se desploman. Pero el Firefox es Gecko y el Google es Webkit, como el Safari. Dos mundos diferentes.
La incompatibilidad del Internet Explorer es una gran arma con la que juega Microsoft. El coste de los desarrollos de las Webs 2.0 se ve afectado en gran medida por satisfacer este punto en particular en cuanto queremos ofrecer una compatibilidad que abarque el no menos importante 19,97% de cuota que representa el Firefox en el mercado.
Posicionamiento en buscadores
2 de Septiembre de 2008La tarea de ajustar la información de las paginas que se pretenden hacer aparecer en primeras posiciones de los resultados es conocida como SEO, sigla en inglés de Search Engine Optimization, optimización para motores de búsqueda.
El SEO consiste en aplicar diversas técnicas para a lograr que los buscadores de Internet sitúen determinada página web en una posición y categoría alta (primeras posiciones) dentro de su página de resultados para determinados términos y frases clave de búsqueda.
También es entendido como las técnicas de desarrollo web que tengan como objetivo mejorar la posición de un determinado sitio web por sus páginas en la lista de resultados de los Motores de Búsqueda que en inglés se identifican como SERPs y forma parte de la jerga de los webmasters hispanohablantes.
La aplicación de técnicas SEO es intensa en sitios web que ofertan productos o servicios con mucha competencia, buscando el posicionar determinadas páginas sobre las de sus competidoras en la lista de resultados (SERPs).
Estrictamente hablando, se posicionan URLs de páginas. Los sitios logran buen posicionamiento como una consecuencia.
Las técnicas SEO pueden ser desmedidas y afectar los resultados naturales de los grandes buscadores por lo que si incumplen las cláusulas y condiciones de uso de los mismos pueden ser consideradas, en algunos casos, como una forma de SPAM, el spamdexing. Aunque de esto queda mucha tinta que correr, porque no todo lo que se hace con ese fin es real.
El trabajo es amplio, ya que el posicionamiento involucra al código de programación, al diseño y a los contenidos. También nos referimos a SEO para definir las personas que realizan este tipo de trabajo.
Actividades para mejorar el posicionamiento en buscadores
- Conseguir que otras webs de temática relacionada enlacen con tu web: Para ello es interesante realizar una búsqueda para aquellos términos que consideras deberían llevar tráfico a tu web y estudiar cuales de ellos tienen un contenido complementario. Si por ejemplo quieres posicionarte por el término “peluquería madrid” puede ser interesante intentar conseguir enlaces de peluquerías de otras ciudades. La temática será similar y no corres el riesgo de canibalización.
- Darse de alta en varios directorios importantes: Los directorios han perdido mucho interés en los buscadores pero siguen siendo un buen punto de partida para conseguir enlaces o un primer rastreo de tu web por los buscadores. Ambas requieren de un filtro humano para su inclusión lo que asegura la calidad de las web añadidas, pero también ralentiza y dificulta su inclusión.
- Hacer nuestra web lo más accesible posible: limitar contenido en flash, frames, javascript…Los frames, el javascript o las páginas en flash no permiten el rastreo / seguimiento de la información por parte del robot en las diferentes páginas o secciones. Para ellos son un espacio plano por el cual no se puede navegar.
- Crear títulos únicos y descripciones pertinentes del contenido de cada página.Cada página es una tarjeta de presentación para el buscador. Los Title y Description son puntos de partida para la identificación de los términos relevantes a lo largo de la web por los buscadores.
- Enlazar internamente las páginas de nuestro sitio de manera ordenada y clara.Un sitemap (tanto el de google como uno presente en el site) nos permitirá dar paso al buscador por las diferentes secciones del site de una forma ordenada, mejorando su visibilidad.
- Actualizar la página con contenido original de calidad.
- Intercambio de contenido.
Aplicaciones Web para dispostivos móviles
8 de Julio de 2008El aumento de los dispositivos móviles es una realidad ya contrastada a nivel mundial. Desde teléfonos móviles, pda’s, tabletPC, blackberry’s y el nuevo iPhone. Todos ellos disponen de acceso a Internet con un coste para los usuarios y empresas cada día mas bajo, es por ello que existen cada vez mas usuarios navegando por la Red a través de sus dispositivos pero no todas las plataformas web están preparadas para la correcta navegación, tanto a nivel de aspecto como de funcionalidades esperadas de estas.
Usualmente para solventar este problema de navegación de utiliza una versión liviana del sitio web, creada especialmente para los dispositivos móviles, para tratar de hacer accesible los contenidos Web a dichos dispositivos. Con este nuevo escenario, el futuro de las aplicaciones web se presenta en el marco de la conquista de usuarios de terminales móviles que acceden a Internet. Servicios como MSN Messenger ya disponen desde hace algún tiempo de versión para móvil y muchas de las aplicaciones de Google como Gmail también son completamente funcionales bajo estas terminales.
En los próximos años se estima que este escenario sufra una gran revolución, dispositivos con mas prestaciones y mayores velocidades de transmisión de datos permitirán al usuario poder ejecutar aplicaciones cada vez mas potentes, aplicaciones que hoy por hoy no existen en el mercado de estos dispositivos debido a sus “limitadas” prestaciones que cada día son menos limitadas.
