{"id":5733,"date":"2024-07-30T09:47:27","date_gmt":"2024-07-30T07:47:27","guid":{"rendered":"https:\/\/mitto.agency\/guia-de-botons-ux-ui\/"},"modified":"2025-02-18T17:52:42","modified_gmt":"2025-02-18T16:52:42","slug":"guia-de-botons-ux-ui","status":"publish","type":"post","link":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/","title":{"rendered":"Guia de botons UX UI"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Grup de botons<\/h2>\n\n<p class=\"has-medium-font-size\">Quan dissenyem un grup de botons, \u00e9s crucial que hi hagi una jerarquia clara i visible entre ells. Aquesta jerarquia permet que l&#8217;usuari identifiqui de manera immediata quina \u00e9s l&#8217;acci\u00f3 principal, quina \u00e9s secund\u00e0ria i quines s\u00f3n opcions addicionals. Per aconseguir-ho, utilitza contrastos en el color, la mida i el pes visual de cada bot\u00f3. Per exemple, el bot\u00f3 que porta a l&#8217;acci\u00f3 prim\u00e0ria hauria de ser m\u00e9s prominent, ja sigui pel color m\u00e9s vibrant, una mida m\u00e9s gran, o una tipografia en negreta, mentre que els botons secundaris poden ser d&#8217;un color m\u00e9s t\u00e8nue o amb una vora m\u00e9s lleugera. Aquesta diferenciaci\u00f3 ajuda a guiar l\u02bbusuari de manera intu\u00eftiva, millorant l\u02bbexperi\u00e8ncia d`\u00fas i reduint la possibilitat d\u02bberrors.    <\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-1024x548.png\" alt=\"\" class=\"wp-image-5070\" style=\"width:542px;height:auto\" srcset=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-1024x548.png 1024w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-300x161.png 300w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-768x411.png 768w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-1536x822.png 1536w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/1dos-donts_mitto-agency-2048x1096.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">Evitar el perill<\/h2>\n\n<p class=\"has-medium-font-size\">Un dels principis fonamentals en el disseny d&#8217;UX\/UI \u00e9s protegir els usuaris d&#8217;errors que puguin tenir conseq\u00fc\u00e8ncies negatives. Per aix\u00f2, el bot\u00f3 que resulti m\u00e9s atractiu a la vista, ja sigui pel color, la mida o la ubicaci\u00f3, ha de portar a una acci\u00f3 segura. Imagina un bot\u00f3 que estigui en un to cridaner i en una posici\u00f3 central: aquest bot\u00f3 ha de realitzar una acci\u00f3 com &#8220;Guardar&#8221; o &#8220;Continuar&#8221;, no una cosa irreversible com &#8220;Eliminar&#8221; o &#8220;Resetear&#8221;. Aquest enfocament assegura que fins i tot si l&#8217;usuari actua de manera impulsiva o per error, la conseq\u00fc\u00e8ncia no ser\u00e0 perjudicial, cosa que refor\u00e7a la confian\u00e7a de l&#8217;usuari al sistema.   <\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-1024x393.png\" alt=\"\" class=\"wp-image-5072\" style=\"width:542px;height:auto\" srcset=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-1024x393.png 1024w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-300x115.png 300w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-768x294.png 768w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-1536x589.png 1536w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/2dos-donts_mitto-agency-2048x785.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">Mostrar el perill<\/h2>\n\n<p class=\"has-medium-font-size\">El color vermell \u00e9s universalment associat amb perill, alerta o prohibici\u00f3. En disseny d&#8217;interf\u00edcies, aquest color pot ser una eina poderosa per advertir els usuaris sobre accions que podrien tenir conseq\u00fc\u00e8ncies importants o irreversibles, com ara esborrar dades, tancar un compte o cancel\u00b7lar una subscripci\u00f3. Usar el vermell per a aquests botons no nom\u00e9s fa que ressaltin visualment, sin\u00f3 que tamb\u00e9 activa una alerta psicol\u00f2gica a l&#8217;usuari, portant-lo a reconsiderar la seva decisi\u00f3 abans de procedir. Tot i aix\u00f2, \u00e9s fonamental no abusar de l&#8217;\u00fas del vermell per evitar confusions o desensibilitzaci\u00f3; s&#8217;ha de reservar \u00fanicament per a les accions que realment requereixen atenci\u00f3 i consideraci\u00f3 addicionals.   <\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"370\" src=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-1024x370.png\" alt=\"\" class=\"wp-image-5073\" style=\"width:542px;height:auto\" srcset=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-1024x370.png 1024w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-300x108.png 300w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-768x277.png 768w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-1536x555.png 1536w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/3dos-donts_mitto-agency-2048x740.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">C\u00f2pies adequats<\/h2>\n\n<p class=\"has-medium-font-size\">El copy o text en un bot\u00f3 pot semblar una mica menor, per\u00f2 el seu impacte en la usabilitat \u00e9s significatiu. Un text clar, conc\u00eds i descriptiu assegura que l&#8217;usuari entengui exactament qu\u00e8 passar\u00e0 en fer clic al bot\u00f3. <\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"419\" src=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-1024x419.png\" alt=\"\" class=\"wp-image-5074\" style=\"width:542px;height:auto\" srcset=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-1024x419.png 1024w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-300x123.png 300w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-768x314.png 768w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-1536x629.png 1536w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/4dos-donts_mitto-agency-2048x838.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">Formes homog\u00e8nies<\/h2>\n\n<p class=\"has-medium-font-size\">La consist\u00e8ncia visual \u00e9s un dels pilars del bon disseny dinterf\u00edcies. Els botons del vostre lloc web o aplicaci\u00f3 han de tenir una forma i estil uniformes perqu\u00e8 l&#8217;usuari els reconegui i els associ\u00ef f\u00e0cilment amb accions clicables. Si un bot\u00f3 \u00e9s arrodonit, tots els botons han de ser arrodonits; si tenen vores rectes, s&#8217;aplica el mateix. Aquesta coher\u00e8ncia no nom\u00e9s refor\u00e7a la identitat visual del teu producte, sin\u00f3 que tamb\u00e9 facilita la navegaci\u00f3 a l&#8217;usuari, creant una experi\u00e8ncia m\u00e9s fluida i sense distraccions. Els canvis de forma o estil nom\u00e9s s&#8217;han d&#8217;aplicar si tenen una ra\u00f3 funcional clara, com ara diferenciar un bot\u00f3 d&#8217;acci\u00f3 prim\u00e0ria d&#8217;un de secundari, per\u00f2 sempre dins d&#8217;un marc de disseny coherent.    <\/p>\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-1024x529.png\" alt=\"\" class=\"wp-image-5075\" style=\"width:542px;height:auto\" srcset=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-1024x529.png 1024w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-300x155.png 300w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-768x397.png 768w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-1536x794.png 1536w, https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency-2048x1058.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Grup de botons Quan dissenyem un grup de botons, \u00e9s crucial que hi hagi una jerarquia clara i visible entre ells. Aquesta jerarquia permet que l&#8217;usuari identifiqui de manera immediata quina \u00e9s l&#8217;acci\u00f3 principal, quina \u00e9s secund\u00e0ria i quines s\u00f3n opcions addicionals. Per aconseguir-ho, utilitza contrastos en el color, la mida i el pes visual [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-5733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sense-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding\" \/>\n<meta property=\"og:description\" content=\"Grup de botons Quan dissenyem un grup de botons, \u00e9s crucial que hi hagi una jerarquia clara i visible entre ells. Aquesta jerarquia permet que l&#8217;usuari identifiqui de manera immediata quina \u00e9s l&#8217;acci\u00f3 principal, quina \u00e9s secund\u00e0ria i quines s\u00f3n opcions addicionals. Per aconseguir-ho, utilitza contrastos en el color, la mida i el pes visual [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-30T07:47:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-18T16:52:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2160\" \/>\n\t<meta property=\"og:image:height\" content=\"1116\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jancanalis.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"jancanalis.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/\"},\"author\":{\"name\":\"jancanalis.com\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#\\\/schema\\\/person\\\/ab7250669d085ebaec06c4118088e768\"},\"headline\":\"Guia de botons UX UI\",\"datePublished\":\"2024-07-30T07:47:27+00:00\",\"dateModified\":\"2025-02-18T16:52:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/\"},\"wordCount\":567,\"publisher\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/5dos-donts_mitto-agency.png\",\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/\",\"url\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/\",\"name\":\"Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\\\/UI - Branding\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/5dos-donts_mitto-agency.png\",\"datePublished\":\"2024-07-30T07:47:27+00:00\",\"dateModified\":\"2025-02-18T16:52:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/5dos-donts_mitto-agency.png\",\"contentUrl\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/5dos-donts_mitto-agency.png\",\"width\":2160,\"height\":1116},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/guia-de-botons-ux-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guia de botons UX UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/\",\"name\":\"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\\\/UI - Branding\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#organization\",\"name\":\"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\\\/UI - Branding\",\"url\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-v8-mitto-logo-03.png\",\"contentUrl\":\"https:\\\/\\\/mitto.agency\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-v8-mitto-logo-03.png\",\"width\":2087,\"height\":651,\"caption\":\"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\\\/UI - Branding\"},\"image\":{\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/#\\\/schema\\\/person\\\/ab7250669d085ebaec06c4118088e768\",\"name\":\"jancanalis.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g\",\"caption\":\"jancanalis.com\"},\"sameAs\":[\"https:\\\/\\\/mitto.agency\"],\"url\":\"https:\\\/\\\/mitto.agency\\\/ca\\\/author\\\/jancanalis-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/","og_locale":"ca_ES","og_type":"article","og_title":"Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","og_description":"Grup de botons Quan dissenyem un grup de botons, \u00e9s crucial que hi hagi una jerarquia clara i visible entre ells. Aquesta jerarquia permet que l&#8217;usuari identifiqui de manera immediata quina \u00e9s l&#8217;acci\u00f3 principal, quina \u00e9s secund\u00e0ria i quines s\u00f3n opcions addicionals. Per aconseguir-ho, utilitza contrastos en el color, la mida i el pes visual [&hellip;]","og_url":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/","og_site_name":"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","article_published_time":"2024-07-30T07:47:27+00:00","article_modified_time":"2025-02-18T16:52:42+00:00","og_image":[{"width":2160,"height":1116,"url":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","type":"image\/png"}],"author":"jancanalis.com","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"jancanalis.com","Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#article","isPartOf":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/"},"author":{"name":"jancanalis.com","@id":"https:\/\/mitto.agency\/ca\/#\/schema\/person\/ab7250669d085ebaec06c4118088e768"},"headline":"Guia de botons UX UI","datePublished":"2024-07-30T07:47:27+00:00","dateModified":"2025-02-18T16:52:42+00:00","mainEntityOfPage":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/"},"wordCount":567,"publisher":{"@id":"https:\/\/mitto.agency\/ca\/#organization"},"image":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/","url":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/","name":"Guia de botons UX UI - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","isPartOf":{"@id":"https:\/\/mitto.agency\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#primaryimage"},"image":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","datePublished":"2024-07-30T07:47:27+00:00","dateModified":"2025-02-18T16:52:42+00:00","breadcrumb":{"@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#primaryimage","url":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","contentUrl":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","width":2160,"height":1116},{"@type":"BreadcrumbList","@id":"https:\/\/mitto.agency\/ca\/guia-de-botons-ux-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/mitto.agency\/ca\/"},{"@type":"ListItem","position":2,"name":"Guia de botons UX UI"}]},{"@type":"WebSite","@id":"https:\/\/mitto.agency\/ca\/#website","url":"https:\/\/mitto.agency\/ca\/","name":"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","description":"","publisher":{"@id":"https:\/\/mitto.agency\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mitto.agency\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/mitto.agency\/ca\/#organization","name":"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","url":"https:\/\/mitto.agency\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/mitto.agency\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/04\/cropped-v8-mitto-logo-03.png","contentUrl":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/04\/cropped-v8-mitto-logo-03.png","width":2087,"height":651,"caption":"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding"},"image":{"@id":"https:\/\/mitto.agency\/ca\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mitto.agency\/ca\/#\/schema\/person\/ab7250669d085ebaec06c4118088e768","name":"jancanalis.com","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c390af627cf524f3f623aecac86eee639ef761bd80b3e28f5ffe9b3ee0d41bcb?s=96&d=mm&r=g","caption":"jancanalis.com"},"sameAs":["https:\/\/mitto.agency"],"url":"https:\/\/mitto.agency\/ca\/author\/jancanalis-com\/"}]}},"_links":{"self":[{"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/posts\/5733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/comments?post=5733"}],"version-history":[{"count":1,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/posts\/5733\/revisions"}],"predecessor-version":[{"id":5735,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/posts\/5733\/revisions\/5735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/media\/5627"}],"wp:attachment":[{"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/media?parent=5733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/categories?post=5733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitto.agency\/ca\/wp-json\/wp\/v2\/tags?post=5733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}