Hace ya unos meses, después de pasar un fin de semana largo trabajando, tenía que acabar el rediseño web de una clienta y a la vez hacer compañía a mi hermana recién operada. Si bien estaba en Alicante, y adoro sus playas, apenas tenía tiempo para mí. Sin embargo, precisaba despejarme y respirar aire puro, así que me escapé unas horas a San Juan y estuve caminando por su magnífico camino marítimo. Un rato fue suficiente para localizar esa dosis de inspiración que me faltaba y esa misma noche acabé el “brand style” de la marca. Como el logotipo ya estaba definido, solo quedaba por especificar la paleta de colores, las tipografías y otros detalles de estilo para su web.

“Me encanta y me siento plenamente identificada”me dijo mi clienta tras entregarle el resultado. Esas palabras fueron suficientes para sentir que había valido la pena todo el esfuerzo invertido.

1) Apostar por una identidad visual definida te hará destacar en el mercado actual

Back to top

1) Todos empezamos con una web hecha por nosotros mismos

Es extraño que un emprendedor que comienza un nuevo proyecto en línea, contrate a un diseñador a fin de que le diseñe su web. Generalmente cuando empezamos, aprendemos a hacer de todo, lo que incluye gestionar WP o bien Blogger o bien cualquier otro gestor de contenidos. Las fotografías suelen ser de stock, dándole un resultado algo artificial o de cliché; los textos, poco persuasivos y demasiado extensos o bien muy básicos; y el diseño, una materia pendiente.

Mira mi blog post actual sobre laspara este dos mil diecisiete, te servirán de inspiración para tu nueva web.

Pero llega un momento en el que quieres dar un paso adelante. Has crecido y tu negocio empieza a progresar. Eres consciente de que un buen diseño estratégicoen tu web es esencial para vender más y crecer.

 

Back to top

2) ¿Por dónde comenzar a rediseñar una página web?

En mis proyectos de rediseño web, suelo emplear un método para extraer la personalidad de marca,definir un estilo acorde a su cliente ideal y. Los textos también son importantes. Si el diseño es clave pues retiene al usuario, un diseño estratégico con un buen copywriting hacen que una web convierta mucho mejor. Y es fundamental que dichos textos estén redactados por un copywriter.

En realidad, no se le puede llamar estafa. Eso sería un delito. Pero sí hay cientos y cientos de servicios de hosting, diseñadores y similares que emplean malas artes, engaños o trampas, inflan precios o los esconden entre tecnicismos. Miles y miles de personas y pequeñas empresas se ven perjudicadas y la mayoría ni tan siquiera lo saben.

Soy consciente de que este blog post puede levantar ampollas y crear polémica. Vaya por delante mi respeto y admiración por todos aquellos profesionales freelance de diseño web y empresas de diseño y alojamiento que sí son muy aceptables y que, además de esto, son muchos.

¿De qué manera calificar, si no es como estafa o engaño, lo que hacen algunas empresas relacionadas con el diseño web y el alojamiento o bien alojamiento?

Hay de todo. Por mi parte, no tengo ningún interés especial en denostar a unos o bien halagar a otros. Sencillamente deseo ayudarte a que tengas más información a fin de que puedas elegir con más conocimiento.

Si no tienes muy, muy claro, , entonces te animo a que veas antes ese post, donde te lo explico fácilmente.

1) Publicidad capciosa de los “grandes” del hosting

Desde anunciarse con publicidad capciosa como la de 1and1, que aseguran que tu página web sin costo estará de manera fácil posicionada en los primeros puestos de Google (patraña), y que encima tiene un coste extra al año doscientos cuarenta€ el primer año y trescientos sesenta euros después.

2) Planes “gratuitos” de ciertos hostings

… hasta el ejemplo de los planes gratis de Wix que, por servirnos de un ejemplo, poseen publicidad que únicamente puede ser eliminada al adquirir un plan Premium (muy, muy caros), como vemos en esta contestación oficial de Wix frente a una consulta al respecto…

3) Empresas de diseño web más hosting

… pasando por la típica empresa de diseño web que

• además del propio diseño ofrece hosting
• y que, no solo te cobra un ojo de la cara por el “mantenimiento” (que me definan “mantenimiento”),
• sino que además te cobra por cada modificación.
• Y, por el hosting, cobran el doble o bien triple de lo que le cuesta a él. Por el mero hecho de ser intermediario o bien por el hecho de que el pobre usuario no tiene ni la más mínima idea de lo que deberían costar estas cosas.

Aprovechándose, vamos. Esto lo veremos en el bloque 2.

¿Estás buscando una aplicación, herramienta o bien programa para diseñar y desarrollar una tienda online? ¿Quieres vender productos y servicios por Internet mas te pierdes entre tantas opciones? Sosegado, es muy frecuente (no eres el único). Yo pasé por lo mismo que hace varios años, buscando entre decenas de opciones, con lo que deseo mostrarte los pros y contras de los mejores software para crear tiendas online, si bien ya te adelanto que dependerá, en gran medida, del número de referencias que vayas a tener en tu ecommerce.

Si echamos la vista atrás unos años, los que tenían una tienda física por esa época, cuando se les aconsejaba poner una  o bien que hicieran publicidad en Internet se reían pues pensaban que no iba a servir de nada hacer una , mucho menos  para tu negocio. Hoy día todas esas personas han debido «tragar saliva» y percatarse de que hoy día el comercio electrónico (ecommerce) tiene vida propia, que es una realidad que no deja de acrecentar (gracias al ) y que es una vía por la que cualquiera pueda emprender sin necesidad de un gran capital.

Los últimos datos que ha dado a conocer la Comisión del Mercado de Telecomunicaciones (CMT) indican que las ventas en 2016 de comercio online en España han aumentado un veintitres con tres por cien , con respecto al 2017 (rozando los 22.000 millones de euros). Pese a la crisis y del descenso del consumo los números del comercio on line no dejan de crecer y las compras en internet van aumentando a medida que la oferta de productos aumenta, puesto que los usuarios se van habituando a este sistema de compras y le va perdiendo el temor al mismo.

¿No conoces a absolutamente nadie que, de súbito, descubra las comodidades que ofrece Internet y se haya enganchado? Aunque acostumbra a acontecer con personas mayores, menos acostumbradas a este ecosistema digital, eso no desea decir que no pase con los más jóvenes. Al final, se trata de una manera diferente de comprar, sin moverte de casa o directamente a través de tu móvil, por lo que hay que crear una plataforma ecommerce graduable a todos y cada uno de los dispositivos.

Elige una plataforma para montar tu tienda online que te deje a los usuarios acceder desde cualquier dispositivo.

Back to top

1) Tutorial para el diseño de Webs Adaptativas 

Back to top

2) Introducción

Estamos inmersos en lo que se ha venido en llamar "la Sociedad de la Información, el Conocimiento y la Comunicación", en este sentido, toma relevancia el acceso a la información desde cualquier medio. El uso de medios móviles como las Tabletas Digitales y Teléfono Inteligentes ha proliferado en los últimos años, siendo la mayoría del acceso a la información a través de internet mediante el uso de navegadores incorporados en estos dispositivos móviles.

La función principal de un navegador es visualizar las páginas de un sitio. Esto hace preciso que los portales o sitios webs estén diseñados de tal forma que tanto la presentación de la información como la navegación a través de la misma sea lo más cómoda posible, rápida y con visualización admisible.

Como los distintos dispositivos para el acceso a la información disponen de pantallas de distinto tamaño, se presenta un hándicap en el momento de visualizar las páginas webs y conseguir una visualización aceptable. 

Para solucionar este inconveniente existen múltiples soluciones: web adaptable, web móvil, aplicación móvil y web app. Aquí nos centraremos en el diseño de una web acomodable.

El objetivo de esta guía didáctica es facilitar el diseño de webs adaptativas a los alumnos de informática y  diseñadores o bien creadores de páginas web.

Una web adaptable es aquella donde las páginas webs se amoldan al tamaño de la ventana del navegador o bien al medio en el que se muestran (smartphones, tablets, smart tv, PC de sobremesa, portátil, etcétera para una correcta visualización. 

Nuestra web deberá amoldarse a las  distintas resoluciones de los dispositivos donde se van a mostrar.
Fijándonos sólo en el ancho de la pantalla, podemos resumir las resoluciones en 3 grandes grupos:

1. Inferiores a 480px 
2. Entre 481px  y 768px 
3. Desde 769px hasta un máximo de 1232px 

Utilizando apropiadamente los recursos que nos ofrecen  HTML5 y CSS3 podemos diseñar webs más o menos amoldables.

Para obtener webs 100 por ciento amoldables tendríamos que apoyarnos además, en lenguajes para entornos webs como JavaScript, php, jsp, etcétera Estos lenguajes disponen de instrucciones para advertir de forma más precisa la resolución de los dispositivos y proceder en consecuencia.

Back to top

3) Recursos HTML5

El recurso más importante que nos ofrece HTML5 para nuestro diseño adaptable  es: 

Como todos sabemos, la usabilidad web y la experiencia de usuario son temas poco a poco más comunes en el desarrollo web, en tanto que es indispensable que el diseño esté siempre orientado y pensado para y por el usuario.

Y es que, es inútil diseñar una web muy atractiva estéticamente o muy sorprendente si exactamente la misma no tiene un funcionamiento claro, veloz y fácil para el usuario.

La tendencia actual, se orienta hacia la creación y diseño de webs minimalistas, con espacios limpios y una usabilidad intuitiva, práctica y fácil (esto es, del estilo de las Aplicaciones actuales). De esta forma se puede obtener un diseño atrayente y/o impactante y además ofrecer una usabilidad web plena a los usuarios.

Para desarrollar un sitio con una usabilidad web inmejorable y que la página sea todo un éxito, son precisos, una serie de pequeños ajustes que pueden representar grandes avances para exactamente la misma.

Quizás éste completo y detallado artículo sobre te resulte útil para conocer más sobre esos pequeños ajustes y aspectos que debes tener en cuenta para mejorarla en tu sitio.

Pero ya antes, deseo hablarte del origen y evolución de ciertas indicaciones de usabilidad general y usabilidad web más esenciales, a lo largo de las 2 últimas décadas, ya que por muchos cambios tecnológicos que hayan producido, dada la lógica y flexibilidad de estas directrices, continúan en el tiempo casi íntegras.

Back to top

1) Evolución de las directrices de usabilidad web en las 2 últimas décadas

Desde hace ya cierto tiempo, Norman Nielsen Group en su Weblog de noticias y artículos viene realizando publicaciones periódicas con actualizaciones sobre un artículo original que publicó (cofundandor del grupo Norman Nielsen junto a Donald Norman y Líder de la Usabilidad web a nivel del mundo del mismo modo que este último), allá por el 96, y que todavía prosigue siendo la guía básica de referencia con los fallos más comunes en cuanto a usabilidad web en la mayoría de páginas (es decir, lo que no hay que hacer si quieres tener una adecuada usabilidad web en tu lugar).

Esto es debido a que las indicaciones y criterios que analizó en sus estudios del comportamiento de las personas en comparación con uso de sistemas informáticos eran bastante generales y las reflexiones tenían una lógica o bien argumento, que trascendía y trasciende más allá de los avances técnicos producidos en los últimos 20 años y los nuevos sistemas digitales de que disponemos.

Y es que, aunque la usabilidad, está íntimamente a la tecnología y el estudio de sistemas y su empleo por la parte de los usuarios, también está íntimamente relacionado con la psicología.

En el proceso de desarrollo de tu futura página, la atinada elección al contratar la compañía de desarrollo de el sitio web, o desarrollador web independiente, para que haga realidad la estrategia de tu empresa en Internet, es clave y, probablemente, una de las inversiones más importantes de tu negocio.

¡Calcula el presupuesto de tu web en un minuto!

En un minuto vas a saber el presupuesto de tu página, sin esperas, sin abonar de más y solo con lo que realmente precisas para lograr los objetivos de tu empresa.

A la hora de captar talento, por la parte de una compañía, para desarrollar cualquier tipo de proyecto comercial, muchos responsables de la compañía presumen de sus habilidades, y también intuición, para lograr que los mejores profesionales trabajen para ellos. Mas la verdad es que, acertar absolutamente al contratar la empresa de desarrollo de el sitio web, es mitad conocimiento preciso de lo que precisas y, no lo voy a negar, mitad suerte. Digo que «la mitad es suerte» puesto que todo se fundamenta en probabilidades. Siempre y en todo momento tratamos de cubrir todos y cada uno de los aspectos, a fin de que la experiencia con ese desarrollador web sea positiva, mas el desarrollo de la página puede variar por varios factores.

Supongo que ya has leído algún artículo nuestro referente a los y los criterios de selección, así como los . Si es de esta manera, seguramente tengas una base más firme para seleccionar y contratar la compañía de desarrollo de la web con muchas más probabilidades de acierto.

Ahora bien, también es cierto que, en el momento de contratar la empresa de desarrollo de la web, o un desarrollador web independiente, el cliente acostumbra a cometer muchos errores, algunos muy básicos. Principalmente esto se debe, conforme mi punto de vista, al mal comprensión de las funciones de un desarrollador web. Por eso voy a aclarar qué deberías aguardar de sus servicios.

Back to top

1) ¿Qué hace la compañía de desarrollo de la página web?

Al contratar la empresa de desarrollo web, se hace para desarrollar el estilo de la página web, esto es, es quien define las formas, los colores, la distribución del espacio. Se puede decir que es quien diseña y monta el sitio web. Nada más. Presta atención a esta definición, porque es posible que tuvieses otra idea en la cabeza.

Es decir, que un desarrollador de webs no programa la página web, ni hace cambios a nivel de programación. O bien, cuando menos, no es algo que habitúen a hacer, aunque siempre y en toda circunstancia puede hacer desarrolladores web que se hayan formado también en programación web.

Back to top

1) ¿QUÉ PRECIO TIENE UNA WEB EN WORDPRESS?

En este blog post me propongo explicar qué costo tiene una página web en WP, o mejor dicho, el rango de precios que puede tener, dándote información suficiente para que saques tus conclusiones antes de solicitar presupuesto.

Hace un tiempo escribí un blog post completísimo sobre los costes de una web normalmente, lo que cuesta hacer una página web. Mas no era para una específicamente diseñada con Wordpress, sino más bien más general.

En ese blog post charlaba de que el presupuesto dependía mucho del tipo de proyecto; de si escogías un diseño con Wordpress o bien un diseño web personalizado (programación desde 0 en código HTML, javascript, etc.), etc. Aunque siempre y en todo momento te recomendaré WP, estaría bien que echaras un vistazo a otrasantes de solicitar precio.

1.1) ¿Necesitas presupuesto para tu web en WordPress? Solicita una cita sin cargo.

Hoy vamos a centrarnos en cuánto te puede costar el diseño web en WordPress. O bien, mejor dicho, entre cuánto y cuánto.

Pero en este artículo no únicamente vas a hallar los precios de un lugar diseñado con WP que puedes aguardar localizar en cientos y cientos de páginas, sino más bien también muchos consejos para asistirte a decidir qué es lo que más te resulta conveniente ya antes de pedir presupuesto. Por esta razón, el post es bastante largo. Espero que sepas excusarme.

1.2) EL PRECIO DE UNA WEB EN WORDPRESS BIEN HECHA NO PUEDE SER GRATIS O BARATO.

A ver, si deseas un lugar en WordPress como hobby, un weblog simple, algo para salir del pasoy que te hagan rápidamente, entonces no tienes que invertir demasiado. En esos casos, desde entonces que un presupuesto en torno a los € está bien, siempre y en todo momento y cuando

1.2.1) Huye de costos o presupuestos asequibles de diseño en WP. Te pueden salir carísimos.

• el diseño cumpla con unos mínimos estándares
• y te cerciores de que el diseñador o la empresa que efectúa tu desarrollo web te facilita todas y cada una de las claves de acceso o estarás en un lío sin siquiera saberlo. Después te hablo más sobre esto.

Pero si quieres un sitio que te dé resultados (es decir, en último término, ventas), entonces sí: escapa de los presupuestos asequibles de diseño web.

Diseño web – definición: Se define diseño web como la actividad que consiste en la planificación, estructuración, diseño e implementación de un sitio. No es sencillamente una aplicación del diseño convencional sobre Internet, como hacerlo gráfico para expresar estéticamente la identidad visual de la organización, puesto que  factores como la usabilidad, la arquitectura o estructura de la información y la experiencia del usuario son requisitos a tomar en consideración desde las primeras etapas del proyecto.

Por lo precedente, el diseño web consiste en hallar un término medio entre la estética y el desempeño, un lugar lo suficientemente atractivo como para que el usuario no salga corriendo y que además cumpla con unos requerimientos de usabilidad, funcionalidad, estructura y navegación que permita a los usuarios localizar lo que están buscando y a la empresas cumplir sus objetivos.

Back to top

1) Programas de diseño web

Técnicamente, existen múltiples formas y programas de diseño web para llevarlo a cabo:

• Mediante la creación directa en código HTML.
• Mediante programas como Dreamweaver o bien Microsoft FrontPage.
• El diseño web que emplea de manera directa lenguajes de programación del lado del servidor como ASP.NET, JSP, PHP
• O el más popular, que es utilizando un sistema CMS (sistema de gestión de contenidos), que permite independizar el diseño web del contenido como tal, permitiendo así al diseñador web la posibilidad de gestionar o bien dirigir el contenido de forma separada e independiente del diseño web propiamente dicho.

El CMS más popular es WordPress, dado que es el más funcional y preparado para la mejora de la visibilidad de la página web en los resultados de búsqueda en Google, Bing, etcétera En los siguientes enlaces tienes mucha más información sobre WordPress y CMS.

Back to top

2) Precios diseño web 

No es el fin de este  tutorial de diseño web hacer una disertación sobre los costes del diseño profesional de páginas web. Solamente hacer ciertas aclaraciones al respecto. Además de la variedad de costes en el mercado, que dependen de múltiples factores, el diseño web y su coste en ocasiones no son acordes con el resultado. Primeramente, para poder analizar si el costo de un diseño web es apropiado, hay que tener en cuenta al menos 2 factores: