{"id":13826,"date":"2021-10-14T16:10:15","date_gmt":"2021-10-14T14:10:15","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=13826"},"modified":"2021-10-14T16:10:15","modified_gmt":"2021-10-14T14:10:15","slug":"foldable-phones-nuevas-oportunidades-para-el-ux-ui","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/es\/blog\/foldable-phones-nuevas-oportunidades-para-el-ux-ui\/","title":{"rendered":"Foldable phones: \u00bfnuevas oportunidades para el UX\/UI?"},"content":{"rendered":"

La tecnolog\u00eda avanza a pasos agigantados d\u00eda tras d\u00eda, y el sector de los dispositivos m\u00f3viles no se queda atr\u00e1s. Cada d\u00eda vemos novedades en el mundo de los smartphones que nos ayudan a realizar tareas de manera m\u00e1s efectiva o simplemente que antes no pod\u00edamos realizar.<\/strong> En este contexto nacen los foldables phones<\/strong> para acercarnos la posibilidad de tener un mayor tama\u00f1o de pantalla en un dispositivo m\u00e1s compacto. Pero, \u00bfrealmente son necesarios? \u00bfSon \u00fatiles para el usuario?<\/strong><\/span><\/p>\n

Empecemos viendo qu\u00e9 son los foldables phones. Los foldables phones son, literalmente,\u00a0 \u00abtel\u00e9fonos plegables\u00bb.<\/strong> Son dispositivos con la capacidad de tener una pantalla de mayor tama\u00f1o, como una tablet, que pueden doblarse sobre s\u00ed mismos para permitirnos tener un m\u00f3vil relativamente peque\u00f1o .<\/span><\/p>\n

Existen distintos modelos actualmente en el mercado, casi todos los grandes fabricantes de m\u00f3viles han apostado por sacar a la venta su propio modelo de foldable phone. Debido a esto, actualmente no hay un est\u00e1ndar dentro de la industria sobre estos dispositivos, ya que encontramos modelos que se doblan en vertical, en horizontal, que incluyen una pantalla auxiliar trasera, una pantalla 360 alrededor del dispositivo, etc.<\/span><\/p>\n

Pero, \u00bfpor qu\u00e9 existen tantos tipos de foldables phones?<\/strong> Una de las razones es que todav\u00eda no se sabe que formato tiene m\u00e1s aceptaci\u00f3n en los usuarios.<\/strong> Al ser un dispositivo tan nuevo, todav\u00eda se est\u00e1 probando cual puede llegar a ser el est\u00e1ndar final. Estos lanzamientos, que se podr\u00edan considerar como \u201ctest masivos\u201d<\/strong>, les cuestan millones de d\u00f3lares a las compa\u00f1\u00edas. Por este motivo empresas como Apple todav\u00eda no se han lanzado al mercado de los foldables phones.<\/span><\/p>\n

La soluci\u00f3n est\u00e1 ah\u00ed. Ahora es tiempo de encontrar el problema.<\/span><\/i><\/p>\n

Se abre ante nosotros un nuevo universo de posibilidades dentro del mundo del UXUI. La parte negativa es que realmente no hay unas bases sentadas sobre \u201cbest practices\u201d a la hora de desarrollar una app o web adaptada a estos nuevos formatos.\u00a0<\/span><\/p>\n

A continuaci\u00f3n veremos algunos consejos para ayudarte a que este proceso te sea mucho m\u00e1s f\u00e1cil.<\/span><\/p>\n

    \n
  1. UI\/UX <\/span>Keep it simple<\/b>
    \n<\/span>Al tener el m\u00f3vil plegado, seguramente tengamos en las manos un dispositivo menos manejable que los m\u00f3viles tradicionales. Por lo tanto, debemos hacer lo m\u00e1s accesible posible los elementos de nuestro producto o servicio digital para que sea m\u00e1s f\u00e1cil su uso a una mano, como por ejemplo poner los botones m\u00e1s grandes y adaptados a las zonas de los pulgares.<\/span><\/li>\n
  2. UI\/UX <\/span>Atento al ratio de aspecto<\/b>
    \n<\/span>16:9, 4:3, 3:2… Podemos ver que en el mismo dispositivo el dise\u00f1o de tu interfaz puede mostrarse tanto en disposici\u00f3n de tablet, de m\u00f3vil estrecho, de m\u00f3vil ancho, en vertical, en horizontal… Ahora es m\u00e1s importante que nunca plantear un dise\u00f1o inicial super responsive para que no haya problemas de distribuci\u00f3n de elementos en la pantalla.<\/span><\/li>\n
  3. UI \u00a1<\/span>Cuidado con la bisagra!<\/b>
    \n<\/span>Si o si nuestro foldable phone va a incluir una bisagra en alguna parte del dispositivo, normalmente ser\u00e1 en el eje central. Tenemos que tener en cuenta esta casu\u00edstica a la hora de dise\u00f1ar, ya que si incluimos im\u00e1genes o botones en el centro de la pantalla estos elementos ser\u00e1n deformados a la hora de plegar el dispositivo. Es recomendable plantear un grid teniendo \u00e9sto en cuenta y dise\u00f1ar en base a dos columnas, dejando el espacio central libre o con informaci\u00f3n no relevante.<\/span><\/li>\n
  4. UI <\/span>Piensa en peque\u00f1o<\/b>
    \n<\/span>En los foldables phones cobran gran importancia las ventanas modales (picture in picture). Peque\u00f1as ventanas en las que podemos mostrar la app encima de otro contenido y as\u00ed aumentar la productividad. Por ejemplo, hacer c\u00e1lculos en tu calculadora mientras tenemos nuestro correo abierto. Tambi\u00e9n debemos tener en cuenta las posibilidades que nos pueden dar las pantallas auxiliares de los foldables phones: peque\u00f1as pantallas en las caras exteriores del dispositivo que pueden ayudarnos a mostrar notificaciones push, mostrar controles externos como pasar de canci\u00f3n y muchas posibilidades m\u00e1s. Tambi\u00e9n en algunos dispositivos existe la posibilidad de utilizar solo la mitad superior mientras el tel\u00e9fono est\u00e1 semi doblado<\/span><\/li>\n
  5. UX <\/span>Funcionalidades accesibles<\/b>
    \n<\/b>Si planteamos funcionalidades aplicables al modo paisaje o modo tablet, \u00e9stas deben estar tambi\u00e9n disponibles en el modo plegado de manera accesible. Si no podr\u00edamos llegar al caso de poner al usuario en la situaci\u00f3n de tener funcionalidades \u00abcapadas\u00bb con el modo plegado y tener funcionalidades poco accesibles a la mano en el modo paisaje debido a la ergonom\u00eda del dispositivo. Se debe hacer un esfuerzo en encontrar un equilibrio entre estas dos casu\u00edsticas.<\/span><\/li>\n<\/ol>\n

    Con estos consejos desarrollar\u00e1s mucho m\u00e1s r\u00e1pido y mejor tu web o app evitando errores comunes. De esta manera conseguir\u00e1s tener una interfaz y usabilidad adaptadas a estos nuevos dispositivos que abren un nuevo mundo de posibilidades a los usuarios y desarrolladores.\u00a0<\/span><\/p>\n

    Si necesitas m\u00e1s informaci\u00f3n puedes contactarnos a trav\u00e9s de nuestra p\u00e1gina web<\/a><\/span> o en nuestro e-mail info@makingscience.com. \u00a1Te esperamos!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

    La tecnolog\u00eda avanza a pasos agigantados d\u00eda tras d\u00eda, y el sector de los dispositivos m\u00f3viles no se queda atr\u00e1s. Cada d\u00eda vemos novedades en el mundo de los smartphones que nos ayudan a realizar tareas de manera m\u00e1s efectiva o simplemente que antes no pod\u00edamos realizar. En este contexto nacen los foldables phones para […]<\/p>\n","protected":false},"author":40,"featured_media":14076,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[126,180,179],"class_list":["post-13826","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology-ai","tag-mobile","tag-ui","tag-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/13826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/comments?post=13826"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/posts\/13826\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media\/14076"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/media?parent=13826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/categories?post=13826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/es\/wp-json\/wp\/v2\/tags?post=13826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}