desarrollo del sitio web sercon -...

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


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


• Dar a conocer SerCon a todos los públicos.

• Generar ingresos económicos a traves de la realización de trabajos.

OBJETIVOS

Principales

5


• 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


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


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


SITIO WEB > ACCESO PÚBLICO

Inicio: Presentación del sitio y la empresa.

Versión Desktop Versión Mobile

9


¿Quien Somos?: Misión, visión y valores.Versión MobileVersión Desktop


10


¿Qué hacemos?: Relacion de áreas de trabajo.Versión Desktop Versión Mobile


11


Área de clientes: Identifi cación de usuarios.Versión MobileVersión Desktop

SITIO WEB > ACCESO PUBLICO

12


Contacto: Formulario de contacto.Versión Desktop Versión Mobile


13


SITIO WEB > ACCESO PRIVADO > CLIENTES

Alta de averías: Envío de incidencias del cliente.Versión Desktop Versión Mobile

14



Consulta de seguimiento: Estado de incidencias.Versión Desktop Versión Mobile

15



Evaluación: Evaluación del cliente.Versión Desktop Versión Mobile

16


SITIO WEB>ACCESO PRIVADO>ADMINISTRADORAlta de clientes: Alta de nuevo cliente


17


Clientes: Listado de clientes.Versión Desktop Versión Mobile

SITIO WEB>ACCESO PRIVADO>ADMINISTRADOR

18


SITIO WEB>ACCESO PRIVADO>ADMINISTRADOREstadisticas: Estadisticas de valoraciones


19


Cliente xxx: Datos de cliente concretoVersión Desktop Versión Mobile

SITIO WEB>ACCESO PRIVADO>ADMINISTRADOR

20


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


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


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


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.

25


16 de Junio de 2015

desarrollo del sitio web sercon -...

Documents