martes, 19 de abril de 2016

10 pautas para un diseño web efectivo y amigable al usuario

Un sitio web bien diseñado debe provocar placer al ser visitado.
Debe capturar la atención de sus usuarios, ser fácil de usar y lograr que dichos usuarios contraten el servicio o compren el producto que se está ofreciendo. Además, refleja el interés que la empresa o negocio tiene por sus actuales y futuros clientes. Y tenga por seguro que todo eso se verá reflejado en el posicionamiento...
En este artículo tratamos de explicar cómo se debe diseñar un buen sitio web.

10 pautas para un diseño web efectivo y amigable
1 - Diseño sencillo para el usuario
Un buen diseño es a veces hasta obvio, no debe necesitar de explicaciones para su uso. Debe tener una estructura sencilla y facilmente navegable. Si se tienen muchas categorías, todo debe estar muy ordenado y de fácil acceso. Evite los callejones sin salida. Un buen sitio web debe verse en todos los navegadores existentes de uso normal.
Evite las páginas "splash", esas que sólo dicen "Ingresar" luego de una horrorosa e interminable película en flash...
Evite usar sitios externos en donde el usuario tenga que registrarse para ver algo (fotos, texto, lo que sea)
2 - No complicar la venta con artilugios complejos
Un usuario no está dispuesto a perder su tiempo con estructuras complejas, necesidad de plugins para ver cosas o un sin fin de explicaciones técnicas. Si sus productos o servicios requieren de este tipo de explicaciones, brinde al usuario la posibilidad de elegir verlas con un desplegable, nada mas.
En 3 o 4 pasos ese usuario debe estar contactándolo si le interesa el producto o servicio.
3 - Tratar de captar la atención del usuario
Si en su sitio o página web está ofreciendo un producto por tiempo limitado, oferta especial, etc. use su sitio para enfocar la atención del usuario en ello, no use un banner o una ventanita pop up para hacerlo.
4 - Diseñar el menú efectivamente
Si cuenta con varias secciones en su sitio web, procure que el menú las muestre de forma efectiva y sencilla. El menú principal debe estar en todas las páginas de su sitio, nunca deje páginas sin menú en donde se tenga que ir "Atrás" en el navegador...
Evite siempre que pueda el menú diseñado en flash, los buscadores no lo leen y los usuarios pueden llegar a aborrecerlo. (Al menú y a usted)
Cuente con un "Mapa del sitio", los usuarios perdidos estarán agradecidos...
5 - Presentar buenos contenidos y de forma categorizada, ordenada
Los contenidos lo son todo, buenos textos sin faltas de ortografía ni gramática y buenas imágenes de calidad hablan del interés y hasta del respeto que usted tiene por el usuario. Un sitio web con contenidos mal escritos y fotos mal hechas le estarán diciendo al usuario "me importa muy poco que esté aquí, esto es lo que hay, si no le gusta... visite otro sitio"
Además, los textos son justamente lo que los buscadores leen, piénselo...
Si su sitio web tiene buenos contenidos, no trate de presentarlos a todos en una sola página que parece nunca terminar (páginas sábana), categorice y organice su sitio en secciones bien claras y navegables.
6 - Simplificar o al menos no complicar las cosas
Los usuarios están buscando información, quieren ver si su servicio o producto les sirve para comprarlo. Si su página web no les da lo que buscan, se van de inmediato. No complique las cosas con tecnologías complejas que requieren de plugins, flash o procesos complejos.
IMPORTANTE: Nunca presente un producto en donde el usuario tenga que bajar un programa específico para poder verlo...
7 - Usar espacios efectivamente
Hacer uso del espacio de un sitio web no significa poner todo lo que se pueda y todo apretado !!! El usuario necesita "respirar" y para ello es necesario que existan espacios en blanco. Muchas veces y por varios motivos hay que dar un click en un espacio en blanco para que la rueda del mouse sea útil, realmente es muy molesto no encontrarlos...
Pero principalmente se trata de brindar al usuario contenidos bien estructurados y agradables a la vista y el uso. Eso es arquitectura informacional.
8 - Comunicar con efectividad
Cuando use un sitio web para comunicarse como herramienta visual procure revisar los contenidos y su diseño para lograr comunicar lo que quiere de forma efectiva y clara. Trate de ser distintivo a la hora de hacerlo y ponga énfasis en lo que desea remarcar.
9 - Usar formatos familiares
Se trata de "pequeños" detalles como la ubicación de menúes, cajas de búsqueda, enlaces, etc. en donde el usuario los encuentre con facilidad porque son comunes a todo sitio web. También del uso de frases comunes como "Buscar", "Contacto", "Acceso usuarios o log-in", etc.
El usuario ya tiene procesados (previamente a conocer su sitio) ciertos lugares en donde encontrar estos elementos y le resulta familiar que justamente estén ubicados ahí. Si usted mantiene esas ubicaciones logrará que todos sus usuarios conozcan mejor su sitio y les será aún mas fácil navegarlo.
10 - PT - PR: Pruebe temprano - Pruebe Regularmente
Probar el rendimiento de su sitio web con usuarios reales que no estuvieron involucrados en el diseño es muy importante. Amigos o familiares pueden convertirse en sus "conejillos de indias" (mi esposa lo es...) y muchas veces le harán ver aspectos o errores que nadie vió por considerarlos como obvios.
Cuánto menos sepa del uso de un sitio web y hasta del uso de computadoras, mejor será su "tester" !!!
Si alguien que nunca navegó un sitio web logra contactarse con usted a través de su formulario de contacto, solicitar información de algún producto y comentarle la experiencia como "fué facil, disfruté de los contenidos y me divertí al hacerlo" su sitio web es perfecto !!!

9 consejos en la creación de un sitio web

1. Comprende los objetivos de tu página web:

Muchacho al computadorAntes de comenzar a pensar en el diseño, es necesario definir las metas que estableciste para tu sitio. Estas te ayudarán a entender los requisitos técnicos y el mensaje general que quieres transmitir en tu página web. 

2. Inspírate:

Plantillas web personalizablesUn consejo importante en esta etapa es que pases una buena cantidad de tiempo investigando. A medida que comienzas a imaginar cómo quieres que funcione tu página web, te recomendamos que hagas un tour por la web y te dediques a visitar sitios relacionados y no relacionados con tu industria. Toma nota de lo que te resulte impresionante en términos de diseño y de rendimiento, y piensa en cómo puedes adaptarlas para tu propia página web.

3. Crea un mapa detallado del sitio:

Mapa de SitioEste es un paso muy importante en el proceso. Asegúrate de tomarte el tiempo necesario para diseñar tu mapa del sitio, ya que será el encargado de desglozar la arquitectura de tu página web y guiarte a través del diseño. 

4. Define tu estilo:

Elementos de Diseño en el EditorAhora que tienes los objetivos y la estructura definidos (y después de que tu investigación a fondo te haya hecho descubrir las últimas tendencias en diseño) es hora de pensar en el diseño más detallado de tu página web. Esto incluye la combinación de colores, la elección de la tipografía, el diseño de la cabecera, el uso de elementos como las formas, vectores, ejemplos, etc.

5. Planea tu uso de imágenes:

Las imágenes son críticas para la mayoría de las páginas web, así que es mejor planificar por adelantado cómo deseas utilizarlas en tu diseño. ¿Dependerá tu sitio en gran medida del contenido visual? ¿Subirás imágenes con frecuencia? ¿Tienes fotos de alta resolución? Estas preguntas determinarán qué tipo de visualización de imagen es la más adecuada para tu sitio y te ayudará a elegir y diseñar estilos de galerías.

6. Elabora los textos de antemano:

A veces, el contenido textual puede influir en el proceso de diseño. Lo mejor es que prepares los textos que piensas utilizar antes de que realmente comiences la construcción del sitio. 

7. Añade elementos de diseño:

ahora ya es el momento de añadir el toque decorativo que le dará a tu sitio un aspecto único. Comienza con aquellos elementos de diseño que aparecerán en todas las páginas (Por ejemplo: el logo y la cabecera fija, la imagen estática de fondo, el diseño del menú de navegación, etc.), y luego continúa por agregar aquellos elementos que sean singulares a cada página (cuadros de texto, galerías de imágenes, enlaces a redes sociales, etc.).


9. Sube contenido:

Cambiando imágenes desde el editor¿Recuerdas todas esas imágenes, textos, videos y sonidos que habías preparado con antelación y para los que has trabajado tan duro? Todo eso irá al editor ahora. Después de completar este paso, deberás evaluar si el contenido funciona bien con el esquema de diseño que has creado y hacer los ajustes que creas necesarios.



PASOS DEL DISEÑO WEB


LOS 8 PASOS DEL DISEÑO WEB




Los pasos:
Entienda cual es el enfoque que tendrá el website.
Que especificas características quiere en el website.
Cree una lista de secciones para su website y deles una jerarquía por importancia.
Escriba el contenido y dele una conclusión.
Encuentre un estilo y una apariencia que encaje en su website y los requerimientos de la industria.
Construya el website.
Evalué el website y haga los cambios/actualizaciones requeridas.
Lanzamiento-registre el dominio, encuentre un host, upload el website.

1. EL FOCO DE EL WEBSITE



Esta es la primera cosa que usted quiere definir claramente antes que de tomar cualquier acción. Usted necesita decidir cual es el propósito del website- cual es foco en términos del objetivo.
Es importante definir este paso tan claramente como sea posible, porque el foco del website tiene el mayor impacto en todo el proyecto; este define los cimientos de el sitio.
Por ejemplo:
Un almacén oline.
Manejo de información para clientes establecidos.
Comercialización y nombre del sitio.

2. CARACTERÍSTICAS ESPECIFICAS DEL WEBSITE



Colocar en detalle lo que se definió en el primer paso, usted mira las características que usted necesita implementar. Por ejemplo:
Un shopping cart para el almacén online
Un password para proteger esta sección del website
De nuevo, si esto tiene mas detalles será mejor.

3. DEFINA CUALES SON LAS PRINCIPALES SECCIONES DE EL WEBSITE



Con los primeros pasos concluidos, usted esta listo para empezar definiendo cuales son las principales secciones de el website; puede pintar rápidos diagramas de el website.
Mediante un diagrama se puede ver la jerarquía del website y como las secciones del sitio se relacionan entre si.

4. ESCRIBA SU CONTENIDO DEFINITIVO



Esta parte usualmente se deja para el final; y esa es la razón por la que mucha jente resulta preguntandose por que tuvieron que devolverse a repensar acerca de la estructura del sitio.
Todos los websites son manejados por su contenido; esto es lo que hace a un sitio efectivo y exitoso. Por lo tanto esta parte del proceso es muy importante, y usted necesita poner bastante atención a esto.

5. ENCUENTRE UN ESTILO / APARIENCIA PARA EL WEBSITE



En esa fase del proceso, usted esta listo para definir el aspecto visual del sitio-el diseño. Usted tiene algunas opciones:
Contrate un diseñador grafico/ Diseñador web
Cree su propio diseño– asumiendo que usted tine algo de artista y experiencia en diseño.
Compre un template para website y ahorre tiempo y dinero.

6. CREE EL WEBSITE



Si, yo se que puede parecer imposible pero usted ahora si puede finalmente empezar a crear su website en este punto!
Con las preguntas de arriba respondidas y los pasos completos, usted encontrará el proceso de crear el website (realmente escribir el código,) es mas fácil y usted reducirá la posibilidad de tener que regresar y rehacer cosas.

7. EVALUÉ EL WEBSITE, HAGA LOS CAMBIOS REQUERIDOS / UPDATES



Una vez usted ha creado el website, usted debería descansar por un día o dos. Esto le permitirá regresar y evaluar con los ojos frescos. Es buena idea que alguien que no haya trabajado en el sitio tome una mirada también.
Aquí hay algunas cosas que usted debería mirar:
Limpios y fáciles los updates diseño/estructura.
Buena funcionalidad en el diseño y todo lo que eso implica.
Rápida carga de las páginas 'light'.
Inteligente uso de la tecnología - Usando Flash pero si esto tiene sentido y no porque usted desea una llamativa entrada!
El website tiene la habilidad de dar el mensaje/significado del sitio rápidamente si no instantáneamente.

8. LANZAMIENTO– REGISTRE UN DOMINIO, ENCUENTRE UN HOST, UPLOAD EL WEBSITE.



Si usted terminó los pasos 1 a 7, usted sabe que está listo para mostrar al mundo su website. Todo lo que resta es el lanzamiento:
Registre un dominio
Encuentre una compañía host

Seis etapas en el desarrollo Web




En el desarrollo de un sitio Web hay seis etapas clave, comenzando con la investigación del proyecto en el que se establece el modelo de negocio a través de la página Web.
Estas etapas no siempre son secuenciales.
Durante cada una de las etapas del ciclo de vida, las empresas deben ser  conscientes de la necesidad de consolidar los contenidos.
La consolidación puede mejorar la experiencia del usuario mediante la simplificación de la recuperación de recursos al tiempo que reduce los costos de desarrollo y mantenimiento.
Todo se encuentra centrado en definir los objetivos.

Construir las ideas y preferencias de la empresa para establecer metas alcanzables en el sitio Web.




El acto de la creación y puesta en marcha para un sitio Web no es lineal. Como en la ejecución de cualquier proyecto, muchas etapas se desarrollan en paralelo y algunas instancias implican volver atrás.
A diferencia de un documento registrado en otro soporte, un sitio Web no se concluye, registra y distribuye, por el contrario; permanece en un lugar lógico, presentando información, crecimiento, actualizándose o des actualizándose.
Un sitio Web es un ser vivo, nunca se culmina y esta característica incide en el proceso de su creación.
Investigación
La investigación debe considerar la cartera de Internet entorno al sitio Web propuesto. Las oportunidades de consolidación son consideradas con base en su contexto.
Una revisión de sitios similares, así como el material de marketing existentes pueden ayudar a identificar un estilo para el diseño.
Planificación
Cuando se planifica un sitio Web, se debe considerar:
·         Entender a su audiencia y sus necesidades actuales y a futuro.
·         Definir claramente el propósito del sitio Web
·         Asignar los temas y contenidos que le gustaría cubrir
·         Decidir cómo se llamará el sitio
·         Comprobar la disponibilidad del nombre de dominio y registrarlo
·         Hacer un análisis de lo que otros sitios han hecho
Arquitectura del sitio y contenido
Con base en las preferencias del contenido se crea un mapa de la arquitectura del sitio para demostrar visualmente cómo se organizan el contenido y la estructura del sitio.


Diseñar, construir y hacer pruebas
Propuesta de diseño web y definir "qué te transmite a través de lo que ves."
Una vez establecido el diseño final del sitio y el contenido, se incorporan fotografías y todo el diseño gráfico para complementar el sitio Web.
En esta etapa la estructura del sitio se encuentra desarrollada y en fase de prueba por los usuarios y grupos de interés por parte de la empresa.
El sitio Web se ha lanzado y se encuentra trabajando en vivo.
Operar, mantener y evaluar.
En esta etapa el sitio Web es controlado y en constante mantenimiento para posibles mejoras. Se procura obtener informes sobre el rendimiento, para asegurar que el sitio Web sea un éxito.
Uno de los elementos del plan de mantenimiento debe ser la evaluación periódica del sitio, esta evaluación podría dar lugar a una decisión de mejora o reconstrucción total de la misma.
Una correcta evaluación puede dar lugar a la consolidación de los contenidos y por ende del sitio, por otro lado, también puede determinar poco rentable la operación.

Después del lanzamiento
Se recomienda  una agresiva campaña de marketing a través de motores de búsqueda para obtener una clasificación pronta, además de programas de mantenimiento periódico sobre el sitio.


Para definir todas las partes de la estrategia hay que emplear las metodologías que se consideren convenientes que sirvan para analizar el contexto, la competencia, las oportunidades, nuestras posibilidades técnicas, nuestro posible público objetivo… y emplear estos datos para confeccionar una estrategia sólida.

OBJETIVO U OBJETIVOS:

Una página web debe reportar algún tipo de ROI (retorno de inversión). Ha de ser coherente con las técnicas empleadas para conseguir tráfico a esta página. Este es el punto más importante, siempre hay que preguntarse como se amortiza una web. Siempre hay una manera de sacar beneficios directos o indirectos de una página web.Deben ser objetivos concretos y medibles.
Ejemplos de objetivos:
– Venta online.
– Conseguir una base de datos de contactos
– Conseguir suscripciones por email
– Difusión de información (potenciar el boca a boca)
– Dirigir el público a un perfil social
La difusión de los valores de la marca ha de ser una meta siempre presente en cualquiera de los ámbitos en los que sea pertinente su uso. La personalidad de la marca entiendo que debe estar definida previamente y afectará intensamente al fondo y forma de la comunicación.

PÚBLICO OBJETIVO:

El público al que nos interesa dirigirnos. De este dato dependen aspectos como el estilo del diseño, el tono de la comunicación, características de los contenidos… Internet como medio nos permite una segmentación cualitativa muy precisa.

DISEÑO Y CONTENIDO.

Definiremos las acciones concretas (tácticas) que llevaremos a cabo para conseguir pequeñas metas que conduzcan a la obtención de los objetivos finales. En el caso de una página web que en sí es una herramienta de marketing será la definición concreta del aspecto, contenido y funcionamiento de la página, es decir, la creatividad.
Creatividad de la página. Arquitectura y diseño web:

TEXTOS (COPY):

Contenidos y su estructura. Esto incluye la redacción de los textos y su presentación en las diferentes secciones, apartados o páginas de la web. Dentro de esta sección hay que prestar atención al SEO, ya que serán importantes detalles como el uso de palabras clave de forma coherente en los textos. diferencias entre las versión para móviles y sobremesa…

DIRECCIÓN DE ARTE:

Definición de estilo, imágenes, ilustraciones, elementos gráficos, referencias, maquetación, consideraciones sobre la adaptación del diseño para diferentes dispositivos…

EXPERIENCIA DE USUARIO:

Marcar los caminos desde la entrada del usuario a la conversión (conversión es el momento en el que un objetivo se cumple). Como llevamos al usuario desde el punto en el que entre en nuestra página (puede ser una entrada en el blog, puede ser la página de inicio, puede ser una landing page de una campaña de SEM…)En esta parte de la estrategia ya habrá definido un mapa web de contenidos, estarán redactados los textos y estarán elaborados los bocetos pertinentes, con indicaciones sobre la experiencia de usuario que servirán de guía para que el programador realice la página web. Pasaríamos entonces a la siguiente fase, la ejecución.Una parte muy importante a tener en cuenta es la fuente o fuentes de tráfico.Es muy importante tener claras las técnicas de SEM, SEO, SMO, email marketing… que conseguirán las visitas nuestra página. Hay que tener muy en cuenta la forma en la que llegará el usuario. Habrá que adaptar totalmente la página a estas técnicas.