¿QUÉ PROCESO HAY QUE SEGUIR PARA CREAR UNA WEB?

Durante el proceso de creación de tu página web pasaremos por distintas etapas para elaborar el diseño que mejor se adapte a ti.

INVESTIGACIÓN

En esta primera etapa de diseño vamos a recopilar la mayor información posible. ¿Qué el lo que necesitas para tu web? ¿Cuáles son las cosas que te diferencian de la competencia? Con la información que obtengamos vamos a determinar que puntos fuertes puedes ofrecer a tus clientes.

¿Cómo elijo un dominio? Nosotros te ayudaremos según la estrategia

Pero para realizar este punto vamos a necesitar tu ayuda, tu eres el que mejor conoce tus servicios y tus clientes, y al juntarlos con nuestros conocimientos sobre el sector crearemos el diseño óptimo para tu web.

PLANIFICACIÓN

Con toda la información que tenemos lo primero es planificarnos, de esta manera llegaremos a cumplir con el objetivo de una forma más efectiva. Decidiremos que tipo de tecnologías necesitas (HTML, WordPress, Prestashop…) Planificaremos todos los aspectos técnicos y funcionalidad que necesites para tu negocio.

Si no sabes que tecnología necesitas, nosotros te asesoramos

ARQUITECTURA Y CONTENIDO DE LA WEB

Crearemos la estructura de tu web acorde a la usabilidad (UI) y la experiencia del usuario (UX). La usabilidad hace que el cliente pueda encontrar rápidamente la información que busca, sin tener que estar investigando por toda la web. La experiencia de usuario es qué experimenta el usuario durante todo el proceso de visita, hay qué darle al usuario lo que este necesita.

DISEÑO DE LA WEB

Estaremos un poco más cerca de tener una gran web. Ahora con toda la información que tenemos vamos a crear del aspecto visual. El diseño lo creamos acorde a la imagen de marca y de los valores e información que vamos a transmitir. De esta manera tu marca cada vez será más reconocible

En las 12 en Punto también hacemos diseño gráfico, por lo que no te preocupes si quieres unos iconos personalizados

ÚLTIMOS DETALLES

La páginas web es un gran paso para un negocio, pero necesita un mantenimiento para poder ser lo más efectiva posible. Ofrecemos packs de mantenimiento para que tu web esté actualizada en todo momento.

¿Y DESPUÉS QUÉ?

La páginas web es un gran paso para un negocio, pero necesita un mantenimiento para poder ser lo más efectiva posible. Ofrecemos packs de mantenimiento para que tu web esté actualizada en todo momento.

¿Qué es el diseño responsive?

El diseño responsive también es llamado diseño adaptativo. Es una técnica de diseño web cuyo destino final es que la web pueda ser visualizada en distintos dispositivos con distintos tamaños de pantalla.

Hace unos años, cuando esta técnica no era posible, se creaban dos tipos de web, una para ser visualizada en ordenadores o portátiles y otra para ser visualizada en móviles. Conforme ha ido pasando el tiempo podemos encontrar que los tamaños de pantalla cambian y se han creado nuevos dispositivos con acceso a internet como las tablets o los libros electrónicos, por eso tener una web que se adapte a todos ( o la mayoría de los dispositivos es esencial).

Tener una sola versión de web nos puede aportar beneficios, hace que el coste de producción disminuya. Además los esfuerzos en posicionamiento de la web en buscadores se centran también en una sola página. Además Google ya da preferencia en sus rankings a aquellas webs que están adaptadas. Otra gran razón para tener el diseño Responsive son las redes sociales, si no…¿Qué link compartirías? ¿El de la web para ordenador o la web para móviles?

¿Cómo se hace el diseño responsive?

Pues en realidad no es tan fácil. Se suele jugar con tamaños en porcentajes, pero no es tan sencillo, ya que algunas tecnologías no se visualizan bien en móviles dependiendo del modelo, marca o sistema operativo que este utilice.

Además cada modelo puede llevar una resolución mayor o menos y esto puede afectar a cómo se verá en cada dispositivo.

Se utilizan los estilos CSS para poder solucionar estos problemas, aunque en ocasiones la mejor solución es eliminar ciertos elementos decorativos en los dispositivos más pequeños. Eliminando efectos podemos ganar también velocidad de carga y que el usuario no tenga tantas distracciones en una pantalla pequeña, accediendo fácilmente a la información.

Es posible que después de un tiempo utilizando diversos gestores de correo, te hayas desesperado por completo tras recorrer sus infinitos menús o simplemente te apetezca cambiar a una opción que te resulte más intuitiva. Sea cual sea el motivo, esta semana os traemos esta pequeña guía sobre Mozilla Thunderbird y cómo utilizarlo.

¿Qué es Mozilla Thunderbird?

Mozilla Thunderbird es un cliente de correo electrónico creado en software libre de la Fundación Mozilla, fue lanzado el 28 de Julio de 2003 por la misma gente que desarrolló Mozilla Firefox y Filezilla.

¿Instalación?

Antes de nada, si no tienes el programa instalado haz click en: DESCARGAR, y sigue los pasos de descarga e instalación (Que no cunda el pánico, la descarga es totalmente gratuita y no tiene ningún tipo de cuotas o costes añadidos; Además la descarga es limpia, y no te instala ningún otro “programita”)

¿Cómo puedo dar de alta mi cuenta de correo en Thunderbird?

Una vez instalado, hacemos doble click en el icono que tendremos en nuestro escritorio, o bien lo ejecutamos desde su ubicación en el sistema (a no ser que hayamos cambiado la ruta durante la instalación):

Equipo/C:/Archivos de programa/thunderbird/thunderbird.exe

Antes de continuar es importante matizar que esta guía está orientada a aquellas personas que tengan un dominio (.com, .es, .net …) vinculado a un servidor propio o a un servicio que permita tener cuentas de correo.

Para dar de alta nuestra cuenta de correo y poder visualizarla desde Thunderbird debemos seguir los siguientes pasos:

2. Se abrirá una nueva ventana titulada “Bienvenido a Thunderbird” como la que puedes ver en la imagen.
Aquí debemos desmarcar la opción: “gandi.net” (Que nos daría la opción de dar de alta el dominio e incluso el hosting en su plataforma) y hacer click en el botón: “Saltarse esto y usar mi cuenta de correo existente”.

4. En este momento Thunderbird, realizará una serie de comprobaciones para verificar que la información expuesta es válida. Una vez haya terminado, nos mostrará la configuración que ha encontrado en el servidor (En este paso se nos permite configurar los valores de entrada: IMAP, POP3 y de salida: SMTP de correos, así como los puertos y otra serie de valores, de manera manual, si no sabéis muy bien a que se refieren estos valores, os recomendamos dejar los que se muestran). Por último haremos click sobre el botón: “Hecho” .

6. Todo listo para funcionar. El programa volverá a mostrarnos la pantalla inicial, en la que podremos leer las distintas opciones de nuestra cuenta: redactar, recibir, leer mensajes… (tanto en el menú superior, como en los menús de opciones que se distribuyen por la ventana).

Esperamos que ya podáis estar viendo vuestros correos a través de thunderbird, si tenéis cualquier duda, podéis escribirnos, e intentaremos contestaros lo antes posible, y si os parece bien lo publicaremos en posteriores publicaciones, para que otras personas con las mismas inquietudes puedan beneficiarse.

En las siguientes publicaciones que hagamos sobre thunderbird os detallaremos opciones de configuración, que te permitirán acciones como establecer la firma mail por defecto, gestionar los acuses de recibo, etc. Además también desarrollaremos un pequeño glosario de términos para aclarar conceptos que aparecen e irán apareciendo (Cómo SMTP, POP3, etc)

Otra pregunta, que en esencia parece obvia pero en ejecución resulta complicada. En un principio, lo mejor que nos podría pasar para contestarla, es que tuviéramos un estudio de mercado delante. Pero es muy probable que no sea así,  en cuyo caso, aparte de hacer una revisión exhaustiva de cómo funciona nuestra competencia, será conveniente intentar imaginarnos que esperaríamos encontrar nosotros mismos de la web que estamos a punto de crear.

Un error muy común es pretender tener el control sobre el usuario, es decir mostrarle lo que nosotros queremos y esperar que siga la línea que le hemos delimitado, cuando realmente las webs que mejor funcionan son las que entregan dicho control al usuario, es decir este se siente libre de navegar por nuestra web accediendo de manera flexible, rápida y cómoda a los contenidos que desea leer.

Para ilustrar un poco a que nos referimos, os ponemos un ejemplo: supongamos que tenemos un negocio de venta de electrodomésticos online, podemos ofrecer los aparatos de varias maneras y mostrar la información de los mismos de formas muy dispares. Desde nuestro punto de vista sería un error de usabilidad mostrar la información de un electrodoméstico que estamos ofertando en un párrafo de 2000 palabras en el que primero contamos la historia del fabricante, después las ventajas y desventajas que tiene el producto, luego una ficha técnica, el precio etc… tenemos que pensar que hay una probabilidad grande de que un usuario entre buscando solo el precio del electrodoméstico porque ya ha decidido que ese es el que quiere, el resto de la información, en realidad le da igual.

Entonces ¿No la ponemos?, la respuesta más acertada a nuestro parecer sería mostrar toda la información pero no de golpe, es decir podemos hacer una pequeña ficha del electrodoméstico, con la información más relevante, una imagen y su precio con un “call to action”: “AÑADIR AL CARRITO”; de manera que en total no ocupe más que una caja de tamaño medio en nuestra pantalla, y el resto de la información la podemos incluir en otras páginas que sean accesibles desde botones en la caja que acabamos de describir, o accesible desde desplegables o pop-up (ventanas que aparecen en la pantalla cuando se hace click sobre un botón concreto). De esta manera el control lo tiene el cliente, ya que sea cual sea su intención, la información está disponible de manera rápida, directa y estructurada.

Si la toda la información la mostramos enumerada en una larga lista, generamos en el cliente una sensación de pereza que probablemente le lleve a abandonar la página e ir a la de la competencia. Digamos que sería igual que querer comprar un espejo en el IKEA y tener que pasar por todas las secciones antes de llegar a la que realmente nos interesa, con la diferencia de que a nosotros toda esa información, en realidad no nos genera un beneficio.

Otro punto importante a la hora de estructurar la información en una web, es funcionar como si la web fuera un periódico o una revista (más o menos), es decir, si vamos a hablar de las ventajas que tiene la nueva versión de nuestra nueva mountain-bike, por ejemplo, podemos hacerlo de dos formas con un texto plano que hable de dichas ventajas, o con un titular con letras grandes que diga: “10 ventajas que no te puedes perder de la nueva mountain-bike”, y a continuación un listado enumerado de estas ventajas, en el que además la palabra clave de cada ventaja (por ejemplo: ligera, con amortiguación especial, etc..) este en negrita. En ese sentido tenemos que ser como una revista, titulares grandes que te informan de que trata el artículo y después el texto que el usuario se leerá o no dependiendo de si le interesa.

WordPress.org es una de las plataformas más utilizadas para la creación de Blog y páginas web, pero ¿Sabes las razones? Nosotros te explicamos 6 de ellas:

Personalización

WordPress es un gestor de contenidos (CMS) que funciona mediante plantillas, existen un sin fin de ellas con opciones y posibilidades distintas entre ellas; Por este motivo, ya sean gratuitas o de pago, las posibilidades para la construcción de tu web son infinitas, y con la cantidad de blog que existen ya creados agradecerás poder diferenciarte un poco de tu competencia y darle tu toque personal.

 Plug-in

Si necesitas funcionalidades extra para tu web, los plug-in son lo tuyo, existen multitud de ellos gratuitos para casi todo lo que se te pueda ocurrir, desde Pop-up, formularios, encuestas, para ayudar con el posicionamiento… y si no encuentras lo que buscas, siempre podrás recurrir a plug-in de pago.

Open Source o Código abierto

Esto significa que el desarrollo del gestor y de todas las herramientas que lo acompañan, no dependen de una compañía para su génesis y posterior gestión y mantenimiento. Siempre habrá desarrolladores creando cosas nuevas, nuevos plug-in, plantillas y mejoras en la plataforma. WordPress es una plataforma que se caracteriza por las nuevas ideas y la variedad de las mismas.

Actualizaciones

WordPress se actualiza con bastante frecuencia, desde el propio gestor, hasta las plantillas y los plug-in. Esto supone un enorme beneficio ya que con el tiempo se van incorporando mejoras de usabilidad, seguridad… Aunque por otra parte implica que debemos estar atentos para tener nuestra web al día, ya que en caso contrario puede empezar a dar problemas.

Hosting y dominio contratado por tu cuenta

Esto puede parecer una desventaja en un primer momento, pero en realidad conlleva bastantes beneficios. Tener un hosting contratado por tu cuenta significa que puedes elegir entre todas las empresas la que más se adapte a tus necesidades (espacio de alojamiento, velocidad, o memoria php), economía…, y lo más importante de todo, poder cambiar cuando quieras si no te convencen los servicios que te ofrecen, o simplemente llevarte tu web sin perder el dominio o el contenido y el trabajo que tan duramente nos ha costado construir.

Cambios

¿y si a partir de tu blog, decides crecer? Con WordPress será bastante fácil, solo tienes que ir creando nuevas páginas y podrás tener tu web completamente funciona, incluso como una tienda online.

El diseño responsive es el diseño web que se adapta a diferentes dispositivos y diferentes pantallas, es decir, podrás ver contenido adaptado en un ordenador y en un móvil sin problemas de visualización. ¿Y por qué es tan importante?

Mejor posicionamiento

www.consumerbarometer.com

El 21 de Abril Google realizó un cambio de algoritmo donde se empieza a premiar las web responsive.

Esto no quiere decir que si tu web no se adapta, vaya a caer puestos de manera estrepitosa, pero sí que las web que se han adaptado tendrán más posibilidades de aparecer más veces, ya que un gran parte de las búsquedas se realizan ya desde tablets y móviles.

Desde el consumer barometer, herramienta de Google, se pregunta: “¿Qué dispositivo utilizaste para buscar información, desde cualquier punto de la búsqueda hasta que elegiste el negocio?” el 70% contestó que el ordenador, pero un 33% contestó Smartphones y un 16% tablet. Esto quiere decir que hay un porcentaje de posibles clientes o consumidores que utilizan varios dispositivos para encontrar la información.

Las búsquedas en móviles y tablets ya superan el 50% en algunos países como Estados Unidos y en España los datos siguen creciendo ¿estás dispuesto a perder algún potencial cliente?

Precio

Si no tienes una web responsive y quieres llegar a todos los clientes puedes tener una web solo para móviles, una tendencia que empezó hace unos cuantos años ¿Pero es rentable? En este caso necesitarías dos diseños web y doblar tiempos en cambios de información y estrategias de SEO ¿Por qué no tenerlo todo en un mismo sitio web?

Usabilidad

Si tienes un diseño web responsive el contenido se adapta a los diferentes dispositivos, es decir los botones tienen un tamaño cómodo para que el cliente pueda pulsarlo sin problemas, las imágenes tiene un tamaño diferente dependiendo de la pantalla  y el contenido es totalmente legible sin la necesidad de hacer zoom, es decir se lo hacemos fácil al cliente, para que llegue al producto que quiere o la información que busca d ella manera más sencilla posible.

Si finalmente crees que necesitas una web responsive contacta con nosotros, cuéntanos tus necesidades y te hacemos un presupuesto a medida y sin compromiso alguno.