Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Diseño Interfaz

Elementos clave para el diseño de interfaces.
by

Esther Gómez Re

on 4 March 2011

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Diseño Interfaz

Diseño de la interfaz Espacio Tamaño Menus desplegables i no desplegables Escribir Multimedia Diseño y estructura Buscador Subsitios El coste de ir a un sitio web diferencial es muy bajo, y el beneficio esperado de quedarse en el sitio no es muy alto.

El contenido web debe dar beneficios inmediatos a los usuarios. para conseguirlo Subsitios Son una serie de páginas dentro de una más grande Suelen tener un estilo semejante y un contenido compartido con la home

Aunque puede tener un diseño algo distinto debe compartir al menos algun elemento de semejanza (el logo, la cabezera, colores...) Siempre debe tener un enlace a la home aunque sea un subsitio principal Por lo general no deberían abrirse en pestaña nueva sino es por decisión del usuario Es muy útil en sites con mucha información y contenido muy categorizado Ejemplos de malos sites:
Una mala estructuracion de los subsitios puede hacer que el usuario se pierda e inducirlo a que cierre el site El subsitio te debe indicar en todo momento en que nivel te encuentras http://lesailes.hermes.com/us/en/
http://www.webpagesthatsuck.com/ Espacio de la pantalla Contenido 50% mínimo 80% máximo

Navegación 20% máximo

Publicidad 5% mínimo 10 % máximo

Logotipo siempre visible + frase con el objetivo de la página

Espacios en blanco son buenos

Fuentes o Tipografía

Simplicidad - Más es menos Buenos ejemplos de espacio de la pantalla

http://www.elliotterwitt.com/lang/es/index.html

http://www.ikea.com/es/es/
Tamaño de pantalla Tiempos de respuesta rápidos

http://www.youtube.com/
http://www.tv3.cat/3alacarta/#/directes/TV3


Tiempo de descargas rápidas

http://www.apple.com
http://www.rincondelvago.com
http://www.vidtomp3.com

Los tiempos de respuesta lentos significan un nivel de confianza menor

Al utilizar gráficos, usar múltiples ocurrencias de la misma imagen

Geekonomia
http://labs.ideeinc.com/multicolr/

Los vínculos y los links son complementarios y aportan información necessaria para el internauta
Banners conectados a paginas de inicio corporativas
No usar tamaños de fuentes absolutos
Recomendaciones para imprimir

Recomendaciones:
• Los desplegables mejor no utilizarlos.
• No colocar seguidos más de 5 ítems, 7 como máximo.
• Habrá que recurrir a los bullets si algún item requiere de dos líneas.
• Seleccionar las categorías realmente importantes para que aparezcan en la página web.
•Si hemos de gestionar una gran cantidad de categorías, lo mejor es recurrir a un índice de categorías en el centro de la página y la ayuda de un buscador. Menús desplegables y no desplegables Menús desplegables Son una buena solución para usar muy poco espacio en la estructura de un sitio web.
Pero son difíciles de utilizar, ocultan información, pueden dispersar la atención del usuario e, incluso, impedirle la navegación. Cosas a tener en cuenta:

El usuario no sabe, a priori, qué opciones hay en el desplegable.
No todos los usuarios tienen la suficiente habilidad psicomotriz para manejar un desplegable con soltura.
Es mejor que las opciones disponibles se puedan ver de un vistazo.
Demasiadas opciones desvían la atención de las realmente importantes. Menús no desplegables Hay tres formas de disponer los elementos de menú en la pantalla (estudio de Bernard y Hamblin, 2003):

Mediante un índice de categorías y subcategorías en el centro de la pantalla.
Con un desplegable en cascada dispuesto horizontalmente.
A través de un menú desplegable vertical en la parte izquierda de la pantalla. Recomendaciones:


Los desplegables mejor no utilizarlos.
No colocar seguidos más de 5 ítems, 7 como máximo.
Habrá que recurrir a los bullets si algún item requiere de dos líneas.
Seleccionar las categorías realmente importantes para que aparezcan en la página web.
Si hemos de gestionar una gran cantidad de categorías, lo mejor es recurrir a un índice de categorías en el centro de la página y la ayuda de un buscador. Estructura Tipografia Color Complejo
publico
instruido No lineal, hiperenlaces
Flexible,
puede ser confusa Simple Narrativa lineal Secuencial Jerárquico Retícula Estructura
de
telaraña Los Buscadores
Que es?
- página web que consulta una base de datos que relaciona direcciones web con su contenido
Origen?
- 1994 David Filo y Jerry Yang Tipos de búsqueda:
-Busqueda por palabras clave
-Búsqueda de imágenes
-Búsqueda por directorios Motores de búsqueda
Metabuscadores Los más conocidos.
- Yahoo
- Google
- Altavista
- Terra
Full transcript