1 / 21

Diseño Web

Diseño Web. Funcional , Visual, Comercial. “No hagas pensar al usuario ” Primera ley de Usabilidad de Krug. Diseño web funcional. Planificación. Contexto Propósito Audiencia /Mercado Caracteristicas Preferencias Plataforma Experiencia. Planificación. Contenido

amalia
Download Presentation

Diseño Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Diseño Web Funcional, Visual, Comercial

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

  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

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

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

  9. 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

  10. 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

  11. 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

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

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

  14. 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

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

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

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

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

More Related