Todos sabemos reconocer un mal website en cuanto lo vemos, pero ¿qué fue lo que lo provocó?, y ¿cómo evitar cometer los mismos errores?
Con Geocites extinto y Adobe flash muriendo, ¿De quién nos reiremos ahora? No temas: Muchas compañías continúan usando Flash de una manera que desespera, websites con scrolling por todos lados, texto que se pierde con el color del fondo, y actualizaciones de blogs que consisten en disculpas por no ponerse al día cada vez son más frecuentes. Pon tus bocinas en mute, porque sí, todavía existen algunos websites que ponen música automáticamente, prepara tus ojos y aprende de los errores de otros. He aquí una lista de errores que no debes cometer:
Websites Totalmente con Flash
Te amamos Homestar Runner pero no podemos verte. La web se cambió a HTML5 y el uso de Flash disminuyó, pero aún así la experiencia no es buena. Los usuarios no pueden activar el rollovers del mouse con la pantalla táctil; así que si tu página web o gran parte de ella contiene Flash perderás público. Algunos exploradores ni siquiera advierten a los usuarios que no tienen Flash player; ellos simplemente ven un espacio negro donde debería estar el contenido Flash, y un website negro no es muy interesante. Considera emigrar a HTML5 para video, contenido rico, y navegación dinámica.
Websites con un mal Flash
¿Qué es peor que un website totalmente con flash? Un sitio con un Flash pobre. El sitio de Banquetes Hall tiene una animación gigante Flash en la parte superior izquierda. Este arreglo puede causar problemas si el explorador no tiene el mismo aspecto de ratio que la animación en Flash, la animación reescalada puede parecer muy estirada o aplastada, como el botón y el lado derecho de la imagen lo demuestra. Por lo menos, el sitio no cometió el pecado de cambiar por mí el tamaño del explorador.
Además el sitio perdió meritos automáticamente tocando una canción de Billy Idol, presentándoles a los visitantes un video introductorio que no podías cerrar hasta que terminará, y teniendo un nombre impronunciable.
Poco contraste entre el texto y el Fondo
Sabes lo que tu website dice, así que el texto azul cielo combinado con un azul rey puede parecer perfecto para ti. Sin embargo, tus visitantes pueden frustrarse al encontrar al texto imposible de leer. Y ¿qué pasa cuando los visitantes no pueden leer el texto fácilmente? Cierran la ventana y se van a la siguiente página que lanzo el buscador.
¿Notas como el texto de la parte inferior es mucho más legible que el superior? Este ejemplo muestra lo que pasa cuando la iluminación del texto que das con el cursor, se vuelve más oscuro cuando el fondo es azul. Esta es además una razón por la cual no debes exhibir el contenido del texto como si fuera una imagen en tu sitio.
Elección de colores cuestionables
Puede que tu sitio esté forzándose demasiado por ser rico en color. Un esquema de color unificado no sólo hace que tu página se vea más limpia, también ayuda a unificar tu marca, así lo visitantes se van con una idea más fuerte de tu identidad. Iusacell es rojo, Samsung es azul, etcétera. Usar muchos colores puede resultar confuso y pueden llegar a estorbar.
En este ejemplo, del lado izquierdo está el website en su forma original. Hemos seleccionado con el cursor la parte derecha para mostrar como “los artículos relacionados” se verían, yendo de un ilegible azul oscuro con negro, a un mucho más legible blanco con azul.
Elección de fuentes cuestionables
Ningún website debería nunca, nunca, nunca, escribir todo con la fuente Comic Sans. Aquí tenemos el resultado de hacerlo, el website de bancomcsans.com simplemente no es profesional. La única cosa peor que usar en toda la página la fuente Comic Sans sería mezclar muchas fuentes a lo largo de la página. Escoge una fuente que encaje con el estilo de tu contenido.
Este sitio también perdió puntos al perder por completo el centro de la columna cuando haces más grande la ventana (tal y como se muestra en la imagen)
Piensa en un sitio que se acople a todos los navegadores
Estamos seguros que esta página se verá bien en IE6, pero es todo un caos en Chrome. Probamos su posición en los tres exploradores más usados, e intentamos ajustarlos a los estándares de la Web. Saca un poco de dinero de tu bolsa para actualizar tu sitio web cada año. Los estándares de las webs cambian rápidamente, y tu diseño ganador de concursos en 1998 no te va a servir tan bien con la última actualización de Firefox.
Esta página también está estancada por ser un GuestBook. Si todavía quieres seguirles la pista a tus visitantes y consumidores vía guestbook, considera mejor crear una página en Facebook para tus negocios, así podrás tener más contacto interactivo con tus visitantes.
Scrolling lateral
Puede ser difícil guardar mucho contenido en una sola página web, por eso debes pensar bien cómo acomodarlo. Si tu sitio contiene un scroll horizontal en la ventana del explorador debe deser de un tamaño razonable, e incluso tal vez debas reconsiderar su posición.
Mientras las más nuevas laptops vienen con teclados multitouch que permiten hacer scrolling horizontal con dos dedos, no todos lo hacen, y mucha gente todavía navega en la Web en computadoras de escritorio con un mouse que sólo da scroll verticalmente. El Scrolling horizontal es molesto, y no es algo que la gente busca, así que los visitantes tal vez prefieran buscar el contenido en otra parte. Intente trabajar en su posicionamiento para incluir una estructura de menos más profunda donde se acomode todo el contenido, y asegúrate de escalar adecuadamente la ventana del explorador.
Pensamos que en Denny’s tuvieron la idea de un menú de papel para su website, pero sólo lograron que luciera estorboso. Además, las animaciones usadas para pasar al siguiente panel resultaron lentas y fastidiosas. No deberíamos esperar a que el contenido scroll en la pantalla y las animaciones desiguales luzcan bien.
Demasiados Gif Animados
Todo en exceso es malo y más los elementos brilantes y con animación. Las cosas que brillan son un distractor para el visitante, quienes de hecho, están leyendo muchas páginas dentro de tu página. En este ejemplo es imposible concertarse en algo. Mantén tu apariencia limpia y escoge sólo una o dos cosas en las que tus visitantes se enfoquen. Coloca en los bordes widgets y otros elementos que no sean parte de tu contenido principal, para que no se vuelvan una distracción al contenido que tus visitantes están mirando.
Widgets Sociales: Alboroto en la Web
Claro, quieres que la gente sepa que tu página tiene cuenta de Twitter, página de Facebook, seguimiento RSS y canal de YouTube –y por supuesto, geniales fotos en Flickr e Instagram – pero es muy fácil exagerar con este tipo de widgets. Como los viejos banners de Flash retrasan el tiempo de carga de la página, muchos social widgets arman un gran lío. Escoge tres (cuatro a lo mucho) de tus redes sociales más activas, y carga esos widgets en un organizado paquete en algún lugar cerca del menú, o a lo largo de la página.
Balance general del contenido
Parece que ahora todos están intentando comercializar sus websites. Lo entendemos; los anuncios también aquí pagan las cuentas. Pero tienes que mantenerlo en balance. Si te es difícil encontrar contenido actual entre el desorden en el que están tus anuncios, reorganiza tu layout –o reconsidera qué tanto estás obteniendo de esas ventas. Este ejemplo puede que no sea el más extremo en cuanto anuncios desordenados, pero resulta contradictorio ver que está dando consejos sobre malos diseños Webs y sus propio sitio esté entre un montón de anuncios y muchos botones de redes sociales. Al menos los anuncios están del lado correcto, donde no estorban tanto. Asegúrate de que tu contenido no contradiga como se ve tu sitio.
Actualizaciones que se disculpan por no actualizar
Es importante mantener tu sitio al día, pero la esencia de tus contenidos lo es aún más. Si alguien busca una publicación interesante en Google, no les importa si han pasado tres semanas desde su última actualización. Evita la tentación de disculparte con tus lectores por no actualizar más seguido. Guarda tus actualizaciones para cuando tengas algo realmente importante que compartir.
Este mal habito es muy común en los blogs personales, pero en el ejemplo que aquí mostramos es de una página de Facebook de un negocio, se trata de un post que también fue posteado en su blog.
Qué no sean sólo colores
Antes que nada este sitio debería venir con una seria advertencia que diga “Entra al sitio sólo si no eres sensible al movimiento rápido ni a las luces neón.” No sólo es todo un dolor y cansancio a la vista por el rápido movimiento y colores brillantes del fondo, que hace que sea realmente imposible leer. Por lo general el fondo color blanco es el más utilizado por el poco cansancio visual que genera.
0 comentarios :
Publicar un comentario