the swinging sixties - universidad de las américas...
Post on 24-Aug-2020
4 Views
Preview:
TRANSCRIPT
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
nálisis de sitios web
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 / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco referencial / A
nálisis de sitios web
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
thethetheswingingswingingswingingsixtiessixtiessixties
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
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
Deportes
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
24
thethetheswingingswingingswingingsixtiessixtiessixties
23
thethetheswingingswingingswingingsixtiessixtiessixties
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
Pele: Jordan:
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
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
ESPN: Olympic Games:
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
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
26
thethetheswingingswingingswingingsixtiessixtiessixties
25
thethetheswingingswingingswingingsixtiessixtiessixties
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
The Beatles: MTV:
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
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
FIA: NFL:
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
Musica
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
28
thethetheswingingswingingswingingsixtiessixtiessixties
27
thethetheswingingswingingswingingsixtiessixtiessixties
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
Elvis: Apple:
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
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
VH1: Grammys Awards:
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
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
30
thethetheswingingswingingswingingsixtiessixtiessixties
Niños
29
thethetheswingingswingingswingingsixtiessixtiessixties
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
Disney: Fact Monster:
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
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
Cartoon Network: Discovery Kids:
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
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
32
thethetheswingingswingingswingingsixtiessixtiessixties
31
thethetheswingingswingingswingingsixtiessixtiessixties
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
DC Comics: Marvel Comics:
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
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
Nasa Kids: Televisa Niños:
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
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
34
thethetheswingingswingingswingingsixtiessixtiessixties
33
thethetheswingingswingingswingingsixtiessixtiessixties
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
BBC: Weather Channel:
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
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
Sesame Street: CNN:
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
Noticias
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
36
thethetheswingingswingingswingingsixtiessixtiessixties
35
thethetheswingingswingingswingingsixtiessixtiessixties
NASA:
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
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
The Red Cross:
Politica
Green Peace:
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
ONU:
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
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
38
thethetheswingingswingingswingingsixtiessixtiessixties
37
thethetheswingingswingingswingingsixtiessixtiessixties
Wikipedia: Britanica:
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
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
Peace Corps: Encarta:
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
Enciclopedias
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
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
40
thethetheswingingswingingswingingsixtiessixtiessixties
39
thethetheswingingswingingswingingsixtiessixtiessixties
History Channel: World History Archives:
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
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
World War II: Larousse:
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
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
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
42
thethetheswingingswingingswingingsixtiessixtiessixties
Cultura
41
thethetheswingingswingingswingingsixtiessixtiessixties
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
Oscar Awards: Atom Films:
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
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
Hemeroteca Nacional: Museo de Louvre:
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
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
44
thethetheswingingswingingswingingsixtiessixtiessixties
43
thethetheswingingswingingswingingsixtiessixtiessixties
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
Google Earth: Ninjai:
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
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
Discovery Channel / Animal Planet: Warner Channel:
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
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
46
thethetheswingingswingingswingingsixtiessixtiessixties
45
thethetheswingingswingingswingingsixtiessixtiessixties
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
TV Azteca:
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
Festival de Cannes: Televisa:
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
Televisoras Mexico
marco teorico / introduccion
marco teorico / tem
a de tesis
Marco R
eferencial / Análisis de sitios w
eb
Marco R
eferencial / Análisis de sitios w
eb
48
Marco R
eferencial / Directrices de diseño
thethetheswingingswingingswingingsixtiessixtiessixties
Marco R
eferencial / Conclusión del A
nálisis
47
thethetheswingingswingingswingingsixtiessixtiessixties
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
top related