desarrollo del sitio web sercon -...
TRANSCRIPT
Desarrollo del sitio web SerCon
Trabajo Final de Grado Multimedia
Diseño de interfaz y prototipo de alta defi nición del sitio web SerCon, centrado en la usabilidad y accesibilidad para personas con discapacidad.
Presentación escrita - visual
Autor: Ana Isabel Abraira Blázquez
2
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
1. Introducción2. Objetivos3. Sitio web4. Desarrollo del trabajo5. Resultado6. Conclusiones
INDICE
3
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
INTRODUCCION
El objeto de esta presentación es mostrar el proto-tipo de alta fi delidad del sitio web SerCon empre-sa de mantenimiento técnico de edifi cios y repara-ciones del hogar.
Dicho sitio web tiene un diseño usable y accesible para todos los usuarios lo que crea una positiva ex-periencia de usuario.
4
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
• Dar a conocer SerCon a todos los públicos.
• Generar ingresos económicos a traves de la realización de trabajos.
OBJETIVOS
Principales
5
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
• Servir como herramienta de comunicación entre cliente y empresa.
• Área de clientes que agilice la información.• Explotación del nicho de mercado de perso-nas con discapacidad mediante la usabilidad y accesibilidad web.
• Evaluación por el cliente del trabajo realizado. • Comunicar la calidad del trabajo, buen hacer y compromiso social de SerCon.
Secundarios
OBJETIVOS
6
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB
El sitio web consta de 20 páginas divididas en:
• Acceso privado, mediante identifi cación de usuario y contraseña, que permite acceder al área de clientes (3 páginas) o al área de admi-nistrador (7 páginas) y realizar operaciones in-ternas.
• Acceso público, 10 páginas que ofrecen infor-mación sobre la empresa SerCon.
El diseño adaptativo permite que la interfaz se adapte al dispositivo donde se reproduce.
7
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB
A continuación veremos unas capturas de panta-lla de los prototipos de alta fi delidad del sitio web, tanto del acceso público como del acceso pri-vado.
8
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB > ACCESO PÚBLICO
Inicio: Presentación del sitio y la empresa.
Versión Desktop Versión Mobile
9
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
¿Quien Somos?: Misión, visión y valores.Versión MobileVersión Desktop
SITIO WEB > ACCESO PÚBLICO
10
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
¿Qué hacemos?: Relacion de áreas de trabajo.Versión Desktop Versión Mobile
SITIO WEB > ACCESO PÚBLICO
11
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
Área de clientes: Identifi cación de usuarios.Versión MobileVersión Desktop
SITIO WEB > ACCESO PUBLICO
12
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
Contacto: Formulario de contacto.Versión Desktop Versión Mobile
SITIO WEB > ACCESO PÚBLICO
13
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB > ACCESO PRIVADO > CLIENTES
Alta de averías: Envío de incidencias del cliente.Versión Desktop Versión Mobile
14
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB > ACCESO PRIVADO > CLIENTES
Consulta de seguimiento: Estado de incidencias.Versión Desktop Versión Mobile
15
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB > ACCESO PRIVADO > CLIENTES
Evaluación: Evaluación del cliente.Versión Desktop Versión Mobile
16
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB>ACCESO PRIVADO>ADMINISTRADORAlta de clientes: Alta de nuevo cliente
Versión Desktop Versión Mobile
17
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
Clientes: Listado de clientes.Versión Desktop Versión Mobile
SITIO WEB>ACCESO PRIVADO>ADMINISTRADOR
18
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
SITIO WEB>ACCESO PRIVADO>ADMINISTRADOREstadisticas: Estadisticas de valoraciones
Versión Desktop Versión Mobile
19
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
Cliente xxx: Datos de cliente concretoVersión Desktop Versión Mobile
SITIO WEB>ACCESO PRIVADO>ADMINISTRADOR
20
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
DESARROLLO DEL TRABAJO
La metodología usada para el desarrollo del trabajo ha sido la del Diseño Centrado en el Usuario (DCU) apoyada por la metodología del Diseño Inclusivo (DI) y aplicando las pau-tas de accesibilidad WCAG 2.0, para conse-guir un sitio web usable y accesible a todos los públicos.
Metodología
21
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
DESARROLLO DEL TRABAJO
• Detectar necesidades de clientes y usuarios mediante entrevistas.
• Analizar e interpretar dichas necesidades.• Investigar, planifi car, crear y diseñar solu-ciones que se ajusten a esas necesidades, me-diante prototipos.
• Probar y modifi car los prototipos de forma ite-rativa hasta obtener resultados satisfactorios.
• Implementar el resultado fi nal de la evolución del proceso de trabajo.
Fáses
22
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
RESULTADO
Como resultado de este proceso de trabajo pode-mos ver el prototipo de alta fi delidad funcional en los siguientes enlaces:
http://anaabr.esy.es/sercon/ (Parte pública y área de cliente)
http://anaabr.esy.es/sercon/administrador.html (Área de administrador)
23
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
CONCLUSIONES
• El sitio web de SerCon es la culminación de un proceso de trabajo que concreta la idea inicial del cliente mediante la aplicación de una metodo-logía.
• Cumple con los objetivos primarios y secun-darios establecidos al inicio del trabajo, apoyan-dose en la usabilidad y accesibilidad web.
24
Desarrollo del sitio web SerCon Ana I. Abraira BlázquezGrado Multimedia TFG
CONCLUSIONES
• Es un proceso de trabajo que ha evolucionado en el tiempo adoptando opiniones y conocimiento del cliente, usuarios potenciales y del profesional multimedia.
• Pone en evidencia las competencias generales, específi cas y transversales, tanto teóricas como prácticas, adquiridas por el profesional multi-media.