{"id":14856,"date":"2020-12-09T12:38:37","date_gmt":"2020-12-09T10:38:37","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14856"},"modified":"2021-02-17T16:26:52","modified_gmt":"2021-02-17T14:26:52","slug":"punto-de-entrada-entry-point","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/punto-de-entrada-entry-point\/","title":{"rendered":"Punto de entrada (entry point<\/em>)"},"content":{"rendered":"

\u00bfQu\u00e9 es?<\/strong><\/h2>\n

En general, acostumbramos a juzgar las cosas por la primera impresi\u00f3n que nos proporcionan. Esta primera impresi\u00f3n influir\u00e1 en c\u00f3mo percibimos posteriormente un sistema o producto, y qu\u00e9 actitud adoptamos ante \u00e9l.<\/p>\n

En el caso de un sistema interactivo, el punto de entrada proporciona esta primera impresi\u00f3n: \u00bfc\u00f3mo accedemos a una app<\/em>?; \u00bfy a una web?; \u00bfqu\u00e9 nos dice este punto de acceso acerca del producto?<\/p>\n

Implicaciones en el dise\u00f1o de interfaces<\/strong><\/h2>\n

En una web, el punto de entrada generalmente corresponde a la p\u00e1gina de inicio o home<\/em>, aunque en realidad no todos los usuarios acceden por ella (muchos proceden de enlaces externos o llegan a trav\u00e9s de resultados de b\u00fasqueda).<\/p>\n

Tener en cuenta las siguientes pautas puede contribuir a dise\u00f1ar un buen punto de entrada, sea a una web (home<\/em>), a una app<\/em> (pantalla de inicio) o a otro tipo de sistema interactivo.<\/p>\n

Minimizar las barreras<\/strong><\/h3>\n

El usuario no deber\u00eda encontrar barreras para acceder a un sistema: \u00bftiene que esperar a que la informaci\u00f3n se cargue? \u00bfTiene que esperar obligatoriamente los segundos que dura una animaci\u00f3n introductoria? \u00bfLe pedimos un mont\u00f3n de datos innecesarios antes de poder realizar cualquier tarea? Cualquier paso o clic innecesario supone una barrera de entrada para el usuario, y por lo tanto, aumenta la probabilidad de que este abandone el sistema.<\/p>\n

Por ejemplo, One Shared House<\/a> tiene una magn\u00edfica animaci\u00f3n introductoria, pero el usuario puede obviarla cuando quiera, pulsando \u00abSkip intro\u00bb para seguir adelante.<\/p>\n

Presentar claramente el sistema<\/strong><\/h3>\n

Cuando el usuario tiene su primer contacto con un sistema interactivo, necesita saber si se encuentra en el sitio adecuado y si el sistema puede cumplir sus expectativas. Una simple frase, si est\u00e1 bien enunciada, puede ser suficiente para informarle acerca de cu\u00e1les son los objetivos del interactivo y qu\u00e9 puede encontrar en \u00e9l.<\/p>\n

Por ejemplo, la home<\/em> de Airbnb<\/a> presenta en primera vista un eslogan o claim<\/em> breve, claro y directo, para que el usuario que llega por primera vez sepa qu\u00e9 va puede encontrar.<\/p>\n

Proporcionar una perspectiva del interior<\/strong><\/h3>\n

Los puntos de entrada han de permitir que el usuario se oriente claramente, y que pueda saber qu\u00e9 informaci\u00f3n hay disponible dentro del sistema y c\u00f3mo llegar hasta ella.<\/p>\n

Por ejemplo, la home<\/em> de Design Council<\/a> proporciona informaci\u00f3n sobre los contenidos m\u00e1s relevantes o m\u00e1s visitados, para que el usuario tenga una pista de lo que puede encontrar si sigue navegando.<\/p>\n

Controlar los focos de atenci\u00f3n<\/strong><\/h3>\n

El punto de entrada ha de contener accesos claros a las diferentes unidades de contenido. El dise\u00f1ador dispone de herramientas de jerarquizaci\u00f3n visual para conseguir que los contenidos m\u00e1s importantes sean los que atraigan la atenci\u00f3n del usuario de manera m\u00e1s patente.<\/p>\n

Por ejemplo, aunque contiene mucha informaci\u00f3n, en la home<\/em> de Amazon<\/a> destacan claramente los productos en promoci\u00f3n para atraer la atenci\u00f3n del usuario.<\/p>\n

Referencias<\/strong><\/h2>\n

Jones, B.<\/strong> (2010). \u00abDesigning Effective Entry Points in Web Design\u00bb [en l\u00ednea]. Envatotuts+. <https:\/\/webdesign.tutsplus.com\/articles\/designing-effective-entry-points-in-web-design–webdesign-507<\/a>>. [Fecha de consulta: 25 de enero de 2021].<\/p>\n

Lidwell, W.; Holden, K.; Butler, J.<\/strong> (2010). Universal Principles of Design<\/em>. Rockport.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00bfQu\u00e9 es? En general, acostumbramos a juzgar las cosas por la primera impresi\u00f3n que nos proporcionan. Esta primera impresi\u00f3n influir\u00e1 en c\u00f3mo percibimos posteriormente un sistema o producto, y qu\u00e9 actitud adoptamos ante \u00e9l. En el caso de un sistema interactivo, el punto de entrada proporciona esta primera impresi\u00f3n: \u00bfc\u00f3mo accedemos a una app?; \u00bfy […]<\/p>\n","protected":false},"author":4,"featured_media":18343,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,27],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14856\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=14856"}],"version-history":[{"count":5,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14856\/revisions\/"}],"predecessor-version":[{"id":17642,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14856\/revisions\/17642\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18343\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14856"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}