Proyecto de una pagina web

Solo disponible en BuenasTareas
  • Páginas : 119 (29576 palabras )
  • Descarga(s) : 0
  • Publicado : 25 de marzo de 2011
Leer documento completo
Vista previa del texto
DISEÑO DE LA INTERFAZ GRAFICA WEB
EN FUNCIÓN DE LOS DISPOSITIVOS MÓVILES
CASO DE ESTUDIO: DIARIOS DIGITALES
Presentado por:
Ana Milagro Luzardo Alliey
Legajo: 49658
Buenos Aires, Agosto de 2009
ii
DISEÑO DE LA INTERFAZ GRAFICA WEB,
EN FUNCIÓN DE LOS DISPOSITIVOS MÓVILES
Caso de estudio: Diarios Digitales.
PALABRAS CLAVES
Diseño, interfaz, interfaces, interfaz grafica de usuario,dispositivos móviles, Sitios Web,
páginas Web, CCS (Hojas de estilo), web única, web móvil, diseño accesible, usabilidad,
internet, comunicaciones, diseño digital.
iii
RESUMEN
LUZARDO ALLIEY, ANA MILAGRO. “La interfaz gráfica web, en función de los
dispositivos móviles”. 2009. Maestría de Diseño. Facultad de Comunicación y Diseño.
Universidad de Palermo. Buenos Aires – Argentina.
Hoy por hoy,gracias al avance de tecnologías como las redes inalámbricas, los dispositivos
móviles se usan cada vez con mayor frecuencia por el público en general, en diversas
actividades, siendo de gran importancia el beneficio del acceso a la web. Sin embargo, en
relación a esto, existe una gran contradicción: el crecimiento vertiginoso del uso de
dispositivos móviles y, por otra parte, el mínimo accesoa la Web por dispositivos móviles.
En la actualidad, el diseñador gráfico está ayudando a definir el entorno visual del siglo XXI,
donde temas específicos como este no quedan por fuera; debido a esto el profesional debe ser
capaz de realizar una página web con los argumentos necesarios para identificar y redirigir al
usuario a una versión adaptada de los contenidos, tanto para un ordenador desobremesa
como para un móvil, manejando el concepto de una web única.
La misma web con la misma experiencia, los mismos elementos de navegación, o las mismas
funcionalidades en todos los dispositivos. Que los contenidos sean capaces de ser adaptados
al contexto y a las interfaces de acceso y sean basada en los estándares web para su creación.
“La tarea del diseñador gráfico es la desatisfacer las necesidades de comunicación visual de
toda clase, en todo sector de la sociedad, desde pequeños elementos hasta complejos
sistemas de comunicación”. (Frascara, 1993: 14).
En Latinoamérica y el resto del mundo, se encuentra un gran mercado que está despegando,
lentamente pero en un constante crecimiento, dado por el avance tecnológico y los teléfonos
móviles que la soportan; el webdesignpara móviles.
El diseño y desarrollo de multimedios en línea o sitios web, orientados para dispositivos
móviles; es un campo imprescindible que los diseñadores conozcan y exploren en el, siendo
una posibilidad que está abierta a ser utilizada.
Por esta razón, esta investigación va orientada al estudio del desarrollo de la Interfaz Gráfica
para sitios web, dentro de los Dispositivos Móviles,proponiendo pautas de estandarización.
De esta manera, el desarrollo de páginas mediante estándares web se convierte en una
ventaja competitiva sostenible, agregando valor, rentabilidad y posicionamiento, logrando
que un sitio tome fuerza dentro de este nuevo contexto mundial.
iv
INDICE
Resumen iii
INTRODUCCION 1
CAPITULO I _ LO REAL Y LO VIRTUAL
1.1 Lo real y lo virtual
1.1.1 Contextohacia una web única
1.2 La interfaz gráfica de usuario
1.2.1 Elementos de la interfaz gráfica de usuario
1.2.2 La interfaz móvil
1.3 Interfaz como medio de comunicación
1.3.1 Regla de Oro de la Interfaz
1.3.2 Zonas de comunicación en pantalla
6
11
15
18
21
24
25
27
CAPITULO II _ NUEVO ESPACIO PARA DISEÑAR
2.1 Internet, nuevo espacio para el diseño
2.1.1 La web como medio
2.1.2Ventajas y desventajas de la web
2.1.3 Arquitectura de la información
2.2 Los dispositivos móviles
2.2.1 El Usuario Móvil
2.2.2 Constantes Tecnológicas
• Tamaño de pantallas
• Resolución móvil
• El cambio permanente
• Relación estética y funcional.
29
30
32
34
35
37
39
2.2.3 Internet Móvil, un desafío para los diseñadores Web
2.3 Tecnologías para la web móvil
2.3.1 Redes de...
tracking img