Documentos de Académico
Documentos de Profesional
Documentos de Cultura
“LABORATORIO 1”
ANÁLISIS DE DISEÑO CENTRADO EN EL USUARIO
1. https://www.tecoloco.com.sv/
2. https://www.sv.computrabajo.com/
3. https://www.empleospublicos.gob.sv/
1. Registro de usuarios.
2. Participar en concursos de trabajo
Consultar listado de concursos de trabajo
3 Empleos públicos
3. Consulta de estadísticos relacionados a los
estados de los concursos
4. Estados de postulación de trabajo
Tareas a analizar
1. Creación de perfil profesional.
2. Consulta de ofertas laborales.
3. Seguimiento a postulaciones
Listado de problemas encontrados
1. Seguimiento de Postulaciones: Sobrediseño de interfaz
Al analizar la interfaz de seguimiento de postulaciones, se puede observar que el diseño de
seguimiento de las etapas de postulación captura espacio importante, la disposición del
contenido, así como los botones y menú, como se puede observar en a imagen siguiente.
2. Formulario de registro demasiado extenso – CompuTrabajo
Datos solicitados inmisariamente durante el proceso de registro, sin la oportunidad de
completar el formulario luego. Toda la información es solicitada como obligatoria.
Mejora: registrarse con parte de los datos solicitados con la opción de ir completando luego
en el perfil
3. Diseño poco intuitivo y responsive de la plataforma – Empleos publicos
La forma en la que el nombre de las empresas se ubica en el listado, o como se realiza la búsqueda en general,
no da el entendimiento necesario al usuario. Además, en el formulario de registro presenta demasiada
información, donde es poco entendible y perceptible al usuario
4. Mala distribución de espacios de la interfaz, pocos filtros de búsqueda - Tecoloco
De primera vista se observa la distribución asimétrica que presenta, desperdiciando la mayor parte de la
pantalla de la interfaz.
El filtro de la búsqueda presenta generalizado a cargo, área y país una notoria diferencia con CompuTrabajo
ya que este presenta búsquedas por cargo, área profesional, lugar del país. Consulta de empleos por
localización geográfica, cargo profesional o categorías.
Explicación de la propuesta
La propuesta está enfocada en el principio de ser intuitiva. Separa la información solicitada
correctamente y hace uso eficiente del espacio disponible en la pantalla del usuario.
Con el fin de corregir los problemas identificados en los sitios analizados y aprovechando los
puntos fuertes de cada uno, se definió un estilo estándar y atractivo con colores no
sobresaturados, una interfaz centrada en presentar información relevante de manera
sintetizada y limpia.
Formularios menos complejos y organizados por categorías que facilitan el proceso de captura
de información.
Una barra de búsqueda general, presente en todas las páginas del sitio con opciones de
filtrado posterior en el área de resultados.
Filtros más avanzados e intuitivos mediante el uso de elementos web como listas
desplegables.
Soluciones
Interfaz de seguimiento de postulaciones sobrecargada – Computrabajo
Solicitar la información del perfil profesional o curriculum en una sección aparte, dejando en el formulario
de registro únicamente con los campos básicos requeridos para la creación de una nueva cuenta.
Utilizar colores acordes a las acciones de los botones, evitar el uso de fondos oscuros para las indicaciones
y tamaños de fuente más grandes. Agrupar por categoría los filtros u opciones de búsqueda
S: Definir un estándar para la distribución del contenido en el sitio de web, organizando de manera clara el
área de trabajo, menús, encabezados, barras de acciones y títulos de página.
Diseño de wireframe
Prototipos por tarea
1- Creación de perfil profesional
2- Consulta de ofertas laborales
3- Seguimiento a postulaciones
Lista de mejoras
1. En la interfaz de seguimiento que poseen las páginas de empleo el diseño debiese de
resaltar el estado en el que se encuentra la postulación, con un diseño que incluya los
elementos necesarios.
2. Reajustar la tipografía en la disposición de contenido cuando se deba de adaptar a los
diferentes tipos de dispositivos.
3. Definir un estilo gráfico estándar y atractivo que dicte personalidad a la página web.
4. Sintetizar información y desplegarla de manera limpia.
5. Asegurar un lenguaje visual que, de carácter al contenido, que lo vuelva claro y fácil de
identificar.