Propuesta web
-
Upload
lucilaysanchez -
Category
Documents
-
view
1.338 -
download
1
Transcript of Propuesta web
![Page 1: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/1.jpg)
Propuesta de plantillapara páginas web
![Page 2: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/2.jpg)
CONSIDERAREMOS TRES ASPECTOS
![Page 3: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/3.jpg)
diseño
interfaz
contenido
![Page 4: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/4.jpg)
el usuario
diseño
interfaz
contenido
Percibe el
Interactúa con la
Comprende el
![Page 5: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/5.jpg)
Por lo que en cada uno principalmente se pretende:
Aplicar el nuevo manual de identidad
Optimizar el uso de la página
Mejorar la experiencia del usuario
diseño
interfaz
contenido
![Page 6: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/6.jpg)
DISEÑOProblemática Propuesta de solución Beneficios
Aplicar parámetros del nuevo manual de identidad sin producir disociación con la anterior
Conservar una estructura similar
Las memorias asociadas a la página antigua se conservan al poseer una estructura similar
Menú estático que reduce en gran medida el área visible de la página
Menú que se oculta al desplazarse por la página
Permite una mejor visualización del contenido
![Page 7: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/7.jpg)
Propuesta de Layout
![Page 8: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/8.jpg)
INTERFAZProblemática Propuesta de solución Beneficios
No se adapta a distintos tamaños de dispositivos, por lo que llega a abarcar más del 50% del espacio visible.
Utilizar Javascript y Jquey en lugar de flash para realizar animaciones, validaciones y menús.
Le permite a la pagina cargar el contenido de una manera sumamente eficiente y rápida, además permite la adaptación a todo tipo de resoluciones.
Mostrar contenido más dinámico sin sacrificar velocidad.
Se utilizaron los lenguajes antes mencionados aunados a HTML y CSS
Dan la posibilidad de crear aspectos visuales que son mas ligeros, atractivos y dinámicos
![Page 9: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/9.jpg)
¿Por qué Java script?
![Page 10: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/10.jpg)
DESVENTAJAS DE FLASH VENTAJAS DE JAVA SCRIPTNo es compatible con
navegadores de Mobiles (iPhone, iPad, ect)
Se requiere de conocimientos medios y programa para
editarlo.
Costo de programa para usar la licencia
Incompatible con diferentes versiones de Flash player.
Estadísticas para elementos de flash es
limitada.
Ligero de carga.
Fácil de integrar.
Cientos de aplicaciones disponibles para uso
Software libre
Compatible con la gran mayoría de los navegadores modernos incluyendo iPhone, móviles & PS3.
![Page 11: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/11.jpg)
CONTENIDOProblemática Propuesta de solución Beneficios
Menú con información repetida
Reubicar información común en un mismo espacio, considerando una jerarquía propuesta en el sentido de lectura occidental. De izquierda a derecha y de arriba a abajo.
El usuario puede localizar con mayor agilidad la información que desea consultar
La falta de jerarquía en el contenido dificulta la rápida ubicación de la información de interés para el usuario.
La reorganización, y jerarquización de la información, apoyándose de distintos niveles de legibilidad por color y puntaje de la tipografía. Además de la implementación de contenidos dinámicos donde la información lo permite.
Al ser más eficiente la ubicación de los contenidos, el usuario identifica la función de la página web, utilizándola con mayor frecuencia
![Page 12: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/12.jpg)
Estructura anterior de contenido
![Page 13: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/13.jpg)
Propuesta
![Page 14: Propuesta web](https://reader035.fdocuments.co/reader035/viewer/2022062406/5589c39ed8b42a457f8b461c/html5/thumbnails/14.jpg)
Vista general de la propuesta:
http://unk.olinkopilli.com/canacintra/