www.fernandobasto.com – [email protected] diseño web y usabilidad fernando basto correa ...
TRANSCRIPT
www.fernandobasto.com – [email protected]
Diseño web y Usabilidad
FERNANDO BASTO CORREAwww.fernandobasto.comDerechos Reservados©
www.fernandobasto.com – [email protected]
Entendiendo el mundo actual
La era Maquina de Escribir
La era PC
La era Internet
www.fernandobasto.com – [email protected]
Entendiendo el mundo actual
¿Quién dice que hoy el mundo no es así?
www.fernandobasto.com – [email protected]
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
www.fernandobasto.com – [email protected]
El Sitio web
El Punto de partida
Pero… ¿qué pongo yo en la Red?
www.fernandobasto.com – [email protected]
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
www.fernandobasto.com – [email protected]
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
www.fernandobasto.com – [email protected]
¿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?
www.fernandobasto.com – [email protected]
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
www.fernandobasto.com – [email protected]
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
www.fernandobasto.com – [email protected]
FASE 3 – CONTENIDO Y ESTRUCTURA
Definición de la estructura del site.Acuerdo sobre el contenido.Redacción.
DISEÑO BASADO EN EL DISEÑO BASADO EN EL USUARIOUSUARIO
www.fernandobasto.com – [email protected]
FASE 4 – DISEÑO Y PROGRAMACIÓN
Proceder con el diseño.Programar.
DISEÑO BASADO EN EL DISEÑO BASADO EN EL USUARIOUSUARIO
www.fernandobasto.com – [email protected]
FASE 5 – TESTEO Y CORRECIÓN
Exponer el site al usuario final.Modificar.Publicar.
DISEÑO BASADO EN EL DISEÑO BASADO EN EL USUARIOUSUARIO
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
Entonces … ¿Qué es Usabilidad?
¿Cómo lo harían si fueran Cine Colombia?
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
- 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.
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
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).
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
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.
www.fernandobasto.com – [email protected]
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).
www.fernandobasto.com – [email protected]
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!.
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
www.fernandobasto.com – [email protected]
Como ya hemos dicho …. Es hora de actuar !!!
www.fernandobasto.com – [email protected]
¡ GRACIAS !¡ GRACIAS !
[email protected]@fernandobasto.com