SlideShare uma empresa Scribd logo
1 de 14
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/

Mais conteúdo relacionado

Destaque

Parque De Agua Web - Propuesta
Parque De Agua Web - PropuestaParque De Agua Web - Propuesta
Parque De Agua Web - Propuestaelrofes
 
Propuesta diseño web
Propuesta diseño webPropuesta diseño web
Propuesta diseño webdarwpinorozco
 
Silex, desarrollo web ágil y profesional con PHP
Silex, desarrollo web ágil y profesional con PHPSilex, desarrollo web ágil y profesional con PHP
Silex, desarrollo web ágil y profesional con PHPJavier Eguiluz
 
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)Micael Gallego
 
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e IonicDesarrollo web front-end con TypeScript, Angular 2 e Ionic
Desarrollo web front-end con TypeScript, Angular 2 e IonicMicael Gallego
 
Propuesta de redes sociales Pictux
Propuesta de redes sociales PictuxPropuesta de redes sociales Pictux
Propuesta de redes sociales PictuxPictux
 
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)Micael Gallego
 
Ejemplo propuesta básica social media
Ejemplo propuesta básica social mediaEjemplo propuesta básica social media
Ejemplo propuesta básica social mediaVisi Serrano
 
Propuesta Diseño web
Propuesta Diseño webPropuesta Diseño web
Propuesta Diseño webPalulis-Poli
 

Destaque (10)

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

Semelhante a Propuesta web (20)

5 segundos
5 segundos5 segundos
5 segundos
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Mapas de navegación
Mapas de navegaciónMapas de navegación
Mapas de navegación
 
Criterios para una Página Web
Criterios para una Página WebCriterios para una Página Web
Criterios para una Página Web
 
Diseño web responsivo
Diseño web responsivoDiseño web responsivo
Diseño web responsivo
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Moretti
MorettiMoretti
Moretti
 
Recomendaciones Para Comunicadores
Recomendaciones Para ComunicadoresRecomendaciones Para Comunicadores
Recomendaciones Para Comunicadores
 
Navegadores super
Navegadores superNavegadores super
Navegadores super
 
El blog GABRIELA GALLARDO 1"D"
El blog GABRIELA GALLARDO 1"D"El blog GABRIELA GALLARDO 1"D"
El blog GABRIELA GALLARDO 1"D"
 
Elementos de una web
Elementos  de una web  Elementos  de una web
Elementos de una web
 
Alberto
AlbertoAlberto
Alberto
 
Alberto
AlbertoAlberto
Alberto
 
Sisntemas wiki
Sisntemas wikiSisntemas wiki
Sisntemas wiki
 
Informatica internet
Informatica internetInformatica internet
Informatica internet
 
Framework de programacion de paginas web
Framework de programacion de paginas webFramework de programacion de paginas web
Framework de programacion de paginas web
 
Módulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMódulo 4: Usabilidad Web
Módulo 4: Usabilidad Web
 

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/