Diseño Web

Novedades en diseño web.

Diseño web

Diseño web

Las novedades del diseño web como casi todo, van mejorando sus métodos con el tiempo, y cada vez hay más aspectos a los que atenerse a la hora de diseñar una página web. Este último año han surgido varios tipos de diseño, de los cuáles se mencionarán algunos. Posteriormente, se desarrollarán.

Destacar :

  • Header fijo
  • Diseños centrados en la experiencia del usuario
  • Diseños “responsive”
  • Diseños “flat”
  • Scroll infinito

 Header fijo.

Está preparado para sitios web de una única página web, pero es compatible con cualquier diseño. Este método trata de mantener la cabecera de la página web de manera estática, es decir, aunque el usuario se desplace la cabecera quedará siempre en el mismo lugar. Esto ahorrará al usuario el hecho de volver a donde estaba para moverse a otro lugar, o para realizar alguna acción. Este tipo de cabecera se puede hacer utilizando HTML o CSS. Si lo queremos hacer utilizando HTML, en primer lugar habremos de maquetar el HTML que compone la página. Después, se creará la cabecera. La misma habrá de contener el nombre del lugar  y el menú de navegación. A continuación, seguiremos con el contenido. El mismo deberá tener un título, una imagen y párrafos de texto. Acabaremos, con el pie de página. El estilo de HTML, sería para algo más concreto.

Sin embargo, si lo que buscamos es algo más generalizado, se usará CSS. El código que debemos utilizar para referirnos, como ya hemos dicho, a un estilo más general será style.css.

 Diseños centrados en la experiencia del usuario.

Aquí deberemos centrarnos en la esquematización y claridad del contenido. También deberemos tener en cuenta la funcionalidad y la usabilidad. El diseñador necesitará de ciertos procedimientos, que le ayuden a asegurarse de que el lugar cumple los niveles en cuanto a la usabilidad que se exigen en estos casos. Este método se caracteriza por el hecho de que el usuario es quien asume todo el proceso de diseño y de desarrollo de la página web. Esto significa que tenemos que implicarnos lo máximo posible en las posibles exigencias del usuario. Debemos implicarlo en el proceso de desarrollo, darle facilidades, proporcionarle innovaciones, conocer sobre todo sus intereses, para saber afrontar mejor el satisfacer sus necesidades. Todo lo que diseñemos en el sitio web deberá ser evaluado. Este tipo de diseños, por lo general disponen de 4 fases, las cuales serían:

  • Diseño del sitio web.
  • Evaluación.

 Una vez realizados estos 3 pasos, pasaremos a los más “sencillo”, que será el lanzamiento y el mantenimiento.

 Diseños “ responsive”.

 Los diseños “responsive”, permiten adaptar cada site a cualquier formato de dispositivo de acceso, es decir, se trata de una serie de acciones que se le aplican al sitio web, para que facilite su acceso al usuario a través de cualquier dispositivo. Su función será preparar el sitio para que adapte sus contenidos en función de cada tipo de dispositivo.

Tener un diseño responsive, nos proporcionará ciertas ventajas. Por ejemplo, hará que la pagina cargue de forma mas rápida, en los portátiles; proporcionará una mejora a la hora de la lectura en una tablet o un móvil. también nos proporcionará un ahorro de costes y una experiencia más formada en la navegación. Otro elemento a destacar, sera que a la hora de diseñar nuestro sitio web, será mejor que nos basemos en valores fluidos, en vez de valores fijos. Ya que estos, se adaptarán en función del dispositivo. Por ejemplo en un dispositivo móvil, se hará mas pequeña la información.

 Diseños Flat.

Los diseños flat, o también llamados diseños planos son diseños en estado puro. Es decir diseños sin añadidos de efectos especiales. Este diseño está destinado a dar la máxima información, con una mínima representación gráfica. Aunque dotado de sencillez, el diseño plano no ha tenido muchas dificultades para ser de los diseños más utilizados. Un diseño plano se caracteriza, por composiciones limpias, iconos que atienden a la máxima sencillez, algunas formas geométricas en relación a ciertas imágenes, la no presencia de efectos que solo atienden a la estética, sin ningún tipo de funcionalidad, tipografías caracterizadas por la más sencilla elegancia, etc.

Es el diseño más sencillo de realizar.

 Scroll infinito.

 Este método, es usado sobre todo por las redes sociales. Tiene grandes ventajas como la velocidad, la fácil visibilidad y la practicidad. Pero según ciertas fuentes, no sabría decirse si el diseño con scroll infinito es realmente algo que convenga utilizarse. El scroll infinito además de las ventajas ya citadas, dispone de grandes desventajas: desorientación, falta de control, etc. Lo que debemos hacer en estos casos, es preguntarnos si realmente la implementación de tal método, mejorará el servicio del usuario, ya que en el SEO debemos pensar además de en los crawlers, en el usuario.

 Si buscamos algunas recomendaciones SEO, será posible que creemos un sitio web que pueda ser fácilmente encontrado por los crawlers, sin restar así servicio ni importancia a los usuarios. Obteniendo a su vez puntos positivos para su posicionamiento.

 Algunas recomendaciones que podemos tomar a grandes rasgos, serían las siguientes:

  •  Agrupación de los ítems, en función de la cantidad de la información, y que los ítems no se superpongan.
  •  Establecimiento de una url por cada página.
  • Aseguramiento de que los enlaces son rastreables, para los crawlers.
  • Implementación de PushState o Replace State.
  • Revisión de todo lo anterior.

 Foto: masquevinilo.com.

Diseño de Sitios Web HTML

letras html

Html

Una página web es un documento HTML que es accesible generalmente mediante el protocolo HTTP de Internet.

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Por convención, los archivos de formato HTML usan la extensión .htm o .html.

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

[important]Beneficios de una página web[/important]

Una página web o más bien dicho un sitio web tiene múltiples beneficios y utilidades que van desde el usopersonal , Correos, Redes Sociales, Páginas Personales, Blogs, etc.  hasta el uso en los Negocios y Empresas y es aquí donde queremos profundizar más en el resto de este artículo, en resaltar los múltiples beneficios que tienen las páginas web en los Negocios y Empresas.

Y es que no importa si tienes un negocio local o una empresa nacional o internacional, los beneficios que ofrece Internet son muchos al corto y mediano plazo  y los costos son realmente muy accesibles en comparación con otros medios. Uno de los principales beneficios que tendrás al contar con una página web para tu negocio es tenerlo literalmente abierto las 24 horas del día los 365 días del año.

Esto quiere decir que podrás prospectar clientes (atraer personas interesada en lo que ofreces) a cualquier hora y en cualquier parte. Tus clientes podrán ver a que te dedicas, donde estas ubicado, los productos y/o servicios que ofreces y un sin fin de información más.

También podrás realizar transacciones (compras y ventas) las 24 horas del día, tus clientes pueden ir a tu sitio web pagar allí mismo algún producto o servicio y recibirlo al instante, todo esto mientras tú te encontrabas en otra parte en ese momento. En contraste de tu negocio físico que tienes que estar presente para realizar cualquier transacción,  claro está que esto depende mucho del tipo de productos o servicios que manejes.

Además, con la posibilidad de que los usuarios interactúen entre ellos y con  apoyo en las redes sociales para darle más publicidad aún a su página web. Una poderosa herramienta para un negocio o para transmitir una idea, puede llegar a ser una página web bien diseñada  y con objetivos bien claros y específicos. Tampoco es abrir el sitio web y esperar de la noche a la mañana un crecimiento exponencial, que tus ventas se disparen con tan solo abrirla. Una página es un canal más de ventas y comunicación para tu negocio y como tal se requiere trabajo y esfuerzo para lograr lo anterior.

Pero créeme no es difícil si se tienen las herramientas y se cuenta con la experiencia para hacerlo. Es por ello que si estas interesado en contar con una página web personal o para tu negocio o empresa te podemos ayudar.

Diseño de web con CMS

logos cms

CMS

CMS es un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS), un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás roles.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos sean visibles a todo el público.

Manejamos plataformas en Joomla, WordPress, Drupal, y en gestión de tiendas ..Prestashop.

CMS son las siglas de Content Management System, que se traduce directamente al español como Sistema Gestor de Contenidos. Como su propio nombre indica, es un sistema que nos permite gestionar contenidos. En líneas generales, un CMS permitiría administrar contenidos en un medio digital y para el caso particular que nos ocupa, un CMS permitiría gestionar los contenidos de una web.

Dicho de otra forma, un CMS es una herramienta que permite a un editor crear, clasificar y publicar cualquier tipo de información en una página web. Generalmente los CMS trabajan contra una base de datos, de modo que el editor simplemente actualiza una base de datos, incluyendo nueva información o editando la existente.

Imaginaros un periódico o cualquier otra página medianamente compleja. Principalmente aquellas que tienen que ser actualizadas diariamente o varias veces por día, donde además, las personas que editan la información no tienen conocimientos de informática. A estos redactores se les tiene que facilitar el trabajo mediante una herramienta que les permita subir informaciones a la web y clasificarlas para que aparezcan en el lugar correcto. Por supuesto que estas personas no deben preocuparse con el código de la página ni las particularidades de programación de la plataforma donde esté alojada la web. Ellos sólo deben concentrarse en escribir las noticias, o cualquier tipo de contenidos y luego subirlas a la página por un sistema intuitivo y rápido. Una vez publicadas y clasificadas, las informaciones deben aparecer en la página web automáticamente, en los lugares donde haya decidido el editor.

Una herramienta CMS generalmente contendrá una interfaz basada en formularios, a los que habitualmente se accede con el navegador, donde se pueden dar de alta los contenidos fácilmente. Esos contenidos luego aparecerán en la página en los lugares donde se ha indicado al darlos de alta. Por lo tanto, un CMS estará compuesto de dos partes, un back y un front, siendo el back la parte donde los administradores publican las informaciones y el front la parte donde los visitantes visualizan las mismas.

[important]Aqui tenéis algunos CMS, por si quereis saber algo más de ellos.[/important]

Drupal: http://drupal.org/ Uno de los CMS más populares, en este caso gratuito.
Mambo: http://www.mamboserver.com/ Un sistema CMS libre y gratuito, creado en PHP.
Joomla: http://www.joomla.org/ Es un CMS de código libre, también creado en PHP. 
Wordpress: http://wordpress.org/ El CMS para la creación de blogs por excelencia. 
OsCommerce: http://www.oscommerce.com/ El sistema gestor de contenidos de código libre.
Prestashop: http://www.prestashop.com/es/ El mejor sistema y más famoso, y nuestra
especialidad.
Aunque hay otros muchos, estos son los principales.