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

wireframes

Consideraciones de los elementos gráficos en la pantalla
by

Monica Forero

on 2 October 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of wireframes

WIREFRAMES Esquemas para mostrar los contenidos de cada pantalla de la interfaz Allí se definen posiciones de Imágenes, íconos, botones, texto. Se establecen la jerarquía de los elementos y sus relación entre si (Gestalt), así como el mapa de interacción Los wireframes en alta son el primer producto de proceso finalizado y se usan para indicar al grupo de desarrollo los flujos de navegación y acciones de los elementos (girar... slider horizontal...) pero... El wireframe debe considerar de antemano el sistema operativo en el que funcionará la aplicación, pues cada sistema tiene requerimientos de diseño predeterminados posición y estilo de la navegación principal

botón atrás, botón recargar, Estados de botón

Acciones adicionales y Notificaciones

Movimiento y clic

Iconografía

Animación cargando... y movimiento entre pantallas

entre otras... Diferencias entre los sistemas operativos Se deben consultar las guías de diseño para cada sistema:

IOS (IPHONE): http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

ANDROID:
http://developer.android.com/design/style/index.html

WINDOWS MOBILE:
http://msdn.microsoft.com/en-us/library/hh202895(v=vs.92).aspx Además, hay muchos sitios con archivos
editables para creación de wireframes
en cada sistema operativo:

http://psdcollector.blogspot.com/2010/09/free-website-ui-wireframe-kits-stencils.html
Full transcript