the swinging sixties - Universidad de las Américas...

marco teorico / introduccion

marco teorico / tem

a de tesis

Marco R

eferencial / Análisis de sitios w

eb

Marco referencial / A

nálisis de sitios web

theswingingsixties

Marco R

eferencial/A


theswingingsixties

Marco referencial/

Análisis de sitios w

eb theswingingsixties

Marco ReferencialAnálisis de sitios webConclusión del análisisDirectrices del producto a diseñar


marco teorico / tem

a de tesis

Marco R


eb



22

Cuando se navega por el gran mundo del Internet, nos encontramos con infinidad de páginas dispuestas a brindarnos información acerca de todos los temas que existen en el universo.

Este análisis tiene como objetivo el comparar y calificar por medio de diferentes criterios a páginas web con diferente contenido o tema. Los criterios son los siguientes:

1.- Accesibilidad general de la información para un usu-ario inexperto: Se refiere a que tan fácil es, para una persona con conocimientos básicos en navegación, obtener lo que necesita del sitio sin mayor esfuerzo.

2.- Vigencia / Actualización de la información: Se refiere a que tan fresca es la información del sitio, es decir, si esta en constante renovación.

3.- Estructura general de la información: Se refiere a la orga-nización funcional del sitio, es decir, a que tan bien esta jerarquizada la información y el acceso a ella.

4.- Flujo de Navegación: Se refiere a que tan fluida puede ser navegar por un sitio, es decir, que tan fácil es ir de una liga a otra.5.- Manejo Reticular: Criterio por el cual se evalúa la retícula diseñada para el sitio determinado, su funcionalidad y eficiencia.

5.- Nivel de atracción: Este criterio se refiere a que tan llamativo es el sitio y que tanto incita al usuario a regresar o a navegar por un periodo mayor de tiempo del planeado.

thethetheswingingswingingswingingsixtiessixtiessixties

Análisis de sitios web

6.- Nivel de interactividad: Mide que tanto el sitio permite interac-tuar con la información.

7.- Calidad de información: evalúa si la información proviene de fuentes confiables.

8.- Contenido multimedia: evalúa que tanto contenido multimedia te otorga el sitio.

9.- Idiomas: En cuantos idiomas se puede ver el sitio determinado

21


1. Accesibilidad

2. Actualización

3. Estructura general

4. Flujo de Navegación

5. Nivel de atracción

6. Nivel de interactividad

7. Calidad de información

8. Contenido multimedia

9. Idiomas

Sistema de Evaluación:

Muy Bueno

Regular

Malo

Maradona: Fifa World Cup:

1. Accesibilidad

2. Actualización







9. Idiomas

Deportes


marco teorico / tem

a de tesis

Marco R


eb



24


23


1. Accesibilidad

2. Actualización







9. Idiomas

Pele: Jordan:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

ESPN: Olympic Games:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb



26


25


1. Accesibilidad

2. Actualización







9. Idiomas

The Beatles: MTV:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

FIA: NFL:

1. Accesibilidad

2. Actualización







9. Idiomas

Musica


marco teorico / tem

a de tesis

Marco R


eb



28


27


1. Accesibilidad

2. Actualización







9. Idiomas

Elvis: Apple:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

VH1: Grammys Awards:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb



30


Niños

29


1. Accesibilidad

2. Actualización







9. Idiomas

Disney: Fact Monster:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Cartoon Network: Discovery Kids:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb



32


31


1. Accesibilidad

2. Actualización







9. Idiomas

DC Comics: Marvel Comics:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Nasa Kids: Televisa Niños:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb



34


33


1. Accesibilidad

2. Actualización







9. Idiomas

BBC: Weather Channel:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Sesame Street: CNN:

1. Accesibilidad

2. Actualización







9. Idiomas

Noticias


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

36


35


NASA:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

The Red Cross:

Politica

Green Peace:

1. Accesibilidad

2. Actualización







9. Idiomas

ONU:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

38


37


Wikipedia: Britanica:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Peace Corps: Encarta:

1. Accesibilidad

2. Actualización







9. Idiomas

Enciclopedias

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

40


39


History Channel: World History Archives:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

World War II: Larousse:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

42


Cultura

41


1. Accesibilidad

2. Actualización







9. Idiomas

Oscar Awards: Atom Films:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Hemeroteca Nacional: Museo de Louvre:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

44


43


1. Accesibilidad

2. Actualización







9. Idiomas

Google Earth: Ninjai:

1. Accesibilidad

2. Actualización







9. Idiomas

1. Accesibilidad

2. Actualización







9. Idiomas

Discovery Channel / Animal Planet: Warner Channel:

1. Accesibilidad

2. Actualización







9. Idiomas


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

46


45


1. Accesibilidad

2. Actualización







9. Idiomas

TV Azteca:

1. Accesibilidad

2. Actualización







9. Idiomas

Festival de Cannes: Televisa:

1. Accesibilidad

2. Actualización







9. Idiomas

Televisoras Mexico


marco teorico / tem

a de tesis

Marco R


eb

Marco R


eb

48

Marco R

eferencial / Directrices de diseño


Marco R

eferencial / Conclusión del A

nálisis

47


Directrices del producto a diseñar

1.- La organización de la información debe ser la prioridad numero uno a la hora de diseñar un site.

2.- Debe de existir un menú principal el cual tiene que ser constante en todas las páginas.

3.- Es necesario poder saltar entre los menús principales sin importar en donde te encuentres.4.- Siempre debe de existir un botón para regresar al home

5.- El diseño de todas las páginas debe de ser homogéneo, es decir, se debe de notar que fueron diseñadas por la misma persona.

6.- Apoyo multimedia es esencial para no hacer aburrido grandes cantidades de información.

7.- Más interactividad, más interesante

8.- Tener la posibilidad de 2 idiomas

9.- El diseño debe de reflejar claramente a que publico esta dirigido.

10.- Respetar siempre la retícula editorial

11.- El usuario es como un niño de 5 años listo para ir por primera vez la vida real, el papel del diseñador es el de padre y debe proporciona-rle las armas, opciones y ventajas suficientes para que resulte una experiencia agradable y exitosa.

página puede ser la mejor visualmente, o tener la mayor cantidad de información, pero esto se opaca si no hay una organización perfecta de la información.

Las páginas que sobresalieron fueron aquellas que, a pesar de tener grandes cantidades de información, estaban perfectamente organiza-das, jerarquizadas, divididas y categorizadas a la perfección. Obvia-mente estaban cargadas de excelente diseño y material extra y opcio-nes que nunca pensaste utilizar, sin embargo la gran organización era lo que ayudaba a resaltar las otras virtudes.

El usuario es como un niño de 5 años listo para ir por primera vez la vida real, el papel del diseñador es el de padre y debe proporcionarle las armas, opciones y ventajas suficientes para que resulte una experi-encia agradable y exitosa.

Conclusión del Análisis

Existen dos clases de personas que navegan el Internet. Dos tipos de personas que decidirán si la página es buena, sencilla, adecuada o simplemente si vale la pena navegar en ella. Cuando alguien es un usuario experto, este navega las páginas en base a su experiencia, es decir tratara de resolver cualquier problema en el camino haciendo uso del conocimiento adquirido con las páginas anteriores. Se pondrá en los zapatos de la persona que diseño la página y tratara de investigar más a fondo en el caso de no encontrar lo deseado. Si un usuario experto esta buscando el botón para regresar al home y no lo ve explícitamente lo mas seguro es que intente darle clic al logotipo de la pagina generalmente en la parte superior y el 90 por ciento de las veces este lo llevara al destino deseado.

Sin embargo todo seria muy fácil se tuviera por seguro que todas las personas harán uso de nuestra pagina serán usuarios expertos con la capacidad y la experiencia suficiente de resolver un problema, sin embargo, existen los usuarios inexpertos los cuales no batallaran tratando de ponerse en el lugar del diseñados y simplemente saltan a yahoo para buscar otra pagina con el contenido similar o simplemente abandonan la pagina. Este es el usuario en el cual se debe de pensar a la hora de diseñar y es nuestra obligación ponernos en el lugar del usuario y no viceversa.

Al analizar estas 50 páginas de Internet, las cuales son de intereses diversos, me di cuenta claramente de quienes habían pensado en el usuario inexperto, las diferencias son enormes y claramente la experi-encia que te deja navegar en una página con un buen diseño, buena organización, buenos menús etcétera es muy reconfortante. Todo es parte de un balance y de una unificación, sin embargo uno e los aspec-tos más importantes es la organización de la información, ya que la

Date post:	24-Aug-2020
Category:	Documents
Upload:	others
View:	4 times
Download:	0 times

the swinging sixties - Universidad de las Américas...

Documents