Nuevo Año Nuevas
Tendencias para este 2013
.:Programacion Web:.
Cada año, los
expertos en y diseño y programación web dan sus respectivos puntos de vista
sobre las tendencias que marcaran este año, las cuales se podrán ir observando
con el pasar del año.
Si bien cabe
mencionar es que estas son tendencias, no necesariamente significa en ningún momento que
se van a dar si o si, sino más bien como ya mencione anteriormente son puntos
de vista de cuales van hacer las técnicas que posiblemente se vayan a masificar
en los sitios web (websites)
“Es una Técnica de diseño y desarrollo web que mediante el uso de
estructuras e imágenes fluidas, así como de media-queries en las hojas de
estilo CS, consigue adaptar el sitio web al entorno del usuario” Wikipedia
Desde ya hace un tiempo que se conoce esta técnica (diseño web adaptativo),
ahora, porque es que es considerada como una tendencia para este año 2013, la explicación
es debido a que la metodología detrás de esta técnica está todavía en una fase
de muchos cambios para poder hacerla más estable y se considera que este año
los diseñadores y programadores la estaremos utilizando en gran medida.
Se dice también que este año va ser marcado por esta tendencia debido a que
en el año 2012 ha sido un año inusual para las PC ya que las ventas proyectadas
fueron menos de las esperadas, entonces que compraron los consumidores?
La estadística nos dice que las Tablets superaron las expectativas de
ventas en más de 100 millones el año 2012, se puede decir que este año 2013 podría
ser mayor la ventas de estas en comparación de las Laptops, Notebook y por
supuesto de los Smartphones, cada día los mayores ingresos a los sitios web se
da a través de las Tablets.
Debido a esto es que la mejor solución para diseñar y programar los sitios
web es hacer que estas trabajen bien en los diferentes dispositivos y ahí es
donde ingresa el diseño web adaptativo (Responsive Design)
En términos sencillos esta técnica usa “media queries” para poder averiguar
qué resolución tiene y con esto saber que dispositivo está utilizando, se deben
utilizar imágenes flexibles y diseño fluido para que estos puedan ser ajustados
a las diferentes pantallas.
La idea es que al diseñar y programar un sitio web este funcione a la perfección
en los diferentes dispositivos.
Para Ethan Marcotte, autor de Responsive Web Design, las explicación es “Más
que nunca, nuestro trabajo de diseñar debe ser visto a lo largo de un cumulo de
experiencias. El Diseño Web Adaptativo (Responsive Design) nos ofrece un camino
a seguir permitiéndonos diseñar para el reflujo y flujo de las cosas”.
2
Tipografía
para el Diseño
Anteriormente los diseñadores y programadores estábamos siempre centrándonos
en las imágenes, el JavaScript para poder empezar a construir el sitio web. En
estos últimos años se ha podido observar los primeros avances en lo referente a
esta tendencia (Tipografía). Ahora el uso de la Tipografía como elemento
central será mayor en el diseño web. Se tienen ya cosas como el @font-face para
poder colocar fuentes desde el servidor la mayoría de veces las fuentes para el
diseño del sitio web son a menudo mucho menos pesadas que las imágenes o sus homólogos
en la secuencia de comandos.
Esta nueva tendencia abre un gran paso a la creatividad para el diseño de
tipo, los sitios web deberán mostrar mayor creatividad tipográfica, con lo cual
los diseñadores se están comenzando a inclinar por un diseño web más simple y
amplio solo diseñando con la tipografía con la cual se puede comunicar cosas
como muy bien lo hacen las imágenes.
3
Adiós
Flash
Este año será el fin del uso del Flash en los sitios web, desde el 2012 que
el programa flash viene perdiendo más adeptos, se puede decir que el Flash está
en su última etapa debido a una serie de inconvenientes, los más resaltantes
como ya todos sabemos es que no sirve para el SEO (Search Engine Optimization) ,
y muchos dispositivos móviles no lo soportan.
Se tienen nuevas tecnologías que son menos pesadas y maximizan los recursos
del sitio web como también el tiempo de espera al cargar podríamos mencionar
HTML5/CSS3, el jquery, etc.
4
Imágenes
Completas para un mejor impacto visual
Cada vez es más frecuente encontrar sitios web con fondos (Backgrounds) que
interactúan, lo que significa en términos
simples que el fondo (backgrounds) es el sitio web.
Con lo que se gana que todo trabaje bien cohesionado en oposición de que
los elementos estén separados y el ojo deba estar saltando.
Esto puede ayudar a enfatizar la empresa o marca ya que en el fondo es
llamar la atención, con lo cual eliminas la necesidad de fotos inconexas que no
hacen nada para la empresa o marca.
Lo que de todas maneras se necesita para esta tendencia son fotos de muy
alta calidad ya que si se colocaran imágenes con baja calidad lo único que se
va hacer es distraer al navegante sin sacarle ningún provecho al sitio.
5
Grandes
Botones
Con el mayor aumento de tiempo en internet por dispositivos como el
Smartphone y Tablet y no utilización del mouse para navegar se hace
indispensable que el tamaño de los botones sea de mayor tamaño con lo cual se
asegura al navegante que está ingresando en el link adecuado, ya que es muy
molesto en este momento cuando uno ingresa y al ser los botones tan pequeños la
mayoría de veces al tocar el botón nos equivocamos.
Se tiene que reconocer que el número de usuarios de pantalla táctil está en
aumento y es natural que debamos hacerles las cosas más fáciles para navegar o
utilizar, ya que si fue difícil estos se irán rápido de nuestro sitio web.
6
Parallax
Scrolling
Hay una creciente tendencia en la creación de sitios web con parallax
scrolling, que es una técnica de animación utilizada en sitios web, dando un
resultado 3D a partir de elementos 2D.
Esta técnica consigue crear un efecto de profundidad mediante una superposición
de diferentes capas.
Pueden ingresar por ejemplo:
