Análisis Paginas Web

Page 1

Diagn贸stico p谩gina web

Universidad de la Salle Una mirada retrospectiva

2 0 11


Diagnóstico página web

Universidad de la Salle

índice

Prólogo de entrada Descripción estado pagina web Universidad de La Salle ESTUDIO Y PLATAFORMA 1.1 1.1.1 Definición de plataforma 1.1.2 Importancia de la plataforma 1.1.3 Herramientas de la plataforma 1.1.4 Análisis plataforma 1.1.5 Conclusión de plataforma MANEJO DE CONTENIDO 1.2 1.2.1 Definición contenido 1.2.2 Presentación de la pagina web 1.2.3 Análisis contenido ESTADO MORFOLOGICO 1.3 1.3.1 Análisis de la forma 1.3.2 Morfología de la Pagina Web de la Salle 1.3.3 Teoría de colores 1.3.4 Colores en la Pagina Web de la Salle


Diagnóstico página web

Universidad de la Salle

índice

REDES Y LINKS 1.4 1.4.1 Definición de redes 1.4.2 Objetivos de redes 1.4.3 Redes en la Universidad de la Salle 1.4.4 Redes Nacionales 1.4.5 Redes Internacionales 1.4.6 Conclusión de redes

2. Análisis DOFA 3. Una mirada a los pares institucionales 3.1 3.2

Manchester school of arquitecture Instituto superiore di architeitura design isad


Diagnóstico página web

Prologo de entrada Teniendo en cuenta el apresurado avance tecnológico, la importancia a nivel institucional de estar a la par con la innovación diaria de la tecnología y el enfoque de la facultad de Ciencias del Hábitat, con su proyecto de redimensionamiento. Se ha tenido movimiento hacia el exterior, respecto a las dinámicas académicas; por tal motivo requiere herramientas digitales para obtener contactos en la divulgación, como también profundizar en el conocimiento de redes institucionales, para ello realizamos un diagnostico de la pagina Web de la Universidad de La Salle, reconociendo el estado actual, contenidos y demás componentes que intervienen para la conexión global e institucional donde hacemos un análisis de las rutas que debe seguir el estudiantado para así poder llegar a dichos conocimientos.

salle

caso

DE

Universidad de la Salle

estudio

universidad


plataforma

plataforma

plataforma

plataforma

plataforma

estudio caso universidad plataforma

plataforma

plataforma

plataforma

plataforma

plataforma

plataforma

plataforma

plataforma plataforma

plataforma

plataforma

plataforma

plataforma

DE

salle


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

Herramientas de la plataforma

Análisis plataforma

Conclusión de plataforma

definición

Plataforma virtual Las plataformas virtuales se refieren únicamente a la tecnología utilizada para la creación y desarrollo de cursos o módulos didácticos en la Web que se usan de manera más amplia en la Web 2.0. Una plataforma, en general se refiere a la base sobre la que se construye un aprendizaje educativo. Tradicionalmente la construcción del conocimiento se realizaba en forma presencial en las aulas. Pero con la aparición del internet la construcción del conocimiento se ha innovado al incorporar modalidades abiertas y a distancia que no requieren de aulas ni de presencia diaria.

salle

caso

DE

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

La innovación educativa a la que acabo de hacer mención utiliza una plataforma virtual para la construcción del conocimiento. Esto requiere de mucha disciplina por parte del estudiante quien tiene la responsabilidad de su autoaprendizaje utilizando las tecnologías de la información y comunicación a su disposición.

estudio

universidad


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

Herramientas de la plataforma

Análisis plataforma

Conclusión de plataforma

Plataforma virtual

importancia

salle

caso

DE

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Con la llegada de Internet se produce un importante abaratamiento de los costos de desarrollo de programas, por lo que resulta más sencilla la creación de materiales para ser utilizados en línea. Sin embargo se siguen necesitando conocimientos avanzados de programación para crear un curso o un módulo didáctico, y por tanto estos cursos no son accesibles a todo el mundo. Desde mediados de los años 90 empiezan a surgir plataformas didácticas que permiten la creación y la gestión de cursos completos para la web sin que sean necesarios conocimientos profundos de programación o de diseño gráfico.

estudio

universidad


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

Herramientas de la plataforma

Análisis plataforma

Conclusión de plataforma

Plataforma virtual

herramientas

salle

caso

DE

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

1. Herramientas de comunicación, como foros, chats, correo electrónico. 2. Herramientas de los estudiantes, como autoevaluaciones, zonas de trabajo en grupo, perfiles. 3. Herramientas de productividad, como calendario, marcadores, ayuda. 4. Herramientas de administración, como autorización. 5. Herramientas del curso, como tablón de anuncios, evaluaciones

estudio

universidad


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

Herramientas de la plataforma

Análisis plataforma

Conclusión de plataforma

Plataforma virtual

salle

caso

DE

La Salle

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

ingreso

estudio

universidad


plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Universidad de la Salle Presentación página

1. Descripción estado Definición de plataforma Importancia de la plataforma

Herramientas de la plataforma

caso

salle DE

Diagnóstico página web 1.1 ESTUDIO Y PLATAFORMA

pagina web Universidad de La Salle Análisis plataforma Conclusión de plataforma

universidad

estudio


Universidad de la Salle

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Plataforma unificada por facultades

1. Descripción estado

Herramientas de la plataforma

Análisis plataforma

salle

caso

DE

Diagnóstico página web

Conclusión de plataforma

estudio

universidad


plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Universidad de la Salle

1. Descripción estado Definición de plataforma Importancia de la plataforma

Herramientas de la plataforma

caso

salle DE

Diagnóstico página web 1.1 ESTUDIO Y PLATAFORMA

pagina web Universidad de La Salle Análisis plataforma

2.

Conclusión de plataforma

1.

3.

universidad

estudio


plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Universidad de la Salle

1. Descripción estado Definición de plataforma Importancia de la plataforma

Herramientas de la plataforma

caso

salle DE

Diagnóstico página web 1.1 ESTUDIO Y PLATAFORMA

pagina web Universidad de La Salle Análisis plataforma

2.

Conclusión de plataforma

La Salle

1.

3.

universidad

estudio


1. Descripción estado

Diagnóstico página web

Universidad de la Salle

Definición de plataforma

Ingreso al sistema Admisiones y Registro

Ingreso al Sistema

3

Herramientas de la plataforma

Análisis plataforma

Conclusión de plataforma

Inscripción de Pre -matricula

Ingreso al Sistema

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

4

2

Importancia de la plataforma

salle

caso

DE

1

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

estudio

universidad


plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Universidad de la Salle

1. Descripción estado Definición de plataforma Importancia de la plataforma

Herramientas de la plataforma

caso

salle DE

Diagnóstico página web 1.1 ESTUDIO Y PLATAFORMA

pagina web Universidad de La Salle Análisis plataforma Conclusión de plataforma

universidad

estudio


Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.1 ESTUDIO Y PLATAFORMA

Definición de plataforma

Importancia de la plataforma

Herramientas de la plataforma

P l a t a f o r m a

Análisis plataforma

Conclusión de plataforma

v i r t u a l

conclusión Las nuevas dimensiones didácticas que ofrece el ciberespacio permite un alto grado de flexibilidad en el educación. Es por ello que la Universidad de La Salle, requiere tener mayor capacidad en su Plataforma Virtual, para así poder ofrecer, no solo al cuerpo estudiantil, sino que también al académico un mayor alcance y facilidad para el desarrollo del aprendizaje y las diferentes actividades.

salle

caso

DE

Diagnóstico página web

estudio

universidad


contenido

contenido

contenido

contenido

contenido

estudio caso universidad contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

contenido

DE

salle


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

definición

Contenido Es la información que presenta una obra o publicación. En este, los contenidos están compuestos por distintos datos y temas.

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Otro uso de concepto de contenido aparece en la dualidad forma/contenido. En distintas ramas el arte o de la expresión, se entiende como forma al modo de representar o difundir un mensaje, mientras que el contenido es el mensaje en sí mismo.


Contenido

Contenido

Presentación de la Pagina Web Uls

estudio caso universidad salle

DE

Definición de Contenido

Contenido Contenido

1. Descripción estado

Contenido

Contenido Contenido Contenido

inicio

Contenido

Universidad de la Salle

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Diagnóstico página web 1.2 MANEJO DE CONTENIDO

pagina web Universidad de La Salle Análisis de Contenido


Contenido

Contenido

Presentación de la Pagina Web Uls

estudio caso universidad salle

DE

Definición de Contenido

Contenido Contenido

1. Descripción estado

Contenido

Contenido Contenido Contenido

programas

Contenido

Universidad de la Salle

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Diagnóstico página web 1.2 MANEJO DE CONTENIDO

pagina web Universidad de La Salle Análisis de Contenido


Contenido

Contenido

Presentación de la Pagina Web Uls

estudio caso universidad salle

DE

Definición de Contenido

Contenido Contenido

1. Descripción estado

Contenido

Contenido Contenido Contenido

estudiantes

Contenido

Universidad de la Salle

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Diagnóstico página web 1.2 MANEJO DE CONTENIDO

pagina web Universidad de La Salle Análisis de Contenido


Contenido

Contenido

Presentación de la Pagina Web Uls

estudio caso universidad salle

DE

Definición de Contenido

Contenido Contenido

1. Descripción estado

Contenido

Contenido Contenido Contenido

Ciencias del hábitat

Contenido

Universidad de la Salle

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Diagnóstico página web 1.2 MANEJO DE CONTENIDO

pagina web Universidad de La Salle Análisis de Contenido


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

Este buscador no es suficiente, presenta información incompleta

Se repite principal e inicio; llevan a lo mismo y están continuos

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

La información de pregrados y postgrados debería ser mas llamativa o mencionar directamente lo que la universidad ofrece para así llamar la atención de los usuarios interesados


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

Se repite la información en la parte posterior

Elemento innecesario (repetitivo)

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Estos segmentos dicen lo mismo y conducen a lo mismo


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

Información repetitiva

Elemento innecesario (repetitivo)

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Inconcluso , sin fundamento al decir que puede interesar pero no dice que


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

Si ya estamos en estudiantes porque no aparece sombreado para no confundir a los espectadores

Información repetitiva

Elemento innecesario (repetitivo)

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Información repetitiva, se desperdicia el espacio


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.2 MANEJO DE CONTENIDO

Universidad de la Salle

Definición de Contenido

Presentación de la Pagina Web Uls

Análisis de Contenido

Informar sobre la planta física que ofrece la universidad para la facultad

Deficiente información respecto a la carrera

Debería haber mas registro fotográfico de proyectos para atraer a los nuevos estudiantes Falta nombrar las premiaciones y menciones en las cuales la facultad ha sido protagonista

Elemento innecesario (repetitivo)

estudio caso universidad salle

DE

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Contenido Contenido

Contenido

Contenido

Información si n actualizar


forma forma forma forma forma forma

estudio caso universidad forma forma forma forma forma forma forma forma forma forma forma

forma forma forma forma forma forma

DE

salle


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

Teoría de colores

Colores en la Pagina Web de la Salle

Logo de la universidad y letra poco llamativo , pequeño, pierde importancia. El logo al lado de la palabra «alta calidad»

La pagina de inicio de la universidad tiene Mucho texto que es pequeño y poco legible, pocas imágenes Que reflejan actividades interesantes de la universidad Algunos hipervínculos nos llevan a los mismos lugares Algunos son confusos en su Información y no coinciden Con los títulos puestos

DE

In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio In icio

estudio caso universidad salle


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

Teoría de colores

Colores en la Pagina Web de la Salle

Los link están organizados de tal manera que sea lo primero que se identifique en la lectura de la web, el color que predomina es el azul el cual hace parte de los colores institucionales

DE

forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma

estudio caso universidad salle


Diagnóstico página web

Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

Teoría de colores

Colores en la Pagina Web de la Salle

estudio caso universidad salle

DE

Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen

En esta sección se presenta la parte institucional, la acreditación y la versión en ingles para visitantes internacional , es un elemento sobrio donde la idea es identificar los reconocimientos de la universidad como plantel integral


1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

Teoría de colores

Colores en la Pagina Web de la Salle

Las noticias tiene un lenguaje claro se resaltan los títulos con franjas grises dándole fuerza sobre el texto explicativo y lo mas destacado usa colores oscuros dando jerarquía al momento de visualizar esta sección

estudio caso universidad salle

DE

fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes

El vacío sigue sin utilizarse como fuerte de composición y se dejan algunos sectores relegados descomponiendo la cuadricula inicial que s ele quiere dar a las noticias


1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Morfología de la Pagina Web de la Salle

Análisis de la forma

Teoría de colores

Colores en la Pagina Web de la Salle

ESTA ES LA SECCION MAS PROBLEMÁTICA DE LA WEB

estudio caso universidad salle

DE

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad

Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad

Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad

Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad Publicidadad

Publicidadad

La parte de contacto es sobrio no interrumpe en ningún momento la lectura de lo realmente significativo .


1. Descripción estado

Diagnóstico página web

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Universidad de la Salle

Morfología de la Pagina Web de la Salle

Análisis de la forma

Teoría de colores

Colores en la Pagina Web de la Salle

La imagen e s primordial para cambiar el aspecto teórico y genera otro tipo de lectura al comienzo del recorrido Los link no manejan un lenguaje claro diferencien el resto del texto de la web

que

La manera de mostrar los programas no son las mas adecuadas falta manejo del color y formas que soporten la interacción de un programa con una facultad

estudio caso universidad salle

DE

programas programas

programas programas

programas

programas

programas programas

programas programas

programas programas

programas

programas

programas programas

programas programas

programas programas

programas

programas

programas programas

programas programas

programas programas

programas

En esta sección se le da algo mas de importancia al vacío mostrándolo como una posible herramienta que equilibre lo que s representa en la página sin que sea pesado para el lector


Universidad de la Salle

1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

Blanco Negro Gris Amarillo Naranja Rojo Azul Violeta Verde Marron

Teoría de colores

Colores en la Pagina Web de la Salle

Limite – potencializador – neutro - calma Silencio – misterio - contraste Centro – neutro - pasivo Luminoso – cálido - ardiente Fuerza – acogedor - estimulante

Jerarquía – vitalidad - poder Frio – favorable - paz Luz - reflexión Tranquilidad - naturaleza

Severo - confortable

salle

caso

DE

Diagnóstico página web

estudio

universidad


Diagnóstico página web

Universidad de la Salle Análisis de colores

1. Descripción estado

pagina web Universidad de La Salle

1.3 ESTADO MORFOLOGICO

Análisis de la forma

Morfología de la Pagina Web de la Salle

Teoría de colores

Colores en la Pagina Web de la Salle

AZUL: Las aguas que nos alimentan con su riqueza y la libertad de que goza la democracia.

salle

caso

DE

plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma plataforma

BLANCO: Expresa en su significado la luz que nos ilumina y nos orienta; la ética, la honradez, la dignidad y pureza de intención.

estudio

universidad


redes redes redes redes redes redes

estudio caso universidad redes redes redes redes redes redes redes redes redes redes redes redes redes redes redes redes redes

DE

salle


Diagnóstico página web

1. Descripción estado

Universidad de la Salle

1.4 REDES Y LINKS

Definición de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes en la Universidad de la Salle

Redes Nacionales

Redes Internacionales

Conclusión de Redes

redes

definición

DE

redes redes redes redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

El estudio y uso de las tecnologías de la investigación y las telecomunicaciones se encuentran presente día a día en nuestras vidas principalmente en el ámbito académico, las tecnologías también se han convertido en factores que proporcionan una forma de cultura.

estudio caso universidad salle


Diagnóstico página web

1. Descripción estado

Universidad de la Salle

1.4 REDES Y LINKS

Definición de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes en la Universidad de la Salle

Redes Nacionales

Redes Internacionales

Conclusión de Redes

redes

objetivos

DE

redes redes redes redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

2. 3. 4. 5. 6. 7. 8.

Permite acceder a las distintas redes de intelectuales y académicos. Congresos, Seminarios y Simposios. Local, regional o global. Transforman la Comunidad académica Trascender las fronteras entre disciplinas Obtenerlos servicios de correo electrónico. Transferencia de archivos. Acceso a catálogos de todo tipo

redes redes redes

1.

estudio caso universidad salle


Diagnรณstico pรกgina web

1. Descripciรณn estado

Universidad de la Salle redes

1.4 REDES Y LINKS

Definiciรณn de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes en la Universidad de la Salle

Redes Nacionales

Redes Internacionales

Conclusiรณn de Redes

DE

redes redes redes redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

uls

estudio caso universidad salle


Diagnóstico página web

1. Descripción estado

Universidad de la Salle

1.4 REDES Y LINKS

Definición de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes en la Universidad de la Salle

Redes Nacionales

Redes Internacionales

Conclusión de Redes

redes

nacionales

DE

redes redes redes redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

Las redes nacionales, permiten a los estudiantes integrar la sociedad actual competitiva , participando en las redes y asociaciones académicas, grupos de investigación, alianzas y además le brindarle mayor información en sus investigaciones

estudio caso universidad salle


Diagnóstico página web

1. Descripción estado

Universidad de la Salle

1.4 REDES Y LINKS

Definición de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes Nacionales

Redes en la Universidad de la Salle

Redes Internacionales

Conclusión de Redes

redes

internacionales

DE

redes redes redes redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

redes redes redes

Actúancomoinfraestructurasde grancapacidaddeinformaciónyc omunicación,basadasenelesta dodelartedelastecnologías,para apoyareltrabajodelosinvestigad oresyFacilitarlainvestigaciónen sucimiente,alproveerleunaplata formaparaimplementarnuevoss erviciosytecnologíasavanzadas deredes.

estudio caso universidad salle


Universidad de la Salle

1. Descripción estado 1.4 REDES Y LINKS

Definición de Redes

pagina web Universidad de La Salle Objetivos de Redes

Redes en la Universidad de la Salle

Redes Nacionales

Redes Internacionales

Conclusión de Redes

r e d e s

conclusión La importancia de las redes a nivel profesional y estudiantil, conlleva a comprender mejor el tema y entender con profundidad. Por ello se recomienda, incentivar el uso de las redes por medio de la Pagina Web, para así poder aprovechar este medio informático de la mejor manera posible.

DE

Diagnóstico página web

estudio caso universidad salle


DOFA DOFA DOFA DOFA DOFA DOFA

estudio caso universidad DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA DOFA

DE

salle


planteamientos planteamientos

planteamientos

planteamientos

planteamientos

estudio caso universidad planteamientos planteamientos

planteamientos

planteamientos

planteamientos

planteamientos planteamientos

planteamientos

planteamientos

planteamientos

planteamientos planteamientos

planteamientos

planteamientos

planteamientos

DE

salle


estudio caso DE

recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones

recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones

recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones recomendaciones

recomendaciones

• Se recomienda tener un mayor énfasis en los programas académicos que se ofrecen al publico. • Sugerimos condensar la información referentes a links, para no repetir. • Recomendamos hacer un análisis positivo y negativo y marcación de una retícula para solucionar problemas de diagramación • Sugerimos tener en cuenta los referentes de otras páginas que permitan dar herramientas para el diseño de página Elemento innecesario salle (repetitivo) universidad


DE

estudio casos instituciones


forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma forma

school of arquitecture

manchester


distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución distribución

Fondo blanco

Esta web esta modulada generando simetría con orden de lectura que hace cómodo y fácil el recorrido de la pagina, manejando un mismo lenguaje que articula visualmente las funciones que ofrece la pagina

school of arquitecture

manchester


Dos secciones

unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad unidad

Se presentan dos secciones, una en la que se muestra la pagina inicial y en la segunda en la parte de abajo enlaces rรกpidos a otras funciones que no son tan importantes como las que se presentan en la parte superior

manchester

school of arquitecture


c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r c o l o r

Variedad – Relación

El manejo de colores es fundamental para diferenciar los tópicos de la pagina darle jerarquía a unos elementos e integrar visualmente los vínculos que ofrece la web

school of arquitecture

manchester


Fondo color - letra en blanco

Blanco y negro – Escala de grises

fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes

Mascaras

La fuente es clara con grosores y tamaños distintos modificando las jerarquías dando a unos textos mayor importancia dependiendo de su vinculo Los colores de la fuente es escala de grises muy discretos apoyando los colores de las imágenes y los bloques de la modulación

manchester

school of arquitecture


Orden

vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos vinculos

Al seleccionar las imágenes se despliega la visualización en un zoom mayor sin salir de la pagina facilitando el uso y la eficacia al manejar la web. La pagina inicial se oscurece, quitando jerarquía y sale la fotografía seleccionada

manchester

school of arquitecture


lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje

school of arquitecture

manchester


Manejo de fuente con dos colores que acompañan la diagramación de la pagina, con diferentes tamaños que enfocan la atención del usuario en diferentes puntos

El fondo es blanco, sobrio, y no contamina los colores que se presentan como diagramación inicial, deja a un lado la competencia y se convierte en un elemento mas de composición para el producto web

Las imágenes tienen un mismo tamaño lo cual ordena en módulos la pagina para así no alterar ni distraer la atención, las imágenes son de alta calidad( proyectos, fotografías, logos) que llaman la atención del espectador hacen que visiten los links que están colgados en la web

lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje

La Publicidad se ubica en una franja que limita la web y genera un lenguaje que se adapta al de la pagina teniendo en cuenta que cada empresa producto o corporación maneja sus fuentes colores y formas especificas, por ello usan escala de grises para eliminar la tensión entre los colores y formas de la web y la de sus patrocinadores o publicidad

manchester

school of arquitecture


ISTITUTO SUPERIORE DI ARCHITETTURA & DESIGN - ISAD Escuela de diseño de Milán, ofrece máster, cursos y seminarios sobre diseño interior, diseño de jardines, diseño de iluminación, restauración de muebles antiguos.


ISTITUTO SUPERIORE DI ARCHITETTURA & DESIGN - ISAD Escuela de diseño de Milán, ofrece máster, cursos y seminarios sobre diseño interior, diseño de jardines, diseño de iluminación, restauración de muebles antiguos.


DE

estudio casos disciplinares


Se utiliza gran parte de la pagina libre de texto e imagen generando un contraste que no satura lo que el visitante pueda entender o logre catar al momento de usar la web, el fondo es negro lo cual muestra seriedad y se convierte en un apoyo para relacionar texto imagen y asĂ­ crear una dinĂĄmica grafica diferente

lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje lenguaje

Fondo NEGRO

rojas irragorri a r q u i t e c t o s


La base de la pagina es el desarrollo que parte de los links en cada tema apoyados en una fuente clara y sencilla que se complementa con los colores de diagramación verde y gris que no compiten con la imágenes pero se destacan y llaman la atención del usuario

fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes

El logo los textos son específicos en la Búsqueda, la letra es grande y clara se Usa el tamaño según la importancia del texto, no es difícil encontrar lo que Se busca, pues se usan palabras claves.

rojas irragorri a r q u i t e c t o s


La calidad de las imágenes son espaciales muestran cual es el tema de la pagina sin necesidad de leer su contenido, son imágenes simples (no mas de una por presentación) no son visualmente recargadas

Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen Imagen

Es una pagina liviana en imagen basando su diagramación con imágenes de proyectos a blanco y negro relacionando los colores básicos de composición que son el verde, gris y negro, estas imágenes y estas formas ortogonales acompañan el concepto sobrio que se le quiere dar a la pagina

rojas irragorri a r q u i t e c t o s


Los textos son cortos y se usan cuando son necesarios (menos es mas) menos palabras explicativas son mas informaci贸n visual

fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes fuentes

La parte textual ubica al usuario dependiendo los temas que desea explorar, se acopla a la forma y ret铆cula que maneja el resto de elementos en la pagina y con su variaci贸n de colores logra ser mas especifico y llamar la atenci贸n en algunos puntos

rojas irragorri a r q u i t e c t o s


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.