Www.fernandobasto.com – [email protected] Diseño web y Usabilidad FERNANDO BASTO CORREA ...

www.fernandobasto.com – [email protected]

Diseño web y Usabilidad

FERNANDO BASTO CORREAwww.fernandobasto.comDerechos Reservados©


Entendiendo el mundo actual

La era Maquina de Escribir

La era PC

La era Internet


Entendiendo el mundo actual

¿Quién dice que hoy el mundo no es así?


Para tener en cuenta

Internet es una alternativa interesante para anunciarse

En el periódico lees la publicidad

En la radio oyes la publicidad

En la televisión miras la publicidad

Internet te deja interactuar con publicidad


El Sitio web

El Punto de partida

Pero… ¿qué pongo yo en la Red?


Todo producto puede ser rico en información

• Para el comprador:– Disponibilidad– Precio– Costos de Entrega– Características y beneficios– Experiencias de otros usuarios

Recordar siempre que la clave es la

INFORMACIÓN: Hay que ofrecer la mejor que

pueda dar, y recoger y usar la que me quieran

ofrecer.

Para el vendedor:Para el vendedor:– Historia del clienteHistoria del cliente– Preferencias financieras Preferencias financieras – ActitudActitud– Satisfacción con productos Satisfacción con productos

anterioresanteriores


Errores típicos

• No hay “llamada a la acción” - Dejar escapar al cliente

• Demasiados anuncios, demasiado movimiento

• No hay cristiano que lo encuentre

• Falta el numero de teléfono

• Falta información

• Look and Feel inconsistente

• Penalizar al que compra online

• Entre muchos más


¿Pero entonces cual es la diferencia entre un Diseño “bonito” y un Diseño útil, funcional, efectivo y en general

que sea apropiado para los negocios?


FASE 1 - RECOPILACIÓN DE INFORMACIÓN

Comprensión de la empresa y sus productos.Comprensión del usuario.Análisis de sites competitivos.

DISEÑO BASADO EN EL DISEÑO BASADO EN EL USUARIOUSUARIO**

* Tomado de: www.condoconsulting.biz


FASE 2 - PLANIFICACIÓN

Análisis de la información recopilada.Definición de objetivos y estrategia.Preparación del brief creativo.

DISEÑO BASADO EN EL DISEÑO BASADO EN EL USUARIOUSUARIO


FASE 3 – CONTENIDO Y ESTRUCTURA

Definición de la estructura del site.Acuerdo sobre el contenido.Redacción.



FASE 4 – DISEÑO Y PROGRAMACIÓN

Proceder con el diseño.Programar.



FASE 5 – TESTEO Y CORRECIÓN

Exponer el site al usuario final.Modificar.Publicar.



Entonces … ¿Qué es Usabilidad?

¿Cómo lo harían si fueran Cine Colombia?


36 CONSEJOS PARA TENER SITIO WEB EXITOSO

La tarea principal es convertir el sitio web en algo de utilidad para los visitantes (los clientes

potenciales); y adicionalmente, que la construcción del sitio es sólo uno de los pasos

para que este sea útil.

Se necesitan tres grandes bloques de acción: la construcción,

la gestión y actualización del sitio, la promoción y la mejoría permanentes.


PAUTAS PARA WEB SITE:

1 a 3. Planeación, Metas, Competencia y Público. Tres aspectos que son la base del sitio web.

•Antes de contratar diseñadores, redactores y hosting nunca

es tarde para hacer un ejercicio de planeación.

•Defina sus metas ¿qué piensa lograr con el sitio web? ¿Vender más, mejorar la su imagen?, posicionamiento. “hay que ser ambicioso, pero realista”

•Analice, además, la competencia: qué ha hecho, sus logros y sus errores, qué tanto ha invertido en su presencia en la Web. Esto le dará pautas para su propio sitio y le permitirá evaluar aciertos y errores de aquellos.

No olvide a su público objetivo.


CONSTRUCCIÓN

En el tema de la construcción juega un papel preponderante la facilidad de uso, por encima del diseño.

4. Defina una estructura lógica del sitio: Cree secciones adecuadas para distribuir los contenidos, y si estos son muy abundantes, cree subsecciones dentro de aquellas. “Haga la estructura del sitio en un organigrama; luego adicione líneas en forma de flujograma para construir la navegación.

5. De la importancia debida al menú de navegación: este es clave para facilitar la navegación; debe ser de fácil acceso y atractivo visualmente –sin ser recargado–. Elementos interactivos.


DISEÑO:

6. Sea coherente, el diseño debe reflejar personalidad de la empresa y permitir su fácil identificación.

7. Sea creativo pero no se enloquezca; el diseño no debe sacrificar la facilidad de navegación y de lectura (menor nº de clics =mayor consulta de los usuarios).

8. Siga las tradiciones en diseño; conocer las pautas generales (colores, tipos de letras, fondos, etc.)

9. Evite utilizar lo último en formatos y tecnologías, pues no todos los computadores tiene las más recientes versiones del software.

10. Priorice la facilidad de uso sobre el impacto grafico o multimedia.

11. No disguste a sus visitantes; abusando de las páginas emergentes, cursores animados, que lleguen aburrir.


- Los colores primarios, puros, brillantes, son demasiado comunes, por lo que dan muy poca información al ojo. Por esto no conviene basarse nunca

en ellos para construir nuestras páginas.

- El color de los enlaces conviene que sea el azul estándar del navegador o al menos permanecer subrayados y con un color bien diferenciado de los

del resto de elementos textuales de la página.


12. Ponga a prueba su sitio; evalúelo, obtenga sugerencias.

13. Diseñe el sitio para todos los navegadores.

14. Use las nuevas tecnologías, pero bien, de tal forma que no perjudique al navegante.

15. La redacción debe ser clara, sencilla y con un lenguaje adecuado para el público objetivo. Si, por ejemplo, su empresa ofrece cursos de vacaciones para adolescentes, no utilice un lenguaje demasiado serio, ni tampoco infantil.

16. Cuide al máximo la calidad de los textos, tanto en la corrección gramatical y ortográfica como en el desarrollo mismo de los temas.

17. Evite los párrafos muy largos, y si es posible, sepárelos con una línea en blanco, para facilitar la lectura.


18. Evite los textos demasiado extensos y que requieran navegar demasiado hacia abajo. En ese caso, dé la posibilidad de descargarlos (en formatos como Word y PDF) o divídalos por capítulos).

19. Actualice permanentemente. No pretenda iniciar su sitio con un mar de contenidos; añada unas gotas de nuevos textos o imágenes. Esto hará que los visitantes quieran regresar para ver qué hay de nuevo.

20. El contenido del sitio debe ser siempre actual. Esto demuestra su interés o el de su empresa hacia los visitantes de la página.

21. Siempre trate a sus visitantes con respeto, utilizando las pautas de la ‘netiqueta’. Incluso si su sitio es personal y usted es un adolescente rebelde.

22. Utilice material gráfico original o de uso libre. Cuídese de tomar contenidos con derechos reservados (lo mismo aplica para los textos).


Las fallas técnicas podrían echar por la borda todo el esfuerzo y la inversión puestos en su sitio web. Tenga en cuenta lo

siguiente:

23. Contrate un buen servicio de hosting que le ofrezca agilidad en la carga de las páginas, una capacidad suficiente para incluir todos los contenidos que requiere, un límite de tráfico alto y un buen soporte técnico.

24. Ofrezca seguridad. Exija de su proveedor o del webmaster (el responsable del sitio) que ponga el tema de seguridad en primer plano. Esto aplica para todos los sitios, no solo para los bancos y las tiendas virtuales.

25. Si cree que se justifica, incluya en su sitio avances como un canal RSS.


Crear un grupo de ‘seguidores’ del sitio web no es fácil, pero en esto puede residir la clave del éxito.

26. Foros, weblogs, chats: en estos espacios los visitantes del sitio pueden discutir sobre temas relacionados, y al haber una interacción personal, se crean lazos de amistad, discusiones, grupos de trabajo, etc., que generan fidelidad y hacen que los sitios se visiten con mayor frecuencia.


27. Eventos en línea: chats con personajes importantes o expertos en un tema, concursos o transmisiones en vivo (por narración de texto, audio o video) hacen que la gente se reúna en torno a los sitios que los ofrecen.

28. Realice encuestas en línea entre sus usuarios, averigüe su nivel de satisfacción y tome nota de sus sugerencias.

29. Contacto directo: dé una dirección de correo electrónico de contacto, y responda oportunamente a las inquietudes de los usuarios.

30. Valores agregados: dé a sus visitantes la mayor cantidad de información sobre su compañía, productos y servicios, pero también entregue artículos de interés, noticias y novedades.


La promoción es indispensable, pero aparece en el último paso. No promocione el sitio hasta tanto no esté completo.

31. Incluya su sitio en los principales buscadores de la Web, en especial en Google. Si no logra que aparezca entre las primeras opciones al hacer una búsqueda relacionada, acuda a servicios de optimización.

32. Promociónelo en sitios web de alto tráfico, ya sea haciendo canjes de pauta publicitaria (banners, por ejemplo) o pagando por su publicación.

33. Utilice servicios de ‘publicidad contextual’, como Google AdWords (adwords.google.com).


El éxito de un sitio también radica en que no permanezca igual por mucho tiempo.

34. Renueve, de cuando en cuando, el diseño (ajuste en los colores, una sección nueva, una fotografía distinta..) que exista una retroalimentación.

35. Invierta permanentemente en el sitio (hacer mercadeo)

36. Y recuerde: ¡un sitio web nunca está terminado!.


Como ya hemos dicho …. Es hora de actuar !!!


¡ GRACIAS !¡ GRACIAS !

[email protected]@fernandobasto.com

Www.fernandobasto.com – [email protected] Diseño web y Usabilidad FERNANDO BASTO CORREA ...

Documents

Transcript of Www.fernandobasto.com – [email protected] Diseño web y Usabilidad FERNANDO BASTO CORREA ...