fbpx

Evolución del diseño de páginas web

El diseño de páginas web ha evolucionado a pasos agigantados, en un principio solo podías encontrar páginas web en texto plano, cosa que era de lo más normal pues la conexión se realizaba por TELNET; hoy en día sería como navegar en un sitio web utilizando whatsapp, algo impensable y propio de las peores pesadillos de los usuarios digitales modernos. Cuando recién comenzó la web solo existían alrededor de 50 sitios que visitar, la mayoría sitios académicos o de divulgación científica que realmente no representaba ningún atractivo para el entretenimiento que hoy podemos encontrar, pero el crecimiento ha sido tal que hoy en día prácticamente cualquier persona puede tener su sitio web haciéndolo desde un editor visual como word, feo pero que al fin de cuentas cumple la función. Hoy he decidido dar una vuelta por esos tiempo hasta la fecha y mostrarles un poco de cómo ha ido evolucionando la creación de sitios hasta nuestros días.
1990, los comienzos de los sitios
En estos años los sitios web eran creados en modo texto, si queríamos hacer una imagen la hacíamos con tabulaciones y espacios, los fondos eran monocromáticos y el cursor dominaba la red. Para acceder a alguna sección usualmente se hacía mediante la selección del 1 al 5 o A-D de una lista disponible después de la bienvenida del sitio, ¿la recuerdas?.

enlos90

1995, el reino de las tablas

Para 1995 los navegadores visuales como Netscape estaban de moda, esto permitía incluir contenido más o menos estructurado mediante las tablas, que aunque originalmente fueron creadas para la organización numérica, bien cumplían la función de mantener las cosas en su lugar en el naciente código HTML. Aunque servían muy bien para organizar el contenido, la cuadratura y anidación de tablas sobre tablas terminaba haciendo un código muy extenso y lleno de TR y TD sin cerrar, un verdadero caos.

tablas95

1995, Java Script nace

Para lo que no se podía o estaba limitado con HTML, Java script encajaba como anillo al dedo, si queríamos poner algo de movimiento o dinamismo al sitio esta era la mejor opción, menús , efectos y contenido semi dinámico se empezó a expandir como plaga por todos los sitios, encontrábamos sitios con “nieve” cayendo por todos lados, otros que te saludaban con tu nombre, vistosos efectos en los menús y hasta sitios que se ciclaban con mensajes de alerta hasta que apagabas tu equipo. Hoy en día se sigue ocupando Java Script ampliamente, pero si algo se puede hacer en CSS, es mejor hacerlo así, pero aun encontramos aplicaciones como node.js que sirven enormemente a los desarrolladores actuales.

 

1995, los sitios Flash populan en la red

flashsitios

No es un mito que la época de oro de flash surgió en la web, todos querían tener sitios “animados” que llamaran tanto la atención como un payaso de circo en un camión a las 2 de la tarde, con flash el limite prácticamente era la imaginación y surgieron sitios realmente buenos visualmente pero lentos en la carga. Hoy en día el uso de flash es casi una prohibición pues no son responsivos, alentan el sitio y mil cosas más que ni loco un diseñador que se dé a respetar lo incluiría en sus proyectos.

 

 

 

 

1998, las hojas de cascada de estilo o CSS

csscodigoComo los sitios estaban en auge,  a alguien se le ocurrio lo logico: separar la forma del fondo ; una idea que a los navegadores no les parecio interesnate al principio y tardaron un tiempo en adoptar. Claro que el CSS no era tan flexible como lo conocemos ahora pero lo que no quedaba claro era que CSS no era un lenguaje de codificación, si no un lenguaje declarativo, hoy en día los css estan hasta en los celulares.

 

 

 

 

2007, las rejillas para moviles

rejilla960

Navegar en celulares siempre ha sido un reto de diseño para cualquier diseñador web, hay tantos modelos y marcas que se tuvo que desarrollar un sistema llamado de rejillas 960 en una división de 12 columnas la pantalla, el problema vino cuando todos los diseños eran casi idénticos y el problema de la carga del sitio aun no tenía una solución evidente.

 

 

 

2010, el diseño responsivo está aquí

En este año un brillante diseñador y desarrollador llamado Ethan Marcotte realizo un cambio de paradigma en lo que al diseño móvil se refiere, antes teníamos que crear prácticamente dos sitios, uno para la versión de escritorio y uno más para la versión móvil del sitio, es ahí donde Ethan puso el intelecto y utilizando el mismo HTML y CSS que ya conocíamos acuño el término “diseño responsivo” para todos aquellos sitios donde mediante la utilización de CSS cualquier sitio se podría adaptar al dispositivo que fuera visualizándolo, nada del otro mundo pero si de una mente ingeniosa, hoy en día el diseño responsivo es tomado hasta para el SEO de cualquier web.

2011, el diseño plano de vuelta a los orígenes

Este tipo de diseño se basa en la premisa donde el contenido es el que debe sobresalir y el diseño se debe mantener lo más simple posible, tomando en cuenta tipografías estilizadas, sombras y colores neutros tal como era la web en sus orígenes, esto trae la gran ventaja de reducir el tiempo de carga de los sitios, pero el mundo minimalista no es del gusto de todos.

2014, ¿que sigue ahora?

El ideal del diseño web es que todo diseñador pueda realizar sus trabajos de la manera más siempre posible, con menos código y con una velocidad de carga más rápida. Si bien la tecnología cambia todos los días no sabremos lo que nos depara para los años venideros, solo nos queda adaptarnos o crear nuevos conceptos de diseño web que marquen tendencia.

 

 

 

 

Los sitios web MÁS populares de Oaxaca

Hoy queremos mostrarles un análisis sobre  los sitios que cuentan con más trafico de visitantes  considerados por ALEXA y que pertenecen a Oaxaca o al menos tienen que ver con el estado, pero antes de iniciar considero que es bueno saber ¿quien es y que hace alexa?.

Alexa es considerado un medidor internacional de trafico hacia los sitios web, es decir, podemos saber un aproximado de visitas que recibe cierta página en base a los datos que recaba de miles de usuarios todos los días. Si un sitio es muy popular hasta podemos visualizar una gráfica del trafico que viaja hacia ese sitio. Para recabar estos datos alexa posea una barra que se instala en el navegador del usuario y es así como se obtiene la información, aunque muchos consideran poco fiable la información de este sitio, para estar funcionando desde 1997 algo bueno tiene que tener ¿no creen?.

Pues bien, una vez que aclaramos este punto procedemos al análisis, en primer lugar tenemos el sitio de Lila Downs , cantante Oaxaqueña que ha logrado una fama internacional.

liladowns

El sitio esta creado en DRUPAL que es un CMS bastante popular por su fácil administración , cuenta con un sistema de registro mediante redes sociales que probamos pero realmente no funciona.

Cabe destacar que  no es un sitio responsivo, es decir no se adapta a diferentes dispositivos, el diseño consideramos que se puede mejorar pero funciona realmente como un sitio informativo.

Tal vez la popularidad se basa en que lo enlazan más de 1200 sitios y obvio, Lila Downs es bastante popular. ( recomendamos la canción de la cumbia del mole).

En segundo termino tenemos a una escuela de español que se llama Instituto Cultural Oaxaca, un lugar muy popular para extranjeros que quieren aprender el idioma español de una manera diferente.

icomexico

Este sitio esta creado con PHP, CSS y HTML5, aparentemente no ocupan algún CMS, lo que me imagino hace un poco complicada la administración del mismo.

El diseño es atractivo pero nuevamente tenemos el problema de no ser un sitio responsivo. Tiene bastante información de interés para el extranjero lo que lo hace bastante interesante para aquellos que quieren conocer más de Oaxaca.

 

Ahora vamos con el puesto numero 3 donde una inmobiliaria es quien domina, se trata de Puerto Real State, empresa enfocado a la venta de propiedades a extranjeros que ha se ha visto beneficiada por programas de TV como House Hunters y hasta un articulo en el NY Times.

realstatepuerto

El sitio es creado en HTML, lo que consideramos les hace complicado actualizarlo, sin embargo  las áreas de interés como es obviamente la venta de propiedades, se encuentra actualizado, cosa que no podemos decir de sus redes sociales que no presenten mucho movimiento. Hablando de esto no poseen una página de facebook, más bien un perfil y en twitter no hay tweets y tampoco es responsivo.

Sin embargo la información es muy completa para los que quieran venir a las costas de Oaxaca y claro enfocada a los extranjeros.

 

En cuarta posición tenemos nuevamente a una inmobiliaria, se trata de zicatela properties , un sitio que nos recuerda la web en los años 90, el diseño fue creado en dreamweaver pero no tuvieron cuidado en el diseño o estética del sitio.

 zicatelaproperties

 No es un sitio responsivo, les faltan enlaces o vinculación con redes sociales y en general la usabilidad del sitio es pobre.

Seguramente te estés preguntando ¿porque está entre los más populares? , la respuesta es por su contenido o tema el cual resulta muy atractivo para los extranjeros.

 

 

 

En quinta posición viene un sitio de información turística al mismo estilo de la web de los 90 , se trata de oaxacalive, quien no muestra mucha actualización, diseño y estética en general.

oaxacalive

 

Lo destacable de este sitio es que su contenido va muy bien con su nombre, al tener la palabra OAXACA en su nombre y contener información turística principalmente en ingles, le ha ayudado mucho para aparecer dentro de los mejores 5 según alexa. Nuevamente un sitio en ingles para extranjeros.

 

 

 

 

Los siguientes lugares en nuestra lista también representan en su mayoría sitios relacionados con bienes raíces, cursos de español , algunos hoteles y sitios con temáticas para extranjeros . No nos sorprende mucho que no destaquen sitios locales pues Oaxaca es un lugar netamente turístico donde la derrama económica que estos dejan es sustancialmente grande.

Algo que notamos en estos sitios populares de Oaxaca  es que no tienen publicidad de ningún tipo, generalmente son para publicitar sus servicios como empresas cosa que al menos a las inmobiliarias de la costa consideramos que les va bastante bien.

Por último les comentamos que no se pueden perder el análisis que estamos realizando a los principales sitios de noticias del estado y los interesantes resultados que nos están arrojando , mientras nos pueden comentar ¿conocen algún otro sitio popular? , hasta la próxima.

Los derechos de autor en Internet

Una de las grandes ventajas de Internet es la posibilidad de encontrar de manera sencilla todo tipo de información, pero un error común es creer que por estar en la red se puede tomar sin autorización. Despeja este mito y protege tus derechos en línea.

Para poder ganar adeptos cuando se tiene una página web, es de suma importancia generar contenido de calidad. Precisamente porque los internautas están en busca de información interesante, la manera de atraerlos es siendo relevante.

Si quieres vender en Internet o tener una página de referencia para que se pongan en contacto contigo, tienes que generar artículos de acuerdo a tu nicho, y mejor aún agregar imágenes y videos que enriquezcan la experiencia.

Es mejor desarrollar contenido original para que te conviertas en un referente en el tema, así, aunque no se concreten compras de inmediato, sí estarás en la mente de los usuarios cuando requieran más información sobre el tema o cuando tengan la necesidad de tu producto o servicio.

Si ya estás generando contenido o planeas hacerlo toma en cuenta la protección del mismo, siguiendo algunas recomendaciones evitarás que alguien más lucre con tus conocimientos e información.

El primer paso para garantizar tus derechos de autor es registrar tu nombre de dominio, puedes obtenerlo a costos accesibles hasta por diez años. Sin embargo, si deseas tener la exclusividad del título de tu página web adicionalmente debes obtener un registro en derechos de autor.

Una vez que inicies el desarrollo de tu página web o cuando solicites contenido de terceros asegúrate que te otorgarán los derechos sobre sus obras, por ejemplo gráficos o fotografías, así podrás explotarlas a tu favor sin tener problemas futuros.

Los elementos que distinguen a tu empresa como nombre comercial, logo, slogan o música deben estar protegidos de antemano ante el Instituto Mexicano de la Propiedad Industrial (IMPI), así cuando los uses en la red estarás seguro que nadie puede copiarlos. Y si desarrollas algún sistema digital específico como un software también es necesario que lo registres antes el IMPI.

Es importante hacer conciencia que, sin importar la facilidad para conseguir contenido, el hecho de estar en la red no lo hace de dominio público. Por sólo haber generado una imagen, audio o escrito, la persona obtiene el derecho sobre su propiedad, así que no pierdas oportunidades dejando que alguien más utilice tu ingenio sin tu consentimiento.

Aunque vale la pena destacar que la mejor estrategia no es bloquear totalmente la posibilidad de copiar el contenido en tu portal, sólo deja los datos suficientes para que te puedan citar. Una marca de agua que te identifique en las imágenes o tu nombre comercial al final de un video pueden ser algunas de éstas. Piensa que ganarás publicidad gratuita si alguien toma tu información y señala de dónde viene.

De manera más específica, algunos de los términos que puedes utilizar de acuerdo al tipo de contenido que desees proteger son:

copyright-trademark-logodesignCopyright: Se usa para prohibir y restringir los usos de una obra por lo que quien desee usarla deberá obtener el permiso para explotarla en los términos previstos por la ley, por ejemplo a través de una cita.
Copyleft: Se trata de un grupo de licencias que garantizan a personas que reciben una copia de la obra poder usar, modificar y redistribuir el trabajo y las versiones derivadas.
Creative Commons: en este caso el autor decide la protección que le quiere dar a su desarrollo.
Asimismo puedes agregar frases como: “Todos los derechos reservados”, “Algunos derechos reservados” o simplemente dejar la aclaración, “en caso de copiar o compartir esta información el crédito es para…”

Finalmente podrías dejarlo como de dominio público en cuyo caso cualquiera podrá hacer uso del contenido de acuerdo a sus necesidades e incluso modificarlo sin tener que pedir tu permiso.

Pero este tema también aplica hacia el otro lado, si quieres que respeten tu contenido, tú debes respetar el derecho de otros y no es que cada parte de tu portal tenga que ser original, o que no puedas copiar imágenes o videos de otros lugares, lo importante es tomar en cuenta la autoría.

En ese sentido es importante que en caso de utilizar algún material que encontraste en la red aclares el sitio de donde lo tomaste. Aunque si sólo es una mención basta con citar el nombre del autor o la página web durante el texto o al final de la imagen.

Esto también puede jugar a tu favor, por ejemplo, si deseas hacer comparaciones de tus servicios o si quieres hablar sobre los grandes resultados que se obtienen con los productos que vendes, deja que alguien más lo diga por ti para darle credibilidad a tu palabra.

Pero si en verdad deseas tener un texto o una imagen toma en cuenta que modificarlos no resuelve el problema, por el contrario lo agravaría, pues no sólo estás tomando sin autorización la creación de alguien más, sino que te estás sirviendo de ella para otros intereses.

En el caso de la parte visual una buena fuente que te garantiza seguridad son los bancos de imágenes, mucho de su desarrollo es gratuito, por otro es necesario pagar pero así sabrás que no estás cometiendo ningún error.

Cabe destacar que algunas de estas empresas tienen robots automáticos para identificar a sitios que usan su contenido sin autorización, así que si vas a copiar una imagen que aparentemente viene de este tipo de servicios asegúrate que es gratuita.

Toma en cuenta que de no respetar la propiedad intelectual de otras personas podrías enfrentar problemas legales lo que conlleva grandes pérdidas para cualquier empresa, es mejor ser original y protegerse

Vía Akky