UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO...
144
UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO PROYECTO EDUCATIVO PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERA EN DISEÑO GRÁFICO TEMA: EL NEURODISEÑO GRÁFICO Y SU INCIDENCIA EN LA GESTIÓN DE LA INFORMACIÓN DEL SITIO WEB DE LA UNIVERSIDAD DE GUAYAQUIL. 2017 PROPUESTA: REDISEÑO DE LA ESTRUCTURA DEL SITIO WEB INSTITUCIONAL AUTOR: Ericka Paola Vélez Ramos TUTOR: Econ. Javier Landívar Vera MSc. Guayaquil, agosto 2017
Transcript of UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO...
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
PROYECTO EDUCATIVO PREVIO A LA OBTENCIÓN DEL TÍTULO DE
INGENIERA EN DISEÑO GRÁFICO
TEMA:
EL NEURODISEÑO GRÁFICO Y SU INCIDENCIA
EN LA GESTIÓN DE LA INFORMACIÓN DEL SITIO WEB
DE LA UNIVERSIDAD DE GUAYAQUIL. 2017
PROPUESTA:
REDISEÑO DE LA ESTRUCTURA DEL SITIO WEB INSTITUCIONAL
AUTOR: Ericka Paola Vélez Ramos
TUTOR: Econ. Javier Landívar Vera MSc.
Guayaquil, agosto 2017
ii
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
DIRECTIVOS
Lcdo. Kléber Loor Valdiviezo, MSc. Lcda. Christel Matute Zhuma, MSc.
DECANO VICE DECANA
Lcdo. Alfredo Llerena, MSc. Lcda. Beatriz Vallejo Vivas, MSc.
COORDINADOR ACADÉMICO DIRECTORA
Ab. Pedro Moncada Awad
SECRETARIO GENERAL
iii
Repositorio Nacional de Ciencias y Tecnología
REPOSITORIO NACIONAL EN CIENCIA Y TECNOLOGÍA
FICHA DE REGISTRO DE TESIS/TRABAJO DE GRADUACIÓN
TÍTULO Y SUBTÍTULO: El neurodiseño gráfico y su incidencia en la gestión de la
información del sitio web de la Universidad de Guayaquil
Rediseño de la estructura del sitio web institucional
AUTOR: Vélez Ramos Ericka Paola
TUTOR:
REVISOR:
Econ. Javier Andrés Landívar Vera MSc.
Lcdo. David Villamar MSc.
INSTITUCIÓN: Universidad de Guayaquil
UNIDAD/FACULTAD: Facultad de Comunicación Social
MAESTRÍA/ESPECIALIDAD: Ingeniería en Diseño Gráfico
GRADO OBTENIDO: Ingeniera en Diseño Gráfico
FECHA DE PUBLICACIÓN: agosto 2017 No. DE
PÁGINAS: 122
ÁREAS TEMÁTICAS: Diseño web, Gestión de la comunicación
PALABRAS CLAVES/
KEYWORDS:
Neurodiseño gráfico, gestión de información, calidad comunicacional, sitio web, percepción del usuario.
RESUMEN/ABSTRACT: El presente trabajo investiga cómo influye el Neurodiseño Gráfico en el
sitio web de la Universidad de Guayaquil; respondiendo a la problemática, la cual plantea que el
flujo de información es ineficiente y no se realiza un adecuado proceso comunicacional; en el
marco teórico se citan precursores que definen el diseño, las neurociencias y la comunicación
como una respuesta fácil de medir a través de la percepción del usuario. El objetivo primordial
es establecer una adecuada gestión de información y comunicación de acuerdo a las
experiencias y expectativas de los visitantes; la metodología se apoya mediante una técnica
documental formando un cuerpo de ideas en base a fuentes bibliográficas, y una técnica de
campo realizada a través de encuestas. Quienes se benefician son los integrantes de la
comunidad universitaria; las conclusiones y recomendaciones se orientan a partir del rediseño
de la estructura del sitio web de la Institución.
ADJUNTO PDF: SI NO
CONTACTO CON AUTOR: Teléfono:
0960090615 E-mail: [email protected]
CONTACTO CON LA
INSTITUCIÓN:
Nombre: Universidad de Guayaquil
Teléfono: (04) 2287072 – 2284505
E-mail: [email protected]
iv
CERTIFICADO PORCENTAJE DE SIMILITUD
Habiendo sido nombrado a Econ. Javier Landívar Vera MSc., tutor del
trabajo de titulación, certifico que el presente trabajo de titulación ha sido
elaborado por la Srta. Ericka Paola Vélez Ramos, C.I.: 0931044366, con mi
respectiva supervisión como requerimiento parcial para la obtención del
título de Ingeniera en Diseño Gráfico.
Se informa que el trabajo de titulación: “El neurodiseño gráfico y su
incidencia en la gestión de la información del sitio web de la
Universidad de Guayaquil”, ha sido orientado durante todo el período de
ejecución en el programa anti plagio URKUND quedando el 3% de
coincidencia.
Econ. Javier Landívar Vera MSc.
DOCENTE TUTOR
C.I. 0920170156
v
Guayaquil, 23 de agosto del 2017
Lcda. Beatriz Vallejo Vivas, MSc.
Directora de la Carrera de Diseño Gráfico
Facultad de Comunicación Social
UNIVERSIDAD DE GUAYAQUIL
Ciudad. -
De mis consideraciones:
Envío a Ud. el Informe correspondiente a la tutoría realizada al Trabajo de
Titulación “El neurodiseño gráfico y su incidencia en la gestión de la
información del sitio web de la Universidad de Guayaquil” de la estudiante
Ericka Paola Vélez Ramos, indicando ha cumplido con todos los
parámetros establecidos en la normativa vigente:
El trabajo es el resultado de una investigación.
El estudiante demuestra conocimiento profesional integral.
El trabajo presenta una propuesta en el área de conocimiento.
El nivel de argumentación es coherente con el campo de conocimiento.
Adicionalmente, se adjunta el certificado de porcentaje de similitud y la
valoración del trabajo de titulación con la respectiva calificación.
Dando por concluida esta tutoría de trabajo de titulación, CERTIFICO, para
los fines pertinentes, que la estudiante está apta para continuar con el
proceso de revisión final.
Atentamente,
____________________________________
Econ. Javier Landívar Vera MSc. DOCENTE TUTOR DEL TRABAJO DE TITULACIÓN
C.I. 0920170156
vi
LICENCIA GRATUITA INTRANSFERIBLE Y NO EXCLUSIVA PARA EL
USO NO COMERCIAL DE LA OBRA CON FINES NO ACADÉMICOS
Yo, Ericka Paola Vélez Ramos con C.I. No. 0931044366, certifico que los
contenidos desarrollados en este trabajo de titulación, cuyo título es “El
neurodiseño gráfico y su incidencia en la gestión de la información
del sitio web de la Universidad de Guayaquil” son de mi absoluta
propiedad y responsabilidad y según el artículo 114 del CÓDIGO
ORGÁNICO DE LA ECONOMÍA SOCIAL DE LOS CONOCIMIENTOS,
CREATIVIDAD E INNOVACIÓN*, autorizo el uso de una licencia gratuita
intransferible y no exclusiva para el uso no comercial de la presente obra
con fines no académicos, en favor de la Universidad de Guayaquil, para
que haga uso del mismo, como fuera pertinente.
_____________________________
Ericka Paola Vélez Ramos
ESTUDIANTE
C.I. No. 0931044366
*CÓDIGO ORGÁNICO DE LA ECONOMÍA SOCIAL DE LOS CONOCIMIENTOS, CREATIVIDAD E
INNOVACIÓN (Registro Oficial n. 899 - Dic./2016) Artículo 114.- De los titulares de derechos de obras
creadas en las instituciones de educación superior y centros educativos.- En el caso de las obras creadas
en centros educativos, universidades, escuelas politécnicas, institutos superiores técnicos, tecnológicos,
pedagógicos, de artes y los conservatorios superiores, e institutos públicos de investigación como resultado
de su actividad académica o de investigación tales como trabajos de titulación, proyectos de investigación
o innovación, artículos académicos, u otros análogos, sin perjuicio de que pueda existir relación de
dependencia, la titularidad de los derechos patrimoniales corresponderá a los autores. Sin embargo, el
establecimiento tendrá una licencia gratuita, intransferible y no exclusiva para el uso no comercial de la
obra con fines académicos.
vii
PROYECTO
EL NEURODISEÑO GRÁFICO Y SU INCIDENCIA EN LA GESTIÓN DE LA
INFORMACIÓN DEL SITIO WEB DE LA UNIVERSIDAD DE GUAYAQUIL,
REDISEÑO DE LA ESTRUCTURA DEL SITIO WEB INSTITUCIONAL
APROBADO
………………………………………………
Lcda. Denisse Salcedo Aparicio MSc.
Miembro del Tribunal
………………………………....... ……….………………………
Lcda. Marjorie Buenaño MSc.
Miembro del Tribunal Miembro del Tribunal
………………………………… …….....……………………….
Ericka Paola Vélez Ramos
Secretario Alumna
viii
Guayaquil, 23 de agosto del 2017
Lcda. Beatriz Vallejo Vivas, MSc.
Directora de la Carrera de Diseño Gráfico
Facultad de Comunicación Social
UNIVERSIDAD DE GUAYAQUIL
Ciudad. -
De mis consideraciones: Envío a Ud. el Informe correspondiente a la Revisión final del Trabajo de Titulación “El neurodiseño gráfico y su incidencia en la gestión de la información del sitio web de la Universidad de Guayaquil” de la estudiante Ericka Paola Vélez Ramos. Las gestiones realizadas me permiten indicar que el trabajo fue revisado considerando todos los parámetros establecidos en las normativas vigentes, en el cumplimento de los siguientes aspectos: Cumplimiento de requisitos de forma:
El título tiene un máximo de 20 palabras.
La memoria escrita se ajusta a la estructura establecida.
El documento se ajusta a las normas de escritura científica seleccionadas por la Facultad.
La investigación es pertinente con la línea y sublímelas de investigación de la carrera.
Los soportes teóricos son de máximo 10 años.
La propuesta presentada es pertinente. Cumplimiento con el Reglamento de Régimen Académico:
El trabajo es el resultado de una investigación.
El estudiante demuestra conocimiento profesional integral.
El trabajo presenta una propuesta en el área de conocimiento.
El nivel de argumentación es coherente con el campo de conocimiento. Adicionalmente, se indica que fue revisado, el certificado de porcentaje de similitud, la valoración del tutor, así como de las páginas preliminares solicitadas, lo cual indica el que el trabajo de investigación cumple con los requisitos exigidos. Una vez concluida esta revisión, considero que la estudiante Ericka Paola Vélez Ramos está apta para continuar el proceso de titulación. Particular que comunicamos a usted para los fines pertinentes. Atentamente, _________________________ Lcdo. David Villamar MSc. DOCENTE TUTOR REVISOR C.I.
ix
DEDICATORIA
Este trabajo se lo dedico principalmente a mi madre, quien ha sido mi
inspiración durante la carrera, mi fortaleza para sobrellevar todo obstáculo
y tomar las decisiones correctas en mi vida. A pesar de no tenerla cerca,
su voz de aliento me ha enseñado lo importante que es alcanzar las metas
que uno se propone y aprovechar las oportunidades que se presentan a lo
largo del camino.
De igual manera, mi padre ha sido un pilar fundamental, quien a pesar de
su ausencia me da seguridad y confianza en cada paso que doy. Mi familia
no deja de ser mi alegría, en los buenos y malos momentos, siempre he
contado con su apoyo incondicional.
Ericka Paola Vélez Ramos
.
x
AGRADECIMIENTO
Quiero expresar mi gratitud a los que influyeron directa o indirectamente en
este proyecto:
Primero agradezco a Dios por ser la guía y fortaleza para cumplir cada uno
de mis propósitos y por permitirme alcanzar una meta muy significativa en
mi vida profesional.
A mi familia, quienes me han brindado su cariño, motivación y apoyo moral
en los buenos y malos momentos. Cada paso firme que he dado, ha sido
gracias a sus palabras de aliento y sus ejemplos de lucha y perseverancia.
A mi esposo, por creer en mis capacidades, por ser paciente conmigo,
comprenderme, brindarme su amor y permanecer a mi lado alentándome
para que este sueño se haga realidad.
A mis compañeros de clase, quienes estuvieron brindándome su ayuda
incondicional durante estos 4 años de estudio, por haber compartido sus
conocimientos y aprender día a día de ellos en cada etapa de la carrera.
A mi tutor, Econ. Javier Landívar Vera, MSc. por su constancia y dedicación
en la dirección de este trabajo de investigación.
A los Coordinadores de la Unidad de Pre Grado de la Universidad de
Guayaquil, por liderar esta fructífera oportunidad de Titulación en Ingeniería
en Diseño Gráfico.
Ericka Paola Vélez Ramos
xi
ÍNDICE GENERAL
REPOSITORIO NACIONAL DE CIENCIAS Y TECNOLOGÍA ................... iii
CERTIFICADO PORCENTAJE DE SIMILITUD ........................................ iv
CERTIFICADO DEL DOCENTE TUTOR ................................................... v
CERTIFICADO DEL TUTOR REVISOR ................................................. viii
DEDICATORIA ......................................................................................... ix
AGRADECIMIENTO ……………………………………………………………X
ÍNDICE GENERAL …………………………………………………………......xi
ÍNDICE DE TABLAS ................................................................................ xv
ÍNDICE DE FIGURAS ............................................................................ xvii
RESUMEN............................................................................................... xx
ABSTRACT ............................................................................................ xxi
INTRODUCCIÓN .......................................................................................1
CAPÍTULO I ..............................................................................................3
EL PROBLEMA ........................................................................................3
PLANTEAMIENTO DEL PROBLEMA .......................................................3
Ubicación del problema en un contexto .............................................................. 3
Situación conflicto................................................................................................ 7
Delimitación del problema ................................................................................... 8
Formulación del problema ................................................................................... 8
Evaluación del problema ..................................................................................... 8
Variables de la Investigación ............................................................................ 10
Variable independiente ......................................................................................... 10
Variable dependiente ............................................................................................ 10
Objetivos de la Investigación ...................................................................10
Objetivo general ................................................................................................ 10
Objetivos específicos ........................................................................................ 10
Hipótesis o premisas de investigación y su operacionalización................10
JUSTIFICACIÓN E IMPORTANCIA .........................................................12
CAPÍTULO II ...........................................................................................14
xii
MARCO TEÓRICO ................................................................................ 14d
ANTECEDENTES DEL ESTUDIO ...........................................................14
FUNDAMENTACIÓN TEÓRICA ..............................................................15
La comunicación ............................................................................................................. 15
El diseño gráfico y la comunicación ................................................................................ 16
Profesión de un diseñador gráfico ................................................................................... 18
El diseñador gráfico como comunicador visual ............................................................... 18
Las neurociencias ........................................................................................................... 19
La teoría y ciencia del diseño .......................................................................................... 20
Neurociencia cognitiva .................................................................................................... 22
Neurociencia emocional .................................................................................................. 22
Diseño, comunicación y neurociencias ........................................................................... 23
El neurodiseño gráfico .................................................................................................... 24
Proceso del neurodiseño................................................................................................. 26
Elementos del neuromarketing para el neurodiseño gráfico ........................................... 27
Gestión del conocimiento ................................................................................................ 30
Gestión de la información................................................................................................ 31
Calidad integral ............................................................................................................... 32
Medios de comunicación ............................................................................................. 35
Medios digitales .............................................................................................................. 36
Medios masivos .............................................................................................................. 37
Definición de sitio web..................................................................................................... 38
Definición de página web ................................................................................................ 38
Tipos de páginas web ..................................................................................................... 39
Páginas estáticas ............................................................................................................ 39
Páginas dinámicas .......................................................................................................... 39
HTML (HyperText Markup Language) ............................................................................. 40
¿Por qué es importante HTML5? .................................................................................... 41
Editores HTML ................................................................................................................ 43
Sitios que actualmente utilizan HTML5 ........................................................................... 44
CSS3 (Cascade Style Sheet) .......................................................................................... 45
xiii
El diseño web ................................................................................................................ 46
Usabilidad ....................................................................................................................... 46
Interactividad ................................................................................................................... 48
Navegabilidad ................................................................................................................. 49
Arquitectura de la información ......................................................................................... 51
Interacción de medios ..................................................................................................... 53
El comportamiento de los usuarios en los sitios web ...................................................... 54
FUNDAMENTACIÓN LEGAL ............................................................................ 55
CAPÍTULO III ..........................................................................................58
METODOLOGÍA DE LA INVESTIGACIÓN .............................................58
DISEÑO DE LA INVESTIGACIÓN ..........................................................58
Modalidad de la investigación ........................................................................... 58
Tipo de investigación ......................................................................................... 58
Población y muestra .......................................................................................... 58
Población .............................................................................................................. 58
Muestra ................................................................................................................. 60
Instrumentos de la investigación ..................................................................63
Encuesta ....................................................................................................... 63
TÉCNICAS PARA EL PROCESAMIENTO Y ANÁLISIS DE RESULTADOS ...............64
Análisis e interpretación de resultados ................................................................. 64
Procesamiento y análisis ..................................................................................... 64
I.- Información general .................................................................................................... 65
II.- Información específica ............................................................................................... 69
III.- Información complementaria ..................................................................................... 77
CAPÍTULO IV ..........................................................................................81
FUNDAMENTACIÓN TEÓRICA DE LA PROPUESTA ...........................81
Título de la propuesta ........................................................................................... 81
Justificación ...................................................................................................... 81
Fundamentación ............................................................................................... 83
Objetivos de la propuesta ...............................................................................87
Objetivo General ................................................................................................... 87
xiv
Objetivos Específicos ............................................................................................ 87
Importancia ....................................................................................................... 88
Ubicación Sectorial y Física ............................................................................. 90
Factibilidad de la propuesta .................................................................................. 91
Factibilidad Técnica .............................................................................................. 92
Factibilidad Financiera .......................................................................................... 92
Factibilidad de Recursos Humanos....................................................................... 93
Alcances ........................................................................................................... 94
Descripción de la Propuesta ........................................................................95
Descripción del usuario o beneficiario ..........................................................96
Misión .................................................................................................................... 96
Visión ..................................................................................................................... 96
Etapas de desarrollo ............................................................................................. 96
Especificaciones técnicas ............................................................................................... 96
Especificaciones de implementación ........................................................................... 106
DEFINICIÓN DE TÉRMINOS RELEVANTES ........................................ 107
CONCLUSIONES .................................................................................. 110
RECOMENDACIONES.......................................................................... 111
Referencias ............................................................................................. 112
ANEXOS ............................................................................................... 119
xv
ÍNDICE DE TABLAS
Tabla 1
Causas y consecuencias del problema ......................................................7
Tabla 2
Operacionalización de varibales .............................................................11
Tabla 3
Población de estudio ...............................................................................59
Tabla 4
Tamaño de la muestra .............................................................................61
Tabl a 5
Facultades ...............................................................................................62
Tabla 6
Sector de la comunidad universitaria .......................................................65
Tabla 7
Antigüedad de la comunidad universitaria ...............................................66
Tabla 8
Calidad del servicio de información .........................................................67
Tabla 9
Calidad de los medios de comunicación ..................................................68
Tabla 10
Gestión de información ............................................................................69
Tabla 11
Gestión de los recursos tecnológicos ......................................................70
xvi
Tabla 12
Acceso a la información pública...............................................................71
Tabla 13
Actualización de la información en el sitio web……………………….…….72
Tabla 14
Necesidades de información y comunicación de los usuarios………….…73
Tabla 15
Navegabilidad, usabilidad e interactividad del sitio web ...........................74
Tabla 16
Estructura y operacionalización del sitio web……………………………….75
Tabla 17
Administración y publicación de la información en el sitio web ................76
Tabla 18
Experiencia del usuario por medio del rediseño del sitio web……………..77
Tabla 19
Incidencia del neurodiseño gráfico en el sitio web institucional……………78
Tabla 20
Herramienta comunicacional en la gestión de información ......................79
Tabla 21
Ineficiencias del sitio web ........................................................................80
Tabla 22
Indicadores financieros ............................................................................92
Tabla 23
Roles y responsabilidades de un equipo web ..........................................93
xvii
Tabla 24
Análisis de la estructura del sitio web de la Uiversidad de Guayaquil .... 100
ÍNDICE DE FIGURAS
Figura 1
Principios de la gestión de calidad ...........................................................33
Figura 2
Población de estudio ...............................................................................59
Figura 3
Sector de la población .............................................................................65
Figura 4
Antigüedad de la comunidad universitaria ...............................................66
Figura 5
Calidad del servicio de información .........................................................67
Figura 6
Calidad de los medios de comunicación ..................................................68
Figura 7
Gestión de información ............................................................................69
Figura 8
Gestión de los recursos tecnológicos ......................................................70
Figura 9
Acceso a la información pública...............................................................71
xviii
Figura 10
Actualización de información en el sitio web ............................................72
Figura 11
Necesidades de información y comunicación de los usuarios ..................73
Figura 12
Navegabilidad, usabilidad e interactividad del sitio web ...........................74
Figura 13
Estructura y operacionalización del Sitio Web .........................................75
Figura 14
Administración y publicación de la información en el sitio web ................76
Figura 15
Experiencia del usuario por medio del rediseño del sitio web ..................77
Figura 16
Incidencia del neurodiseño gráfico en el sitio web institucional ................78
Figura 17
Herramienta comunicacional en la gestión de información ......................79
Figura 18
Ineficiencias del sitio web ........................................................................80
Figura 19
Ubicación sectorial de la Universidad de Guayaquil.................................90
Figura 20
Ubicación sectorial de la Universidad de Guayaquil.................................91
Figura 21
Menú principal del sitio web ................................................................... 102
xix
Figura 22
Home Page............................................................................................ 103
Figura 23
Menú principal ....................................................................................... 104
Figura 24
Banners ................................................................................................. 104
Figura 25
Sección noticias ..................................................................................... 105
Figura 26
Footer .................................................................................................... 105
Figura 27
Adobe CS6 Master Collection ................................................................ 105
Figura 28
Diseño y estructura de la información del home page……………………106
xx
UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
“EL NEURODISEÑO GRÁFICO Y SU INCIDENCIA EN LA GESTIÓN DE LA
INFORMACIÓN DEL SITIO WEB DE LA UNIVERSIDAD DE GUAYAQUIL,
REDISEÑO DE LA ESTRUCTURA DEL SITIO WEB INSTITUCIONAL”
Autor: Vélez, Ericka Paola Advisor: MSc. Landívar, Javier Andrés
Fecha: 23 de agosto del 2017
RESUMEN
El presente trabajo investiga cómo influye el neurodiseño gráfico en la gestión de información del sitio web de la Universidad de Guayaquil; respondiendo a la problemática, la cual plantea que el flujo de información es ineficiente y no se realiza un adecuado proceso comunicacional; en el marco teórico se citan precursores que definen el diseño, las neurociencias y la comunicación como una respuesta fácil de medir a través de la percepción del usuario. El objetivo primordial es establecer una adecuada gestión informativa y comunicacional de acuerdo a las experiencias y expectativas e intereses de los visitantes; la metodología se apoya mediante una técnica documental formando un cuerpo de ideas en base a fuentes bibliográficas, y una técnica de campo realizada a través de encuestas. Quienes se benefician son los integrantes de la comunidad universitaria; las conclusiones y recomendaciones se orientan a partir del rediseño de la estructura del sitio web de la Institución.
Palabras Claves: neurodiseño gráfico, gestión de información, calidad comunicacional, sitio web, percepción del usuario.
xxi
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO
“THE GRAPHIC NEURODESIGN AND ITS INCIDENCE IN THE INFORMATION
MANAGEMENT OF THE WEBSITE OF THE UNIVERSITY OF GUAYAQUIL,
REDESIGN OF THE INSTITUTIONAL WEB SITE STRUCTURE”
Autor: Vélez, Ericka Paola Advisor: MSc. Landívar, Javier Andrés
Fecha: August 23rd, 2017
ABSTRACT
The present work investigates how graphic neurodesign influences in the
information management of the web site of the University of Guayaquil;
Responding to the problem, which posits that the flow of information is
inefficient and does not perform an adequate communication process; the
theoretical framework cites precursors that define design, neuroscience
and communication as an easy answer to measure through the
perception of the user. The primary objective is to establish an adequate
information and communication management according to the
experiences and expectations and interests of the visitors; The
methodology is supported by a documentary technique forming a body of
ideas based on bibliographical sources, and a field technique carried out
through surveys. Those who benefit are the members of the university
community; The conclusions and recommendations are guided by the
redesign of the structure of the website of the Institution.
Keywords: graphic neurodesign, information management,
communication quality, website, user perception
INTRODUCCIÓN
El diseño gráfico como disciplina, se ha comparado con el arte, mas no
con la ciencia. Esta diferencia se debe cambiar para que el diseño se ajuste
a las necesidades actuales de la sociedad. El presente trabajo condiciona
emplear nuevas herramientas y técnicas para evaluar un producto o trabajo
mediante la actividad antes mencionada; para ello es necesario entender
qué tan primordial es emplear los conocimientos científicos en el desarrollo
de un diseño gráfico web.
Mediante la práctica del Neurodiseño gráfico, fue más fácil intuir o
comprender los pensamientos, sensaciones, experiencias, necesidades o
expectativas de los usuarios; de esta manera, se creó empatía o una
relación cercana con ellos, permitiendo al autor de tesis encontrar
soluciones adecuadas para el alcance de los objetivos.
Se consideró primordial emplear los beneficios de las neurociencias,
debido a que hicieron factible los procesos, metodologías y la práctica para
la generación de conocimientos e información, sobre todo se optimizó la
calidad comunicacional. En la descripción de cada capítulo, se describieron
diferentes conceptos acerca del neurodiseño centrado en el usuario, el
mismo que propuso una solución factible a través del uso correcto de un
documento electrónico como lo es el sitio web de la Universidad de
Guayaquil.
La presente investigación describe cómo y por qué se relaciona el diseño
y la ciencia, tomando en cuenta que ambas disciplinas exploraron la
conducta humana y buscaron mejorar la comunicación visual mediante el
empleo de diferentes recursos. Por lo tanto, se estableció que, por medio
de este estudio y el conocimiento actual de dicha herramienta informativa,
se mejora el proceso comunicacional en la comunidad universitaria.
2
La presente investigación consta de cuatro capítulos:
El CAPÍTULO I EL PROBLEMA, comprende un diagnóstico de la
situación actual de la entidad educativa; en base a esto se delimitó, formuló
y evaluó el problema; se definieron los objetivos, las hipótesis y la
justificación.
EL CAPÍTULO II MARCO TEÓRICO, se describen los antecedentes del
estudio y los diferentes aportes teóricos como sustento para el trabajo
investigativo y las distintas preguntas planteadas que se deben responder
según el trabajo metodológico.
EL CAPÍTULO III METODOLOGÍA DE LA INVESTIGACIÓN, se
especificó la modalidad, tipo e instrumento de la investigación; se indica la
población y la muestra para el posterior análisis e interpretación de los
resultados, el mismo que contiene información general, específica y
complementaria. Se detallaron los aspectos operacionales que permitieron
cuantificar las variables, también se detallan los resultados de las
encuestas y se evidenciaron los datos más significativos.
EL CAPÍTULO IV LA PROPUESTA, se especifican aspectos importantes
como la justificación, fundamentación, importancia, objetivo general y
específicos. Para validar la propuesta se explica la factibilidad técnica,
financiera y de recursos humanos; de igual manera se determina la
ubicación sectorial, describiendo también al usuario o beneficiario, junto
con las etapas de desarrollo en donde se especifica la parte técnica y de
implementación con respecto al rediseño del actual sitio web que dispone
la Universidad de Guayaquil.
Se realizaron definiciones de ciertos términos relevantes para mejor
comprensión del contenido del trabajo investigativo. En base a toda la
información recopilada, tabulada y analizada, se exponen las conclusiones
y se plantean las recomendaciones.
3
CAPÍTULO I
EL PROBLEMA
PLANTEAMIENTO DEL PROBLEMA
Ubicación del problema en un contexto
El diseño experimenta cambios dentro de los cuales se destaca la
incorporación de la tecnología, la misma que mejora cada vez más la labor
de un Diseñador Gráfico, facilitando el desarrollo de habilidades esenciales
como la resolución de problemas de comunicación visual. (Sánchez, 2009)
afirma que:
El diseño depende completamente de su relación con la tecnología
para poder actuar, ya que en función del avance tecnológico dispone
de nuevos espacios. La relación entre el diseño y la tecnología ha
estado presente desde siempre, cada época está caracterizada por
los avances que se tenían en ese tiempo y cómo el diseño gráfico
adoptó los recursos para generar alternativas visuales. (p.256)
Actualmente, un diseñador se ha adaptado a las nuevas tecnologías de
la información, siendo capaz de realizar interfaces basadas en las
experiencias de los usuarios. (Pastor, 2002) menciona que: “Las interfaces
de usuario entregadas en productos finales están cada vez más y más
cuidadas para ofrecer al usuario sensaciones de seguridad, fiabilidad,
ergonomía, sencillez de uso y precisión en la aplicación suministrada.” (p.1)
Específicamente en esta investigación nos referimos a la interfaz web, en
donde los usuarios disponen de un sistema gráfico con acceso a diferentes
contenidos, pueden navegar en diferentes partes del sitio y conocer
funcionalidades en las que no necesariamente deben tener alguna
preparación.
4
Los medios de comunicación cumplen un rol importante para la
publicación de diversos contenidos en la web y esto atrae la atención de
los usuarios digitales. Es primordial mencionar que los medios digitales son
parte de los nuevos medios de comunicación, (Punín & al, 2014) indican:
Actualmente, los medios digitales son parte de nuestro interés.
Dependen de la acción que se tome para emprender esta nueva
iniciativa, y son importantes porque gracias a la presencia de la Red,
pueden cumplir las funciones 3Cs: comunicación (puesta en común),
comunidad (se crean comunidades) y cooperación (se hace la red
juntos). (p.202)
La variedad de recursos, la rapidez y la creatividad son aspectos
importantes que hacen del medio digital una herramienta atractiva. Entre
estos medios se encuentran las revistas virtuales, blogs, sitios web, medios
impresos en versiones digitales, entre otros. Su principal función es
comunicar contenidos virtuales mediante formatos interactivos y
herramientas audiovisuales.
En cuanto al diseño gráfico, la tecnología ha incorporado nuevas
herramientas y ha generado cambios en la práctica, de igual manera los
avances científicos también han aportado significativamente en dicha
actividad, formando cambios en los planteamientos metodológicos y
teóricos de esta disciplina. Las neurociencias permiten comprender la
conducta humana, determinada por los procesos neuronales, mediante un
acercamiento a través de sus experiencias; debido a esto, podemos
entender cómo influye la ciencia en el diseño gráfico, básicamente (Romero
& Ríos, 2015) nos explican que:
Las neurociencias permiten encontrar respuestas científicas a
comportamientos humanos no explicados. Conocer cómo funciona
el cerebro del hombre, puede resultar útil no sólo desde un punto de
5
vista científico como sería la cura de enfermedades, sino que este
conocimiento puede aplicarse al estudio de la creación artística,
cuestión que ocupa al Diseño Gráfico. (p.2)
Debido a las neurociencias, el Neurodiseño Gráfico consigue facilitar
herramientas, generar conocimientos y emplear métodos, los cuales
mejoran la educación, la práctica y la investigación para optimizar el
impacto del diseño en la estructura perceptual del individuo. Puesto que, se
provocan diversas reacciones en los usuarios, que parten desde el análisis
de su conducta hasta los procesos cerebrales como las emociones,
pensamientos o intuiciones, de manera que los motiva a la compra, crea
simpatía o algún otro cambio que beneficia al diseñador.
El diseño gráfico a diferencia del arte, que es la expresión y
comunicación de los sentimientos de manera espontánea, no lo podemos
crear libremente, ya que estamos sujetos a las necesidades o deseos de
los usuarios. (Pimentel, 2009) indica que “El diseño, al contrario que el arte,
necesita de un fin práctico y lo encuentra ante todo en cuatro requisitos: ser
funcional, significativo, concreto y tener un componente social.” (p.82)
Cuando un diseño comunica, logra ser exitoso, reconocido y se posesiona
según el mercado al cual va dirigido.
En efecto, lo que se busca es emplear una herramienta llamada
Neurodiseño Gráfico, la cual motiva a ser creativo y no sólo a realizar un
diseño que agrade al usuario, sino también que cree altos estándares e
impacto en la comunicación. Según (Bucardo, 2016) menciona que:
El Diseño Gráfico es la disciplina que tiene la posibilidad de mostrar
en forma visual ideas que son útiles y generan bienestar al ser
humano. Esta actividad se procesa mediante la forma y la
comunicación, todos los factores sociales que rodean a los
6
consumidores, teniendo en cuenta la cultura, la economía, la
estética, la tecnología y el ambiente. (p.16)
De manera que, la adecuada expresión visual de un diseño se consigue
a medida que se manejan las técnicas de las neurociencias, ya que es
posible tener una visión completa acerca del comportamiento inconsciente
del consumidor, mantener una relación cercana, conocer el ambiente y
lograr un impacto en la comunicación entre el cliente y quien realiza el
diseño, sea este una imagen o un producto. La neurociencia permite
establecer relaciones entre lo cognitivo y lo emocional (Gómez, 2004)
menciona que “El enfoque cognitivo, por su parte, intenta analizar y
comprender cómo la información que se recibe, se procesa y se estructura
en la memoria.” (p.130) y (Mora, 2013) afirma que “Sin emoción, no hay
curiosidad, no hay atención, no hay aprendizaje, no hay memoria”. (p.74)
Por tanto; en el diseño, las decisiones o acciones de los usuarios,
dependen del logro emocional para llegar a transmitir lo que se requiere.
Debido a lo expuesto anteriormente, lo que se requiere en este estudio
es administrar adecuadamente la información del sitio web de la
Universidad de Guayaquil; puesto que, no sólo es importante conocer la
parte intuitiva o perceptual del usuario, también es primordial saber cómo
se maneja y estructura la información web para cumplir los requerimientos
convenientes. Wurman, (como se citó en Bustamante, 2003) define por
primera vez en 1976, la Arquitectura de la Información como: “El estudio de
la organización de la información con el objetivo de permitir al usuario
encontrar su vía de navegación hacia el conocimiento y la comprensión de
la información.” (p.110), concretamente en el campo de la web (Morville &
Rosenfeld, 2002) mencionan que: “Es el arte y la ciencia de estructurar y
clasificar sitios web e intranets con el fin de ayudar a los usuarios a
encontrar y manejar la información.” (p.23). Es decir que, esta actividad
disciplinar, facilita los procesos de asimilación y comprensión de la
información, permitiéndole al usuario navegar apropiadamente en el sitio.
7
Situación conflicto
El reconocimiento de las nuevas tecnologías ha sido significativo debido
al lugar que ocupan como medios de comunicación. Sin duda alguna; los
avances científicos también han contribuido considerablemente en este
proceso, los cuales ofrecen novedosas herramientas; entre ellas, el
Neurodiseño Gráfico, el mismo que actualmente se desconoce en la labor
de un diseñador.
El Diseño Gráfico y la comunicación están ligados fundamentalmente
con la intención de transmitir un mensaje de manera eficaz; mientras que,
las neurociencias influyen de forma efectiva en la sociedad permitiendo
conocer la conducta humana. Para satisfacer las necesidades de los
usuarios a través de un medio digital, específicamente un sitio web, también
es esencial estructurar la información adecuadamente para facilitar la
ejecución de tareas y lograr una eficiente gestión de la información.
Tabla 1
Causas y consecuencias del problema
Causas Consecuencias
Desconocimiento de la percepción del usuario
Incumplimiento de expectativas de intereses y necesidades
Desmotivación del usuario Escaso uso del sitio web
Carencia de herramientas científicas en el diseño gráfico web
Insuficiente gestión de información y comunicación
Deficiente estructura del sitio web Ineficiente navegabilidad, usabilidad e interactividad
Inadecuado diseño del sitio web Desinterés visual por parte del usuario
Nota: Causas y consecuencias de acuerdo a la gestión de información en el Sitio Web
Institucional y su relación con el Neurodiseño Gráfico, por Vélez, Ericka.
8
Delimitación del problema
Campo: Comunicación
Área: Diseño de Sitio Web
Aspecto: Gestión de la información
Tema: “El neurodiseño gráfico y su incidencia en la gestión de la
información del sitio web de la Universidad de Guayaquil, Rediseño de la
estructura del sitio web institucional”
Formulación del problema
La información correctamente estructurada en un sitio web, facilita el
acceso y satisface las necesidades de información a los usuarios. Conocer
los beneficios del Neurodiseño Gráfico ayuda a comprender intuitivamente
la conducta humana desde una estructura perceptual, logrando un proceso
comunicacional eficiente. Esta herramienta que facilitan las neurociencias,
mejora la relación entre los usuarios y los medios digitales; por esta razón
se investigará:
¿Cómo incide el Neurodiseño Gráfico en la gestión de información del
Sitio Web de la Universidad de Guayaquil?
Evaluación del problema
Las características a considerar según el problema planteado en este
proyecto son las siguientes:
Claro:
En el presente proyecto se muestra la información de manera organizada
y detallada, la misma que estará a disposición de quienes conforman la
9
comunidad universitaria. El contenido se define por capítulos, en cada uno
se detallan aspectos relevantes de la investigación.
Relevante:
Se muestran datos pertinentes para una adecuada estructura de la
página web, los mismos que serán de gran beneficio para que los usuarios
accedan eficientemente a los diversos contenidos que nos brinda la
Institución; de igual manera se conocerán los requerimientos de la
comunidad para lograr satisfacer las necesidades de información.
Original:
Actualmente la Universidad de Guayaquil no cuenta con alguna
herramienta científica que ayude a mejorar la estructura de la página web,
a través del conocimiento intuitivo del usuario, para satisfacer las
necesidades de información y comunicación. Este proyecto contiene
aportes relevantes que se sustentan mediante la aplicación de una
metodología documental y de campo.
Factible:
El investigador cuenta con los recursos necesarios para realizar el
presente trabajo de investigación, la propuesta se considera viable y se
explicará detalladamente en el último apartado del presente proyecto.
Identifica los productos esperados:
La investigación ofrece una alternativa que será de gran utilidad para la
Universidad de Guayaquil, ya que, de ser implementada, se podrá
compartir o mostrar eficientemente toda la información que se requiera para
beneficio de la misma comunidad. Cabe recalcar que el objetivo principal
de este proyecto, es mejorar el proceso comunicacional a través de este
medio digital.
10
Variables de la Investigación
Variable Independiente
Neurodiseño Gráfico
Variable Dependiente
Gestión de información del sitio web
Objetivos de la Investigación
Objetivo General
Analizar la gestión de la información del sitio web de la Universidad
de Guayaquil.
Objetivos Específicos
Diagnosticar la estructura de la información del sitio web de la
Universidad de Guayaquil.
Establecer los aspectos a mejorar en el contenido del sitio web de la
institución.
Involucrar el neurodiseño gráfico en el sitio web institucional.
Hipótesis o premisas de Investigación y su Operacionalización
La información que se gestiona en el actual sitio web, se considera un
problema existente en la comunidad universitaria.
El desconocimiento del neurodiseño gráfico incide en la gestión informativa
del sitio web de la Universidad de Guayaquil.
El rediseño del sitio web optimiza la gestión de la información y la calidad
comunicacional en la Universidad de Guayaquil.
11
Tabla 2
Operacionalización de variables
Nota: Desglose de indicadores relacionados a la variable independiente y dependiente,
por Vélez, Ericka.
VARIABLES DIMENSIÓN INDICADORES
Variable
Independiente:
Neurodiseño
Gráfico
Diseño Gráfico
Comunicación
El diseño gráfico y la comunicación
Profesión de un Diseñador Gráfico
El diseñador gráfico como comunicador visual
Neurodiseño
Gráfico
Las neurociencias: La teoría y la ciencia del
diseño, Neurociencia cognitiva y emocional
Diseño, comunicación y neurociencias
El Neurodiseño Gráfico: proceso, elementos
del Neuromarketing y el Cerebro Triuno
Aporte del
Neurodiseño
Gráfico en la
calidad
comunicacional
Gestión del conocimiento
Gestión de la información
Calidad integral
Variable
Dependiente:
Gestión de la información del
Sitio Web
Medios de
comunicación Medios digitales y Medios masivos: Internet
Sitio Web
-Definiciones: Sitio Web y Página Web
-Tipos de Páginas Web, HTML5, Editores
HTML, Sitos que usan HTML, CSS3
El Diseño Web
-Usabilidad, Interactividad, Navegabilidad,
Arquitectura de la información, Interacción de
medios, Slideshow
-El comportamiento de los usuarios en los
sitios web
12
Justificación e Importancia
Para un diseñador gráfico, el Neurodiseño es una guía, la cual le brinda
herramientas para comprender el funcionamiento del cerebro humano, le
permite conocer el impacto de las emociones y decisiones de los usuarios
con el fin de optimizar un proceso comunicacional. Las neurociencias han
contribuido en múltiples actividades del quehacer humano tales como la
economía, educación, entre otras. (Giménez & José, 2007) mencionan que
“El imponente desarrollo de la Neurociencia en los últimos decenios ha
puesto en evidencia su necesidad de recurrir a la interdisciplinariedad para
abordar los desafíos que se le presentan.” (p.607). Hablar del diseño desde
la perspectiva de la motivación y de la comunicación, se lo denomina
Neurodiseño Gráfico, una disciplina que ofrece nuevas posibilidades.
Este proyecto establece una comunicación eficiente, analizando
aspectos importantes tales como; la percepción, la interpretación y la
comprensión. Este proceso será guiado de acuerdo a las experiencias y
expectativas de los visitantes, cabe recalcar que, el Neurodiseño busca
crear un proceso comunicacional en donde el mensaje pueda ser
transferido de forma fácil e intuitiva, (Vélez & Adela, 2001) indican que:
Cuanto más elaborado está el mensaje que presenta la “interfaz” y
cuantos más estímulos adecuados contenga, más probabilidades
tendremos de que se entienda lo que tratamos de comunicar; mejor
será el resultado y el mensaje más notorio, grabándose fácilmente
en la mente del usuario. (p.8)
Resulta que, esta herramienta llamada Neurodiseño, permite analizar la
relación entre el usuario y el ordenador, mediante un intercambio de
contenido indirecto ya que ambos no se encuentran en el mismo escenario;
por esta razón, es primordial saber transmitir apropiadamente la
información y no crear confusión.
13
La arquitectura de la información, es otra disciplina que describe las
experiencias de los usuarios frente a un sitio web. La calidad informativa
dispone de recursos adecuados que garantizan un proceso comunicacional
eficiente. (Montoro, 2010) en su libro titulado Arquitectura de la información
en entornos web, menciona que:
Se trata de una disciplina que se encarga de estructurar, organizar y
etiquetar los elementos que conforman los entornos informacionales
para facilitar la localización y recuperación de la información que
contienen y mejorar, así, su utilidad y aprovechamiento por parte de
sus usuarios. (p.30)
El propósito de la arquitectura de información es la búsqueda de un
diseño que presente adecuadamente la información, para que los usuarios
logren comprender los diferentes contenidos audiovisuales y así obtener
una correcta operacionalización del sitio web. Al estructurar la información
de manera coherente, facilita la consulta y el proceso de asimilación.
Lo recomendable es que un sitio web debe ser fácil de utilizar y a la vez
ser visualmente atractivo. La organización del contenido de una página
abarca respuestas y percepciones antes y después de conocer este medio
digital. Las experiencias de los usuarios se vinculan con la usabilidad,
medida en la que se muestra si se cumplen los objetivos o no utilizando
esta herramienta.
El Neurodiseño Gráfico y los sitios web, se completan a partir de las
necesidades de los usuarios; debido a que actualmente se vive en una
sociedad digital, es importante comprender que las personas aprovechan
las facilidades de la tecnología; por esta razón, el presente trabajo se
enfoca en el sitio web de la Universidad de Guayaquil, porque este medio
ofrece una variedad de recursos para que haya una comunicación eficaz y
eficiente en la comunidad, siempre y cuando se la administre
adecuadamente conociendo también los requerimientos de los usuarios.
14
CAPÍTULO II
MARCO TEÓRICO
Antecedentes del estudio
De acuerdo a las investigaciones realizadas se deduce que no existen
trabajos relacionados al conocimiento de la práctica y la ciencia del diseño
gráfico, de manera que, las variables definidas en esta temática son
innovadoras. No se ha realizado algún proyecto de tesis con respecto al
sitio web de la Universidad de Guayaquil y de igual manera no se ha
empleado alguna herramienta científica – gráfica para mejorar el uso de
algún medio digital.
Se establece que hay documentación que sustenta el Neurodiseño
Gráfico como tal; datos relevantes que explicarán, desde la perspectiva de
la comunicación y la motivación, la importancia de estudiar de manera
cognitiva e intuitiva a los usuarios; por esta razón, se presentarán los
beneficios de esta herramienta para mejorar la estructura del sitio web.
La propuesta diseñada busca una calidad comunicacional entre los
usuarios y el sitio web; medio por el cual la Universidad de Guayaquil
visualiza y comparte información relevante acerca de su propia identidad,
sobre programas académicos, reglamentos, resoluciones, solicitudes, entre
otro contenido. A continuación, se definirán diversos conceptos e ideas de
acuerdo a los aspectos establecidos en la investigación, se mostrarán
diferentes aportes que son de gran contribución para mejor conocimiento y
comprensión del tema. El desglose de este capítulo se concentrará en
explicar y analizar las variables planteadas para sustentar dicha
problemática, propuesta del tema y cumplir con los objetivos anteriormente
definidos.
15
Fundamentación teórica
La comunicación
En función de proponer una definición inicial, se debe comprender
primero qué es la comunicación, tema que interviene principalmente en la
problemática que se ha planteado y que cumple un rol importante dentro
de la comunidad universitaria.
En términos generales se define según (Thompson, 2008) como: “El
proceso mediante el cual el emisor y el receptor establecen una conexión
en un momento y espacio determinado para transmitir, intercambiar o
compartir ideas, información o significados que son comprensibles para
ambos.”(p.1) Esta explicación determina que para comunicar, el emisor y
el receptor deben encontrarse en la misma reciprocidad comunicacional.
Es importante saber que debe existir una correcta relación entre el
mensaje y su intérprete; cuando hablamos del proceso de decodificación,
nos referimos primero a la percepción del mensaje, después la
interpretación o significado y finalmente la comprensión del mismo. De esta
manera, la comunicación será eficaz, ya que todo proceso comunicacional
no sólo depende del emisor, sino también del contexto y la experiencia del
receptor.
De acuerdo a las variables definidas en esta investigación, la
comunicación que se produce entre un sitio web y los usuarios, es de
carácter especial, ya que se transmite la información a través de un medio
técnico que tiene limitaciones comunicacionales; por esta razón, es
necesario transmitir mensajes claros tomando en cuenta los requerimientos
de la comunidad para que haya un flujo eficiente de información y una
comunicación exitosa.
16
El diseño gráfico y la comunicación
Definimos el concepto de diseño gráfico porque cumple un papel
importante en la sociedad, siendo su objetivo principal satisfacer las
necesidades a través de un producto o servicio, (Bucardo, 2016) indica que:
El Diseño Gráfico es considerado una disciplina inmersa en el
mundo comercial, necesaria para comunicar ideas y mensajes de los
productos y servicios que ofrecen las empresas, partiendo de las
necesidades que tiene la sociedad según el contexto que las rodea
y teniendo en cuenta la cultura presente. (p.14)
De manera que, el trabajo de un diseñador gráfico, sea este un servicio
o producto, debe cumplir las expectativas de los clientes para alcanzar un
resultado efectivo y una comunicación propicia. Claramente, esta disciplina
se convierte en un soporte para la sociedad porque se relacionan aspectos
sociales y se crea un trabajo en particular.
Un diseño gráfico es un trabajo creado por dicha actividad, la misma que
se encarga de la interpretación, el orden, la presentación visual, la
efectividad y la belleza de un mensaje. (Frascara, 2007) menciona que:
El objetivo del diseño es comunicar mensajes por medios masivos,
no ejerce control directo sobre el acto comunicacional final y se dirige
a una variedad de receptores acerca de quienes poseen la
información teórica que le permite producir mensajes efectivos.
(p.28)
Al diseñar un sitio web, se debe tomar en cuenta la interacción que
tendrá el usuario, para que sea comprensible, claro, amigable, intuitivo y
sobre todo fácil de utilizar. Si se busca mejorar la comunicación, el diseño
se lo debe adecuar a las necesidades, experiencias y objetivos de los
usuarios; es decir que un sitio web no sólo debe compartir información
relevante, sino también mantener una relación cercana con el usuario.
17
Profesión de un diseñador gráfico
Antes del año 1945, el diseño gráfico no era considerado una profesión
porque diseñaban tanto arquitectos como también ingenieros o artistas.
(Bucardo, 2016) dice que:
A partir de que las empresas se industrializaron tuvieron que
comenzar a vender más, por lo tanto, fue imprescindible que
buscaran una forma de competir o destacarse, lo lograron usando el
diseño en carteles de madera. Al incluir al diseño en el proyecto
industrial dominante, hace que cambie la manera de ver del Diseño
Gráfico, que pasó a ser una profesión y una disciplina. (p.13)
Entre las ocupaciones de un diseñador se encuentra el diseño editorial,
multimedia, web, entre otras. Actualmente, en el desarrollo de un diseño
existe la facilidad de emplear herramientas digitales, las mismas que
permiten en la práctica, adquirir habilidades como la innovación y la
creatividad para encontrar soluciones a los requerimientos de los usuarios.
Un diseñador gráfico es un profesional que; mediante el uso de
herramientas, construye mensajes, es decir, comunica utilizando medios
audiovisuales. Se cita a (Frascara, 2007) , quien en su libro titulado Diseño
Gráfico y Comunicación indica que: “El diseñador gráfico es un especialista
en comunicaciones visuales y su trabajo se relaciona con todos los pasos
del proceso comunicacional, en cuyo contexto, la acción de crear un objeto
visual es sólo un aspecto de ese proceso.” (p.20) Se identifican varias
funciones en esta profesión, principalmente está destinada a producir una
efectiva comunicación visual, un proceso en el que se coordina, programa
y organizan elementos y factores; así como también se encarga de enviar
mensajes específicos a un grupo determinado, proceso que se guía
mediante pasos como; definir el problema, establecer objetivos, buscar
alguna estrategia comunicacional, programar, supervisar y también realizar
una evaluación.
18
El diseñador gráfico como comunicador visual
El objetivo de todo diseñador gráfico, es la comunicación visual, medio
por el cual se transmiten mensajes estructurados. (Frascara, 2007)
menciona que: “El diseño gráfico, visto como actividad, es la acción de
concebir, programar, proyectar y realizar comunicaciones visuales,
producidas en general por medios industriales y destinadas a transmitir
mensajes específicos a grupos determinados.” (p.32) Todo diseñador
busca soluciones efectivas acorde a las necesidades de los clientes;
mediante imágenes, textos, técnicas gráficas o digitales y la aplicación de
conocimientos dentro del campo de la comunicación visual.
La labor de un diseñador gráfico requiere constantemente de la
creatividad y la generación de ideas para proponer opciones innovadoras
de comunicación. La creatividad y la comunicación es una combinación
clara sobre cómo hacer que los mensajes complejos sean simples o que
los mensajes sencillos sean difíciles de comprender, todo depende del
objetivo del mismo diseño, lo primordial es que siempre alcance una calidad
estética y promueva una función comunicacional.
El propósito de esta profesión es crear comunicaciones visuales que van
más allá de brindar experiencias nuevas. (Bykova, 2015) indica que: “Las
empresas, las marcas y las personas podemos comunicarnos mediante
una interfaz web cuidadosamente diseñada para poder realizar con éxito la
misión de transmisión de una idea, una propuesta, una petición de
participación, etc.” (p.1). Específicamente, un sitio web proporciona un
contenido variado y organizado para que el usuario entienda el propósito y
la información que se publica en el sitio. Además, existen herramientas
audiovisuales que sirven de soporte para que dicho contenido sea más
comprensible y llegue fácilmente. Por este motivo, se propone mejorar el
sitio web de la Institución, reforzarlo con los requerimientos que sean
necesarios para que exista una gestión de información eficiente.
19
Las neurociencias
Para comprender el Neurodiseño, primero debemos conocer la rama que
lo enmarca, las Neurociencias. (Kandel & al, 2008) indican que:
La tarea central de las llamadas neurociencias es la de intentar
explicar cómo es que actúan millones de células nerviosas
individuales en el encéfalo para producir la conducta y cómo, a su
vez, estas células están influidas por el medioambiente, incluyendo
la conducta de otros individuos. (p.45)
De acuerdo a la definición anterior, se considera que las neurociencias
estudian cómo funciona y se estructura el sistema nervioso a través de la
conducta humana. Actualmente, hay una definición que profundiza el
estudio de esta disciplina, (Noriega, 2013) menciona que: “La neurociencia
es la disciplina científica que estudia la estructura y la función química,
farmacología y patología del sistema nervioso y de cómo los diferentes
elementos del sistema nervioso interactúan y dan origen a la conducta.”
(p.79) Es decir que, por medio de las neurociencias se conocen las
sensaciones, emociones, pensamientos, la conducta social, la creatividad,
inteligencia, sentimientos y percepciones de las personas. Por tanto, es
fundamental incluirla en el diseño, con el fin de profundizar el conocimiento
científico de dicha actividad.
Durante las últimas décadas se ha estudiado profundamente el
funcionamiento de la inteligencia, el conocimiento del cerebro y el
comportamiento de los seres humanos, nos encontramos en una revolución
sobre lo científico; concretamente nos referimos a las neurociencias,
(Labus & Romero, 2015) menciona que:
En los últimos 20 años nos hemos enfrentado a los nuevos
conocimientos acerca de nuestro cerebro. La Neurociencia, nos
permite estudiarlo en tiempo real, mientras pensamos, hacemos un
20
test de inteligencia, practicando una actividad manual, escuchando
diferentes tipos de música; conocer la función cerebral según el
estado de ánimo que presentemos, según estemos alerta,
concentrados en tal o cual actividad, la memoria, experiencias
emocionales y afectivas y muchas otras funciones. (p.20)
Las neurociencias nos ofrecen posibilidades de explicar la conducta
humana según las actividades del cerebro, permite acercarnos al usuario y
establecer una relación apropiada para atender sus necesidades. Los
autores (Kandel & al, 2008) indican que
El continuo flujo de información de estos receptores se organiza en
el cerebro mediante percepciones (algunas de las cuales se
almacenan en la memoria para futuras consultas) y después
mediante respuestas conductuales. Los potenciales de acción
constituyen las señales mediante las cuales el cerebro recibe,
analiza y transmite información. (p.19)
Al hablar de receptores, nos referimos a un público en general que siempre
está en constante actividad y cumple funciones de recibir información,
interpretarla y comprenderla durante un proceso de comunicación.
La teoría y ciencia del diseño
La palabra ciencia proviene del latín Scientia, que significa conocimiento;
como lo indica su nombre, no se refiere a la práctica de la disciplina del
diseño, sino a los conocimientos teóricos correctamente analizados,
organizados y estructurados con sus bases científicas. La teoría y ciencia
del diseño nos comparte una variedad de conocimientos que quizás antes
pasaban desapercibidos, estas ideas actualmente se aplican
particularmente al diseño y se ajustan a diversas necesidades.
Así como existe la teoría del diseño, cada vez que se inventan otras
actividades relacionadas a esta disciplina y se construyen teorías para cada
21
una de ellas; por ejemplo, la Teoría del Diseño Editorial o la Teoría
Multimedia. Estudiar la teoría y ciencia, no es sólo entender lo que es el
Diseño industrial, el Diseño gráfico o el Diseño arquitectónico; en realidad
es más que eso, es comprender cómo se definen las cosas, saber crear,
planear, administrar, configurar, analizar, calcular y controlar.
El diseño, desde su origen, siempre ha pertenecido al terreno científico
pero el inconveniente ha sido la carencia de bases reales que le facilite al
diseño el rigor que condiciona para que se considere como una disciplina
científica. (Noriega, 2013) menciona que:
La neurociencia nos abre las puertas para entender claramente y sin
temor a dudar, como es el proceso científico del diseño desde el
mismo acto de la percepción, pasando por estímulos, la organización
de los pensamientos e ideas y configurarlos como un concepto para
luego exteriorizarlos y llevarlos a la realidad. (p.8)
El diseño no es sólo una representación gráfica, sino también una
composición creativa que propone productos gráficos sostenibles,
identificando primero los problemas y después determinando soluciones
idóneas referentes a la comunicación gráfica y audiovisual.
El mundo gráfico ha avanzado rápidamente que nos podemos dar cuenta
cómo se hablaba de la imprenta, la tipografía, la litografía. Con el pasar del
tiempo surgió la fotografía y actualmente se escucha sobre la infografía que
comprende cualquier tipo de gráfico elaborado en un computador, este
trabajo incluye desde el diseño más sencillo de un símbolo, hasta una
animación en 3D; como los anuncios de televisión, musicales, etc.
La teoría y ciencia del diseño proporciona los conocimientos para saber
que, lo primordial de esta actividad, es comunicar, conociendo primero la
estructura perceptual e intuitiva del individuo para luego satisfacer sus
necesidades y brindarles el mejor servicio o producto.
22
Neurociencia cognitiva
En un nivel más alto, las neurociencias se relacionan con la psicología
para crear la neurociencia cognitiva. (Pérez & al, 2016) indica que:
Los conocimientos aportados por las neurociencias sobre los
procesos cognitivos y su integración con la percepción incorporados
a la actividad de diseño constituyen herramientas que permitirán
diseñar productos más intuitivos, que faciliten la atención de la
información, siendo más flexibles a partir de diversas posibilidades
para obtener resultados positivos, lo que hará óptima la velocidad y
calidad de las respuestas al usarlos, mejorando su eficacia y
eficiencia. (p.87)
La neurociencia se ha convertido en un área de interés al relacionarse
con temas sobre la cognición y la conducta. Sus aportes son ineludibles
para comprender mejor el comportamiento humano. (Maureira, 2010) dice
que: “Los avances alcanzados en los últimos 50 años han permitido un
avance significativo en la comprensión de procesos como la atención, la
motivación, las emociones, la memoria, el lenguaje, el aprendizaje y la
conciencia.” (p.451) Es decir que, estos avances dan solvencia al diseño,
permitiéndole trabajar a partir de un estudio intuitivo.
Neurociencia emocional
La expresión de las emociones es una forma de comunicación útil para
explicar sentimientos o sensaciones. (James, 2009) indica: “Los cambios
corporales siguen directamente a la percepción de hecho desencadenante
y la sensación de esos cambios según se van produciendo es la emoción.”
(p.59) En ese sentido, se afirma que las conductas emocionales son
producto de las percepciones a través de los cambios que se producen. Un
diseño motivador, incentiva al usuario a la compra, creando empatía con el
producto, provocando cierto impacto en la percepción individual o colectiva.
23
Diseño, comunicación y neurociencias
Los nuevos conocimientos de las neurociencias sobre el proceso de
comunicación y su incorporación en el diseño gráfico; a través de la
emoción, la percepción, la cognición; logran ofrecer herramientas que
permiten diseñar intuitivamente, facilitan la transmisión de información y
optimizar la calidad de respuestas. (De Buen, 2013) señala que:
Ha surgido la idea del Neurodiseño, sobre todo en aplicaciones
donde la respuesta del perceptor es relativamente fácil de medir,
como en el caso de las páginas web. Lo que falta es dar a esto un
sustento teórico, aportar pensamientos, investigaciones, ideas,
modelos útiles. (p.21)
Esta investigación, ante todo, ofrece una alternativa innovadora, que,
mediante un sustento teórico y de campo, se demuestra que se requieren
aplicar métodos diferentes que actúen de manera eficaz frente a problemas
que, en ciertas ocasiones, quizás no se les da la debida importancia. Si se
dispone de un sitio web, su contenido se debería administrar
adecuadamente, es decir; dirigirlo, organizarlo y controlarlo utilizando los
recursos que se consideren necesarios, con el fin de cubrir las necesidades
de los usuarios. (Camusso & al, 2012) dice:
El término “diseñador gráfico” es la denominación más aceptada
para la profesión, el título más apropiado y descriptivo es “diseñador
de comunicación visual”, ya que en este caso están presentes los
tres elementos necesarios para definir una actividad: un método:
diseño; un objetivo: comunicación; y un campo: lo visual. (p.10)
Si las neurociencias permiten comprender la conducta humana y el
diseño gráfico web se centra en crear una comunicación visual efectiva,
entonces se considera al Neurodiseño como una herramienta que optimiza
el impacto desde la percepción del usuario.
24
El neurodiseño gráfico
Si dialogamos acerca del diseño, podemos entender las diferentes
posibilidades que tiene dicha disciplina, cada una se especializa en cierta
área, como por ejemplo, el diseño arquitectónico; pero, en este proyecto
hemos orientado el diseño en una rama científica llamada neurociencias,
por este motivo, primero es importante aclarar por qué es significativo
conocer la conducta humana a través de la ciencia, (Ibáñez & García, 2015)
indican que:
La ciencia avanza constantemente y existe una importante
necesidad de informar sobre estos avances, con un propósito tanto
educacional como de interés público. El trabajo en la investigación
cerebral no es una excepción. Hay un gran interés social, reconocido
por los medios y los últimos descubrimientos están teniendo un gran
impacto social. (p.55)
Claramente esta investigación está dirigida a la comunidad universitaria,
con el fin social de mejorar el flujo de comunicación mediante un sitio web,
entonces por qué no recurrir a las neurociencias dentro del trabajo de un
diseñador gráfico, si efectivamente facilita el proceso comunicativo a través
de un estudio intuitivo del usuario. Esta herramienta nos ayuda a conocer
lo que inconscientemente les gusta, emociona o llama la atención a través
de un medio correctamente estructurado o diseñado. Cada diseño se define
según su especificidad, este trabajo se orienta hacia el Neurodiseño
Gráfico, desde la perspectiva de la motivación y la comunicación. Según
(Noriega, 2013):
La neurociencia estudia el sistema nervioso y el diseño es el
concepto mental y real con fines específicos. Por tanto, el
Neurodiseño es el conjunto de sistemas sensoriales que le permiten
al cerebro organizar la información y configurarla como un concepto
para luego transmitirlo y transferirlo exteriormente. (p.81)
25
Esta herramienta sobre todo busca un impacto en el diseño desde la
estructura perceptual del individuo; si un diseñador logra entender que los
usuarios captan la información a través de un diseño correctamente
estructurado y organizado, ayudará a que el trabajo satisfaga las
necesidades de información y por lo tanto se establecerá una adecuada
comunicación. (Ávila & al, 2011) establecen que:
El Neurodiseño articula el conocimiento de neurociencia y diseño
hacia la creación de un objeto que resuelva un problema o satisfaga
una necesidad, alejándose de presupuestos cerebro-centristas y
adoptando una postura integrada e interactiva de cerebro-conducta-
cultura del conjunto operante situado, que constituye el usuario y el
producto en el proceso de uso instanciado en un contexto. (p.44)
Puesto que, las neurociencias se centran en estudiar los procesos
mentales para comprender el comportamiento humano y el diseño busca la
forma de entender al usuario a través de diferentes estímulos cuando está
en contacto con algún producto y las experiencias que se producen.
El diseño tiene un impacto en algunas áreas del cerebro; en cada una
de ellas existen diferentes procesos que se asocian con las emociones,
decisiones, estímulos o actos humanos. Los métodos tradicionales para
validar un diseño, como los cuestionarios, generan cierta información que
en muchas ocasiones resulta engañosa, por el contrario, las ondas
cerebrales no. Esta información, incluso puede ocasionar pérdidas en una
empresa ya que las personas no siempre pueden describir lo que les
agrada de un producto, en otros casos quizás el instrumento para recolectar
información no está bien redactado. El Neurodiseño también identifica los
elementos del diseño que nuestro cerebro asocia con un alto índice de
belleza. Si un diseñador conoce los estímulos que hacen reaccionar al
cerebro, creará experiencias multi-sensoriales y provocará emocionar a los
usuarios.
26
Proceso del neurodiseño gráfico
(Noriega, 2013) nos indica que, para que el proceso del Neurodiseño se
realice completamente debe existir:
1. Un estímulo interno o externo: Los estímulos son señales internas
o externas capaces de provocar reacciones en el organismo. Ejemplo:
sonido, imagen, sabor, olor, temperatura, etc.
2. Un informante interno y externo: Los informantes no sólo son los
cinco sentidos que posee el ser humano, también se refiere a los
órganos informantes (sensaciones o sentidos) que cumplen una
función interoceptiva y exteroceptiva. Entre los informantes que se
perciben internamente están los del cerebro como; pensamientos,
ideas y sueños; e informantes de los órganos como la respiración,
sed, hambre y calor. Los informantes que se perciben externamente
son: Informante de la vista o visual, Informante del oído o auditivo,
Informante de la nariz o el olor, Informante del tacto o táctil, Informante
de la lengua o gustativo e Informante de la voz o vocal.
3. Una neurotransmisión: Es la transmisión de impulsos de una
neurona a otra. El proceso se origina en la mente cuando se recibe
información del mundo interior o exterior y luego es trasferida o
transmitida como un concepto real, este proceso lo realizan los
neurotransmisores.
4. Una transmisión y transferencia sensorial: Toda forma que se
percibe se puede conceptualizar y representar mediante un diseño,
esto se realiza debido a la neurotransferencia y neurotransmisión; el
fundamento científico del diseño tiene su origen en ambos procesos.
27
Elementos del neuromarketing para el neurodiseño gráfico
El Neuromarketing ha desarrollado ideas y conceptos a partir de las
neurociencias y a través de trabajos experimentales. (Klaric, 2013) es un
docente, escritor e investigador estadounidense en Neuromarketing y
Neuro-innovación, quien en una conferencia establece ciertos tips para
entender cómo funcionan las cosas más básicas en el cerebro humano, las
mismas que se las puede aplicar en la realización de un diseño, entre los
más importantes se encuentran:
1) El cerebro tiene fascinación por los ojos: Lo que más llama la
atención en una imagen, son los ojos de la persona que se muestra
en el diseño. Esto fue comprobado mediante aparatos de medición y
ciertos productos a los que se les aplicó este principio. En el caso de
un diseñador, la mirada debe destacar el mensaje principal o los
elementos con los que se desea motivar al usuario.
2) Sencillo gusta más: El cerebro se rige por formas básicas y
sencillas, confusión es rechazo, exceso de elementos genera
frustración. No hay que confundirse, lo sencillo es eficiente, el diseño
es el que determina una mejor estructura perceptual del individuo o
del grupo social.
3) Daño reversible: Las conexiones neurológicas emocionales se
activan cuando el producto tiene algo que te daña de forma
reversible. El cerebro necesita algo de peligro, por ejemplo; la
comida, no todo en la vida es comer sano. Para el diseño, la clave
está en asociar lo que el cerebro necesita con lo que se quiere motivar
o comunicar.
4) El cerebro completa la imagen: La anticipación con base a
aprendizajes previos conecta neurológicamente, la construcción del
28
momento activa lo emocional al máximo. Las imágenes que implican
acciones, por ejemplo, un bocado es mejor percibido por el cerebro
antes de que entre en la boca. En el diseño se aplica directamente;
toda acción debe detenerse antes de consumarse para que el cerebro
complete o construya lo que sigue. De esta manera, se logra
fácilmente la asociación de un mensaje y por ende la motivación.
5) Las formas orgánicas son bien recibidas: El cerebro recibe mejor
las formas curveadas o redondeadas, esto viene de la relación con la
naturaleza que nos rodea.
6) Busca y disfruta lo tangible: El Neurodiseño sugiere trabajos
realistas, en donde se puedan tocar los objetos, las texturas, las
dimensiones, etc.; pero también se puede realizar un diseño emotivo,
considerando que es un elemento indispensable en el reconocimiento
de lo real ya que al implementarse se refuerza la percepción de la
realidad. En un diseño web, la calidad de la imagen también es
importante, puede que el problema sea el peso, pero
afortunadamente la navegación cada vez es más rápida, por lo tanto,
se pueden incluir el HTML 5 para dar más realismo a los diseños.
7) Diseño bajo género: Es primordial tomar en cuenta ciertas
características a la hora de diseñar, una de estas es el género. Se
dice que al hombre tiene una visión túnel y la mujer una visión
panorámica. Los diseños para hombres funcionan si hay pocos
elementos o se destacan elementos claves; pero en las mujeres
resulta mejor diseñar todo lo contrario.
8) El cerebro registra todo y lo lleva a un simbolismo: La mente no
piensa en palabras y números, piensa en imágenes y metáforas.
29
9) El cerebro se abre a lo nuevo, a las cosas que no relaciona: El
contenido creativo es clave, pero la creatividad debe llegar después
de la planeación, la investigación y la ciencia; el contenido tiene que
ser contundente y seductor para la mente humana.
10) El cerebro agradece el buen humor, las emociones: Se ha podido
comprobar que cuando el cerebro se relaja, se disminuye el estrés y
el sistema límbico emocional se vuelve receptivo y conecta al
mensaje recordando lo que ha visto o leído. Es importante manejar
las emociones en el Neurodiseño, basta recordar que al realizar algún
trabajo se tienen que identificar las emociones que producen los
elementos que componen el diseño para lograr comunicar.
Para hacer referencia a la era científica en la que se vive, (Klaric, 2013)
comparte otros datos relevantes como:
Lo que se busca comprender es qué les agrada a las personas,
porqué dicen una cosa y hacen otra; por eso se debe trabajar junto a
las neurociencias.
Las neurociencias permiten averiguar a qué estímulos prestan más
atención y a cuáles no influye directamente en el comportamiento de
las personas.
El 85% del proceso de decisión de las personas es subconsciente, el
15% es racional o consciente.
Toda memoria se convierte en respuestas emocionales y estas
pueden generar decisiones positivas o negativas ante un producto o
diseño.
Toda publicidad o diseño debe llamar la atención, motivar y ser
recordado.
30
Gestión del conocimiento
La elaboración de este trabajo analiza el valor de la gestión del
conocimiento y su relación en el proceso comunicacional, ya que propone
generar innovaciones destinadas a mejorar un medio de información, el
cual es de beneficio para dicha comunidad. La gestión del conocimiento es
un soporte fundamental para apoyar la mejora que se obtendrá mediante
esta base investigativa. Se cita a (Rivera, 2006) quien indica que:
Los primeros que dieron respuesta o trataron de dar respuesta a la
pregunta ¿qué es el conocimiento?, fueron los filósofos. Pregunta
que, a su vez, en un sentido popperiano, dio origen a más preguntas
en torno a cómo se construye ese conocimiento. Ya desde
Aristóteles se preguntaba si el conocimiento es una construcción
individual o colectiva, si es un bien público o privado, si nace o no
del mundo sensible. (p.62)
Desde ese entonces el conocimiento es considerado como un valor
intangible, una ventaja competitiva para una organización o comunidad. El
conocimiento también se define como el conjunto de datos que se utilizan
en la práctica para crear nueva información, producir nuevos conocimientos
y tener la capacidad de resolver determinados problemas. (Olmedo, 2011)
dice que: “La Gestión del Conocimiento aparece históricamente como una
toma de conciencia del valor del conocimiento como recurso y producto de
la Economía del Conocimiento en la Sociedad de la Información.” (p.38) Es
decir, se desarrolla como respuesta a la creación de un enfoque que logra
ser innovador, creativo y genera ideas para la toma efectiva de decisiones.
El conocimiento y su apropiada gestión busca obtener ventajas mediante
una comunicación eficaz y eficiente, proceso que se lleva a cabo mediante
la realización de este documento investigativo, considerando una
contribución relevante en el conocimiento de la comunidad universitaria.
31
Gestión de la información
La gestión de la información y el conocimiento conlleva a nuevos
enfoques para la resolución de problemas, (Rodríguez, 2015) nos explica
que: “...la información y el conocimiento constituyen recursos estratégicos
para poder desarrollar los procesos cognitivos e informacionales que
intervienen en la toma de decisiones.” (p.151) La finalidad de este sistema
de gestión es generar algún producto o servicio, aprovechando los recursos
de información, para responder a los requerimientos y alcanzar las
expectativas de los usuarios.
En la investigación, este proceso de gestión cumple un rol importante,
ya que busca administrar la información de manera que llegue
eficientemente a los usuarios, así pues, se mejora el proceso en la toma de
decisiones. (Arévalo, 2007) menciona que:
La efectividad de la Gestión de la información dependerá en buena
parte establecida en función de la adecuación de los flujos de
información. Tendremos que identificar los nodos en los que el dato
se convierte en información, de la información en conocimiento y el
conocimiento en decisiones. (p.10)
El responsable de la gestión se enfrenta a diversas situaciones, por lo
tanto, se deben conocer las herramientas que se encuentran disponibles y,
sobre todo, ubicarse en el lugar de los usuarios para mantenerse al tanto
de los conocimientos que ellos tienen. De esta forma, se alcanza un flujo
de información adecuado y se logra una óptima gestión del conocimiento.
En la actualidad, es importante darle valor al uso de la información, lo
primordial es manejarla de manera correcta y dirigirla al público
apropiadamente. La gestión de información es el primer paso para
gestionar el conocimiento.
32
Calidad Integral
Se ha desarrollado el siguiente concepto a través de la filosofía de
Calidad Integral, Vargas (como se citó en Landívar, 2012) menciona que:
Calidad Integral, es una forma de vida en la que las personas tienen
una actividad positiva para dar lo mejor de ellas mismas en todo lo
que hacen y buscar siempre la satisfacción de sus clientes (Internos
y Externos) a través de la mejora continua. (p.23)
En ese sentido, se entiende por calidad integral la manera de realizar
con optimismo alguna actividad, buscando siempre el bienestar de los
usuarios. En la siguiente definición, la calidad integral se centra no sólo en
un producto final, sino también en los procesos y sistemas para lograr
resultados de alta calidad, (Fernández, 2013) dice que:
El concepto de calidad integral apareció a principios de los años 60
e implica que la calidad en la empresa debe ser perseguida por todos
los departamentos, no solo aquellos destinados expresamente a la
inspección y control de calidad. Para cumplir con los requisitos de
los clientes es necesaria una completa involucración de todas las
partes relacionadas con los procesos destinados a la obtención de
productos o servicios de calidad. (p.26)
Según los enunciados anteriores, se entiende concretamente que su
objetivo principal es alcanzar la calidad en todos los procesos y también en
cada una de las personas integradas al trabajo. De acuerdo a lo que se ha
manifestado, se refuerza la idea de usar herramientas o emplear métodos
diferentes, como el Neurodiseño Gráfico, que aseguren la calidad de la
información en la institución. Un sitio web es un medio de comunicación
que involucra a una comunidad, por lo tanto, se espera conseguir
resultados productivos asegurando un flujo eficiente de información, una
33
relación cercana con el usuario, un proceso eficaz y sobre la optimización
del diseño.
Es primordial saber que, al analizar las expectativas del usuario ante un
producto o servicio, comprendemos que la calidad es su principal
preocupación, por ende, para cumplir los requerimientos es importante
producir satisfacción. A continuación, se presenta un modelo de gestión de
calidad según (NormasISO9000, 2005), en donde indica todas las
actividades que deben realizarse para conseguir una calidad integral y
propone más que nada satisfacer las necesidades de los usuarios.
Figura 1. Principios de la Gestión de Calidad. Modelo según Normas ISO 9000, en donde se muestran 8 principios para una adecuada gestión de calidad, los mismos que constituyen una base para mejorar un trabajo, definir un propósito, alcanzar objetivos y enfocarse principalmente en el bienestar de los usuarios o clientes; por Vélez, Ericka.
Principios de la
Gestión de Calidad
1)
Enfoque al cliente
2)
Liderazgo:
3) Participación del personal
4)
Enfoque basado en procesos5)
Enfoque de sistema para
la gestión
6)
Mejora continua
7)
Enfoque basado en
hechos para la toma de decisión
8)
Relaciones mutuamente beneficiosas
con el proveedor
34
De acuerdo a la gráfica se pueden definir los principales elementos para
una adecuada gestión de calidad:
El primero indica que se debe realizar un enfoque hacia el cliente, es
decir, satisfacer sus necesidades y expectativas; luego menciona el
liderazgo, en donde se refleja el logro de los objetivos estableciendo
siempre un propósito; el tercero indica lo importante que es la participación
o el compromiso en el trabajo; en el cuarto se muestra un nuevo enfoque
de las actividades y los recursos que deben gestionarse como un proceso
para alcanzar eficientemente los resultados; el quinto principio explica que
todo proceso se debe interrelacionar con un sistema para el alcance de los
objetivos.
El sexto se considera primordial ya que en toda labor o trabajo debe estar
presente una mejora continua, dar seguimiento al proceso para brindar el
mejor producto o servicio; el séptimo describe la importancia de establecer
datos u otra información de manera precisa y fiable para que cualquier
persona tenga acceso sin ningún problema y finalmente el octavo principio
deduce que mantener una relación entre ambas partes resulta beneficioso
ya que se desarrolla la capacidad de crear valor.
Según lo establecido anteriormente, se considera que esta investigación
contribuye a mejorar la calidad de vida y el desarrollo integral de la
comunidad universitaria; busca brindar un ambiente sólido en donde haya
participación y se promueva el bienestar de la institución.
Debido a que existen procesos y sistemas que contribuyen a trabajar con
eficacia, se concluye que el desarrollo de este proyecto es sustentable ya
que se rige a un estudio integral y no sólo busca beneficios para el mismo
autor, sino también para aquellas personas que intervienen y tienen algún
tipo de interés en el desarrollo y la resolución apropiada del tema.
35
Medios de comunicación
Los medios de comunicación son instrumentos que constantemente
evolucionan y hablar de ellos es relativamente fácil y cotidiano ya que
forman parte del quehacer diario. Los medios comunican según sus
ideologías, estas pueden ser; informar, entretener, educar, transmitir,
formar opinión, etc. (Enciclopedia Culturalia, 2013) establece que:
Los medios de comunicación son, tal como lo señala su nombre, un
soporte sobre el cual se transmiten ideas de diverso tipo que pueden
ser noticias de actualidad, mensajes publicitarios, debates
ideológicos, etc. En la actualidad, los dos medios de comunicación
más consumidos son sin duda alguna internet y la televisión. (p.1)
Podemos decir que, los medios de comunicación siempre transmiten
mensajes con un lenguaje o código comprensible según el público al cual
va dirigido. Tomando en cuenta que el estudio se enfoca en mejorar el sitio
web de la Universidad de Guayaquil, cabe mencionar que, si la comunidad
universitaria actualmente tiene acceso a este medio, se deberían realizar
cambios significativos para que al usuario le llame la atención fácilmente y
de esa manera se le da un uso correcto a este sitio.
Cabe indicar que los medios evolucionan constantemente y son de suma
importancia en un sistema educativo, (Aparici, 2005) menciona que: “Los
medios de comunicación y las tecnologías digitales de información ofrecen
no sólo información y entretenimiento, sino también formas y contenidos
que afectan al sistema de percepción de valores y actitudes.” (p.86) Los
medios y las tecnologías actuales son herramientas educativas eficaces,
con la ventaja de ofrecer diversos contenidos mediante la Internet, la misma
que se ha incorporado rápidamente en este sistema. Es importante recalcar
que estos medios educativos tienen como finalidad, contribuir en la
formación de los estudiantes y a la vez brindar información de calidad.
36
Medios digitales
Los medios de comunicación digital comprenden el almacenamiento, el
registro, la manipulación y distribución de la información; la misma que
puede ser un texto, imagen y otros recursos visuales o audiovisuales.
(Dezuanni & Monroy, 2012) mencionan que: “El escenario digital es un
campo de posibilidades para la interacción a partir de imágenes, sonido y
texto.” (p.60) De modo que, se consideran medios informativos porque el
principal beneficio es la interacción con la audiencia, debido a la diversa
implementación de contenidos y aplicaciones tanto tecnológicas como
también multimedia.
En la actualidad, el usuario no se considera únicamente un receptor de
información y consumidor de los medios tradicionales; hoy en día adopta
una participación activa de contenidos que puede seleccionar de acuerdo
a sus necesidades. Los medios deben procurar cubrir las expectativas y
requerimientos, así como también una diversidad de contenidos; el nuevo
perfil describe a un usuario más activo, el mismo que se adapta
rápidamente a los diversos medios digitales.
Con el fin de comprender la importancia de los medios digitales
ecuatorianos, (Punín & al, 2014) describen un dato muy relevante sobre la
era digital en el país: “Ecuador se está convirtiendo en un país digital. El
surgimiento de la web es positivo, ahora todos somos consumidores
digitales, aunque la generación de contenidos propios camina a paso lento
dentro de los medios de comunicación ecuatorianos.” (p.204). Hoy por hoy
nos encontramos en una sociedad del conocimiento o de la información, la
implementación de las nuevas tecnologías muestra que han favorecido
mejoras en la calidad y diversidad de los servicios; por lo tanto, hay que
aprovechar las herramientas que nos brindan dichos medios para lograr
beneficios en la comunidad universitaria, mejorando de esta manera la
administración de la información y el proceso comunicacional.
37
Medios masivos
Los medios masivos de comunicación se caracterizan por su gran
alcance sobre la población. (Ayala, 2001) dice que: “La comunicación
masiva es la que se realiza entre un individuo o grupo de individuos a través
de un dispositivo transmisor (un medio) para audiencias numerosas.”
(p.819) Las tecnologías actuales logran expandirse masivamente y estás
por lo general son las tablets, celulares y computadoras, que cada vez
transmiten la información con mayor rapidez y a miles de personas.
En la comunicación masiva se establecen dos modelos básicos, (Ayala,
2001) refiere que el primero pone énfasis en el emisor (unidireccional) y el
segundo propugna una relación dialéctica entre emisor y receptor de tal
manera que ambos pueden ser alternativamente emisores y receptores
(bidireccional). El autor de tesis considera que a través del segundo modelo
no sólo se pueden conocer las necesidades de los ahora llamados
interlocutores, sino también saber qué se tiene que comunicar, cómo se
debe hacer y qué lenguajes son precisos para una efectiva comunicación.
Por otra parte, cabe mencionar que los medios masivos se clasifican en
revistas, diarios, tv, radio e internet; este último es el más utilizado en las
últimas décadas y la comunicación se puede realizar a través de páginas
web, redes sociales, blogs, entre otros. (Piscitelli, 2002) indica que:
Internet fue el primer medio masivo de la historia que permitió una
horizontalización de las comunicaciones, una simetría casi perfecta
entre producción y recepción, alterando en forma indeleble la
ecología de los medios. Nacida de una combinación de necesidades
militares y experimentales a fines de la década del sesenta. (p.64)
De modo que, el internet se considera un instrumento de trabajo; la
creatividad y la rapidez que emplea para lograr comunicar, convierte a los
medios masivos en herramientas interesantes y llenas de recursos.
38
Definición de sitio web
Para comenzar se debe conocer claramente el significado de un sitio
web, (Castañón, 2006) lo define como: “Un conjunto de páginas
electrónicas relacionadas entre sí a través de enlaces hipertextuales o
programas realizados para tal fin y que se muestran a través de redes
telemáticas con finalidades diversas.” (p.3) Un sitio web se considera como
un espacio virtual en internet, por lo tanto, es primordial saber que existen
diferentes sitios que se diferencian según la clase de contenido o servicio
que ofrecen, como los blogs o los sitios web empresariales. Hay una
característica principal que identifica a un sitio web; lo habitual es que, en
su portada facilita el acceso a diferentes páginas web a través de
hipervínculos, conocidos también como links o enlaces.
Definición de página web
Una página web se define como un documento electrónico que responde
intereses particulares, (Amelotti, 2012) menciona que: “Son documentos
que pueden contener textos, imágenes, vídeos y, en resumen, contenidos
digitales y/o aplicaciones que pueden ser visualizados por un usuario
web desde un dispositivo remoto o a través de un navegador web.” (p.1) La
función que cumple una página web es realmente esencial para llevar a
cabo un proceso comunicativo y de igual manera, el trabajo de un diseñador
gráfico se considera fundamental porque puede utilizar imágenes, textos,
gráficos, vídeos, entre otros materiales estáticos o dinámicos, para mejorar
el contenido y su estructura, haciéndolos más innovadores.
Este documento electrónico, particularmente se adapta a la web, la
misma que se define como una estructura Cliente-Servidor que consiste en
que los proveedores de información o servidores cumplan los
requerimientos de los navegadores que son operados por los usuarios.
39
Tipos de páginas web
Básicamente existen dos tipos: estáticas y dinámicas, a continuación se
explicará cada una según (Begoña, 2016):
Páginas estáticas
Se establece que el contenido de estas páginas es fijo o no varía en un
tiempo determinado a corto o medio plazo y no se actualizan
constantemente. Se las reconoce principalmente porque no existe una
interacción con el navegante o usuario. Su lenguaje de programación se
basa en el HTML y principalmente está compuesta por imágenes, textos y
videos. Estas páginas fueron las primeras en aparecer durante la expansión
y el avance del internet.
Páginas dinámicas
Las primeras páginas dinámicas fueron creadas a principios de los 90
debido a las necesidades que se suscitaban. Lo dinámico hace referencia
a la interacción en tiempo real, es decir, se personaliza en función al usuario
y por lo tanto su contenido se puede modificar con rapidez. La información
de esta página se encuentra almacenada en una base de datos permitiendo
el desarrollo de aplicaciones webs y también utilizan lenguajes de
programación como HTML o con otras extensiones como PHP y ASP.
Las páginas webs también se clasifican en:
Privadas: Se caracterizan porque solo pueden acceder una cantidad
limitada de personas que únicamente logran ser reconocidas o identificadas
por medio de un sistema de acceso o registro.
Públicas: Cualquier persona puede visitar la página y tener acceso a la
información que se encuentre publicada.
40
HTML (HyperText Markup Language)
Una página web se crea y desarrolla utilizando un lenguaje de
programación que pueda ser interpretado por los navegadores, como el
HTML. (Chacón, 2016) indica que:
HTML es un lenguaje de etiquetas. Indica al navegador como tiene
que mostrar el contenido. El HTML separa el "contenido" (palabras,
imágenes, audio, video, etc.) de la "presentación" (la definición del
tipo de contenido y las instrucciones de cómo esos contenidos tienen
que mostrarse). (p.1)
Este lenguaje emplea diferentes elementos que se encuentran
predefinidos, los mismos que utilizan etiquetas para expresar el contenido.
Dichas etiquetas se encapsulan entre símbolos <> y para cerrarlas
(indicando la parte final del contenido) se ubica una barra /. Una página
HTML también tiene referencias de archivos externos que contienen
sonidos, imágenes animaciones, etc. A continuación, se muestra un
ejemplo del lenguaje HTML utilizando etiquetas para escribir un párrafo:
<p> Para escribir un párrafo, se utilizan estas etiquetas </p>
Es primordial definir que todo documento HTML se visualiza mediante
un navegador y al guardarlo se crea una extensión .htm ó .html. También
se establece una estructura general con las siguientes etiquetas:
<html>: Aparte de indicarle al navegador que es un documento HTML, esta
etiqueta permite iniciar y cerrar el archivo.
<head>: Muestra el encabezado de la página; incluye el título que
aparecerá en la parte superior del navegador, etiquetas <body></body>.
<body>: Es el cuerpo de la página como textos, imágenes y cualquier otra
información visible al usuario. Esta etiqueta se la abre después del
encabezado y se la cierra antes de </html>.
41
¿Por qué es importante HTML5?
Entender HTML5 es comprender que hoy las personas se conectan
desde móviles, teléfonos, tabletas, computadores, netbooks y otra variedad
de dispositivos; que ya se acabaron los web masters y en la actualidad se
habla de equipos multidisciplinarios de empresas tecnológicas que cuentan
con frontends, arquitectos de información, community managers y otros en
los proyectos que reinventan mercados y generan ingresos.
Se habla también de las empresas que se consideran gigantes de la web
como Microsoft, Apple, Google, Facebook, Adobe, Mozilla, Yahoo y miles
de proyectos tecnológicos que independientemente de sus objetivos,
actualmente utilizan HTML5 compitiendo en el navegador más cercano a la
pantalla. Por lo tanto, este lenguaje de programación se establece como
una de las estrategias más relevantes en el posicionamiento del mercado.
De acuerdo al tema, se puede analizar el documento de (Vega & Van,
2011), quienes mencionan que:
HTML5 es la actualización de HTML, el lenguaje en el que es creada
la web. HTML5 también es un término de marketing para agrupar las
nuevas tecnologías de desarrollo de aplicaciones web: HTML5,
CSS3 y nuevas capacidades de JavaScript. La versión anterior y
más usada es HTML4, carece de características necesarias para la
creación de aplicaciones modernas basadas en un navegador. (p.8)
El HTML5, sobre todo, tiene compatibilidad entre navegadores. Todo el
código del HTML normal funcionará sin problemas con el nuevo lenguaje
de programación y de igual manera el HTML4 es 100% compatible. Para
empezar a utilizarlo, se deberían conocer las nuevas características; a
continuación, se describen algunas según (Castillo, 2013):
42
Mejor estructura: Se tiene que colocar DOCTYPE antes de la
etiqueta <html>, esto permite que toda la programación funcione junto
con el lenguaje HTML5.
Esta es la nueva estructura, en ella se encuentra la librería Modernizr,
para detectar si todos los elementos son compatibles con HTML5.
< ! DOCTYPE html> <html> <head> <title>Manual de HTLM5</title> <script src=“modernizr.min.js”> </script> </head> <body> ... </body> </html>
HTML5 ha mejorado la estructura a través de elementos que permiten
establecer qué es cada sección para que la web sea fácil de entender y
coherente para los usuarios; además será cómodo utilizar los buscadores
u otras aplicaciones. Los siguientes elementos son esenciales usarlos:
<input>: Se puede utilizar para mejorar los formularios, el elemento
input permite ampliar elementos con “type”, ejemplo:
<input type=“datetime”> fecha exacta y tiempo
<audio> y <video>: Ambas etiquetas permiten insertar elementos sin
necesidad de utilizar plugins, al reproducirlos se los puede controlar.
La etiqueta de audio inserta múltiples formatos, especialmente mp3.
<embed>: Para contenidos que requieren plugins, por ejemplo, Flash.
<canvas>: Es un elemento complejo que genera gráficos al realizar
dibujos en su interior, por ejemplo, Google Maps.
<nav>: Sección de una página, es un link para navegar en la misma
página o a otras.
<footer>: Pie de página
43
Editores HTML
Para que se facilite la escritura en la realización de documentos HTML,
se manejan programas específicos. Los más utilizados permiten trabajar
diseños complejos, pero son realmente productivos. Es importante saber
diferenciar entre un editor de texto, como el Bloc de notas, y una
herramienta de desarrollo como lo es Atom. Ambos se utilizan para escribir
códigos, la diferencia es que uno trabaja más rápido que el otro.
(Frenollosa, 2017) describe las ventajas y desventajas de los editores más
utilizados en el desarrollo web:
Sublime Text
Ventajas: Es el más rápido, tiene una biblioteca de plugins y es
optimizado debido a que se abre casi instantáneamente.
Desventajas: No es totalmente libre, si se lo usa gratuitamente,
cuando se guarda cierta cantidad de veces, el editor sugiere un pago.
No aportan nuevas funcionalidades que se puedan destacar.
Atom Editor
Ventajas: Es el más utilizado actualmente, se considera un editor
libre, sencillo y sobre todo se caracteriza por su alta personalización
(gran cantidad de plugins).
Desventajas: Es más lento que Sublime Text y tiene una cantidad
limitada de caracteres.
Visual Studio Code: Fue desarrollado por Microsoft, tiene un soporte
de depuración, incorpora un control Git, resaltado de sintaxis y
terminación de código inteligente.
44
Sitios que actualmente utilizan HTML5
Antes de conocer algunos sitios que usan HTML5, es primordial citar a
(Punín & al, 2014), quienes hacen referencia al avance tecnológico y la
actual tendencia de los medios digitales, indicando que:
HTML5 cumple con una función importante para cualquier medio
digital, sirve para desarrollar diseños de páginas web. La HTML5 es
una aplicación web totalmente gratuita. Ahora es mejor ir por las
aplicaciones web, que contienen un método sencillo de ejecutar
aplicaciones aptas para varias plataformas. La estética de una
página es una manera de innovar y aportar tanto en contenido como
en aspecto, para que el medio digital no sea lineal. (p.205)
Por lo expuesto anteriormente, es importante reconocer que actualmente
se cuenta con aplicaciones, programas, editores, que cada vez se ajustan
más a las necesidades del desarrollo web. Es fundamental resaltar que,
para elaborar una página web, no sólo se toma en cuenta aspectos técnicos
como el diseño, contenido, dominio, tecnología, entre otros; también se
debe conocer cuál es el público objetivo, para que los usuarios logren
adaptarse al diseño y a los elementos que contiene la página. Con respecto
a los sitios web, a continuación (Vega & Van, 2011) mencionan algunos:
Twitter: En la versión móvil se utiliza geolocalización en los tweets, el
diseño de las versiones móvil y desktop de twitter usan CSS3,
especialmente por los bordes redondeados.
Youtube: Las versiones para teléfonos, Samsung Galaxy Tab, Ipad,
etc., están hechas con HTLM5; para los diseños y etiquetas de
<video> sin necesidad de Flash se usa CSS3
Facebook: Ambas versiones, móvil y desktop, usan intensivamente
CCS3 para el diseño y las animaciones, entre otras aplicaciones para
notificaciones de actividad y el chat.
45
CSS3 (Cascade Style Sheet)
Sus siglas significan, Hojas de Estilo en Cascada y es la última versión
que presenta características con mayor control en el estilo de los elementos
de una página web y contiene el mayor número de efectos visuales. Como
desventaja, no es totalmente compatible con ningún navegador, sin
embargo, existen herramientas que se requieren de acuerdo al uso del
navegador para una correcta visualización. (Navajas, 2012) indica que:
Un selector en CSS es la herramienta que nos sirve para seleccionar
uno o varios elementos de los que tenemos en nuestro HTML.
Cuando decimos seleccionar, nos referimos a referenciar ese
elemento para aplicarle estilo. CSS3 incluye todos los selectores de
CSS2.1 y añade algunos más de forma que es mucho más sencillo
referenciar elementos. (p.6)
HTML5 define la estructura de la página web y trabaja en conjunto con
CSS3 para darle un formato o aspecto único. Cabe mencionar que dicho
lenguaje se puede trabajar en la misma hoja en donde se está
desarrollando el documento HTML, pero debido a la productividad que se
busca, es recomendable elaborar el documento aparte con la extensión
.css y luego vincularlo con cada página HTML.
CSS3 como se mencionó cambia todo el aspecto de una página web,
como indicar ciertas medidas en los márgenes y también establecer
especificaciones para textos e imágenes. Sus principales usos son:
Bordes redondeados utilizando el atributo border – radius.
Que tenga un elemento de fondo con varias imágenes a la vez.
Crear sombras o degradado a los elementos de la página sin utilizar
imágenes de Javascript.
Utilizar fondos animados, crear un menú animado, botones con
efectos y colores.
46
El diseño web
Anteriormente, el diseño web representaba dibujar una imagen
agradable y convertirla en una web básica. En los últimos años el diseño
ha cambiado radicalmente, conforme avanza la tecnología, los diseñadores
necesitan estar capacitados para comprender y desarrollar esta actividad;
por esta razón, actualmente también se consideran diseñadores de interfaz.
(Springer, 2014) señala que: “La disciplina del diseño web es un fenómeno
totalmente moderno, nacido durante la creación de la World Wide Web de
Tim Berners Lee 1989 - 1990, y que surge del simple deseo de llevar algo
basado en texto sencillo al reino gráfico.” (p.7) Básicamente el diseño web
se encarga de visualizar la información de manera clara y ordenada para
que los usuarios logren navegar con facilidad.
Esta actividad no es sencillamente una implementación convencional del
diseño, también comprende diferentes aspectos como el diseño de interfaz,
el diseño gráfico web y las experiencias de los usuarios, como la usabilidad,
interactividad, navegabilidad, arquitectura de la información, interacción de
medios y la optimización de los motores de búsqueda.
Usabilidad
La usabilidad es la facilidad que se les provee a los usuarios en la
navegación e interacción con la web, McQuillen (como citó Martínez, 2011)
dice que: "La usabilidad trata sobre el comportamiento humano; reconoce
que el humano es emotivo, no está interesado en poner demasiado
esfuerzo en algo, y generalmente prefiere las cosas que son fáciles de
hacer contra las que son difíciles de hacer.” Es primordial establecer este
aspecto como uno de los más relevantes en la optimización y desarrollo de
un sitio web. El autor de tesis considera, según la problemática planteada,
que al poner en práctica este requisito, el diseño web del sitio tendría más
acogida conforme a las comodidades de los usuarios.
47
Desde otro punto de vista, (Bolaños & al, 2007) mencionan: “El término
Usabilidad deriva directamente del inglés usability y se utiliza desde la
primera mitad de la década de los 40 del siglo XX como resultado de la
creciente importancia que fue adquiriendo la adaptación de las máquinas
al operador humano.” (p.16) Desde ese entonces, se describe cuán
importante ha sido la usabilidad para que las personas puedan estar
conformes y cumplir sus tareas de la forma más correcta posible.
Dada las definiciones anteriores es importante conocer algunas
características de acuerdo al uso y la forma en la que los usuarios se
relacionan con el sistema:
Facilidad de aprendizaje: Se refiere a que los nuevos usuarios
puedan interactuar fácilmente con el sitio, de manera que se generen
conocimientos y haya consistencia.
Eficiencia de uso: Rapidez con que se deberían desarrollar las
tareas una vez que el usuario haya aprendido a usar el sistema.
Fácil de recordar: El usuario debe recodar el uso y las características
del sitio después de no haberla utilizado por algún tiempo.
Satisfacción: Cuando un sitio web es agradable para el usuario
gracias a la simplicidad y facilidad que le brinda.
Funcionalidad: El usuario logra hacer lo que necesita.
Errores: Ayudar al usuario a reorientarse con los errores del sistema.
La norma ISO 13407 (como citó Martínez, 2011) indica que un diseño
centrado en las necesidades de los usuarios, se caracteriza por:
Involucrar activamente a los usuarios.
Entender claramente los requerimientos del usuario y la tarea final.
Distribuir adecuadamente las funciones entre los usuarios y la
tecnología.
Facilitar soluciones de diseño y crear un diseño multidisciplinario.
48
Interactividad
Específicamente la interactividad se refiere al proceso de comunicación
entre el usuario y un sistema informático. (Rodrigo, 2006) señala: “El
concepto de interactividad es muy nuevo y tiene estrecha relación con la
evolución que han tenido la informática y las nuevas tecnologías de la
información y la comunicación en los últimos 35 años.” (p.168) Con el pasar
del tiempo, la interactividad ha sido definida desde diferentes perspectivas.
Con la aparición de los ordenadores y la tecnología, el ser humano ha
revolucionado llevando a cabo cualquier actividad; en la sociedad actual,
esta herramienta no sólo tiene como propósito informar, sino también
satisfacer intuitivamente al usuario.
Para determinar una definición de interactividad, se cita a (Del Pilar & al,
2010) quienes indican:
Partiendo del hecho de que los ordenadores son usados sobre todo
con fines recreativos, la interactividad de estos sistemas es de vital
importancia ya que determina la manera en la que la persona se
relaciona con la máquina, cuyo principal propósito es responder a
los deseos y necesidades del usuario y para ello debe ser capaz de
interpretar al usuario. (p.4)
Es primordial considerar el nivel de interactividad al desarrollar un sitio
web, debido a que se determina la forma en la que los usuarios asimilan la
información. Lo que se requiere es establecer una relación cercana; pero
en las citas antes mencionadas, se afirma que durante mucho tiempo se ha
buscado una comunicación eficiente y se ha estudiado la interactividad
desde el campo investigativo - teórico, sin embargo, sólo hasta la creación
del Internet se ha aplicado dicho concepto en los sistemas comunicativos.
Para que el usuario se relacione con el contenido, es esencial la interacción
con diversos medios de expresión tales como audio, video, gráficos, etc.
49
Navegabilidad
Lo recomendables es que un sitio web sea fácil de navegar, en donde el
usuario pueda visitar rápidamente otros sitios sin perderse. Cabe
mencionar que las personas no tienen tiempo para predecir cuál es la forma
correcta de llegar a otros contenidos de la web; por este motivo, se debe
establecer una composición pensando en la comodidad del usuario.
(Posada, 2008) dice: “Navegabilidad alude a la definición de una estructura
que permita al usuario moverse con facilidad por un sitio web.” (p.137) Es
importante conocer este concepto cuando se desarrolla el diseño de un
sitio; para brindar una adecuada navegabilidad, lo apropiado es conocer
sus necesidades y ofrecerle fácilmente el acceso a la información.
Una de las características principales de la Web es que los usuarios
pueden moverse por diferentes secciones que componen un sitio, (Pérez
M. , 2016) menciona que:
Los sistemas de navegación suelen estar formados por una
clasificación dotada de distintos niveles y profundidad que, mediante
la articulación de categorías más generales y otras más específicas,
organiza y estructura la mayoría de los contenidos albergados en un
sitio. Además, esa clasificación puede ser explorada mediante la
técnica del hipervínculo de manera que nos permite acceder a esos
contenidos clasificados. (p.3)
Estos sistemas cumplen dos funciones importantes en una web; la
primera facilita la navegación mediante vínculos de acuerdo a los
contenidos que proporciona el sitio; y la segunda, utiliza hipertexto
permitiendo desplazarse cómodamente por contenidos principales, los
mismos que ofrecen información acerca de lo que se habla en la página o
también indican al visitante hacia dónde se puede continuar explorando.
50
Errores comunes al crear un sitio web
Limitar el contenido Flash: Se debe ofrecer una experiencia
eficiente al usuario, por lo tanto, se sugiere limitar el contenido Flash
para que el sitio no ocupe un tamaño excesivo y tarde en cargarse.
Es necesario saber que los visitantes utilizan diferentes ordenadores,
configuraciones de navegación y velocidades de conexión a Internet;
por esta razón, lo que resulta agradable para un usuario, puede ser
incómodo para otro.
No tomar en cuenta los motores de búsqueda: Un sitio web debe
facilitar un contenido agradable para los diferentes motores de
búsqueda.
Crear una página centrada en motores de búsqueda y no en los
usuarios: No se debe engañar al usuario presentando motores de
búsqueda que quizás publiquen un contenido diferente al que se
desea mostrar.
Sobrecargar la página: Demasiada información, gráficos, videos u
otro contenido multimedia pueden distraer y alejar al usuario de la
búsqueda que deseaba realizar.
Recomendaciones para una mejor navegabilidad en la web, según (Otero
& Maglione, 2014):
Diseñar un menú visible y ubicar links en las secciones principales de
la página, de manera que el usuario se guíe y se desplace libremente
sin utilizar los botones “adelante” y “atrás” del navegador.
Establecer una forma apropiada en la que se llegue a la página
principal desde otros contenidos.
Crear un mapa del sitio para que el usuario conozca cómo se
encuentra organizada la información del sitio.
51
Arquitectura de la información
Las metodologías más eficientes que emplean los diseñadores web se
describen dentro de la Arquitectura de la Información, definiéndola como el
conjunto de herramientas y métodos que ayudan a organizar el contenido
para que los usuarios tengan acceso a la información de forma directa y
simple. (Baeza & al, 2004) indican que:
La arquitectura de información se ocupa del diseño estructural de los
sistemas de información, su problema central es la organización,
recuperación y presentación de información mediante el diseño de
ambientes intuitivos. Esta disciplina nació a fines de la década de los
90 como respuesta a la explosión en el tamaño y complejidad de los
sistemas de información basados en internet. (p.169)
Mediante la Arquitectura de la Información, se orienta al usuario en la
web. La labor de un diseñador en el siglo XXI con respecto a este
documento informativo, se trata de ofrecerle gran flexibilidad en el acceso
de los contenidos y darles respuestas a sus intereses o necesidades.
Desde que nació la World Wide Web y se hizo popular la Internet, se
creó una variedad de páginas, (Oca, 2010) señala que:
Desde aquel entonces, el número de páginas aumenta cada día y se
calcula que crecen en alrededor de 50 páginas y 500 enlaces sólo
durante el tiempo que toma leer una sencilla oración. La dinámica
de la tecnología de la información obliga a perfilar el intelecto en
relación con los contenidos y la forma de presentarlos en el Web,
debido a la incorporación constante de un elevado número de
usuarios de todo tipo a la red. (p.2)
Según lo expuesto anteriormente, se afirma que la Internet es un sistema
de comunicación y que los problemas comunicacionales se dan a partir de
52
la cantidad de información que se ubica en una página y cómo esta se
organiza; precisamente ese es el objetivo de la Arquitectura de la
Información, estructurar un contenido adecuadamente.
Para establecer la estructura final de un sitio web, requiere tomar en
cuenta las estrategias antes mencionadas; usabilidad, interactividad e
navegabilidad; estas se complementan con otros factores importantes
como la planificación, el diseño e implementación para satisfacer las
necesidades de información y comunicación en los usuarios.
Si la estructura de un sitio web no es intuitiva y sólida, se estima que el
diseño no será el correcto, a continuación, se indicarán algunos aspectos
esenciales con respecto a la Arquitectura de la información:
Definir las secciones y páginas web que debe tener.
Escoger las secciones que tendrán acceso desde la página de inicio.
Decidir que sección tiene que destacar más que las demás.
Distribuir el contenido que se mostrará entre las distintas secciones.
Concretar las vías de acceso a otras páginas web (en caso de tener
alguna).
(Pantoja, 2004) menciona algunas características del diseño orientado al
usuario:
Para diseñar una interfaz de usuario se debe tomar en cuenta las
necesidades, experiencias y expectativas de los usuarios.
El control de una página debe estar en manos de los usuarios, a nivel
de interacción y navegación.
Los usuarios se sentirán más cómodos en el entorno de aplicación de
la página, si el grado de personalización es mayor.
El sitio web debe lograr, en poco tiempo, un contacto visual agradable
en los nuevos usuarios, para esto debe existir coherencia conceptual
y gráfica en el diseño.
53
Interacción de medios
Un diseñador debe pensar como desarrollar un sitio web y también hacer
que los usuarios interactúen con él. (Belloch, 2013) menciona que:
Actualmente, el término multimedia hace referencia al uso
combinado de diferentes medios de comunicación: texto, imagen,
sonido, animación y video. Los programas informáticos que utilizan
de forma combinada y coherente con sus objetivos diferentes
medios, y permiten la interacción con el usuario son aplicaciones
multimedia interactivas. (p.1)
Los diferentes medios se los debe combinar adecuadamente en la
presentación de la información, tomando en cuenta la funcionalidad y
utilidad de cada uno dentro del sitio web. Cabe indicar que estos medios
pueden potenciar la comprensión visual y oral, la memoria visual y auditiva.
A continuación, se destacan dos sistemas de comunicación:
Multimedia: textos, sonidos, gráficos, videos, que se integran
coherentemente.
Hipertexto: Agrega y enlaza información con estructura no secuencial.
Slideshow
El Slideshow es una presentación multimedia compuesta por imágenes
que cambian consecutivamente cada cierto tiempo. (Posada, 2008) dice:
“Es un servicio que nos permite subir una colección de imágenes y luego
obtener en línea una atractiva presentación que la muestra de forma
secuencial y con efectos especiales.” (p.427) Esta herramienta llama la
atención del usuario, por lo tanto, es importante saberla utilizar
apropiadamente. Se debe tomar en cuenta la velocidad de carga del sitio
web y también saber conducir al visitante a los diferentes contenidos de la
presentación en un tiempo conveniente.
54
El comportamiento de los usuarios en los sitios web
Actualmente existen herramientas que se encargan de analizar los datos
publicados en los sitios web a través del comportamiento de los usuarios.
La mayoría de estas herramientas se las utiliza después de registrarse y
pagar, de esa manera se pueden conocer las funcionalidades de las
mismas. (Aguera, 2014) menciona que: “Las herramientas de analítica web
empezaron a aparecer en los años 90, la finalidad de éstas era conocer la
carga de trabajo de los servidores y calcular así su efectividad y eficiencia.”
(p.7) Así como la tecnología ha ofrecido herramientas para analizar la
conducta de los usuarios en la navegabilidad, de igual manera, la ciencia
nos ofrece otros medios de información que resultan indispensables para
medir los resultados a través de un análisis intuitivo.
El comportamiento de los usuarios ha evolucionado y cabe recalcar que
dentro de este análisis deben incluirse ciertos estudios relacionados con el
comportamiento del cerebro humano, ya que las necesidades y decisiones
dependen de la percepción del cerebro frente a la información y estímulos
que se derivan del mismo. Para conocer un público objetivo hay que estar
al tanto de ciertos datos relevantes, (Manchón, 2003) indica algunos:
Los usuarios no leen en las páginas web palabra por palabra, sino
que ojean los contenidos. Los usuarios están centrados en sus
objetivos, confían en los buscadores, muestran una baja tolerancia
a las dificultades y no quieren aprender a usar una página web. Los
usuarios han de entender el funcionamiento y la estructura de
información de un sitio web después de ojearla superficialmente
durante unos pocos segundos. (p.1)
Si no se visualiza correctamente un sitio web, el usuario no lo comprende
con facilidad; por lo tanto, no se consiguen los resultados esperados. Es
primordial que el diseño ofrezca una navegación agradable e intuitiva.
55
Fundamentación legal
En la Constitución de la República del Ecuador, Sección Tercera, la
(Asamble Nacional, 2008) indica en el Artículo 19 que: “La ley regulará la
prevalencia de contenidos con fines informativos, educativos y culturales
en la programación de los medios de comunicación, y fomentará la creación
de espacios para la difusión de la producción nacional independiente.”
(p.26) En este artículo se ve reflejada la importancia de contribuir con un
sistema eficiente de información. Cabe indicar que los medios educativos,
promueven una formación eficiente en la actual sociedad del conocimiento.
También en el Artículo 384, la (Asamble Nacional, 2008) establece que:
“El sistema de comunicación social asegurará el ejercicio de los derechos
de la comunicación, la información y la libertad de expresión, y fortalecerá
la participación ciudadana.” (p.173) Según lo expuesto, se puede evidenciar
la relevancia de esta investigación debido a que el sitio web se considera
como una herramienta informativa, cuyo propósito es mejorar la calidad
comunicacional. De igual manera, se promueve a que la comunidad
universitaria sea partícipe en la resolución de dicha problemática con el fin
de alcanzar una mejora social.
En la Ley Orgánica de Comunicación, Artículo 8, la (Asamblea Nacional,
2013) menciona que:
Los medios de comunicación, en forma general, difundirán
contenidos de carácter informativo, educativo y cultural, en forma
prevalente. Estos contenidos deberán propender a la calidad y ser
difusores de los valores y los derechos fundamentales consignados
en la Constitución y en los instrumentos internacionales de derechos
humanos. (p.3)
56
En el artículo antes mencionado, prevalece la difusión de contenidos en
los medios de comunicación, por lo tanto, corresponde brindar una calidad
comunicacional a quienes conforman dicha Institución.
El Artículo 10 de la Ley Orgánica de Comunicación establece ciertas
normas de acuerdo al proceso comunicacional y la difusión de información;
por este motivo, se resalta el numeral 3, en donde la (Asamblea Nacional,
2013) menciona dos literales correspondientes al ejercicio profesional: “j.
No utilizar en provecho propio información privilegiada, obtenida en forma
confidencial en el ejercicio de su función informativa; y, k. Respetar los
derechos de autor y las normas de citas.” (p.4) En los literales señalados
se resaltan aspectos importantes con respecto a la publicación de la
información. Debido a que el presente trabajo requiere un contenido
relevante, preciso, verificado y contextualizado, se aplicaron normas para
citar diferentes impulsores como sustento de esta investigación.
La información es un derecho público y constitucional; y la comunicación
social es un servicio público que se debe proporcionar con calidad y
responsabilidad, contribuyendo en el buen vivir de las personas.
En el Título V, Medios de Comunicación Social, Artículo 71, La
(Asamblea Nacional, 2013) señala las responsabilidades que tienen todos
los medios de comunicación en la gestión, motivo por el cual, se consideró
relevante el numeral 2 que dice: “Desarrollar el sentido crítico de los
ciudadanos y promover su participación en los asuntos de interés general.”
(p.13) El sentido crítico no implica cambiar la forma de pensar de los demás;
su principal objetivo, es hacer que las personas reconozcan claramente una
situación y alcancen una posición razonable. Esta investigación establece
un compromiso social, considerando que, para la resolución de la
problemática planteada es importante la opinión y participación de la
comunidad, la misma que está integrada por estudiantes, docentes y
personal administrativo.
57
En la Ley Orgánica de Educación Superior, Artículo 93, la (Asamblea
Nacional, 2010) señala que: “El principio de calidad consiste en la
búsqueda constante y sistemática de la excelencia, la pertinencia,
producción óptima, transmisión del conocimiento y desarrollo del
pensamiento mediante la autocrítica, la crítica externa y el mejoramiento
permanente.” (p.30) Por lo expuesto, se determina que la presente
investigación amplía los conocimientos de la comunidad y propone una
calidad educativa a la Institución.
En el Artículo 94, la (Asamblea Nacional, 2010) de la Ley Orgánica de
Educación Superior también indica que:
La Evaluación de la Calidad es el proceso para determinar las
condiciones de la institución, carrera o programa académico,
mediante la recopilación sistemática de datos cuantitativos y
cualitativos que permitan emitir un juicio o diagnóstico, analizando
sus componentes, funciones, procesos, a fin de que sus resultados
sirvan para reformar y mejorar el programa de estudios, carrera o
institución. (p.30)
Como podemos evidenciar, en ambos artículos de la LOES, se deduce
que una Institución siempre debe pensar en el bienestar de la comunidad y
ofrecer un sistema educativo de calidad.
Esta investigación también se acoge al Capítulo II del Código de Ética
de la Universidad de Guayaquil; el (Consejo Universitario, 2016) menciona
en el literal e (ii) que: “Los miembros de la comunidad universitaria deben
orientar su accionar en observancia a la gestión eficiente de los bienes y
recursos institucionales, evitando su mal uso y aprovechamiento ilegítimo.”
(p.6) Esto explica la importancia de la información que se gestiona a través
del sitio web, debido a que es una herramienta informativa y no sólo permite
que la Institución adquiera un mejor reconocimiento, sino también brindarle
prestigio, calidad y excelencia a la comunidad que la integra.
58
CAPÍTULO III
METODOLOGÍA DE LA INVESTIGACIÓN
DISEÑO DE LA INVESTIGACIÓN
Modalidad de la Investigación
La elaboración de la investigación y el desarrollo de la propuesta se
enfoca en los lineamientos de un proyecto factible; el estudio se respalda
en investigaciones de campo y documental; esta última se sustenta a través
de conceptos y teorías con sus respectivas citas bibliográficas. Cabe indicar
que el actual modelo se considera viable para la solución del problema
analizado, específicamente sobre el proceso comunicacional e informativo
de la página web de la Universidad de Guayaquil.
Tipo de Investigación
El presente proyecto corresponde a una investigación explicativa, debido
a la relación entre dos variables, las mismas que constituyen una estructura
en donde se determina si las causas, provocan o no la problemática
planteada, para proporcionar un entendimiento o conocer las condiciones
en las que se encuentra.
Población y muestra
Población
(Arias, 2012) indica en su libro “El proyecto de Investigación” lo siguiente:
“La población, o en términos más precisos población objetivo, es un
conjunto finito o infinito de elementos con características comunes para las
cuales serán extensivas las conclusiones de la investigación.” (p.81) Según
lo expuesto, se establece una población integrada por 96 directivos, 3331
docentes, 53777 estudiantes y 2181 personal administrativo.
59
La presente investigación forma parte del proyecto “La gestión del
conocimiento y su incidencia en la calidad integral universitaria”, por tal
motivo, fue posible la asistencia del personal administrativo perteneciente
al SIUG para definir las cantidades antes mencionadas.
Tabla 3
Población de estudio
Nota: Datos de la Investigación, por Vélez, Ericka.
Figura 2. Datos de la encuesta sobre la cantidad de integrantes pertenecientes a cada sector de la comunidad universitaria, por Vélez, Ericka.
0,16% 3,67%5,61%
90,56%
Población
Directivos
Personal administrativo
Docentes
Estudiantes
Nº Estratos Población %
1 Directivos 96 0,16
2 Personal administrativo 2181 3,67
3 Docentes 3331 5,61
4 Estudiantes 53777 90,56
Total 59385 100
60
Muestra
Para el análisis de la muestra, la presente investigación se fundamenta
según el criterio de (Arias, 2012), quien menciona que: “Una muestra
representativa es aquella que por su tamaño y características similares a
las del conjunto, permite hacer inferencias o generalizar los resultados al
resto de la población con un margen de error conocido.” (p.83) Debido a
que el trabajo corresponde a una población que supera los 1000 integrantes
y no se encuentran en una misma ubicación geográfica, se procedió a
realizar una muestra representativa.
El valor que se obtuvo en el siguiente cálculo de la muestra corresponde a
los docentes, estudiantes y personal administrativo; no se incluyeron a los
directivos por razones que se explicarán más adelante. Debido a que es
una muestra de universo grande, se aplicó un método estadístico según el
autor Pedro Morales Vallejo, quien lo describe en su artículo de estadística
aplicada a las Ciencias Sociales “Tamaño necesario de la muestra
¿Cuántos sujetos necesitamos?”. A continuación, se determinan las
unidades de análisis al utilizar los siguientes datos con su respectiva
fórmula:
N = Población o universo (59289)
= Valor del nivel de confianza. Se otorgó el 95% que equivale a (2,24)
𝑒= Margen de error (0,05)
2
59289*(2,24 * 0,5) ²
1+ (0,05² * (59289-1))
))1(*(1
)5,0*(*2
2
Ne
N c
n=
n=
61
59289*(1,12)2
1+ (0,052 * 59289)
59289*1,2544
1+ 148,2225
74372,1216
149.2225
En la siguiente tabla se ajustan los porcentajes de la población total al
tamaño de la muestra:
Tabla 4
Tamaño de la muestra
Nota: Datos de la Investigación, por Vélez, Ericka.
La cantidad de estudiantes correspondientes a cada facultad del período
2017 – 2018 ha sido establecida debido a la colaboración del vicerrectorado
académico de la Universidad de Guayaquil, ya que la presente
investigación se vincula con el proyecto antes mencionado.
La cantidad de estudiantes perteneciente a la muestra ha sido distribuida
de la siguiente manera:
Nº Estratos Población % Muestra
1 Personal Administrativo 2181 3,68 18
2 Docentes 3331 5,62 28
3 Estudiantes 53777 90,7 452
Total 59289 100 498
n=
n=
n=
n=498
62
Tabla 5
Facultades
Nota: Datos de la Investigación, por Vélez, Ericka.
Nº Facultad Estudiantes % Muestra
1 Arquitectura 1515 3 14
2 Ciencias Administrativas
11199 21 95
3 Ciencias Agrarias 448 1 5
4 Ciencias Económicas
2034 4 18
5 Ciencias Matemáticas y Físicas
6275 12 54
6 Ciencias Médicas 7074 13 59
7 Ciencias Naturales
920 2 9
8 Ciencias Psicológicas
2592 5 23
9 Ciencias Químicas
1272 2 9
10 Comunicación Social
4503 8 36
11 Educación física 416 0,9 4
12 Ciencias para el desarrollo
141 0,4 2
13 Filosofía 3174 6 27
14 Ing. Industrial 3472 6 27
15 Ing. Química 2782 5 23
16 Jurisprudencia 3431 6 27
17 Veterinaria y Zootecnia
345 0,7 3
18 Odontología 2184 4 18
Total 53777 100 452
63
Los 28 docentes y los 18 integrantes del área administrativa que
participan en la encuesta, se seleccionaron de acuerdo a la disponibilidad
de tiempo por parte de ellos. Se recopilaron datos a través de los miembros
representantes de las facultades con mayor flujo de personas.
Debido a que la cantidad de directivos es pequeña en comparación con
las otras cantidades de quienes conforman la comunidad, no se calculó en
la primera operación, por lo tanto, se procedió a realizar una muestra no
probabilística de conveniencia.
Según lo mencionado, el autor de tesis considera pertinente seleccionar
10 miembros de los 96 directivos, quienes permitieron elaborar un juicio
significativo en el presente estudio. Con la aplicación de ambas muestras
que sumadas dan un total de 508 personas, es posible definir que
integración de la comunidad universitaria en su totalidad.
Instrumentos de la Investigación
Encuesta
Se empleó la técnica de la encuesta y se elaboró un cuestionario con
preguntas cerradas aplicando la escala tipo Likert, para que los informantes
señalen con una equis (x) en cada enunciado establecido con la siguiente
escala:
4= Muy de acuerdo
3= De acuerdo
2= En desacuerdo
1 = Muy en desacuerdo
64
Técnicas para el procesamiento y análisis de resultados
Análisis e interpretación de resultados
En la elaboración de las encuestas se contó con la participación de
docentes y estudiantes de diferentes jornadas. De igual manera, se invitó a
directivos y personal administrativo ya que forman parte de la muestra del
universo de la investigación.
Los datos recopilados fueron tabulados a través de herramientas que
permitieron obtener resultados estadísticos; los mismos que
posteriormente fueron analizados de manera individual y organizada,
concluyendo su aporte significativo sobre la percepción del sistema y la
gestión de la información de la Universidad de Guayaquil.
Procesamiento y análisis
Para proceder a la interpretación de los resultados obtenidos en la
encuesta, es primordial analizar individualmente cada pregunta con sus
respectivos resultados, permitiendo observar el comportamiento de cada
alternativa planteada. Cabe mencionar que, la elaboración de las
interrogantes se fundamenta en las hipótesis, las mismas que
corresponden a las variables de la investigación; con el fin de obtener
resultados satisfactorios que son de interés mutuo entre el autor de tesis y
la comunidad universitaria mencionada anteriormente.
Según los resultados obtenidos, el investigador sustenta y afirma que la
propuesta planteada se acoge a las necesidades, expectativas e intereses
de la comunidad para mejorar la gestión de la información y la calidad
comunicacional a través del sitio web de la Universidad de Guayaquil.
65
I.- Información general
Pregunta Nº 1: ¿A qué sector de la comunidad universitaria usted
pertenece?
Tabla 6 Sector de la comunidad universitaria
Nº Detalle F %
2 Personal administrativo 18 3,68
3 Docentes 28 5,62
4 Estudiantes 452 90,7
Total 498 100
Nota: Datos de la encuesta, por Vélez, Ericka.
Figura 3. Porcentaje de cada sector perteneciente a la comunidad universitaria, por Vélez, Ericka.
Análisis
Como se puede apreciar en el gráfico, de acuerdo a la población objetiva,
las encuestas determinan que en su mayoría son los estudiantes quienes
integran la comunidad universitaria, mientras que el restante está
conformado por los docentes, el personal administrativo y también los 10
directivos que intervienen principalmente en el proceso.
3,68% 5,62%
90,70%
Sector de la comunidad universitaria
Personal administrativo
Docentes
Estudiantes
66
Pregunta Nº 2: ¿Cuántos años ha permanecido a la comunidad
universitaria?
Tabla 7 Antigüedad de la comunidad universitaria
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Menos de 5 años 1 10 6 33 12 43 237 67 256 50
2 De 5 a 10 años 4 40 3 17 5 18 215 7 227 45
3 De 11 a 15 años 2 20 2 11 4 14 0 9 8 1
4 De 16 a 20 años 2 20 7 39 3 11 0 12 12 2
5 De 21 a 25 años 1 10 0 0 2 7 0 0 3 1
6 Más de 25 años 0 0 0 0 2 7 0 5 2 1
Total 10 100 18 100 28 100 452 100 508 100
Nota: Tiempo en el que ha permanecido cada sector dentro de la Institución, por Vélez, Ericka.
Figura 4. Antigüedad de los encuestados en la Institución educativa, por Vélez, Ericka.
Análisis
Se establece que, la mayoría de los integrantes de la comunidad
universitaria ha permanecido en la Institución hasta 10 años; por lo tanto,
se considera que, durante ese tiempo, se han requerido diferentes servicios
de información a través de los medios que dispone la entidad educativa.
17%
45%
1%2%
1%
1%
Antigüedad
Menos de 5 años
De 5 a 10 años
De 11 a 15 años
De 16 a 20 años
De 21 a 25 años
Más de 25 años
67
Pregunta Nº 3: La calidad del servicio de información que actualmente
proporciona la Universidad de Guayaquil es:
Tabla 8 Calidad del servicio de información
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Excelente 2 20 6 33 5 18 10 2 23 4
2 Muy bueno 3 30 3 17 8 29 68 15 82 16
3 Bueno 4 40 8 44 7 25 108 24 127 25
4 Regular 0 0 1 6 1 3 12 3 14 3
5 Malo 1 10 0 0 7 25 254 56 262 52
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados con respecto al servicio de información, por Vélez, Ericka.
Figura 5. Calidad del servicio de información que proporciona la Institución, por Vélez, Ericka.
Análisis Los informantes están de acuerdo en que existe una ineficiente gestión de
información; por otra parte, se consideró que la calidad de este proceso se
encuentra entre muy bueno, bueno y regular; mientras que solo un mínimo
porcentaje indica que es excelente. Por lo tanto, se estima una diferencia
mínima en la percepción del usuario.
4%16%
25%
3%
52%
Calidad del servicio de información
Excelente
Muy bueno
Bueno
Regular
Malo
68
Pregunta Nº 4: La calidad de los medios de comunicación de la
Universidad de Guayaquil es:
Tabla 9 Calidad de los medios de comunicación
N
º Alternativas
Directivos Personal
Administrativo Docentes Estudiantes Total
F % F % F % F % F %
1 Excelente 1 10 5 28 4 14 7 2 17 3
2 Muy bueno 2 20 4 22 6 21 57 13 69 14
3 Bueno 6 60 7 39 9 32 102 23 124 24
4 Regular 1 10 2 11 1 4 42 10 46 9
5 Malo 0 0 0 0 8 29 244 54 252 50
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados acerca de la calidad comunicacional, por Vélez, Ericka.
Figura 6. Calidad comunicacional en la comunidad universitaria, por Vélez, Ericka.
Análisis
La calidad de los actuales medios de comunicación se establece entre
buena y mala debido a que el porcentaje es equitativo. Es importante
recalcar que se deberían mejorar los diversos servicios que ofrece la
Institución a través de los medios de comunicación para alcanzar una
óptima gestión de información y superar dicho porcentaje que actualmente
define la calidad comunicacional de manera regular.
3%14%
24%
9%
50%
Calidad de los medios de comunicación
Excelente
Muy bueno
Bueno
Regular
Malo
69
II.- Información específica
1. Existe déficit en la calidad de la gestión del flujo de información.
Tabla 10 Gestión de información
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 0 0 0 0 13 46 250 55 263 52
2 De acuerdo 2 20 3 17 3 11 139 31 147 29
3 En desacuerdo 6 60 10 56 5 18 39 9 60 12
4 Muy en desacuerdo
2 20 5 27 7 25 24 5 38 7
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados acerca de la gestión de información, por Vélez, Ericka.
Figura 7. Déficit en la calidad de la gestión de información, por Vélez, Ericka.
Análisis
Podemos evidenciar que la mayoría de los encuestados indican estar muy
de acuerdo con la existencia de un déficit en la calidad de la gestión de la
información. Es importante resaltar que existe una pequeña cantidad entre
los integrantes de la institución que están en desacuerdo con lo planteado.
52%
29%
12%7%
Gestión de información
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
70
2. Los recursos tecnológicos destinados a informar a la comunidad
universitaria son gestionados de manera óptima.
Tabla 11
Gestión de los recursos tecnológicos
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 5 50 6 33 8 29 88 19 107 21
2 De acuerdo 4 40 5 28 0 0 58 13 67 14
3 En desacuerdo 1 10 7 39 7 25 150 33 165 32
4 Muy en desacuerdo
0 0 0 0 13 46 156 35 169 33
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones sobre la gestión de los recursos tecnológicos de información, por Vélez, Ericka.
Figura 8. Gestión de recursos tecnológicos en la comunidad universitaria, por Vélez, Ericka
Análisis
Más de la mitad de los informantes manifiestan que los recursos
tecnológicos no se los utilizan adecuadamente; es decir, no proporcionan
una calidad de información a la comunidad. También existe una cantidad
considerable la cual indica que dichos medios se gestionan de manera
óptima, en base a este resultado el autor de tesis considera que es una
respuesta errónea debido a que el sitio web de la Institución presenta
actualmente ineficiencias.
21%
14%
32%
33%
Gestión de los recursos tecnológicos
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
71
3. El sistema de información de la universidad facilita el acceso a
información pública de interés para la comunidad.
Tabla 12 Acceso a la información pública
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 8 80 12 66 3 11 0 0 23 5
2 De acuerdo 1 10 3 17 4 14 166 37 174 34
3 En desacuerdo 1 10 3 17 9 32 90 20 103 20
4 Muy en desacuerdo
0 0 0 0 12 43 196 43 208 41
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados sobre el acceso a la información pública, por Vélez, Ericka.
Figura 9. Datos de la encuesta sobre el sistema de información, acceso al contenido público, por Vélez, Ericka.
Análisis
Al menos 3 de cada 10 personas están de acuerdo en que el sistema de
información facilita el acceso al contenido público; pero, debido a que existe
un porcentaje máximo representando la mayor parte de los encuestados,
se considera que este proceso es ineficiente y que la propuesta mejoraría
la gestión a través de los requerimientos e intereses de la comunidad.
5%
34%
20%
41%
Acceso a la información pública
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
72
4. La información que se difunde a través del sitio web se actualiza
constantemente.
Tabla 13 Actualización de la información en el sitio web
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 0 0 2 11 0 0 0 0 2 0,39
2 De acuerdo 3 30 6 33 3 11 89 20 101 19,9
3 En desacuerdo 7 70 9 50 25 89 274 60 315 62
4 Muy en desacuerdo
0 0 1 6 0 0 89 20 90 17,71
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados sobre la difusión de información en el Sitio Web, por Vélez,
Ericka.
Figura 10. Actualización de la información del sitio web, por Vélez, Ericka.
Análisis
La mayor parte de los encuestados afirman que la información que
administra el sitio web, no se la actualiza constantemente. El autor de tesis
establece que, actualizar un sitio es de suma importancia, debido a que los
estudiantes pueden estar al tanto de las actividades y los procesos que se
realizan en la institución. Por otra parte, existen pocas personas que están
de acuerdo en que la información de dicho medio se actualiza
constantemente.
0,39%
19,9%
62%
17,71%
Actualización de la información en el sitio web
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
73
5. El actual sitio web satisface las necesidades de información y
comunicación de la comunidad.
Tabla 14 Necesidades de información y comunicación de los usuarios
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 1 10 3 17 3 11 6 1 13 3
2 De acuerdo 6 60 5 28 7 25 45 10 63 12
3 En desacuerdo 3 30 9 50 13 46 236 52 261 51
4 Muy en desacuerdo
0 0 1 5 5 18 165 37 171 34
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados sobre las necesidades de información, por Vélez, Ericka.
Figura 11. Necesidades de información y comunicación de los usuarios, por Vélez, Ericka
Análisis
Según los informantes que se han considerado en la investigación, 8 de
cada 10 personas plantean que el actual sitio web de la Institución, no
satisface las necesidades de información y comunicación, cabe indicar que
esto se debe a la inadecuada estructura que presenta dicha herramienta.
3% 12%
51%
34%
Necesidades de información y comunicación de los usuarios
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
74
6. El diseño del sitio web se centra en el usuario ofreciéndole una
mejor navegabilidad, usabilidad e interactividad.
Tabla 15 Navegabilidad, usabilidad e interactividad del sitio web
Nº
Alternativas Directivos
Personal Administrati
vo Docentes
Estudiantes
Total
F % F % F % F % F %
1 Muy de acuerdo 3 30 3 17 3 11 5 1 14 3
2 De acuerdo 5 50 6 33 8 29 26 6 45 9
3 En desacuerdo 2 20 8 44 13 46 150 33 173 34
4 Muy en desacuerdo
0 0 1 6 4 14 271 60 276 54
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados acerca del diseño del sitio web institucional, por Vélez, Ericka.
Figura 12. Datos de la encuesta sobre el diseño centrado en el usuario, por Vélez, Ericka.
Análisis
La mayoría de los informantes coinciden en que el sitio web no se encuentra
diseñado conforme a los requerimientos de la comunidad universitaria, de
modo que, es recomendable conocer las necesidades o intereses de los
usuarios para desarrollar un mejor sistema de información a través de esta
herramienta comunicacional.
3% 9%
34%54%
Navegabilidad, usabilidad e interactividad del sitio web
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
75
7. La estructura que presenta el sitio permite al usuario comprender los
diferentes contenidos audiovisuales y obtener una correcta
operacionalización del mismo.
Tabla 16 Estructura y operacionalización del sitio web
Nº
Alternativas Directivos
Personal Administrati
vo Docentes Estudiantes Total
F % F % F % F % F %
1 Muy de acuerdo 4 40 5 28 2 7 21 5 32 6
2 De acuerdo 6 60 10 55 12 43 63 14 91 18
3 En desacuerdo 0 0 3 17 13 46 224 49 240 47
4 Muy en desacuerdo
0 0 0 0 1 4 144 32 145 29
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados sobre la información que presenta el Sitio, por Vélez, Ericka.
Figura 13. Datos sobre la estructura y operacionalización del sitio web, por Vélez, Ericka.
Análisis
Aproximadamente 8 de cada 10 encuestados consideran que la estructura
de la información y la operacionalización del sitio no es la adecuada, por lo
tanto, no se satisfacen las necesidades de información. Un porcentaje
mínimo indica que el usuario puede navegar y requerir información del sitio
adecuadamente.
6%
18%
47%
29%
Estructura y operacionalización del sitio web
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
76
8. La información que se administra y publica en el sitio web se
orienta principalmente en las necesidades e intereses de la
comunidad universitaria.
Tabla 17 Administración y publicación de la información en el sitio web
Nº
Alternativas Directivos
Personal Administrati
vo Docentes
Estudiantes
Total
F % F % F % F % F %
1 Muy de acuerdo 2 20 5 28 0 0 32 7 39 8
2 De acuerdo 7 70 8 44 6 21 40 9 61 12
3 En desacuerdo 1 10 4 22 19 68 123 27 147 29
4 Muy en desacuerdo
0 0 1 6 3 11 257 57 261 51
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados acerca de la información en el Sitio Web, por Vélez, Ericka.
Figura 14. Datos de la encuesta sobre la orientación del sitio web en el usuario, por Vélez, Ericka.
Análisis
Más de la mitad de los encuestados coinciden en que el sitio web no se
centra en los requerimientos e intereses de la comunidad, debido a la
estructura inadecuada que presenta y la forma compleja de encontrar el
contenido que se requiere. Según lo mencionado se deduce que, no se
satisfacen las necesidades de información de los usuarios.
8%12%
29%
51%
Administración y publicción de la información en el sitio web
Muy de acuerdo
De acuerdo
En desacuerdo
Muy en desacuerdo
77
III.- Información complementaria
1. De poder rediseñar el sitio web de la Universidad de Guayaquil, implementando el
Neurodiseño Gráfico como herramienta comunicacional. ¿Qué cambios deberían
realizarse en primera instancia para tener una mejor experiencia como usuario?
Tabla 18 Experiencia del usuario por medio del rediseño del sitio web
N°
Alternativas Directivos
Personal Administrativo
Docentes Estudiante
s Total
F % F % F % F % F %
1 Línea gráfica 0 0 0 0 1 4 21 4,64 22 5
2 Información clara y de fácil acceso
3 30 5 28 6 21 57 12,6 71 14
3 Navegabilidad, usabilidad, interactividad y estructura de la información web
4 40 6 33 11 39 224 49,5 245 48
4 Organización y presentación del contenido
2 20 3 17 2 7 34 7,5 41 8
5 Actualización e interacción a través de medios audiovisuales
1 10 4 22 8 29 116 25,6 129 25
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados sobre el rediseño del Sitio Web Institucional, por Vélez, Ericka.
Figura 15. Experiencia del usuario por medio del rediseño del Sitio Web, por Vélez, Ericka.
Análisis
Se establece una cantidad significativa entre los integrantes la cual indica
que se debería cambiar la estructura del sitio web para mejorar la
navegabilidad, usabilidad e interactividad. También se consideran tres
cambios importantes en el rediseño; la información debe ser actualizada,
clara y de fácil acceso.
5%14%
48%
8%
25%
Experiencia del usuario por medio del rediseño del sitio web
Línea gráfica
Información clara y de fácil acceso
Navegabilidad, usabilidad, interactividady estructura de la informaciónOrganización y presentación delcontenidoActualización e interacción a través demedios audiovisuales
78
2. Usted considera que el “Neurodiseño Gráfico”:
Tabla 19 Incidencia del neurodiseño gráfico en el sitio web institucional
Nº
Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1 Complicará a la comunidad universitaria a utilizar el sitio web
1 10 4 22 5 18 42 9 52 10
2 No generaría cambios en el sitio web de la Universidad de Guayaquil
2 20 3 17 3 11 28 6 36 7
3 Incidirá positivamente en la gestión de la información a través de este medio
4 40 7 39 16 57 338 75 365 72
4 Incidirá negativamente en la gestión de la información a través de este medio
1 10 1 5 0 0 9 2 11 2
5 No se podría llevar a cabo debido a las exigencias de la Institución educativa
2 20 3 17 4 14 35 8 44 9
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones acerca de la incidencia del Neurodiseño en el Sitio Web, por Vélez, Ericka.
Figura 16. Datos de la encuesta sobre la factibilidad del neurodiseño, por Vélez, Ericka.
Análisis
La mayoría de los encuestados establecen que por medio del neurodiseño,
se podrá mejorar la calidad comunicacional y lograr una óptima gestión de
información del sitio web. Un mínimo porcentaje establece que, dicha
herramienta incidirá negativamente, no generaría algún cambio,
complicaría el uso del sitio y no se podría implementar debido a las
exigencias de la institución.
10%7%
72%
2%
9%
Incidencia del neurodiseño gráfico en el sitio web institucional
Complicará a la comunidad
No generaría cambios
Incidirá positivamente
Incidirá negativamente
No se llevaría a cabo debido a lasexigencias de la institución
79
3. Si pudiera elegir una herramienta comunicacional ¿Cuál preferiría
para rediseñar el sitio web y mejorar la gestión de la información en
la comunidad universitaria?
Tabla 20 Herramienta comunicacional en la gestión de información
Nº Alternativas Directivos
Personal Administrativo
Docentes Estudiantes Total
F % F % F % F % F %
1
Utilizando la herramienta tradicional (Diseño gráfico web)
4 40 8 44 10 36 83 18 105 20
2 Por medio del Neurodiseño gráfico
6 60 10 56 18 64 369 82 403 80
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los entrevistados acerca del rediseño del Sitio Web, por Vélez, Ericka.
Figura 17. Herramienta comunicacional para mejorar la gestión de información, por Vélez, Ericka.
Análisis
105 encuestados consideraron que se debería emplear el diseño gráfico
web para gestionar eficientemente la información por medio del; por otra
parte, se afirma que el neurodiseño gráfico es una herramienta fundamental
en el proceso comunicacional.
20%
80%
Herramienta comunicacional para la gestión de información
Diseño gráficoweb
Por medio delneurodiseñográfico
80
4. De haber escogido el “Neurodiseño Gráfico”, en base a su experiencia como
usuario en el sitio web Institucional ¿Qué ineficiencias encuentra usted en
este medio?
Tabla 21 Ineficiencias del sitio web
Nº
Alternativas Directivos
Personal
Administrativo Docentes Estudiantes Total
F % F % F % F % F %
1 Sitio desactualizado 1 10 3 17 4 14 67 15 75 15
2 Navegabilidad ineficiente
1 10 2 11 2 7 45 10 50 10
3 Velocidad de carga lenta
2 20 1 6 4 14 54 12 61 12
4 Desmotivación 2 20 5 27 3 11 85 19 95 19
5 Inadecuada estructura del contenido
4 40 7 39 15 54 201 44 227 44
Total 10 100 18 100 28 100 452 100 508 100
Nota: Opiniones de los encuestados sobre la experiencia en el sitio web, por Vélez, Ericka.
Figura 18. Ineficiencias del sitio web de acuerdo a las experiencias del usuario, por Vélez, Ericka.
Análisis
En su mayoría, los informantes indican que la estructura del contenido es
uno de aspectos más importantes a considerar debido a que no se cumple
un proceso comunicacional eficiente; otros, afirman que el usuario se
encuentra desmotivado, que el sitio está un poco desactualizado y que la
velocidad de carga es lenta.
15%
10%
12%
19%
44%
Ineficiencias del sitio web
Sitio desactualizado
Navegabilidad ineficiente
Velocidad lenta
Desmotivación
Inadecuada estructura
81
CAPÍTULO IV
LA PROPUESTA
Título de la Propuesta
Rediseño del sitio web Institucional.
Justificación
El desarrollo de un sitio web se condiciona por la satisfacción del usuario;
y la importancia del diseño, se basa en la interacción y experiencia del
mismo. Es fácil inferir que dicha herramienta informativa debe ser clara,
compresible, amigable, intuitiva y sobre todo proporcionar un aprendizaje
eficiente al usuario; de modo que, para afirmar que un diseño web cumpla
con estos requisitos, no basta con una participación efectiva del diseñador
durante este proceso, también es indispensable la adopción de técnicas,
métodos y procedimientos que aseguren el ajuste del diseño tomando en
cuenta las necesidades, habilidades y objetivos de los visitantes.
El rediseño del sitio web de la Universidad de Guayaquil provee todas
las condiciones necesarias a la comunidad, para que su visita sea una
experiencia funcional y satisfactoria. Cabe indicar que una experiencia
satisfactoria se refiere exactamente al campo de la web, el mismo que
comprende varias circunstancias que pueden ser desde aspectos técnicos
hasta la estructura de la información. Es imprescindible que el Neurodiseño
sea parte de dichos cambios debido a que se ajusta a los requerimientos
de los usuarios tomando en cuenta aspectos importantes como la
percepción e interpretación de la información, estableciendo un proceso
comunicacional de calidad, en donde cada visitante se identifica de forma
fácil e intuitiva con dicha Institución.
Es importante recalcar que la Universidad de Guayaquil cuenta con un
sitio web que facilite todo tipo de contenido y permite el acceso a toda la
82
comunidad; pero es necesario considerar que actualmente el diseño web
de dicha herramienta no se centra en el usuario y no cubre las necesidades
de información y comunicación; la estructura y organización no es
precisamente la adecuada debido a que este medio sólo se orienta en
divulgar información Institucional. (López, 2006) señala que “La
presentación de ambientes eficientes y agradables, es una de las áreas
más importantes en las que el diseño hace su aportación a la educación.”
(p.44) Por lo tanto, se recomienda que la Universidad cuente con una
herramienta visualmente atractiva; la usabilidad y la experiencia del usuario
deben ser de calidad.
Algo característico de un sitio web educativo es que contiene demasiada
información que, en muchas ocasiones no se la estructura apropiadamente,
la información se vuelve desordenada y confusa, el usuario se incomoda y
finalmente abandona el sitio. (Carrión, 2012) indica que “Es preciso diseñar
sitios web para que los usuarios sean capaces de encontrar lo que
necesitan, entender lo que encuentran y actuar apropiadamente dentro del
tiempo y esfuerzo que ellos consideran adecuado para esa tarea. (p.12)
Esto alude a que, el Neurodiseño aporta aspectos importantes que se
pueden tomar en cuenta para que el rediseño del sitio cree un impacto
comunicacional, logrando que el usuario navegue fácilmente y pueda hacer
uso de esta herramienta no solamente por alguna necesidad sino también
porque le llama la atención.
El rediseño propone adaptarse a las necesidades y expectativas de la
comunidad universitaria, crear valor a este medio y ser de gran influencia
en el ámbito educativo, social y cultural; desde el campo de la ciencia,
contribuirá en lo comunicacional, emocional y cognitivo. La estructura de la
información acompañada del Neurodiseño permitirá que el sitio web se
convierta en un medio digital atractivo y proactivo para la Institución.
83
Fundamentación
Las Tecnologías de la Información y la Comunicación son recursos
influyentes en el desarrollo de la sociedad actual; y su incidencia en la
Educación, constituye un proceso educativo centrado en el aprendizaje a
través de las nuevas tecnologías, las mismas que disponen de capacidades
para tratar la información. La (UNESCO, 2004) establece que “Los sistemas
educativos de todo el mundo se enfrentan actualmente al desafío de utilizar
las nuevas tecnologías de la información y la comunicación (TIC) para
proveer a sus alumnos las herramientas y conocimientos necesarios para
el siglo XXI.” (p.5). El hombre ha utilizado diferentes recursos o medios de
acuerdo al avance de los mismos o el desarrollo de las tecnologías; esto
ha influenciado significativamente en el tratamiento y difusión de la
información, debido a la necesidad de comunicarse.
Actualmente en la sociedad, las nuevas capacidades de comunicarse
producen un efecto de sinergia; esta acción conjunta ofrece posibilidades
para contribuir positivamente en la gestión del conocimiento y la
información. Cabe recalcar la importancia de las TIC en el ámbito
educativo, (Belloch, 2013) menciona que:
La educación, en este nuevo contexto social, tiene como gran reto
participar en la construcción de la sociedad del aprendizaje y la
inteligencia, a partir de los recursos humanos y tecnológicos con los
que cuenta en esta nueva sociedad de la información. (p.4)
Para lograrlo, la Institución debe tomar la iniciativa y determinar
estrategias o técnicas a través de las nuevas tecnologías, con el fin de
satisfacer las necesidades educativas. Es necesario indicar que las TIC son
un factor primordial en los cambios de la sociedad; por lo tanto, las nuevas
herramientas toman lugar en un entorno dinámico y lleno de información,
permitiendo adquirir diversas habilidades y conocimientos.
84
Hoy en día, dentro del campo educativo se analizan nuevos esquemas
económicos, sociales, tecnológicos, políticos, entre otros, que intervienen
en la sociedad del siglo XXI. (De Pasto, 2010) señala que esta cuarta
revolución productiva, es científica y tecnológica:
La tecnología se apoya en la ciencia y esta se desarrolla acorde a la
producción de conocimiento. Por ello, la educación adquiere singular
importancia y los países del mundo han diseñado e implementado
nuevos sistemas educativos, en los cuales se replantea la
construcción, producción y distribución del conocimiento,
convirtiéndose éste en factor productivo por excelencia. (p.4)
Estos cambios cuestionan una práctica educativa con nuevas
exigencias, la ciencia contribuye conocimientos que se pueden
implementar en cualquier sistema formativo; en esta investigación el
Neurodiseño junto con las nuevas tecnologías, intervienen
estratégicamente, mejorando los procesos de comunicación y
desarrollando nuevos conocimientos para una mejor calidad educativa.
También es importante destacar que las nuevas herramientas
tecnológicas contribuyen efectivamente en la educación, entre ellas los
medios digitales dan paso al diseño web para poder divulgar información
institucional. (López, 2006) indica que “Debido a las necesidades del
proceso de aprendizaje, la web como plataforma educativa debe poseer
características que permitan al usuario realizar tareas e intercambios, así
como la búsqueda de información, la correlación de términos y la
investigación a profundidad.” (p.43) El avance de la tecnología digital
permite que los conocimientos, a través de estos medios, se distribuyan sin
límites de tiempo y espacio. Puesto que, es necesario que las Instituciones
educativas cuenten con un dominio y espacio propio en la red, diseñado
exclusivamente para facilitar y difundir información adecuadamente.
85
En el diseño de un sitio web es primordial tomar en cuenta el público
objetivo para que la información se suministre correctamente. (Ferrer,
2005) dice que: “La edición de una página Web para nuestros propósitos
educativos, es un magnífico recurso de Internet, que reúne en sí muchas
de las posibilidades de la red, y que bien orientada, puede constituir un
magnífico y fundamental medio.” (p.204) De modo que, en el diseño de esta
herramienta, no sólo se debe tomar en cuenta a los usuarios directos, como
docentes, personal administrativo o estudiantes de la misma Institución;
también es esencial saber que existen usuarios indirectos, por ejemplo,
jóvenes bachilleres que quizá necesitan información acerca de las carreras
de la Universidad de Guayaquil.
Debido a lo expuesto anteriormente, se considera indispensable que la
Institución se esfuerce en la elaboración de un sitio web; el diseño,
actividades propuestas, e incluso su estructura, deben motivar a que se
visite frecuentemente. Al cumplir con esto, se satisfacen las necesidades
de información y se cumplen los propósitos académicos.
Principalmente, una página web educativa, debe promover una
comunicación eficiente. En un artículo de gran relevancia (Ferrer, 2005)
también expresa:
Resulta evidente que en todo momento estamos hablando de una
tecnología de la información y la comunicación, pero esta
característica sumada a que la educación existe gracias a la
comunicación y que sin ella no podría existir, hacen que una función
ineludible de una página Web educativa sea la de facilitar y promover
la comunicación hacia, desde y entre los usuarios. (p.205)
Según la cita, el autor de la tesis considera relevante que, para elaborar
cualquier trabajo de diseño, es apropiado ajustarlo a las experiencias,
necesidades, conocimientos y expectativas de los usuarios, para que se
pueda alcanzar cualquier fin o propósito comunicacional.
86
Un sitio web educativo se vincula con la misma Institución y por lo tanto
debe garantizar calidad técnica, accesibilidad, funcionalidad, seguridad,
usabilidad, entre otras características. (Sánchez E. , 2003) establece que:
La función principal de una página web pedagógica es transmitir
(información, recursos, etc.). Esto se va a erigir en el gran
condicionante de su diseño, que quedará supeditado al
cumplimiento de dicha función. Fijándonos esta premisa, los
principios que deberían regir la elaboración de este tipo, en cuanto
a estructura y tratamiento de la información, no difieren en demasía
de los que se definen para un libro de texto. (p.139)
Así, es evidente que la información que se administra en un sitio web
educativo debe ser accesible al público al que se dirige y su contenido debe
organizarse de manera comprensiva y lógica para lograr transmitir o
comunicar lo que el usuario solicite.
El diseño y la implementación de los sitios web educativos es un trabajo
que requiere de una estructura y una planificación para su posterior
elaboración. (Wieczorek & Legnani, 2010) indican que:
El resultado final del trabajo dependerá de la organización, la
originalidad y los elementos utilizados en las páginas que se creen.
Debe tenerse siempre presente, a quien va dirigida, para adecuar
los contenidos y el estilo en función del colectivo que va a ser usuario
del sitio Web. Es importante estructurar de una forma clara la
relación de unas páginas con otras para que el lector no se disperse
en la navegación. (p.4)
Desde el punto de vista del autor, es importante que exista una calidad
educativa en los sitios web; la tecnología, la comunicación, el contenido, el
diseño y el aspecto didáctico pedagógico constituyen una estructura web
educativa con diversas posibilidades de acceso, navegación e información.
87
Es importante recalcar que la propuesta de rediseñar la estructura de la
página web educativa, se sustenta principalmente en este concepto,
considerando mejorar la gestión de información, comunicación y calidad
integral en la comunidad universitaria.
Objetivos de la Propuesta
Objetivo General
Rediseñar la estructura del sitio web para una óptima gestión de
información y calidad comunicacional en la Universidad de Guayaquil.
Objetivos Específicos
Analizar las estructuras de los sitios web de otras Instituciones de
educación superior.
Comparar la organización del contenido del sitio web de la
Universidad de Guayaquil con otras Instituciones.
Identificar las partes que se consideren necesarias cambiar en la
estructura de la información web.
Describir las características del diseño centrado en los usuarios.
Elaborar un esquema de contenidos web.
Esquematizar la estructura de la información web mediante
wireframes.
Diseñar la línea gráfica del sitio web utilizando Dreamweaver.
Explicar la usabilidad, interactividad, navegabilidad, estructura de la
información e interacción de los medios del sitio web.
88
Importancia
La necesidad de rediseñar el sitio web de la entidad educativa se orienta
a través de diversos factores y elementos relacionados a las experiencias,
necesidades, expectativas y percepciones de los usuarios. Para esto, es
primordial saber cómo nació la idea de analizar la interacción de los
usuarios frente a un ordenador, (Hassan, 2015) menciona que:
Los primeros en tomar conciencia de la importancia de estudiar la
relación entre personas y ordenadores fueron los miembros de la
comunidad científica, dando origen a finales de la década de los 60
a una nueva área de estudio denominada Interacción Persona-
Ordenador. Surgida de la confluencia de la informática y la
ergonomía, rápidamente adopta métodos de investigación y
modelos teóricos de disciplinas tradicionales como la Psicología,
Antropología, Diseño industrial o Sociología. (p.5)
Comprender las experiencias de los usuarios a través de un sitio web,
es esencial, debido a que también influye la interactividad que tienen frente
a un ordenador. Es prioritario que los usuarios se adapten a este medio,
que predomine la comunicación visual y sobre todo la parte gráfica, para
que la comunidad universitaria adquiera la información y los conocimientos
necesarios acorde a sus requerimientos.
El avance de la tecnología ha ayudado a que un diseñador gráfico
emplee herramientas y metodologías para realizar y publicar un sitio web a
través de productos interactivos (las TIC) como ordenadores portátiles,
tablets, smartphones, y adecuar apropiadamente esta herramienta de tal
manera que sea amigable, fácil de usar y realmente útil para un público
objetivo. (Huerta, 2014) señala:
La tecnología ha ayudado a ampliar la idea del diseño de interacción
–y, por lo tanto, del diseño de experiencia de usuario- porque la
89
sociedad de la información es informatizada e interconectada
mediante diversos dispositivos con los cuales las personas
interactúan en búsqueda de acceso a sistemas de información. Si
bien los sitios webs y los dispositivos móviles son los medios más
cercanos a la idea de interacción que se tiene actualmente. (p.2)
El diseño de experiencia del usuario es un concepto que necesita estar
presente en las actividades de un diseñador, mediante la aparición de las
tecnologías, este trabajo ha cobrado mayor importancia debido a la
interacción de los usuarios a través de diversos dispositivos. Lo que se
requiere es que la comunidad universitaria logre una mejor experiencia,
adquiera conocimientos y alcance una comunicación efectiva a través del
sitio web, la misma que puede ser publicada en diferentes medios.
Para darle mayor importancia al usuario, el diseño debe centrarse en el
mismo, considerar sus perspectivas como parte fundamental para el
desarrollo del sitio web. Cabe indicar que el agrado de los usuarios frente
al diseño de esta herramienta, se la conoce como satisfacción de uso.
(Hassan, Factores del diseño web orientado a la satisfacción y no
frustración de uso , 2006 ) explica en su artículo que:
Un usuario satisfecho podría pasar más tiempo en el sitio web, volver
a visitarlo o recomendárselo a otros. La satisfacción del usuario es
un concepto complejo y difícil de delimitar, pero entre las variables
que la condicionan podemos destacar el diseño del sitio web, el cual
modelará la experiencia del usuario, posibilitando o impidiendo al
usuario la consecución de sus objetivos. (p.240)
Esto explica que la satisfacción del usuario condiciona el éxito o el
fracaso de un proyecto web, el rediseño que se plantea en esta
investigación busca que los usuarios directos o indirectos visiten la página
sin ningún problema y sea recomendada a otras personas.
90
Es primordial entender que un ordenador es una herramienta de trabajo,
la misma que permite a los usuarios buscar información de cualquier tipo y
mejorar las situaciones laborales; pero al mismo tiempo puede ocasionar
inconvenientes por el cambio de costumbres o necesidades de las
personas. Según lo mencionado, es importante citar a (Cañas, 2005) quien
establece que: “Por interacción entendemos el proceso recíproco de
transferencia de información entre el hombre y el ordenador, e incluye tanto
las acciones implicadas en este proceso como sus resultados.” (p.5) De
modo que, la necesidad de conocer la conducta humana a través de las
funciones de estos medios informativos, es significativa.
Ubicación Sectorial y Física
La presente investigación está dirigida a la comunidad de la Universidad
de Guayaquil, la misma que se encuentra situada en el campus norte
"Salvador Allende", Malecón del Salado entre Av. Delta y Av. Kennedy.
Figura 19. Ubicación sectorial de la Universidad de Guayaquil, campus norte “Salvador
Allende”, Google Maps, por Vélez, Ericka.
91
Figura 20. Ubicación sectorial de la Universidad de Guayaquil, Malecón del Salado entre
Av. Delta y Av. Kennedy, Google Maps, por Vélez, Ericka.
Los usuarios que hace uso de este medio informativo se encuentran en
las diferentes facultades de la Universidad de Guayaquil; esto incluye a los
directivos, docentes, estudiantes y personal administrativo.
También se debe considerar que existen visitantes indirectos que
frecuentemente requieren de alguna información a través de dicha
herramienta web; por lo tanto, se pueden encontrar en cualquier lugar de la
ciudad de Guayaquil.
Factibilidad de la Propuesta
El presente trabajo se considera realizable debido a que dispone de
medios suficientes para lograr los objetivos planteados, tales como
recursos humanos, técnicos y/o tecnológicos. De acuerdo a la propuesta
definida, cabe mencionar que el rediseño del sitio web de la Universidad de
Guayaquil busca una calidad comunicacional a través de una eficiente
gestión de la información, lo que permitirá crear valor de esta herramienta
92
web a través de las visitas de la comunidad universitaria y el reconocimiento
exitoso de la Institución.
Factibilidad Técnica
Los recursos técnicos han posibilitado la parte gráfica de la propuesta,
permitiendo estructurar y organizar adecuadamente la información que
dispone actualmente el sitio web de la Institución antes mencionada. A
continuación, se detalla:
Computadora con acceso a Internet.
Programas:
-Adobe Illustrator y Adobe Photoshop: bocetos, esquemas,
mockups, diseño de Layout
-Dreamweaver: Maquetación y Scripting
Factibilidad Financiera
Es necesario indicar que la propuesta contribuye gratuitamente a la
Universidad de Guayaquil; no obstante, se investigaron varios costos
aproximados de los diferentes servicios para el desarrollo de un sitio web.
Tabla 22
Indicadores financieros
DESCRIPCIÓN PRECIO UNITARIO TOTAL
Desarrollo de Sitio web incluye:
-Diseño de Layout
-Maquetación de Layout
-Desarrollo de sitio Web con Layout Aprobado
-Instalación de Server
$3,600
$3,600
93
-Creación de Cuentas Email Corporativas
Servicio Dominio por 1 año
Servicio de Hosting por 1 año
$30,00
$120,00
$30,00
$120,00
SUBTOTAL $3750,00
$3750,00
TOTAL *No incluye IVA
NOTA: El precio del dominio es referencial en base a un nombre común; por lo
tanto, el precio varía dependiendo de la disponibilidad.
Nota: Costo aproximado para el desarrollo del Sitio Web Institucional, por Vélez, Ericka.
Factibilidad de Recursos Humanos
Es importante considerar que, la Universidad de Guayaquil cuenta con
la carrera de Diseño Gráfico, la misma que tiene como misión preparar
profesionales especializados en diferentes áreas de esta disciplina,
especialmente en la comunicación visual; por lo tanto, se cuenta con
estudiantes egresados e actualmente cursando que pueden intervenir en el
proceso. Sin embargo, también es recomendable disponer de un personal
capacitado con habilidades en el desarrollo de un sitio web como se
especifica en el siguiente cuadro:
Tabla 23
Roles y responsabilidades de un equipo Web
EQUIPO FUNCIONES
Patrocinador del proyecto Estrategia y planificación
Gestor de proyecto Web -Gestión de proyectos
-Ejecutiva de cuenta
-Probador de aseguramiento de la calidad
94
Especialista en Usabilidad Experiencia del usuario
Arquitecto de la Información Diseño de interfaz de usuario
Especialista en Diseño -Diseño gráfico Web
-Diseño gráfico interactivo (Flash, JavaScript, Ajax)
Especialista en medios de comunicación
-Fotografía
-Ilustración
-Medios audiovisuales
Especialista en Desarrollo Web Tecnología Web como:
-Programadores de aplicaciones Web (Net, Java, PHP)
-Ingeniero de Página Web (HTML, CSS, JavaScript)
Editor del Sitio -Redactor del Sitio
-Contenido dominio experto (coordinación de contenidos, investigación)
Nota: Personal capacitado con sus respectivas habilidades para la elaboración de un Sitio Web , por Vélez, Ericka.
Alcances
La propuesta de la presente investigación se realizó en un tiempo
estimado de dos meses y se sustenta a través de un campo documental, el
cual tiene como objetivo elaborar el marco teórico para formar un cuerpo
de ideas sobre el objeto de estudio; la parte técnica incluye, la metodología
que se empleó como base para profundizar el conocimiento de las
necesidades y experiencias de los usuarios. Por lo tanto, se considera
factible el alcance del rediseño de la página web Institucional, proceso que
se ha realizado paso a paso, desde el boceto o esquema de la estructura
web hasta la gráfica final de dicha herramienta.
95
Descripción de la Propuesta
Los sitios web deben mantener una estructura acorde a las necesidades,
experiencias y percepciones de los usuarios, debido a que se consideran
como una base fundamental para administrar la información de una manera
adecuada. El contenido que se muestra en un documento electrónico debe
ser el apropiado con el fin de llegar al público objetivo y que este satisfaga
sus necesidades de información.
La calidad de un sitio web como herramienta comunicacional y
educativa, es primordial para una Institución, ya que la comunidad
universitaria se siente identificada a través de este medio; por lo tanto, es
importante comprender cada aspecto para su correcta implementación,
como la estructura del contenido y la organización del mismo. La
navegabilidad, usabilidad e interactividad que actualmente ofrece el sitio
web, no se considera eficaz y eficiente, de modo que la propuesta
planteada en esta investigación hace énfasis en los diferentes factores
mencionados, para que mediante el rediseño haya una correcta gestión de
información y una calidad integral.
Cabe mencionar que, mediante este proyecto se da a conocer el empleo
de una herramienta científica llamada Neurodiseño gráfico, que aporta
significativamente en la propuesta y que no sólo ayuda a comprender el
comportamiento de la sociedad, sino también a mejorar la parte gráfica del
diseño sin necesidad de ser un experto en la ciencia. Esta disciplina
contribuye a que la elaboración de un diseño web motive al usuario a usar
constantemente el sitio y que comunique según los intereses o necesidades
de cada visitante. Para que haya una interacción entre el usuario y algún
medio digital, también es esencial que el diseño se actualice
frecuentemente de acuerdo a los nuevos intereses que actualmente tiene
la comunidad universitaria. Por este motivo, el rediseño también permitirá
una comunicación visual apropiada y un flujo de información eficaz.
96
Descripción del Usuario o Beneficiario
El desarrollo de esta propuesta a través de una herramienta gráfica –
científica y la implementación de diferentes aspectos que corresponden al
diseño gráfico web, propone beneficiar al personal que integra la
Universidad de Guayaquil, considerando principalmente a los directivos,
docentes, estudiantes y personal administrativo.
Misión
Mejorar la gestión de la información, la comunicación y la calidad integral
de la comunidad universitaria, a través del empleo de diversas técnicas que
proporcionan las neurociencias junto con el diseño gráfico web, para el
desarrollo de la estructura y organización de la información de una
herramienta tecnológica como lo es el sitio web.
Visión
La presente investigación establece aspectos y características
importantes que respaldan el diseño del sitio web, el mismo que será de
gran utilidad para gestionar adecuadamente la información y la calidad
comunicacional de la Universidad de Guayaquil, ya que le dará prestigio
ante otras entidades educativas y visitantes.
Etapas de Desarrollo
Especificaciones Técnicas
Cabe indicar primero que un diseño web no debe estar estéticamente
correcto, lo primordial es que sea funcional y se centre en los usuarios. Para
desarrollar un sitio web, existen diferentes autores que detallan los pasos a
seguir en la realización de este proyecto. El proceso presentado a
97
continuación se basa en la propuesta de (Cañas, 2005), por lo tanto, se
tomarán en cuenta las siguientes características centradas en los usuarios:
Titulares llamativos.
Imágenes relevantes.
Uso de nombres comunes para los menús.
Para que el usuario logre visitar frecuentemente el sitio web, se
proporcionará un valor agregado, el cual lo incentivará indirectamente
por algún servicio importante o recurrente.
Propone ser optimizado a través de buscadores como Google o Yahoo.
El diseño es la unión del contenido y su funcionalidad, por lo tanto, debe
ser:
Intuitivo: El diseño no debe exigir un pensamiento extra por parte del
visitante.
Adecuado: El diseño debe estar adaptado al contenido, el Layout no
debe estar desordenado y tener espacios vacíos.
Funcional: Existen 2 tipos de visitantes, directos e indirectos. Los
directos conocen la página web y los indirectos, debido a que son nuevos
usuarios no están al tanto de su contenido y distribución.
Es importante conocer un poco acerca de la estructura que presentan
los sitios web de otras universidades, a continuación, se detallarán las
principales características de las Instituciones seleccionadas:
Universidad Laica Vicente Rocafuerte
El logo se encuentra ubicado en la parte izquierda superior.
No tiene un menú desplegable.
El Slider varía en cuatro presentaciones, se muestra poca información y
cambia en un tiempo estimado permitiendo leer todo el contenido.
98
Cuenta con otro menú en la parte izquierda de la página principal y del
lado derecho da a conocer las últimas noticias.
La parte inferior consta de: Radio, Redes sociales, Revistas -
Congresos, Gestión Universitaria (calendario, plan de mejoras, etc.)
En el pie de página se indica la dirección y teléfonos.
Para conocer la Oferta Académica Posgrado, se indica que la búsqueda
fue directa.
Al ingresar en alguna opción del segundo menú, no era necesario
regresar a la página principal.
La página carga rápido, la navegabilidad e interactividad es cómoda.
No tiene una barra de búsqueda.
Los colores que se utilizan se ajustan a la línea gráfica de la Universidad.
ESPOL
El logo se encuentra ubicado en la parte izquierda superior
El menú principal se despliega a un nivel y muestra en la parte derecha
el servicio de redes sociales.
El Slider tiene cuatro presentaciones con imágenes y poca información,
el tiempo está adecuado a cada contenido.
Tiene tres menús en la parte izquierda de la página titulados:
Destacados, Gestión Interna e Información Pública.
Del lado derecho se publican las últimas noticias, Eventos, un video
Institucional, y los videos más destacados.
La parte inferior contiene: Administración central, Facultades, Centros de
Investigación, Escuelas, Revistas, Centros de Apoyo Académico,
Empresas.
99
En el pie de página se muestra poca información.
Los colores están acorde a la línea gráfica de la Universidad.
Desde el punto de vista del autor de tesis, se considera que la página
principal tiene mucha información, quizá no es la mejor forma de
organizarla, debido a que el usuario se pierde buscando en qué menú
está la opción que necesita y esto puede ser una desventaja ya que el
visitante puede abandonar la búsqueda por el tiempo que le toma. Las
noticas muestran demasiado contenido, hay espacios en blanco que
ocasiona ruido visual y en la parte inferior se detallan tantas opciones
permitiendo que la navegabilidad sea incómoda. Cabe resaltar que
posiblemente por las indicaciones antes mencionadas, la Institución
utiliza un buscador.
Universidad Católica Santiago de Guayaquil
Cuenta con un menú en la parte superior del logo junto con un buscador,
aparte del menú principal.
El menú principal tiene un nivel de información.
El Slider sólo tiene dos presentaciones, poca información y tiempo
estimado de acuerdo al contenido.
Tiene dos menús más en la parte derecha de la página y abajo del Slider.
Las últimas noticias se presentan dinámicamente en el lado izquierdo y
en la parte inferior se muestran opciones de Grado, Posgrado, Servicios,
Unidades Asociadas y Redes sociales.
En el pie de página se encuentra la dirección y los teléfonos.
Los colores están acorde a la línea gráfica de la Universidad.
100
Entre las observaciones más importantes están:
-Las opciones del tercer menú se vinculan a nuevas páginas.
-Después de ingresar a una de las opciones del cuarto menú,
obligatoriamente el usuario debe utilizar la opción “atrás” del navegador.
Después de haber observado y analizado las diferentes estructuras y
contenidos de las páginas Web de otras entidades, se realizó un cuadro en
el que se muestran ciertos problemas que actualmente presenta el sitio web
de la Universidad de Guayaquil.
Tabla 24
Análisis de la estructura del Sitio Web de la Universidad de Guayaquil
FAMILIA
(Categoría) PROBLEMA COMENTARIO
Diseño
del Slider show
-Tiempo
-Contenido
-Tamaño
Hay demasiada información para el
tiempo establecido en cada
presentación multimedia; por lo
tanto, no se pueden leer
detenidamente las noticias.
El tamaño se lo debe adaptar
proporcionalmente a la página, es
recomendable que su medida sea
máximo de 900 pixeles para que la
velocidad de carga sea rápida.
Menú de
navegación
Niveles El menú principal tiene tres niveles
en donde se desplaza la
información, es importante
101
considerar que se debe ofrecer una
información más directa al visitante,
para evitar una búsqueda tediosa.
Información Contenidos La distribución del contenido se
encuentra desorganizada debido a
que existen espacios en blanco; por
ejemplo, la información que se
muestra en la agenda de eventos no
cubre el espacio total que se le ha
proporcionado.
Información
Contenido
De acuerdo a la estructura del
contenido, es esencial que se
direccione al usuario de una manera
eficaz a conocer las carreras que
ofrece la Institución. Este es un
aspecto de mayor interés para los
usuarios directos e indirectos.
Información Pie de página El Google Maps, la página del
Facebook y el Twitter ocupan mucho
espacio en la parte inferior de la
página, se muestra demasiada
información acerca de las redes
sociales, tomando en cuenta el
espacio en el que se encuentran.
Información Navegabilidad
e
Interactividad
El usuario se pierde en la búsqueda
de la información y no se interactúa
eficazmente a través su contenido.
Nota: Ineficiencias que presenta el Sitio Web de la Entidad Educativa , por Vélez, Ericka.
102
Diseño del Contenido Web
Se ha empleado un sistema básico para la distribución del contenido del
menú principal del sitio web. La siguiente estructura se definió tomando en
cuenta las necesidades de información y expectativas de los usuarios, se
ha analizado que un visitante directo o indirecto, requiere una navegación
inmediata, por lo tanto, se le debe proporcionar facilidad en la búsqueda e
interacción con el contenido.
Figura 21. Menú principal del Sitio Web, esquema del contenido, por Vélez, Ericka.
Actualmente, el sitio cuenta con un menú de siete opciones: Inicio, Ley
de Transparencia, Programas académicos, Vicerrectorados, Secretaría
General, MI-UG y Contáctenos; cada opción tiene niveles y subniveles. De
modo que, la propuesta de diseñar un nuevo menú, es para mostrar
información relevante que generalmente requieren los usuarios durante la
visita; es importante resaltar que el contenido sólo se ha distribuido en un
nivel para que la comunidad universitaria llegue fácilmente al contenido que
solicita. En el esquema se le da prioridad a las carreras que ofrece la
Institución, de esta manera también se capta el interés de los visitantes
indirectos, como estudiantes bachilleres.
103
Arquitectura de la Información
La organización de la información se realiza a través de un wireframe,
es decir, un boceto en el que se representa visualmente el contenido del
sitio. Cabe indicar que el diseño y estructura de la información se establece
centrándose en las necesidades e intereses de quienes integran la
Universidad de Guayaquil.
Prototipo baja fidelidad
Se considera un prototipo de baja fidelidad debido a que se realiza un
primer esquema o boceto de la estructura que se mostrará en la pantalla.
Figura 22. Home Page, estructura de la información, por Vélez, Ericka.
104
Figura 23. Menú principal. Opciones que se mostrarán en el menú principal, por Vélez, Ericka.
El menú constará de seis pestañas: Acerca de la UG, Oferta Académica,
Sala de Prensa, Vicerrectorado, UG en Línea y Contactos. El logo de la
Institución se ubicará en la parte central.
Figura 24. Presentación de los banners, por Vélez, Ericka.
El banner principal tendrá máximo 3 presentaciones, entre una de ellas
se mostrará un mensaje de bienvenida. Los banners secundarios tendrán
acceso directo a secciones como: Admisión, Ley de Transparencia y SIUG.
105
Figura 25. Presentación de las últimas noticias que se mostrarán en dicha sección, por Vélez, Ericka.
Se mostrarán cuatro bloques de texto con su respectiva foto acerca de
las últimas noticias de la Institución. Como se puede apreciar se distribuye
equitativamente el contenido sin dejar espacios en blanco.
Figura 26. Footer. Información que se presentará en el pie de página, por Vélez, Ericka.
En el pie de página se ubicará la dirección de la Institución, teléfonos,
servicio de redes sociales como Facebook, Twitter, YouTube e Instagram.
Softwares
Para el desarrollo de bocetos, esquemas, wireframes, mockups,
maquetación y scripting, se emplearon los siguientes programas:
Figura 27. Adobe CS6 Master Collection, vectores Freepik, por Vélez, Ericka.
106
Especificaciones de Implementación
Ya que el presente proyecto estará al alcance del Departamento de
Cómputo, considerando que son los posibles encargados de dar a conocer
el rediseño del sitio web institucional, se recomienda realizar una invitación
a la comunidad universitaria a través de los diferentes medios publicitarios;
por ejemplo, mostrando un video tutorial en YouTube indicando: La
navegabilidad e interactividad es rápida y se ajusta a las necesidades de
información. La usabilidad incentiva al usuario a realizar próximas visitas.
La nueva estructura permite que el visitante llegue fácilmente al contenido
deseado y la adecuada combinación de los diferentes medios audiovisuales
ayuda a potenciar la comunicación visual del sitio.
Figura 28. Diseño y estructura de la información del home page, por Vélez, Ericka.
107
Definición de Términos Relevantes
Community managers: Es un profesional encargado de gestionar,
construir y administrar una comunidad online a través de una marca de
internet, manteniendo relaciones estables con los clientes interesados.
Contenido Flash: Aplicaciones para Web creadas por un Software llamado
Macromedia Flash, que logra vincular imágenes, textos, sonidos y cualquier
otro contenido multimedia interactivo.
Control Git: Git es un control de versiones pensando en la confiabilidad y
eficiencia del mantenimiento de diferentes aplicaciones cuando éstas
cuentan con muchos archivos de código fuente.
Estímulos: Señal interna o externa que incita, anima o mueve a realizar
una determinada acción.
Función exteroceptiva: Receptores sensitivos por órganos distribuidos
por las mucosas y la piel a través de estímulos externos como el calor, frío,
dolor, presión, etc.
Función interoceptiva: Sensaciones o estímulos que provienen de
órganos internos como el dolor de estómago.
Frontend: En diseño de software, es la parte que interactúa con el usuario.
En diseño web, se refiere a la visualización del usuario, por un lado, por el
otro se lo llama back-end.
Hipermedia: Conjunto de procedimientos y métodos para diseñar y
componer contenidos que integren texto, video, imagen, audio y otros
soportes que permitan interactuar con el usuario.
Hipertexto: Es una herramienta web, cuya estructura se considera no
secuencial; permite crear, enlazar, agregar y compartir información de
diferentes fuentes mediante enlaces asociativos.
108
Interlocutores: Personas que participan en un intercambio comunicativo.
Interfaz: Conjunto de elementos que se muestran en una pantalla y
permiten realizar diferentes acciones a través de un sitio Web.
Internet: Es un conjunto descentralizados de redes de comunicación que
se interconectan.
Intranets: Red informática que utiliza el protocolo de Internet para
compartir información.
Intuición: Habilidad para comprender, conocer o percibir algo de forma
inmediata y clara, sin la intervención del razonamiento.
JavaScript: Es un lenguaje de programación, abreviado comúnmente JS.
Kinestesia: Percepción del movimiento del hombre en relación al entorno.
Layout: Se traduce como “plan” o “disposición”, este término se lo utiliza
para mencionar el esquema en el que se distribuyen los elementos de un
diseño web.
Lenguaje de programación: Es un lenguaje formal diseñado para realizar
una estructura la cual describe acciones consecutivas que son ejecutadas
en una máquina como la computadora.
Multisensoriales: Es la forma de explicar que se involucran varios sentidos
a la vez.
Neurona: Es una célula del sistema nervioso especializada en captar
estímulos del ambiente y transmitir impulsos o mensajes eléctricos.
Neurotransmisores: Biomolécula que permite la transmisión de la
información de una molécula a otra.
Ondas cerebrales: Actividad eléctrica que produce el cerebro.
109
Percepción: Acto de recibir, interpretar y comprender a través de la
psiquis, señales que provienen de los cinco sentidos.
Plugins: Programa informático, añade una función o característica
adicional a un Software.
Vínculo Web: Conexión desde un recurso web a otro.
Webmaster: Arquitecto o Desarrollador Web, persona responsable de la
programación o el mantenimiento de un sitio.
Wireframe: Esquema de una página web, estructura visual del contenido
en el que incluyen todos los elementos de la interfaz.
110
Conclusiones
El proceso de investigación establece que es recomendable mejorar la
estructura de la información del sitio web de la Universidad de Guayaquil;
debido a que se considera factible y de mayor beneficio, tanto para el
prestigio de la misma Institución, como también para la comunidad que
integra la entidad educativa.
El Neurodiseño gráfico es un aporte fundamental en la gestión de la
información y la calidad comunicacional; al emplear esta herramienta como
parte de la elaboración de un diseño web, se generarán cambios eficientes
en la navegabilidad, interactividad, usabilidad y estructura del sitio, esto
será posible debido a los cambios que se producen conforme se conocen
las necesidades, expectativas o intereses de las personas que utilizan
frecuentemente dicho medio.
No es necesario ser un experto en la ciencia para recurrir al
Neurodiseño, suficiente con analizar y comprender las diferentes técnicas
y herramientas que esta disciplina ofrece. Así como las neurociencias se
complementan con otras áreas como el Neuromarketing; el mismo que
estudia los niveles de atención o emoción, para conseguir que un producto
le llame la atención al cliente y este logre comprarlo, como indica (Klaric,
2013) “Véndele a la mente y no a la gente”; de igual manera, la ciencia
también se integra con el diseño gráfico web, que desde la perspectiva de
la comunicación ayuda a que exista un proceso eficiente en la gestión de
información del sitio web manteniendo una relación cercana con la
comunidad universitaria.
De acuerdo a lo expuesto anteriormente, se concluye que es primordial
recurrir a este proceso innovador para satisfacer las necesidades de
información a quienes forman parte de la Institución, que como se evidencia
en las encuestas, es relevante considerar la opinión de los usuarios para
que se use correctamente el sitio web y se obtengan resultados positivos.
111
Recomendaciones
Estructurar adecuadamente la información del sitio web Institucional
tomando en cuenta que el usuario necesita tener fácil acceso a los
diferentes contenidos y medios que dispone dicha herramienta.
Este medio informativo no debe tener imágenes pesadas o algún otro
recurso audiovisual que afecte en la velocidad de carga del mismo, de
esta manera, el usuario no abandona el sitio y logra una navegabilidad
eficaz.
Es primordial que el usuario tenga una exitosa experiencia en el sitio, lo
cual permitirá que el visitante haga uso de esta herramienta con más
frecuencia y se satisfagan los intereses de información y comunicación.
Debido a que es una herramienta informativa, se debe actualizar el sitio
para que la comunidad se informe acerca de los procesos o actividades
que se realizan, de esta forma se capta la atención del usuario.
112
Referencias
Aguera, M. (2014). Repositorio Universidad Politécnica de Cartagena .
Obtenido de Analítica Web y en redes sociales. Herramientas de
análisis :
http://repositorio.upct.es/bitstream/handle/10317/4036/tfg245.pdf?sequ
ence=1
Amelotti, M. (30 de Mayo de 2012). Páginas Web.
Aparici, R. (2005). Medios de Comunicación y Educación. Revista de
Educación, 85-99. Obtenido de
http://www.ince.mec.es/revistaeducacion/re338/re338_07.pdf
Arambarri, J. (2012). Metodología de Evaluación y Gestión del Conocimiento
dinámico por procesos utilizando como soporte TIC el Entorno
Colaborativo de Trabajo basado en el modelo de creación de
Conocimiento de Nonaka-Takeuchi. Obtenido de Servicio de
Publicaciones de la Universidad de Córdoba.
Arévalo, J. (9 de Noviembre de 2007). Gestión de la información, gestión de
contenidos y conocimiento. Obtenido de
http://eprints.rclis.org/11273/1/Jornadas_GRUPO_SIOU.pdf
Arias, F. (2012). El proyecto de Investigación: Introducción a la metodología
científica. Caracas: Episteme.
Asamble Nacional (Constitución de la República del Ecuador 24 de Julio de
2008). Obtenido de
http://www.asambleanacional.gov.ec/documentos/constitucion_de_bol
sillo.pdf
Asamblea Nacional (Ley Orgánica de Educación Superior 12 de Octubre de
2010).
Asamblea Nacional (Ley Orgánica de Comunicación 25 de Junio de 2013).
Ávila, M., & al, e. (2011). Neurodiseño y neurousabilidad: un nuevo enfoque
del diseño desde la perspectiva de la neurociencia. Sevilla Técnica, 42-
45. Obtenido de Sevilla Técnica:
https://idus.us.es/xmlui/bitstream/handle/11441/38336/ST_Aguayo_20
11_neurodise%C3%B1o.pdf?sequence=1&isAllowed=y
113
Ayala, C. (2001). Diez conceptos básicos en torno a los medios de
comunicación. Realidad 81, 819-846. Obtenido de
http://www.uca.edu.sv/revistarealidad/archivo/4d556d9dcbfc8diez.pdf
Baeza, R., & al, e. (2004). Arquitectura de la información y usabilidad en la
web. El profesional de la información, XIII(3), 168-178. Obtenido de
http://eprints.rclis.org/14480/1/arquitectura_informacion_y_usabilidad.
Begoña, O. (6 de Octubre de 2016). ¿Qué es un página web? Obtenido de
About en español.
Belloch, C. (2013). Aplicaciones Multimedia . Obtenido de
https://interactivauft.files.wordpress.com/2013/08/aplicaciones-
multimedia1.pdf
Bolaños, M., & al, e. (2007). Usabilidad: concepto y aplicaciones en las páginas
web médicas. Papeles Médicos, 14-21.
Bucardo, F. (19 de Julio de 2016). Neurodiseño, el nuevo paradigma
transhumanista. Obtenido de
http://fido.palermo.edu/servicios_dyc/proyectograduacion/archivos/392
1.pdf
Bykova, N. (28 de Agosto de 2015). Comunicación visual: qué es y para qué
sirve . Obtenido de http://alastresenpunto.com/que-es-comunicacion-
visual/
Camusso, M., & al, e. (2012). Introducción a la Comunicación Visual. Obtenido
de
https://visualgrafica.files.wordpress.com/2012/03/modulointroduccion-
2012.pdf
Cañas, J. (2005). Diseño centrado en el usuario. FUOC.
Carrión, H. (Mayo de 2012). Acerca de: Usabilidad y accesibilidad de sitios
web. Obtenido de Imaginar :
http://www.imaginar.org/taller/usabilidad2/docs/manual_cec.pdf
Castañón, N. (2006). Gerente de instituciones educativas y la incorporación de
las TIC. La Urbina, 1-5. Obtenido de
http://www.ufrgs.br/niee/eventos/RIBIE/2006/ponencias/art036.pdf
Castillo, A. (2013). Manual de HTML5. Obtenido de Theproc:
http://www.petersen.com.py/uploads/documentos/productos/18/archiv
o-de-educacion.pdf
114
Chacón, D. (6 de Febreo de 2016). Introducción al Html . Obtenido de MDN
web docs.
como citó Martínez, G. (Junio de 2011). Usabilidad y accesibilidad en web.
Obtenido de http://www.semac.org.mx/archivos/6-11.pdf
como se citó en Bustamante, J. (2003). La arquitectura de la información del
siglo XX y XXI. El profesional de la información, 12, 110-112.
como se citó en García, J. (2006). El cerebro "Triuno". Estudio de los
comportamientos emocionales en la red, 1-264. Obtenido de
http://campus.usal.es/~teoriaeducacion/rev_numero_07_02/n7_02_M
ONOGRAFICO_COMPLETO.pdf
como se citó en Landívar, J. (Octubre de 2012). Automatización de los
procesos de administración curricular y su incidencia en la calidad
integral de la facultad de ciencias médicas. Obtenido de
http://repositorio.ug.edu.ec/bitstream/redug/1322/1/Javier%20Landivar
%20V.pdf
Consejo Universitario (Código de Ética de la Universidad de Guayaquil 25 de
Abril de 2016). Obtenido de http://www.ug.edu.ec/secretaria-general-
r/normativa/vigente//C%C3%B3digo%20de%20%C3%89tica.pdf
De Buen, J. (2013). Diseño, comunicación y neurociencias. España: Trea.
De Pasto, S. J. (2010). Plan de Gestión de uso de TIC . Obtenido de
http://www.colombiaaprende.edu.co/html/docentes/1596/articles-
201836_plangestion.pdf
Del Pilar, A., & al, e. (2010). Interactividad en Aplicaciones Multimedia.
Obtenido de
https://senaintro.blackboard.com/bbcswebdav/institution/semillas/2281
01_2_VIRTUAL/OAAPs/OAAP3/AA3/OA11/Interactividad_en_aplicaci
ones_multimedia.pdf
Dezuanni, M., & Monroy, A. (2012). Prosumidores interculturales: creación de
medios digitales globales entre jóvenes. Revista Comunicar, 59-66.
Enciclopedia Culturalia. (21 de Febrero de 2013). Obtenido de Cuál es el
Significado de Medios de Comunicación - Concepto, Definición, Qué es
Medios de Comunicación:
https://edukavital.blogspot.com/2013/02/medios-de-comunicacion.html
Fernández, L. (2013). Diseño de un sistema integral de gestión de la calidad,
medio ambiente y riesgos laborales . Obtenido de
115
https://riunet.upv.es/bitstream/handle/10251/39843/TRABAJO.pdf?seq
uence=1
Ferrer, R. (2005). Diseño de páginas web en educación. 200-220.
Frascara, J. (2007). Diseño Gráfico y Comunicación. Buenos Aires: Infinito.
Frenollosa, A. (2017). Los 6 mejores editores para HTML. Obtenido de
Programador Web Valencia : https://programadorwebvalencia.com/6-
mejores-editores-para-web-2017/
Giménez, J., & José, M. (Febrero de 2007). Mente y cerebro en la neurociencia
contemporánea. Obtenido de
http://dadun.unav.edu/bitstream/10171/10926/1/26425701.pdf
Gómez, J. (2004). Naurociencia Cognitiva y Educación. Lambayeque: Fondo
Editorial FACHSE. Obtenido de
http://online.upaep.mx/campusvirtual/ebooks/neurociencia.pdf
González, A., & Vélez, M. (2001). El Diseño Gráfico. Granada.
Gutiérrez, J. (2015). Introducción a los medios audiovisuales .
Hassan, Y. (2006 ). Factores del diseño web orientado a la satisfacción y no
frustración de uso . Revista Española de documentación Científica ,
239-257.
Hassan, Y. (2015). Experiencia de Usuario: Principios y Métodos. Obtenido de
http://yusef.es/Experiencia_de_Usuario.pdf
Huerta, E. (7 de Enero de 2014). Introducción al Diseño de Experiencia de
Usuario. Obtenido de http://www.esdi.url.edu/content/pdf/introduccion-
al-diseno-de-experiencia-de-usuario.pdf
Ibáñez, A., & García, A. (2015). Qué son las neurociencias. Paidós.
James, W. (2009). ¿Qué es una emoción? En W. James, Estudios de
Psicología (págs. 188-205). Madrid.
Kandel, E., & al, e. (2008). Principios de Neurociencia. España: MCGRAW-
HILL. Obtenido de https://www.casadellibro.com/libro-neurociencia-y-
conducta/9788489660052/545791
Klaric, J. (8 de Noviembre de 2013). Conferencia de Neuromarketing -
Televisa. México.
116
Labus, C., & Romero, E. (2015). Neurociencia: memoria, aprendizaje y
educación. Obtenido de
http://www.dfpd.edu.uy/cerp/cerp_norte/informacion/201309matjorn/N
EUROCIENCIA%20(1).pdf
López, M. (2006). Lineamientos de diseño de información para el desarrollo de
sitios educativos en Internet. Obtenido de Universidad de las Américas
Puebla :
http://catarina.udlap.mx/u_dl_a/tales/documentos/ldf/mendoza_l_p/cap
itulo_3.html#
Manchón, E. (10 de Febreo de 2003). La conducta de navegación de los
usuarios, sus características. Obtenido de Alzado Web Site :
http://www.alzado.org/articulo.php?id_art=95
Maureira, F. (2010). La neurociencia cognitiva . GPU, 449-453.
Montoro, M. (2010). Arquitectura de la información en entornos web. España:
TREA.
Mora, F. (2013). Neuroeducación: Solo se puede aprender aquello que se ama
. Madrid: Alianza.
Morville, P., & Rosenfeld, L. (2002). Information Architecture for the World Wide
Web. California : O'reilly.
Muñoz, J. (Noviembre de 2014). Hacia un Neurodiseño Gráfico.
Navajas, A. (2012). Guía completa de CSS3. Obtenido de
https://openlibra.com/es/book/download/guia-completa-de-css3
Noriega, E. (2013). Teoría y Ciencia del Diseño. Colombia: Fundación Bits.
Obtenido de https://es.slideshare.net/EderNoriega1/teoria-y-ciencia-
del-diseo
NormasISO9000. (2005). Sistema de gestión de calidad. Obtenido de
http://sgc.utn.edu.mx/contenido/manuales/NORMAS/ISO_9000_2005_
fundamentos_y_vocabulario.pdf
Oca, A. (2010). Arquitectura de información y usabilidad. Obtenido de
http://aprendeenlinea.udea.edu.co/lms/investigacion/pluginfile.php/191
6/mod_resource/content/0/diseno_multimedia/arquitectura_de_la_infor
macion2.pdf
117
Olmedo, A. (Abril de 2011). Modelos organizativos basados en el
conocimiento. Desde la gerencia de información a la gestión del
conocimiento. Obtenido de SPICUM Servicio de publicaciones.
Otero, S., & Maglione, C. (2014). Arquitectura de sitio web. Obtenido de
Conectar igualdad :
https://cdn.educ.ar/dinamico/UnidadHtml__get__6ae5e608-9116-
4e87-baad-9f7de3b3da60/pdf/arquitectura_web_4.pdf
Pantoja, J. (2004). Arquitectura de la Información: Introducción al proceso de
desarrollo en el diseño de interfaces de usuario. Obtenido de
http://www2.udec.cl/ai/proceso.pdf
Pastor, Ó. (18 de Diciembre de 2002). Especificación de interfaz de usuario:
de los requisitos a la generación automática. Obtenido de
http://pjmolina.com/papers/TesisPjmolina.pdf
Pérez, M. (2016). Navegabilidad y SEO en entornos web. Obtenido de
Hipertext.net:
http://www.raco.cat/index.php/Hipertext/article/view/310578/405617
Pérez, M., & al, e. (2016). ¿Cómo el diseño puede utilizar las neurociencias?
Arquitectura y Urbanismo, 2, 83-87. Obtenido de
file:///C:/Users/famil/Downloads/%C2%BFC%C3%B3mo%20el%20dis
e%C3%B1o%20puede%20utilizar%20las%20neurociencias-.pdf
Pimentel, V. (2009). El Diseñador como investigador. En L. Maldonado (Ed.),
Actas de Diseño, (págs. 80-83). Buenos Aires. Obtenido de
http://fido.palermo.edu/servicios_dyc/publicacionesdc/archivos/16_libr
o.pdf
Piscitelli, A. (2002). Ciberculturas 2.0: en la era de las máquinas inteligentes .
Paidós.
Posada, F. (2008). Diseño de Materiales Multimedia Web 2.0. España.
Punín, I., & al, e. (1 de Enero de 2014). Medios digitales en Ecuador:
perspectivas del futuro. Revista Científica de Educomunicación,
XXI(42), 199-207. doi:DOI: http://dx.doi.org/10.3916/C42-2014-20
Rivera, J. (2006). ¿Gestión del conocimiento o Gestión de la información?
Tecno Lógicas, 59-82.
Rodrigo, M. (2006). La interactividad en el periódico digital. Belaterra.
118
Rodríguez, Y. (2015). Gestión de Información y del Conocimiento para la toma
de decisiones organizacionales. Bibliotecas anales de investigación ,
150-163.
Romero, E., & Ríos, J. (lunes de Diciembre de 2015). Aportaciones de las
Ciencias Cognitivas al Diseño Gráfico. (C. Villagómez, & J. Saldaña,
Edits.) Revista Interiorgráfico de la División de Arquitectura, Arte y
Diseño de la Universidad de Guanajuato, 1-10. Obtenido de
https://interiorgrafico.com/edicion/decimo-cuarta-edicion-octubre-
2014/aportaciones-de-las-ciencias-cognitivas-al-diseno-grafico
Sánchez, E. (2003). Páginas web educativas: hacia un marco teórico.
Comunicar, 137-140.
Sánchez, E. (2009). La revolución digital en el diseño gráfico. Actas de Diseño,
(págs. 255-257). Buenos Aires.
Springer, A. (2014). El gran libro de Diseño Web.
Thompson, I. (Octubre de 2008). Promonegocios. Obtenido de Definición de
Comunicación:
https://www.promonegocios.net/comunicacion/definicion-
comunicacion.html
UNESCO. (2004). Las tecnologías de la información y la comunicación en la
formación docente. Montevideo: TRILCE. Obtenido de
http://unesdoc.unesco.org/images/0012/001295/129533s.pdf
Vega, J., & Van, C. (2011). HTML 5: El presente de la web . CRISTALAB.
Vélez, M., & Adela, G. (2001). El diseño gráfico. Granada .
Vélez, M., & González, A. (2001). Granada.
Wieczorek, V., & Legnani, W. (Septiembre de 2010). TIC Y EDUCACIÓN:
Pautas de calidad para la evaluación de sitios web educativos .
Obtenido de
http://www.chubut.edu.ar/descargas/secundaria/congreso/TICEDUCA
CION/R1129_Wieczorek.pdf
119
ANEXOS
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
ENCUESTA
OBJETIVO:
Diagnosticar la calidad de la actual estructura del Sitio web de la Universidad de Guayaquil.
INSTRUCTIVO:
Escriba en el cuadro ubicado a la derecha de la pregunta el número que corresponda a lo que
usted considere como respuesta correcta. Ejemplo:
En qué sector de la ciudad usted vive: I.- INFORMACIÓN GENERAL: 1) A qué sector de la comunidad universitaria usted pertenece: 2) Cuántos años ha pertenecido a la comunidad universitaria: 3) La calidad del servicio de información que actualmente proporciona
la Universidad de Guayaquil es:
4) La calidad de los medios de comunicación de la Universidad de Guayaquil es:
1
1.- Directivo 2.- Docente 3.- Estudiante 4.- Personal Administrativo
1.- Menos de 5 años 2.- De 5 a 10 años 3.- De 11 a 15 años 4.- De 16 a 20 años 5.- De 21 a 25 años 6.- Más de 26 años
1.- Excelente 2.- Muy bueno 3.- Bueno 4.- Regular 5.- Malo
1.- Excelente 2.- Muy bueno 3.- Bueno 4.- Regular 5.- Malo
1.- Noroeste 2.- Noreste 3.- Suroeste 4.- Sureste
II.- INFORMACIÓN ESPECÍFICA:
INSTRUCTIVO: Señale con una “X” la respuesta que usted considere que se aproxime a su opinión.
N° DETALLE Muy de
Acuerdo De
Acuerdo En
Desacuerdo Muy en
Desacuerdo
GESTIÓN DE INFORMACIÓN
1 Existe déficit en la calidad de la gestión del flujo de información
2 Los recursos tecnológicos destinados a informar a la comunidad universitaria son gestionados de manera óptima
3
El sistema de información de la universidad facilita el acceso a información pública de interés para la comunidad
4 La información que se difunde a través del sitio web se actualiza constantemente
SITIO WEB
5 El actual sitio web satisface las necesidades de información y comunicación de la comunidad.
6 El diseño del sitio web se centra en el usuario ofreciéndole una mejor navegabilidad, usabilidad e interactividad.
7
La estructura que presenta el sitio permite al usuario comprender los diferentes contenidos audiovisuales y obtener una correcta operacionalización del mismo.
8
La información que se administra y publica en el sitio web se orienta principalmente en las necesidades e intereses de la comunidad universitaria.
III.- INFORMACIÓN COMPLEMENTARIA:
INSTRUCTIVO: Escriba en el cuadro ubicado a la derecha de las preguntas el número que corresponda
a lo que usted considere como respuesta correcta, tomando en cuenta el siguiente concepto:
Neurodiseño Gráfico: Herramienta empleada por los diseñadores web que les permite orientarse en
base a las necesidades, experiencias e intereses de los usuarios como elementos o atributos
importantes para el diseño y desarrollo.
1) De poder rediseñar el sitio web de la Universidad de Guayaquil, implementando el
Neurodiseño Gráfico como herramienta comunicacional. ¿Qué cambios deberían realizarse
en primera instancia para tener una mejor experiencia como usuario?
1.- Línea gráfica del Sitio Web. 2.- Información clara y de fácil acceso. 3.- Navegabilidad, usabilidad, interactividad y estructura de la información web. 4.- Organización y presentación del contenido. 5.- Actualización e interacción a través de medios audiovisuales (texto, imágenes, vídeo, etc.)
2) Usted considera que el “Neurodiseño Gráfico”:
1.- Complicará a la comunidad universitaria a utilizar el sitio web.
2.- No generaría cambios en el sitio web de la Universidad de Guayaquil.
3.- Incidirá positivamente en la gestión de la información a través de este medio.
4.- Incidirá negativamente en la gestión de la información a través de este medio.
5.- No se podría llevar a acabo debido a las exigencias de la Institución educativa.
3) Si pudiera elegir una herramienta comunicacional ¿Cuál preferiría para rediseñar el sitio web
y mejorar la gestión de la información en la comunidad universitaria?
1.- Utilizando la herramienta tradicional (Diseño gráfico web)
3.- Por medio del Neurodiseño gráfico.
4) De haber escogido el “Neurodiseño Gráfico”, en base a su experiencia como usuario
en el sitio web Institucional ¿Qué ineficiencias encuentra usted en este medio de
comunicación?
__________________________________________________________________________________
__________________________________________________________________________________
__________________________________________________________________________________
