Web Design Trends for this 2011

By Eliut Avalos

In the early era of the Internet, the crafts of Design and Programming were two things that were linked but were completely separate and different; but as the Internet has evolved, these two disciplines have become narrower and practictioners now need to learn things from each other.

In 2011, with all the new innovations that can be done online, the trend will be away from Design. What now rules for websites is functionality, as designs need to be optimized and ready for viewing on smartphones, netbooks and tablets.

The following 10 tips will help you identify if your site or web design will be optimized to take advantage of these new trends:

1. – More CSS3 and HTML5
Most browsers already supported CSS3 and HTML5, but now even the new Microsoft Internet Explorer had to give in and get on board; Microsoft understood that there are many developers and designers who have opted to do things in HTML5 and CSS3, since it is much lighter code and therefore faster to load on a page than the heavy Flash, which also uses a lot of machine memory.  These days HTML5 is almost as powerful as Flash.

2. –  Simplicity above all
No more complex and saturated designs. Users are becoming annoyed with over-bearing design, and it now works better to choose a color palette of one color or limit the colors to just 3.

3. – Mobile Ready
Smartphones, iPad and netbooks are gaining much ground over standard computers, whether because of their design, practicality, size or price. So when you create or edit your site, do not forget to make versions for these new devices. Luckily this same technology can help us to make it faster.

4. – Using 3D effects
A browser screen can no longer be displayed in 2D. The new trend is to give a three dimensional effect to your website and for this there are several techniques, none of which are actually that new. This can be achieved by playing with “layers” and some CSS tricks, for example in the header where the logo goes, in the footer, or as a background.

5. – Tactile Designs
Technology is becoming more “Tactile”. This means that when you are navigating a website, you have to think about making the site more accessible to a finger rather than a traditional mouse, in the case of tablets and smartphones.

6. – Large background pictures
Large and wide pictures in the background of websites is going to be the most widely seen innovation this year. These high resolution photos covering nearly the entire site need to be very appropriate to the site. You need to avoid being ostentatious in the choice of image, and look instead for something harmonious.

7. – Integration of domain names
Gone are the days when you can create an URL name using just a simple identifier of your company or service. Now you need to be more adventurous, creating phrases or playing with words in order to attract users and create something easily remembered. Don’t limit yourself to “.com”, now that more and more people are using .me or .us domains.

8. – QR: Rapid Response
The so-called “barcodes” or “QR ” are now used for a short and quick response. You can imagine that taking a picture of something is faster than  typing in a web address; that’s exactly what these codes are used for,  immediately re-directing to a URL with a single click.

9. – Grid Design Type
Thumbnail navigation is becoming a strong trend on web pages. Even Google has introduced this type of navigation on their search engine. Now, before you click a link to see what it contains, a small window appears to display a preview of the content. In 2011 we will begin to see this functionality on a lot of familiar sites.

10. – Constant Connection
Finally, don’t forget to focus on the frequency of being always connected – which is, of course, the nature of the Internet. Personal blogs and portfolios in 2011will have more of a personal effect on the daily life of other people than we have ever seen before. Remember that people now allow us to see where they are and what are they doing at any time, which really helps us to better understand their primary needs.

———————————————–

Tendencias de Diseño Web para este 2011

Por Eliut Avalos

En los inicios de la era de Internet los oficios de Diseño y Programación eran 2 cosas que iban unidas pero eran totalmente independientes y  diferentes; pero  a medida que se ha ido evolucionado el Internet, estas profesiones se han hecho mas estrechas y hasta han caído en la necesidad de aprender cosas uno del otro.

Para este 2011 con todas las nuevas innovaciones que se puede hacer por internet, este año la tendencia no estará basada tanto en el Diseño, ya que ahora lo que se buscara mas en los sitios web es la funcionalidad, ya que los diseños tienen que estar optimizados y listos para ser vistos en los teléfonos inteligentes, netbooks y tabletas.

Con los siguientes 10 tips podremos saber si nuestro sitio o diseño web estará optimizado para estas nuevas tendencias:

1.- Más CSS3 y HTML5

La mayoría de navegadores ya tenia soporte para CSS3 y HTML5, pero ahora incluso el nuevo Explorador de Microsoft tuvo que doblar las manos para no quedarse atrás, pues entendió que hay muchos programadores y diseñadores que han optado más por el gusto de hacer sus cosas en HTML5 y CSS3, ya que es mucho más liviano el código y por ende, mas rápido de cargar en una página que el ahora ya pesado Flash el cual gasta igualmente mucha memoria de la maquina, sin olvidar que el HTML5 ya es ahora casi igual de poderoso que Flash.

2.- La simplicidad ante todo

Se acabaron los diseños complejos y saturados, el usuario se fastidia rápidamente con todo esto, es por eso que ahora lo mejor es elegir una paleta de colores sobre un mismo color o limitar los colores a solamente 3.

3.- Listo para móviles

Smartphone, iPad y netbooks están ganando mucho terreno frente a una computadora común, ya sea por el diseño, la practicidad, el tamaño o el precio, no se puede pasar inadvertido por estos dispositivos; Así que al crear o modificar tu sitio, no hay que olvidar hacer las versiones para estos mismos, afortunadamente la misma tecnología ya nos ayuda a hacerlo más rápido.

4.- Usar efectos 3D

La pantalla de un navegador ya no se puede visualizar en 2D, la nueva tendencia es lograr dar un efecto de tres dimensiones a nuestra página y para ello hay varias técnicas, que no son nuevas por cierto. Esto se puede lograr jugando con “capas” y algunos trucos de CSS, por ejemplo en el cabezal donde va el logo, en el pie de página o incluso de fondo.

5.- Diseños Táctiles

La tecnología se esta volviendo más “Táctil”, lo que significa que a la hora de navegar se tiene que pensar en hacer un sitio más accesible para un dedo, que para un puntero de ratón, en el caso de las tabletas y teléfonos inteligentes.

6.- Grandes fotografías de fondo

Grandes y largas imágenes en el fondo de una página web es lo que mas se vera en este año, estas fotos de alta resolución que cubrirán casi la totalidad del sitio debe ser muy apropiado a la hora de la elección, tampoco hay que caer en lo ostentoso, hay que pensar en lo armónico.

7.- Integración de nombres de dominio

Hay que ver más a futuro y crear tu dirección URL con el nombre básico de la empresa o servicio no es suficiente. Hay que aventurarnos a crear frases o jugar con palabras que atraigan mas a los usuarios y sean más fácil de recordar. Piensa en las posibilidades de no solo usar el “.com”, ya que se han ido creado aún más terminaciones como “.me o .us”.

8.- Respuesta Rápida

Los llamados “códigos de barra” o “QR” ya son más utilizados para una corta y pronta respuesta. Piensa que tomar una foto de esto es más rápido que teclear una dirección web, los cuales estos códigos sirven precisamente para esto, un re-direccionamiento inmediato con un simple clic.

9.- Diseños tipo cuadricula

La navegación con miniaturas se esta volviendo una tendencia fuerte en las páginas, incluso los grandes como Google han introducido este tipo de navegación en su buscador, ya que antes de dar clic a una liga para ver que contiene, una pequeña ventana te podría mostrar un previo de lo que se trata. Esta funcionalidad la veremos mucho en sitios conocidos.

10.- Conexión constante

Por último no olvidemos enfocarnos en la frecuencia de estar siempre conectados, que de por si el internet eso es por naturaleza. Los Blogs personales y portafolios del 2011 tendrán mas efecto personal de la vida cotidiana de esa persona como nunca lo había sido. Recordemos que ahora la gente nos permite ver donde se encuentran y que están haciendo en cualquier momento, lo que nos ayuda a saber mejor sus principales necesidades.