Mental Notes - Ejemplos

download Mental Notes - Ejemplos

of 19

description

Ejemplos de utilización de Mental Notes en páginas webs

Transcript of Mental Notes - Ejemplos

  • MENTAL NOTESEjemplos

  • N A N C Y

    NEED FOR CERTAINTY

    AESTHETIC-USABILITY EFFECT

    AUTONOMY

    CURIOSITY

    CONTRAST

  • Gua de usuarios de Dropboxhttps://www.dropbox.com/guide/

    SeatGeek:https://seatgeek.com/

    NEED FOR CERTAINTY

  • La pagina te brinda dos opciones de gua dependiendo las necesidades del usuario, ya sea que sea cuenta de una

    empresa o particular.

  • Una vez seleccionada la gua, le da al usuario una serie de secciones que puede seleccionar dependiendo sus

    necesidades, resumiendo la bsqueda entre destacados o por especificaciones desde lo bsico hasta lo ms

    complejo.

  • La pgina de SeatGeek permite a los usuarios

    conocer y separa entradas para eventos cerca de

    su locacin o eventos en especifico. Hay un

    buscador y debajo de l especificaciones de

    funcionalidades del sitio.

  • Akademiezubrowka:

    http://www.akademiezubrowka.com/

    AESTHETIC-USABILITYEFFECT

  • El sitio tiene como background imgenes en movimiento con efectos, al entrar la letra se va haciendo ms clara y

    grande, para diferenciarse de la imagen de fondo. Tiene sonido, pero el usuario puede desactivarlo. Tiene un solo

    botn nico que te lleva al contenido del sitio.

  • El contenido se divide en varias secciones, la que se selecciona, hace un nfasis al resaltarse, cambia el color y

    hay claridad en el texto, as como subrayado en el nombre del tema; las dems secciones se difuminan. En todo el

    sitio hay bastante interaccin y dinmica con el contenido.

  • PicMonkey:

    http://www.picmonkey.com/

    AUTONOMY

  • El usuario es libre de realizar diferentes tareas que te

    brinda la pgina, puedes editar, o retocar una foto, as

    como disear imgenes y hacer collages. El trabajo

    depender de la necesidad del usuario.

    No es necesario registrarse, por lo cual, la persona

    decide si crear una cuenta o no.

  • Pottermore:

    https://www.pottermore.com/

    CURIOSITY

  • Pottermore se crea con la finalidad de que los fans de JK Rowling y su mundo de Harry Potter, puedan estar actualizados y

    con conocimientos de este mundo ms all de lo que se platica en los libros.

    En un principio para acceder a este sitio tenas que entrar a cierta hora mgica para tener acceso rpido y gozar de

    pruebas betas, con ms contenido. En cada seccin de la pgina puedes encontrar informacin muy variada tanto de los

    personas, libros o nuevo material de JK Rowling, as como encontrar videos o notas sorpresa de la autora.

  • En el buscador es donde se puede encontrar la informacin ms especfica, sin embargo hay que saber buscar para obtener

    la informacin ms valiosa del sitio: J.K. Rowling Writing.

  • Rate My Professors:

    http://www.ratemyprofessors.com/

    CONTRAST

  • El color hace que la pgina sea llamativa y se identifiquen los botones. Cuando pasar el mouse por un botn, cambia de

    color. En este caso, el botn de fondo negro tiene un highlight a verde, mientras que el texto del encabezado, cambia.

  • htt

    p:/

    /w

    ww

    .ra

    tem

    ypro

    fesso

    rs.c

    om

    /se

    arc

    h.jsp

    ?q

    ue

    ryo

    pti

    on

    =H

    EA

    DE

    R&

    qu

    ery

    By=

    sch

    oo

    lNa

    me

    &co

    un

    try=

    un

    ite

    d+

    sta

    tes&

    sta

    tese

    lect=

    ak

    Al pasar el cursor por los

    botones, estos destacan

    con el fondo en otro color.

    Los textos que son opciones importantes, los marcan

    en color azul.

    La combinacin de colores que mantienen es la del

    logotipo de su sitio: verde y azul.

  • Referencias

    Mental Notes (S/F). 52 Principles x Your Imagination. Extrado el 01 de noviembre de 2015 desde: http://getmentalnotes.com/cards

    The Webby Awards (2015). Extrado el 01 de noviembre de 2015 desde: http://webbyawards.com/winners/2015/