05 Ene

Material Design: La nueva propuesta de Google

materialdesignGoogle.com

Cuando pensamos en Google siempre se nos viene a la cabeza una sola cosa: el buscador, pero ahora con más de 15 años en el mercado, Google se conforma de muchos más servicios que la gran mayoría de nosotros utiliza día a día; Youtube, Gmail, Google maps, Chrome, Google drive, Android, Chromebook, entre otros, forman parte del amplio repertorio que el gigante de la web presenta para sus usuarios.

Pero si hay algo por lo que Google no se ha destacado, es la falta de uniformidad entre sus productos y los dispositivos que los utilizan, mas ahora con la llegada de Material Design todo cambiará.

¿Qué es Material Design?

Material Design surge del estudio del papel y la tinta en un mundo material, y como poder transportar esto a lo digital. Anunciado en Junio 25, 2014 durante el Keynote de I/O, Google Material design creará una nueva manera de poder interactuar con los productos Google de manera uniforme en todas las plataformas.

gizmodoGizmodo.com

Con el nombre código de papel Quantum (Quantum paper), el nuevo diseño para Google consistirá en una imagen sencilla, basada en la utilización de colores clave, letra bold, sombras y la implementación de grosor en el eje Z para darle peso y profundidad a la imagen.

Comenzamos con nuestra metáfora de las tarjetas y nos dimos cuenta cómo es que la pantalla táctil ha cambiado tanto la interfaz del usuario. Material Design representa interacción física. Es por eso que 60 imágenes por segundo (frames per second) en la pantalla es muy importante, cuando tu mueves un objeto real este no baja de calidad de imagen.

Jon Wiley
Diseñador Principal en Google

gizmodo2Gizmodo.com

Material Design no solo se basa en simplificar la imagen de Google para todas sus plataformas, si no en hacerlo lo más estético y sencillo de utilizar al ejecutar comandos que se basan en nuestra interacción con el mundo real; Para poder lograrlo, al interactuar con los objetos dentro del diseño estos cambiaran de color o presentaran alguna movilidad, la idea de esta nueva función en el diseño es reducir la sensación de que existe una barrera entre el mundo físico y el digital.

La energía de cómo se muestre el sistema, va a venir del usuario

Jon Wiley
Diseñador Principal en Google.

stackoverflowstackoverflow.com

La nueva imagen de Google se ha comenzado a implementar con la nueva versión de OS para Android “Lollipop” y se ha visto su cambio en algunos de sus productos más utilizados, como lo es Google Maps.

sxxuifqvknnvt6faqspcGizmodo.com

Uno de los retos más grandes de Google no solo va a ser implementar en todas sus plataformas la nueva estrategia gráfica de Material Design, pero poder simplificar su uso a las plataformas no convencionales como es el Android Wear, Android Auto y Google Glass.

google-watchDetails.com

Además, para todos aquellos simpatizantes y desarrolladores externos, Google ha puesto a disposición y de manera gratuita una serie de lineamientos que deben de implementarse cuando se estén diseñando APPS para la plataforma Android; Estos incluyen el grosor de los objetos, combinaciones de color, colores aceptados, cuadrículas, entre otras cosas.

Eso lo podrás encontrar aquí: Material Design Specs

developer.androiddeveloper.android.com

Así que ¿Ustedes qué piensan? La nueva presentación de Google parece ser muy limpia y funcional, y si algo conocemos de Google es que le gusta satisfacer a sus usuarios con diferentes maneras de innovar sus productos, así que no nos queda más que esperar a ver las nuevas actualizaciones y disfrutar de ellas; Pero por mientras te dejamos con una probadita de un juego que desarrolló Google después del I/O para que todos podamos experimentar con la nueva imagen de Material Design.  Juego 

Fuente: Google Details Gigaom The Verge

Share this
29 Nov

Crónicas de una visita a Google

Googleplex(Imagen: Luis Felipe Jiménez)

Eran ya las 4:00 AM, hacía mucho frío y todos los estudiantes estábamos en el autobús. Todo estaba listo.
Casi.

El profesor que nos habían asignado como líder del grupo durante el paseo no llegaba. Los autobuses siempre dicen que todos deben llegar a cierta hora para evitar retrasos, pero ya se había pasado por media hora. Y cuando son las 4 de la mañana y estás esperando a comenzar un viaje de 10 horas, lo que menos quieres es esperar. Después de casi 45 minutos llegó el profesor, y por fin comenzamos el viaje.

Oscuridad

Las siguientes 10 horas se vieron más o menos así. Tenía mucho sueño.

Al llegar a Mountain View, esa misma tarde, dejamos nuestras cosas en un hotel, y fuimos a  visitar un centro comercial. En fin. Lo que aquí nos concierne es la visita a Google, así que adelantemos el tiempo a la mañana siguiente. Nos levantamos temprano, desayunamos rápido y a las 8 de la mañana ya nos encontrábamos en el famoso Googleplex.

Googleplex(Imagen: Luis Felipe Jiménez)

Después de cientos de fotos grupales (y selfies por parte de algunos, claro), nos dispusimos a caminar hacia los edificios, y nos encontramos cosas interesantes.

Bicicleta de coloresComo esta bicicleta solitaria. Aunque después veríamos que habían más. Muchas más.
(Imagen: Luis Felipe Jiménez)

Nos encontramos con el Ing. Ernesto Camacho (egresado de CETYS Universidad), quien trabaja para Google y se ofreció para ser nuestro anfitrión y darnos un mini-tour.

Ing. Camacho recibiendo al grupo(Imagen: COiNGE)

Otro compañero le iba a ayudar, para que cada quien llevara a una mitad del grupo  y que fuera un paseo más cómodo; sin embargo, por algún motivo no pudo llegar, y nuestro grupo se tuvo que dividir en 3 grupos de 15 personas cada uno. Entonces, 15 personas daban el paseo de 1 hora aprox., mientras los demás simplemente esperaban su turno.

GoogleplexSolos. En el gran patio trasero de Google.
…Ahora que lo pienso, no está tan mal.

(Imagen: Luis Felipe Jiménez)

Y claro, no nos gusta ser de los que desperdician oportunidades. 

Bicicletas de Google5 minutos después nos dijeron que no podíamos usar las bicicletas.
(Imagen: Luis Felipe Jiménez)

 Fue una buena idea llevar la cámara, porque hubo bastante tiempo para tomar fotos.

Fuente (Larga exposición)(Imagen: Luis Felipe Jiménez)

SkaterEsto es libertad.
(Imagen: Luis Felipe Jiménez)

Durante el paseo, nos topamos con una escultura digna de admiración. ¿Qué significa? No estoy seguro. Podría ser una compleja metáfora sobre el internet, sobre los motores de búsqueda, o sobre la vida misma. 

Esqueleto de Tiranosaurio con flamingosO tal vez simplemente es un esqueleto de un tiranosaurio rex que murió por una infestación de flamingos de plástico.
(Imagen: Luis Felipe Jiménez)

También tuvimos la oportunidad de usar el Google Earth que todos conocemos, pero en una versión mucho más inmersiva. 

Módulo de Google EarthY con semejante tecnología, podíamos ir a cualquier lugar, literalmente. El mundo estaba en nuestras manos.
¿A dónde fuimos? A nuestra escuela, claro.

(Imagen: COiNGE)

Nos mostraron las instalaciones, incluido un cuarto en el que tienen una mesa de billar, televisiones y una resbaladilla para bajar del 2do al 1er piso. Al final nos dejaron comprar en su tienda de souvenirs (en la que, por cierto, no se acepta dinero en efectivo, solo tarjetas de crédito/débito y otros medios electrónicos).

«¡Cuidado con el cola de cocodrilo
(Imagen: Luis Felipe Jiménez)

Google TazaYo ya tengo mi taza.
(Imagen: Luis Felipe Jiménez)

Casi nos íbamos, cuando encontramos a otro egresado de CETYS que también trabaja ahí. Ambos nos estuvieron platicando sus experiencias y nos dieron consejos. Nos despedimos, para dirigirnos a la salida. Al parecer era la hora del almuerzo, porque todas las mesas estaban llenas, e incluso habían unos cuantos empleados jugando volleyball en una cancha de arena que tienen instalada.

Debo confesar que siempre he admirado a Google como empresa, y este paseo solo sirvió para confirmar esta admiración. Su filosofía es que, si sus empleados están cómodos y alegres, la productividad aumentará naturalmente. Este método de trabajo ni siquiera es un secreto. No se necesita ser un experto para darnos cuenta de que actualmente Google es de las compañías más exitosas e innovadoras a nivel internacional, así que algo deben estar haciendo bien. 

 

Después de la visita a Google pasamos a la Universidad de Stanford a tomar fotos, y después fuimos a San Francisco (a tomar más fotos), pero esas no las pondré aquí porque son muchas. Si te interesa verlas, puedes visitar mi cuenta de Flickr.

 

Googleplex(Photo credit: Luis Felipe Jiménez)

It was 4:00 a.m., it was cold and every student was already on the bus. Everything was ready.
Well, almost.

The teacher we had been assigned as group leader during the trip wouldn’t come. The bus companies always say that you have to be there at a certain hour to avoid delays, but this teacher was already 30 minutes late. And when it’s 4 in the morning and you’re waiting to start a 10-hour bus trip, the last thing you want to do is wait. After almost 45 minutes, the teacher arrived and the trip finally begun.

Black screen

The next 10 hours looked sort of like this. I was very tired.

When we got to Mountain View, that same evening, we left our belongings at a hotel, and went to a mall. Anyway. What concerns us here is the visit to Google, so let’s fast-forward to the next morning. We got up early, ate breakfast quickly and at 8 a.m. we were already at the famous Googleplex. 

Googleplex(Photo credit: Luis Felipe Jiménez)

After hundreds of group photos (and some selfies, why not), we walked towards the buildings, and found interesting things. 

Colorful bikeSuch as this lonely bike. Later, we would notice more of them. A lot more.
(Photo credit: Luis Felipe Jiménez)

We met with Mr. Ernesto Camacho (CETYS Universidad graduate), who works for Google and offered to be our host and give us a mini-tour.

Mr. Camacho welcoming the group(Photo credit: COiNGE)

Another colleague was going to help him, so that each person would take one half of the group to be more comfortable, but for some reason he couldn’t come, and our group had to be divided into 3 groups of 15 people each. That way, 15 people took the tour for about 1 hour, while the rest simply waited for their turn.

GoogleplexAlone. At Google’s huge backyard.
…Now that I think of it, it wasn’t so bad.
(Photo credit: Luis Felipe Jiménez)

And, of course, we don’t like to waste chances.

Google bikes5 minutes later they told us that we couldn’t ride the bikes.
(Photo credit: Luis Felipe Jiménez)

It was a good idea to bring the camera, because we had a lot of time to take pictures.

Fountain (Long exposure)(Photo credit: Luis Felipe Jiménez)

SkaterNow this is freedom. 
(Photo credit: Luis Felipe Jiménez)

During the trip, we came across a thought-provoking sculpture, worthy of admiration. What does it mean? I’m not sure. It could be a complex metaphor about the Internet, about search engines, or about life itself. 

T-Rex skeleton with plastic flamingosOr maybe it’s just the skeleton of a T-Rex that was killed by a  horde of killer plastic flamingos.
(Photo credit: Luis Felipe Jiménez)

We also had the opportunity to use the popular Google Earth software, but in a much more immersive way.

Google Earth moduleAnd with such technology, we could literally go to any place in Earth. The world was at our hands.
Where did we go? To our school, naturally.

(Photo credit: COiNGE)

We were shown the facilities, including a room with a pool table, TVs and a slide that goes from the 2nd to the 1st floor. At the end, they let us buy souvenirs in their store (in which, by the way, they don’t accept cash as payment; only credit/debit cards and other electronic methods).

Beware the tailgator!«Beware the tailgator!»
(Photo credit: Luis Felipe Jiménez)

Google mugI’ve got a mug.
(Photo credit: Luis Felipe Jiménez)

We were on our way out when we came across another CETYS graduate, who also works there. Both of them told us about their jobs and experiences and gave us advice. After that, we said goodbye and headed for the exit. Apparently it was lunch time, because almost every table was full, and there were even some employees playing volleyball on a sand court they have installed at the center of the plaza.

I must confess that I’ve always admired Google as a company, and this trip served only to confirm this admiration. Their philosophy is that if your employees are comfortable and happy, productivity will increase naturally. And this method is not even a secret. It doesn’t take an expert to realize that Google is currently one of the most innovative and successful companies in the world, so they have to be doing something well.

 

After we visited Google, we headed to Stanford University to take some more pictures, and then we went to San Francisco (you guessed it: to take even more photos), but I’m not going to put those here because they’re a lot. If you’re interested, however, you can visit my Flickr profile.

Share this
10 Ene

5 tips básicos de SEO

Cómo aparecer en google

Solamente tener un sitio web ya no es ventaja competitiva; es el punto de partida. Una vez que tenemos nuestro sitio disponible para el público, necesitamos asegurarnos que ese público nos encuentre.

Probablemente tenemos la información exacta que nuestros clientes están buscando, y con gusto contratarán los servicios o comprarán los productos que vendemos, pero si no pueden encontrarnos dentro de las primeras opciones en los motores de búsqueda en Internet, perderemos una gran oportunidad.

Por ello es necesario realizar una optimización para motores de búsqueda (SEO, por sus siglas en inglés). A continuación presentamos 5 tips básicos para de mejorar tu posicionamiento en los motores como Google, Bing y Yahoo.

1. Dale un título a tu sitio. Este título es lo primero que aparecerá en los resultados que arroje el buscador, así que es de suma importancia que sea claro y conciso.
2. Agrega una descripción al sitio. Esto es tan importante como el punto anterior, pues es el breve texto descriptivo que aparece debajo del título en los resultados de búsqueda. La mayoría de las personas se basarán en esto para juzgar si tu link tiene lo que buscan y decidirán si dan clic o no.
Resultado de Ecolohosting en Google

Título y descripción en un resultado de búsqueda en Google.

3. Incluye un favicon. Es el icono de 16 x 16 pixeles que aparece en las pestañas del buscador junto al título de la página y en los atajos.

Favicon Ecolohosting

Favicon de Ecolohosting en una pestaña de Google Chrome.

4. Incluye texto ALT en todas tus imágenes. Este texto se desplegará en la pantalla cada vez que el visitante coloque el cursor sobre la imagen. En ocasiones que no se pueda cargar la imagen, el texto servirá como descripción de su contenido para darle una idea al usuario de lo que queríamos que viera.

Texto ALT

Texto ALT sobre una imagen.

5. Usa hipervínculos descriptivos. Cuando incluyas links o hipervínculos en el contenido de tus páginas, describe hacia dónde apuntarán. No escribas solamente ‘da clic aquí’ sin darle una idea de lo que quieres mostrarle a tu visitante. Por ejemplo, si quieres sacarle mayor provecho al buscador más popular del mundo, puedes consultar nuestro artículo sobre trucos útiles para buscar en Google.

Estos consejos son la parte básica de SEO y los puedes implementar con ayuda de la persona encargada de mantener actualizado tu sitio web. Si tienes alguna duda o deseas conocer más a fondo sobre este tema, no dudes en hacérnoslo saber con tus comentarios.

How to appear in Google Search

Just having your own website is not a competitive edge anymore; it’s the starting point. Once your site is available for public view, you need to make sure they find you.

You probably have the precise information your customers are looking for, and are the best available provider but if they can’t find you in the first search results, you will lose a big opportunity.

This is where Search Engine Optimization comes in. Here are 5 basic tips to improve your presence in search engines.

1. Give your site a title. This title is the first thing that will appear in the search results. It is essential for it to be concise and clear.

2. Add a site description. This is just as important as the title since a descriptive text appears right under it in search results. Most people will make up their minds whether to enter your site by reading your description.

Resultado de Ecolohosting en GoogleTitle and description in a Google search result.

3. Add your favicon. It is the 16 x 16 pixels icon appearing in tabs next to the page title and in shortcuts.

Favicon Ecolohosting

Ecolohosting favicon in a Google Chrome tab.

4. Include ALT text in all your images. This descriptive text will show each time the mouse pointer hovers over the image. If the image file cannot be displayed, the text will serve as a description of the content you wanted the user to see.

Texto ALT

ALT text.

5. Use descriptive hyperlinks. When you include hyperlinks in your pages’ content, describe where they will lead to. Don’t just write ‘click here’ without giving your visitors a clear idea of where is it that you want them to go For example, if you want to get the most out of the most popular search engine in the world, you can check our article on useful tricks for a better Google search.

These tips are part of SEO basics and you can execute them on your site with the help of your webmaster or the person in charge of updating your website. If you have a question or wish to know more about this just share your comments and we’ll be glad to help.

Share this

© Ecolohosting 2024