diseño web, HazmeWeb, Uncategorized, usabilidad / 31 marzo, 2014

Usabilidad Web

Cuando nos ponemos manos a la obra con nuestro proyecto web una característica por la que cualquier usuario debe definirlo es FACILfacil

 

Definición de objetivos

Como ya he dicho en otras ocasiones lo primero debemos pensar en la persona que va a visitar nuestra web, y una vez hemos definido a quien nos dirigimos debemos responder a unas preguntas:

  • Que necesitan?
  • Que esperan?
  • Que factores les afectan?
  • Cuales son sus aspiraciones?

 

Respondiendo a estas preguntas conocemos la necesidad de nuestros usuarios y en función de esta vamos a estructurar todo el proyecto.

Fundamentos de la usabilidad web

 

checklistAutonomía, los usuarios deben tener el control sobre el sitio web.

Los usuarios sienten que controlan un sitio web si conocen su situación en un entorno los breadcumbs y los menus resaltados nos ayudan a saber donde estamos

 Reversibilidad, la web ha de permitir deshacer las acciones realizadas.

Aprendizaje, nuestra web debe requerir  proceso de aprendizaje muy corto y deben poder ser utilizados desde el primer momento.

 Feedback a los usuarios, la web siempre ha de aportar información al usuario de manera que éstos siempre conozcan y comprendan lo que sucede en todos los pasos del proceso.

Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser suficientemente grande.

 

El diseño y la usabilidad  web

Estos dos conceptos han de ir de la mano, no debe prevalecer ninguno, pero en ese caso debemos dar prioridad a la facilidad de uso sobre el diseño. La economía tampoco ha de prevalecer sobre ninguno de los conceptos, por hacer algo en menos tiempo o con menos coste, no debemos hacer que sea mas feo o poco útil.

Cuando estamos trabajando la web desde todos los puntos de vista debe ser diseñada para el usuario, debemos intentar que sea muy fácil recordar como se hacen las cosas, usando un modelo de relaciones conceptuales es muy fácil para el usuario recordar las acciones.

Toda las interacciones de la web tenemos que intentar pensarlas de una manera practica y con el menos común de los sentidos…

Cuantos menos click y pasos tenga que dar el usuario sera mas fácil que llegue a donde quiera.

Organización de contenidos

Para la organización de contenidos se usan habitualmente 3 esquemas:

  • Esquemas alfabéticos de organización de la información (EAOI)
  • Esquemas cronológicos de organización de la información (ECOI)
  • Esquemas geográficos de organización de la información (EGOI).

Todos son buenos, pero todos son apropiados para todos los sitios. En función del tipo de contenido y la cantidad siempre elegiremos el que facilite más el acceso a la información por parte del usuario.

 

Cambios y adaptaciones 

usuario

La manera en la que vamos a saber si nuestra web es tiene facilidad de uso o no es por la respuesta que vamos a recibir de nuestros usuarios, con este feedback podemos ir implementando cambios para que cada vez sea más cómoda para nuestros usuarios.

La web es un una herramienta viva, no debemos publicarla y olvidarno, debemos analyzar los datos que nos devuelva y con ellos hacer los cambios que sean necesarios para que se mantenga viva.

 

diseño web, HazmeWeb, responsive design, Uncategorized / 27 marzo, 2014

Diseño web adaptativo, responsive web desing

 

 Responsive web design, ver bien tu web en toda los dispositivos

 

 

No es nada nuevo que cada día el acceso a internet es mayor desde los dispositivos móviles,cada vez somos más los  que navegamos  desde una tablet o móvil mientras descansas en el sofa y ve la tv, en un estado anímico muy favorable para comprar online…

Los analisisis de ecomerce indican que el volumen de compra desde estos dispositivos (smartphone y tablet fundamentalmente)  cada vez es mayor y con tickets cada vez mas altos. Por lo que hay que prestar una atención especial a esta funcionalidad.

En el video de “Video to brain”, define muy bien que es el responsive design de una manera muy gráfica.

 Valores que aporta el responsive design a nuestra web

 

Responsive Desing, diseño adaptativo

Responsive Desing, diseño adaptativo

  • Imagen Una web bien adaptada da una imagen profesional.
  • las búsquedas por smartphone en muchas ocasiones son para algo que se necesita de inmediato(cajero automático, grúa, negocio cercano...) por lo que si nuestro negocio no esta bien adaptado perderemos leeds.
  • Mejora de posicionamiento, Google valora positivamente las webs que implementan diseño adaptativo.
  • Mejora SEO, usando responsive design mejoramos el numero de visitas ya que serán siempre a las mismas URL
  • Inserccion fácil de nuevo contenido, si la web esta bien adaptada, introducir nuevo contenido será muy sencillo y se vera bien en cualquier tamaño de pantalla.
  • La usabilidad mejora, logicamente con la adaptación conseguimos que nuestra web se pueda usar perfectamente desde cualquier dispositivo.

 

Técnicas para hacer nuestra web adaptativa.

En función del uso al que destinemos nuestro proyecto web podemos elegir entre las técnicas y tecnologías para el diseño adaptativo, por ejemplo:

Si nuestro proyecto es una web corporativa, lo mas indicado es que mantenga la imagen adaptando el contenido y utilizaremos las Media Queries de CSS3

Si nuestra web lo que prima son loos motores de búsqueda y los formularios emplearemos jQuery mobile, que nos va ha garantizar que la usabilidad seguirá siendo la mejor.

Si en nuestro proyecto lo que prima es la imagen buscaremos una adaptación mediante estilos css3 adhoc para el proyecto

Es importante conocer cuales son las necesidades de nuestro proyecto para que la adaptación sea correcta siempre pensando en la experiencia de usuario.

Jquery-mobile

diseño web, HazmeWeb, Uncategorized / 24 marzo, 2014

Diseño web, Tu web como tú quieres.

web-designComo decimos siempre, tu web no es para tí, te tiene que gustar, pero tienes que pensarla para el publico al que la diriges. Antes de plantearte como sera el diseño web, analiza bien el sector al que te vas a dirigir, examina otras web similares y toma nota de lo que te gusta y de lo que no te gusta.

 

Inclusión de SEO en el diseño.

seo_azulHacer un análisis previo del sector y sus palabras clave mediante las herramientas que google nos ofrece nos aportara datos acerca de cuales son las palabras claves para nuestro proyecto.
La inclusion de parámetros SEO en el diseño de su web te ofrece beneficios como:

Velocidad de indexado: El tiempo que pasa entre la publicación de un nuevo contenido y su aparición en Google disminuye considerablemente.

Mejorar el posicionamiento para las categorías: El sitio se vuelve más relevante, permitiendo que mejoren las posiciones de las categorías.

Reduce los gastos de las campañas SEM:Si la página gana mediante SEO algunas categorías por las que se esté pagando por clic en la publicidad (SEM, Search Engine Marketing), no necesita continuar pagando por ellas, pudiendo reducir ese gasto o invertirlo en dar a conocer otros productos, lo que mejora el ROI de la campaña.

Incremento de las posibilidades de venta:La consecuencia instantánea de obtener más visitas en la web es el incremento de  las opciones de venta (leeds) con el consecuente incremento de ingresos de todo tipo.

 

Psicologia del color.

psicologia_de_color

La elección de los colores es muy importante en  el diseño web ya que determinados colores los asociamos con acciones diferentes:

El rojo llama a la acción, por lo que sera bueno utilizarlo en zonas donde queremos que el usuario haga clicks.

El azul es un color sedante, por lo que es bueno usarlo en zonas donde queremos que el usuario se quede algún tiempo.

La psicologia del color tb debes analizarla en función de tu proyecto en concreto, no es lo mejor utilizar nuestros colores favoritos ya que pueden no ser los más idóneos para la actividad que propone nuestro sitio web.

 

Usabilidad de la web.

usabilidad-webAlgo fundamental es conseguir que usar tu web sea lo mas sencillo posible:

Procura que para conseguir cualquier acción no sean necesarios demasiados click.

Que el usuario sepa siempre donde esta y sea posible volver al inicio en un click.

Sigue todas las pautas que tu proyecto te lo permita y piensa siempre como usuario de la web.

Tecnologia web.

A la hora de elegir la tecnología que vamos a utilizar en el diseño y desarrollo de la web debes tener en cuenta que es lo que requieres de tu web, si es un ecomerce, si es una web corporativa, si es un blog. Para cada tipología existe una tecnología más adecuada. Después ten en cuenta cual es el diseño que quieres ya que has tecnologías que se adaptan mejor que otras a determinados diseños.

Si has elegido hosting, antes de lanzarte a comprar una plantilla mira primero que tecnologías y versiones soporta tu alojamiento ya que te puedes encontrar con incompatibilidades  que te hagan tirar dinero.

 

En conclusion , prepara una lista en la que vayas chequeando los hitos a tener en cuenta y acuérdate siempre de ver desde tu proyecto desde el punto de vista del usuario mas que de el diseñador.

Logo

 

diseño web, HazmeWeb, Uncategorized / 20 marzo, 2014

Empezar con tu web, proyecto online.

Antes de empezar a pensar en tu web

 

Idea
 

Partiendo de tu idea tienes que tener claro a quien vas a dirigir esta idea, intenta saber como sera el usuario o cliente de tu proyecto, tu proyecto no es para ti, es para este usuario o cliente. Cuando tengas esto claro, ponte a buscar toda la información que puedas acerca de proyectos similares que serán tu competencia. Hoy es muy difícil encontrar un proyecto que no exista, pero la innovación no solo debe estar en la idea, esta también en la manera de llevarla a cabo, en la manera de gestionarla y en la manera de relacionar tu proyecto con tu usuario/cliente.

Previo a empezar con el proyecto web, el dominio y el Hosting.

Dedicar un poco de tiempo al nombre que vamos a usar para nuestro proyecto online sera buenos para elegirlo bien. Es importante que el nombre defina tanto la empresa como la actividad a la que vas a dedicar tu proyecto. Intenta que tu nombre sea lo menos común posible, ya que cuanto menos conocido sea más fácil resultara que los buscadores te encuentren por tu nombre. Este nombre sera el dominio de tu web una vez lo reserves.

Dominio

Tu web debe estar alojado en un servidor, esta parte es el Hosting que es muy importante ya que será el que aloje tu pagina y en gran medida hará que funcione mejor o peor. A la hora de elegirlo ten en cuenta la cantidad de trafico que soporta, así como la velocidad del mismo. También las tecnologías que soporta y que las versiones sean compatibles con las tuyas.

No te dejes llevar por las ofertas, ya que las más agresivas están condicionadas por limitaciones de espacio y trafico…

 

A quien te vas a dirigir…

Es fundamental que tengas en cuenta que tu web, a los usuarios a los que te diriges, tu proyecto no es para ti, es para ellos. Busca la forma de enfocarlo de manera que sea lo más atractivo posible para tu publico y a la vez que muy fácil navegar por ella.

La psicologia del color es un criterio muy a tener en cuenta, así como el diseño del  SEO desde el principio ya que esto te ayudara a que tu web se posicione bien desde el principio.

 

 

 

 

El presupuesto…

En este apartado tienes que tener muy claros los recursos económicos de los que dispones para el proyecto. Tienes que repartir tu dinero en las siguientes partidas:

Dominio; quizá la parte más económica, varia en función del tipo que uses (.com; .es; .net; etc) su precio varia en función del registrador tb.

Hosting, no elijas el mas economico como te decía anteriormente.

Recursos de imagen y video: Destina una parte de tu presupuesto para elegir unas buenas fotos, si eres bueno con la cámara y los editores fotográficos el recurso no serán € sera tiempo.

Diseño: Quiza sea la mayor de las partidas de tu presupuestosi lo haces tu mismo, el recurso sera el tiempo… un buen diseño incluyendo una buena programación lleva mucho tiempo. Hay muchos CMS en los que no resulta dificil introducir tu contenido, en estos casos la adaptación es lo mas complicado.

Si no tienes ni idea de informática o de gestión de este tipo de software te recomiendo que cuentes con nosotros para ponerlo en marcha y dediques tu tiempo a investigar tu mercado.

Es mas facil y barato de lo que crees.

Difusion: Junto con el diseño, son las partes mas importantes de tu proyecto. Puedes tener la mejor pagina del mundo y la más bonita, pero si no la difundes como es debido quedara en el cajón de las webs olvidadas.

 

 Los Horarios y el Tiempo…

Es muy importante que te marques unas metas, unos objetivos que sean difíciles pero que se puedan cumplir. Dosifica tus esfuerzos ya que si le dedicas todo tu tiempo llegara un momento en el que te sentirás desfondado y perderas la fuerza e ilusión que tu proyecto requiere para tener éxito…

El descanso es fundamental para mantener las ideas frescas que tu proyecto necesita.

Y como decía Maximo Gladiator: “Fuerza y Honor

 

 

Logo Hazmeweb.

Hazmeweb, Es más fácil de lo que crees…

HazmeWeb, Uncategorized / 15 marzo, 2014

El Blog de HazmeWeb

Bienvenidos al blog de Hazmeweb

Si existe un sector que evoluciona y cambia día a día, es el del mundo web y todo lo relacionado con el comercio electrónico. En este pequeño espacio os mantendremos informados y explicaremos de forma sencilla y amena todas las noticias, novedades y eventos relacionados con este a veces complejo mundo.

En este rincón contaremos además con la participación de expertos en diferentes campos del markenting web y el ecomerce, que os aportarán ideas, consejos, soluciones prácticas y sencillas, para que vuestro negocio o Pyme, entre de una vez y aproveche, todas las oportunidades de negocio que existen en el mundo digital.

Web-2.0

Síguenos en Hazmeweb blog y empieza a aprovechar todos los recursos que hoy en día existen para hacer despegar tu negocio y que hasta hoy no conocías.

 

Tu negocio es único y diferente, sólo queda que todo el mundo lo sepa!!!

Únete al equipo de Hazmeweb y comprobarás hasta dónde puedes llegar!!!

 

Es mas fácil de lo que piensas!!!

 

Logo Hazmeweb.