Este documento presenta una introducción al front-end de un negocio en línea. Explica que el front-end se refiere a la interfaz de usuario visible para los clientes, mientras que el back-end son los componentes internos no visibles. A continuación, describe el modelo de desarrollo web por capas, incluidas las capas de dominio, front-end, back-end y base de datos. También analiza aspectos clave del front-end como la identidad digital, el diseño web, la arquitectura de la información y la persuasión de los usuarios.

1. autor Toni Martín-Ávila toni@martinavila.net
el FRONT-END de un negocio on-line
Parte 1. INTRODUCCIÓN
© TONI MARTIN-AVILA 2009

2. autor Toni Martín-Ávila toni@martinavila.net
licencia creative commons Reconocimiento-No comercial-Compartir bajo la misma licencia 3.0 España
detalles licencia http://creativecommons.org/licenses/by-nc-sa/3.0/es/
© TONI MARTIN-AVILA 2009

3. Front-end PARTE 1
1. Front-end / back-end
2. El modelo por capas, desarrollo web
3. La Identidad digital en el website
4. Introducción al diseño web
5. La persuasión
© TONI MARTIN-AVILA 2009

4. © TONI MARTIN-AVILA 2009

5. © TONI MARTIN-AVILA 2009

6. 2. EL MODELO POR CAPAS
© TONI MARTIN-AVILA 2009

7. El modelo por capas
© TONI MARTIN-AVILA 2009

8. La capa de “dominio”
• INTERNET red de routers que viajan hasta el servidor
donde está la web del dominio:
• Dominios genéricos ( .com, net, .org, .info, .biz)
• Dominios .es
• Dominios .eu
• Dominios .mobi
• Dominios .tel
• Dominios .tv
• Dominios territoriales
• Mediante registrador oficial avalador por NIC (España)
ó InterNic (mundo)
• WhoIs....
© TONI MARTIN-AVILA 2009

9. El modelo por capas
© TONI MARTIN-AVILA 2009

10. Desarrollo web
© TONI MARTIN-AVILA 2009

11. Desarrollo web
© TONI MARTIN-AVILA 2009

12. the front-end
© TONI MARTIN-AVILA 2009

13. the front-end
Diseño web Identidad
Aspectos
digital
legales
(aviso
legal,
confianza)
Persuasión
Arquitectura
Usabilidad
de
información
© TONI MARTIN-AVILA 2009

14. 3. LA IDENTIDAD DIGITAL
© TONI MARTIN-AVILA 2009

15. Identidad digital
© TONI MARTIN-AVILA 2009

16. vitalidad
© TONI MARTIN-AVILA 2009

17. Color e iluminación
© TONI MARTIN-AVILA 2009

18. Publico objetivo
© TONI MARTIN-AVILA 2009

19. Publico objetivo
© TONI MARTIN-AVILA 2009

20. Publico objetivo
© TONI MARTIN-AVILA 2009

21. 4. EL DISEÑO WEB
© TONI MARTIN-AVILA 2009

22. © TONI MARTIN-AVILA 2009

23. © TONI MARTIN-AVILA 2009

24. © TONI MARTIN-AVILA 2009

25. © TONI MARTIN-AVILA 2009

26. http://www.ijam.es/
© TONI MARTIN-AVILA 2009

27. © TONI MARTIN-AVILA 2009

28. © TONI MARTIN-AVILA 2009

29. 5. LA PERSUASIÓN
© TONI MARTIN-AVILA 2009

30. La “persuasión”
• Dejemos los romanticismos a un lado.. Todos sabemos que el
éxito, por mucho que se hable de los valores del interior,
viene favorecido por el aspecto externo, la atracción, la
química con el usuario
• En definitiva..hay que provocar la chispa a primera vista
• Cuando un usuario visita una web, los primeros 5 segundos
representan un momento crítico para la conversión o la
oportunidad perdida.
• Un buen diseño es más que un diseño atractivo y moderno. Si
nuestro site no tiene ese atractivo natural que le ayude a
captar clientes, necesitamos..algo más...
© TONI MARTIN-AVILA 2009