Ing. Oscar Barriga. Centro de Capacitación Empresarial TO Corporación

Transcripción

1 SI Los SIy NO NOpara tener una web exitosa Ing. Oscar Barriga Centro de Capacitación Empresarial TO Corporación

2 Para Empezar

3 INTRODUCCIÓN

4

5 SI usa una identidad corporativa para tu marca

6

7

8 SI compra los dominios necesarios para tu empresa

9 DOMINIO Qué es un Dominio? Mismo nombre pero diferente extensión Otro dominio

10 Y los subdominios? Nivel 0: Nivel 1:

11 Dominios Internacionales.com US$ 12 x AÑO Etc

12 Dominios Nacionales.pe S/. 110 x AÑO Etc

13 Un Ejemplo Si queremos comprar un dominio para nuestra empresa y queremos registrar la marca: empresapyme.com empresapyme.com.pe empresapyme.pe S/. 32 x AÑO S/. 110 x AÑO S/. 110 x AÑO S/. 252 x AÑO

14 NO dejes que otra persona sea dueña de tu dominio

15 Dueño del Dominio 1. Ingresa a 2. Ingresa el nombre completo de tu dominio 3.Clic en Who.is Search 4.Revisa la información de tu dominio, Propietario, NS Servers, Fecha de Vencimiento, etc.

16

17 DNS DomainNameServer Servidor de Nombre de Dominio

18 Sin DNS Debe conocer la dirección IP del sitio web. El Servidor miweb crea el sitio y le asigna este nombre sin DNS Genera Dirección IP Diseña Servidor miweb Web del Cliente

19 Con DNS El Servidor miweb crea el sitio y le asigna este nombre. con DNS Genera Dirección IP Servidor DNS Diseña = Servidor miweb Web del Cliente

20 NO dejes que otra persona gestione tu hosting

21 Qué es un Hosting? Una empresa que permite a los proveedores operar sus propios sitios webs sin necesidad de tener que implementar una computadora 24/7

22 US$ 72 x AÑO

23 US$ 84 x AÑO

24 US$ 60 x AÑO

25 US$ 156 x AÑO

26 Hosting DATA CENTER + Rendimiento de nuestros Sitios Webs - Menos costos de inversión - Alta disponibilidad - Servicio 24x7x365 - Escalabilidad - Disaster Recovery - Backups - Protección ante ataques

27 Tipos de Hosting Tu Sitio Web Tu Sitio Web Servidor Compartido Servidor Dedicado

28 NO uses tu correo personal para promocionar tu empresa

29

30

31 No deben faltar estos correos: Cuál debe ser el formato?

32 SI analiza a tu competencia

33

34 NO utilices fotos antiguas y de baja calidad de tus productos

35

36 SI evalúa la mejor opción para elaborar tu sitio web

37 Qué es un Sitio Web? Hosting Páginas

38 Qué es un Sitio Web? Cambiar el Nro. de mi Teléfono Cambiar el Nro. de mi Teléfono Web Estática Web Dinámica

39 SI diseña tu web en HTML y CSS

40 HTML HyperTextMarkupLanguage Lenguaje de Marcado de Hipertexto

41 HTML Códigopara programar páginas web Etiquetas Interpretado por los Navegadores Entre Corchetes angulares <>

42 HTML

43 HTML

44 HTML

45 CSS CascadingStyleSheets Hojas de estilo en cascada

46 CSS Le da vida al HTML Palabras reservadas Interpretado por el Navegador Palabras definidas por el usuario Bloques de Estilos

47 Un HTML sin CSS CSS

48 Un HTML con CSS CSS

49 Java Script Lenguaje de Programación Del Lado del Cliente Interpretado por el Navegador

50 Java Script

51 NO hagas un sitio web 100% en flash

52

53 Flash

54 Flash

55 Flash

56 Flash

57 NO solo diseñen para Internet Explorer

58

59 NO solo diseñen para Web

60

61 SI elabora un presupuesto para tu Sitio Web

62 Qué deben considerar en un Presupuesto Dominio(s) Hosting Diseño Web Mantenimiento Mensual Mantenimiento Mensual Fotografías Logo Video Traducción

63 SI evalúa a tus proveedores de diseño web

64 Cómo escoger un buen proveedor para el diseño de tu web? Trayectoria, años de experiencia Trabajos realizados Cartas de Recomendaciones de otros clientes Tiempo del Proyecto (2 meses) Garantía y Servicio Post-Venta Tiene página Web?

65 Cómo escoger un buen proveedor para el diseño de tu web? Autogestión (Administrador de la Web) Derechos de Propiedad, Dominio, Hostingy Web Penalidades Evalúa varias alternativas Copia de Respaldo de tu Web Nunca pagues el 100% desde el inicio

66 NO hagas un Sitio Web que te guste a ti o al jefe, piensa en el Usuario

67 Diseño Centrado en el Usuario (DCU) El Diseño Centrado en el Usuario (DCU) es una manera de diseñar enfocándose en información recogida de las personas que utilizarán el producto. Especificación el contexto de uso, identificar a la gente que utilizará el producto, para qué lo usarán y bajo qué condiciones lo usarán. Especificación de requerimientos, identificar necesidades del negocio o metas de usuarios que deban ser lo gradas por el producto para ser exitoso. Creación de soluciones de diseño, se comienza haciendo prototipos de baja calidad hasta lograr diseños más elaborados. Pruebas de Usabilidad, la etapa más importante de este proceso es la evaluación, a través de pruebas de usabilidad con usuarios reales, garantizando la calidad y funcionalidad del producto.

68 Experiencia del Usuario (UXD) La Experiencia del Usuario como la sensación, sentimiento, respuesta emocional, valoración y satisfacción del usuario respecto a un producto, resultado del fenómeno de interacción con el producto y la interacción con su proveedor. Esta respuesta puede ser Positivo o Negativo

69

70 CÓMO ESTRUCTURAR UNA WEB?

71 Contenido La Arquitectura de la InformaciónArte y ciencia de organizar la información para ayudar a la gente a encontrar la información que quiere.

72

73

74

75

76

77 Cómo organizo la información? Cómo estructuro la información?

78 Jerárquica Navegación

79 Global Navegación

80 Local Navegación

81 Navegación Lineal ó Secuencial

82 Jerarquía Visual

83 Jerarquía Visual

84 Jerarquía Visual Promueve la claridad de los contenidos para su adecuada comprensión e interacción. Ayuda a un usuario a identificar qué es lo más importante de una página.

85 Llamadas a la Acción Comprar No necesitas tarjeta de crédito

86 Llamadas a la Acción Animaral visitante a realizar alguna acción concreta. Características: Tamaño Ubicación Colores Opciones Presión: Ofertas y Precios

87 Llamadas a la Acción

88 Llamadas a la Acción

89 Conversión Web Una conversión se produce cuando un visitante completa una acción que tú quieres que haga.

90 Conversión Web

91 USABILIDAD

92

93

94

95

96 Qué es Usabilidad? Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicacióninformática o cualquier otro sistema que interactúe con un usuario.

97

98

99

100

101

102 El ROI de la Usabilidad La Usabilidad puede medirse a partir de cinco variables: CUANTITATIVO CUALITATIVO Facilidad de aprendizaje Eficiencia de uso Recordación Baja tasa de errores Satisfacción

103 Beneficios de la Usabilidad Reducción de los costes de aprendizaje. Disminución de los costes de asistencia y ayuda al usuario. Optimizaciónde los costes de diseño, rediseño y mantenimiento de los sitios. Aumento de la tasa de conversiónde visitantes a clientes del sitio web. Mejora la imágeny el prestigiodel sitio web. Mejora la calidad de vida de los usuarios del sitio, ya que reduce su estrés, incrementa la satisfacción y la productividad.

104 Los 10 Errores más comunes en Usabilidad

105 1. SplashScreens

106 2. Link o no Link

107 3. Ruido Visual

108 4. Pobre Navegación

109 5. Imágenes Parpadeantes

110 6. No más de una navegación

111 7. Mal etiquetado de Links

112 8. Buscadores deficientes

113 9. Texto difícil de leer

114 10. El botón de atrás no funciona

115 Recomendaciones sobre Usabilidad

116 1. Utiliza Breadcrumbs o Migas de Pan

117 1. Utiliza Breadcrumbs o Migas de Pan

118 2. Datos del Contacto bien visibles

119 3. Utiliza fotos naturales, con caras

120 3. Utiliza fotos naturales, con caras

121 4. Buscador visible

122 5. Productos recomendados y/o relacionados

123 6. Cuidar los botones

124 7. Mostrar Logotipos de Seguridad

125 8. Una buena ficha de Producto

126 9. Preguntas y Respuestas

127 10. Botones Sociales

128 11. Testimonios exitosos de clientes

129 12. Alternativas a la Compra (Prospectos)

130 13. NO SOLO PIENSEN EN INTERNET EXPLORER

131 14. NO SOLO DISEÑEN PARA WEB

132 15. NO LE PONGAS MUSICA DE FONDO

133 No es diseño pero Enlaces entrantes a tu sitio web Optimización del contenido de tu página Optimización de los meta tags XML sitemap Redirecciones 301 No te olvides del Google Analytics

134 ESTRATEGIA DE DISEÑO WEB

135 Objetivo del Sitio Debemos definir cual es el objetivo principal del Sitio Web.

136 Perfiles de Usuario

137 Tareas del Usuario El Investigador El Empresario La Romántica

138 Prototipos (Mockups, Wireframes)

139 Pruebas de Usabilidad Tipos de Pruebas? Exploratoria Cumplimiento de tareas Pruebas A/B Cómo evaluamos la usabilidad? Eye tracking Evaluación de Expertos Encuestas Observación

140 Taller Práctico Observaciones a su primer diseño Definición de Objetivos Identificación de Perfiles Principales tareas del Perfil principal Nuevo Prototipo Home 2 Interiores

141 Muchas Gracias!!