Presentación de Alvaro Guzmán en BarCampCbba Cochabamba, Bolivia 30-01-2010

1. Diseño Web Funcional, Visual, Comercial

2. Diseño web funcional “No hagaspensar al usuario” Primeraley de Usabilidad de Krug

3. Planificación Contexto Propósito Audiencia/Mercado Caracteristicas Preferencias Plataforma Experiencia

4. Planificación Contenido Compatibilidad y restricciones Tecnología, navegador, resolución Documentación Modelos (UML) Comentarios

5. Implementación Tecnología CMS From “scratch” Diseño (funcional) Wireframes Mapas de Navegacion Contenido Texto (Comercial), imágenes

6. Implementación Estándares Usabilidad User friendly Apariencia (DiseñoGráfico) Visibilidad SEO Requerimientosmultidisciplinarios Escritores, Fotógrafos, Diseñadoresgráficos, animadores Desarrollopropiamentedicho

8. Diseño web visual “La simplicidadesmáscompleja de lo queprobablementecrees” Vitaly Friedman, Editor Smashing Magazine

9. Consideraciones Comunicación K.I.S.S. (Keep it simple stupid!) 99% Tipografía - Legibilidad Navegabilidad Estándares y Accesibilidad, IE 6

10. DiseñoGráfico ¿Cualquierapuedediseñar un sitio web? Imagenes, Fotografías, Tipografía y RecursosGráficos. Software Licencias, propiedadintelectual Limitantes Moda y tendencias pros y contras

11. CSS El vínculo entre lo funcional y lo visual Modelo Vista Controlador (M. V. C. ) Controlador JS, PHP, ASP Modelo SQL Vista HTML-CSS-JS

12. Template Permitemodificarfacilmente la vista del sitio web No afecta el códigoni la base de datos No compromete la integridad del sistema Es escencialpara la interacción con el usuario

13. Layouts (Distribución) Convenciones y estándares Fixed width Fluid El temido Table-less W3C CSS3 y HTML5

15. Diseño web comercial 54.000 $us mensuales Gananciapromedio de la red TutsPlus, Solo 25000$us basados en publicidad

16. Emprendedores Acceso universal a Usuarios / Lectores / Clientes E-marketing Clientes en todo el mundo Publicidad A mayor numero de visitas, mayor el costo de la publicidad Ad-sense

17. Emprendedores Limitantes Sistemabancariodesconectado Altascomisionesportransferencias Idioma Niveles de produccióninsuficientes Otros...

18. Agencias de Diseño Web RelaciónCostoBeneficio Precio = Costo + Beneficio

19. Empresas Costos “Ocultos” Interacción con el cliente(tiempo en hrs.) Llamadastelefónicas Viajes Transcripciones Modificaciones Intervalo entre proyectos

20. Empresas Áreas Consultoría Diseño y Desarrollo de Proyectos Web Actualizacion y Mantenimiento Hosting y soporte Reingeniería Empredimientospropios