SlideShare una empresa de Scribd logo
Propuesta de plantilla
para páginas web
CONSIDERAREMOS
 TRES ASPECTOS
diseño




interfaz            contenido
el usuario
                Percibe el
                diseño

             Interactúa con la
               interfaz


              Comprende el
              contenido
Por lo que en cada uno
principalmente se pretende:
            Aplicar el nuevo
  diseño    manual de identidad



 interfaz   Mejorar la experiencia
            del usuario


contenido   Optimizar el uso
            de la página
DISEÑO
     Problemática          Propuesta de solución          Beneficios
Aplicar parámetros del   Conservar una             Las memorias
nuevo manual de          estructura similar        asociadas a la página
identidad sin producir                             antigua se conservan al
disociación con la                                 poseer una estructura
anterior                                           similar

Menú estático que        Menú que se oculta al     Permite una mejor
reduce en gran medida    desplazarse por la        visualización del
el área visible de la    página                    contenido
página
Propuesta de Layout
INTERFAZ
      Problemática           Propuesta de solución               Beneficios
No se adapta a distintos   Utilizar Javascript y         Le permite a la pagina
tamaños de                 Jquey en lugar de flash       cargar el contenido de una
dispositivos, por lo que   para realizar                 manera sumamente
llega a abarcar más del    animaciones,                  eficiente y rápida, además
50% del espacio visible.   validaciones y menús.         permite la adaptación a
                                                         todo tipo de resoluciones.

Mostrar contenido más      Se utilizaron los lenguajes   Dan la posibilidad de crear
dinámico sin sacrificar    antes mencionados             aspectos visuales que son
velocidad.                 aunados a HTML y CSS          mas ligeros, atractivos y
                                                         dinámicos
¿Por qué Java script?
DESVENTAJAS DE FLASH                  VENTAJAS DE JAVA SCRIPT
            No es compatible con      Compatible con la gran mayoría de los
          navegadores de Mobiles      navegadores modernos incluyendo
               (iPhone, iPad, ect)    iPhone, móviles & PS3.

    Se requiere de conocimientos
  medios y programa para editarlo.    Fácil de integrar.


     Costo de programa para usar
                                      Software libre
                      la licencia

       Incompatible con diferentes
                                      Ligero de carga.
         versiones de Flash player.

                Estadísticas para     Cientos de aplicaciones
            elementos de flash es     disponibles para uso
                         limitada.
CONTENIDO
      Problemática            Propuesta de solución               Beneficios
Menú con información        Reubicar información         El usuario puede
repetida                    común en un mismo            localizar con mayor
                            espacio, considerando una    agilidad la información
                            jerarquía propuesta en el
                                                         que desea consultar
                            sentido de lectura
                            occidental. De izquierda a
                            derecha y de arriba a
                            abajo.
La falta de jerarquía en    La reorganización, y         Al ser más eficiente la
el contenido dificulta la   jerarquización de la         ubicación de los
rápida ubicación de la      información, apoyándose      contenidos, el usuario
                            de distintos niveles de      identifica la función de la
información de interés
                            legibilidad por color y      página web, utilizándola
para el usuario.            puntaje de la tipografía.    con mayor frecuencia
                            Además de la
                            implementación de
                            contenidos dinámicos
                            donde la información lo
Estructura anterior de contenido
Propuesta
Vista general de la propuesta:
 http://unk.olinkopilli.com/canacintra/

Más contenido relacionado

DOCX
Compatibilidad de Capricornio y Aries en la cama.docx
PPTX
PPT
Propuesta de Mejora Sitio web
DOC
Propuesta Portal Web
PPT
Propuesta web 2.0 greatest (f)
PDF
JM Security Accesories
PPT
Propuesta Metodologica
PPSX
Propuesta sitio web lucida
Compatibilidad de Capricornio y Aries en la cama.docx
Propuesta de Mejora Sitio web
Propuesta Portal Web
Propuesta web 2.0 greatest (f)
JM Security Accesories
Propuesta Metodologica
Propuesta sitio web lucida

Destacado (10)

PPS
Parque De Agua Web - Propuesta
DOCX
Propuesta diseño web
PDF
Silex, desarrollo web ágil y profesional con PHP
PDF
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
PDF
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
PPTX
Partes de una pagina web
PDF
Propuesta de redes sociales Pictux
PDF
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
PDF
Ejemplo propuesta básica social media
PPTX
Propuesta Diseño web
Parque De Agua Web - Propuesta
Propuesta diseño web
Silex, desarrollo web ágil y profesional con PHP
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
Partes de una pagina web
Propuesta de redes sociales Pictux
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Ejemplo propuesta básica social media
Propuesta Diseño web
Publicidad

Similar a Propuesta web (20)

PPT
La Experiencia de Usuario y Usabilidad
PDF
Clase no 3
PDF
Mapas de navegación
PDF
Curso Diseñando para la Web - Parte 1
PDF
Diseno web 4
PDF
Presentación1
PDF
Presentación1
PPT
Usabilidad
PDF
PDF
Opennus Biko 2009 CMS content Management
PPTX
Arquitectura de la información y Usabilidad
DOCX
Trabajo Completo
PDF
Arquitectura de la información para web
PPTX
Usabilidad Web
DOCX
PDF
Trabajo Prog. Web
DOC
Proyecto final programación
DOC
Criterios para una Página Web
PPT
Ingenieria web
PPT
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
La Experiencia de Usuario y Usabilidad
Clase no 3
Mapas de navegación
Curso Diseñando para la Web - Parte 1
Diseno web 4
Presentación1
Presentación1
Usabilidad
Opennus Biko 2009 CMS content Management
Arquitectura de la información y Usabilidad
Trabajo Completo
Arquitectura de la información para web
Usabilidad Web
Trabajo Prog. Web
Proyecto final programación
Criterios para una Página Web
Ingenieria web
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Publicidad

Propuesta web

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