{"id":8203,"date":"2020-04-08T11:07:00","date_gmt":"2020-04-08T09:07:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=8203"},"modified":"2021-02-17T23:31:38","modified_gmt":"2021-02-17T22:31:38","slug":"app-design","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/app-design\/","title":{"rendered":"App design, perch\u00e9 \u00e8 cos\u00ec importante per soddisfare il cliente"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-medium\"><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/04\/app-designer-300x200.jpg\" alt=\"app design, app designer\" class=\"wp-image-8211\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-designer-300x200.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-designer-768x512.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-designer-610x407.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-designer.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>In queste ultime settimane senti parlare spesso di app: non devi stupirti, \u00e8 il mezzo pi\u00f9 pratico per accedere ai servizi senza spostarsi da casa. Attenzione per\u00f2, <strong>deve essere ben progettata<\/strong>: per restare competitivo sul mercato, scopri come scegliere l&#8217;app design, perch\u00e9 \u00e8 cos\u00ec importante per soddisfare il cliente e chi pu\u00f2 aiutarti a realizzarlo.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Come \u00e8 fatta <a href=\"http:\/\/www.addlance.com\/s\/app-design\" class=\"aioseop-link\">una app efficace<\/a><\/h2>\n\n\n\n<p>Addio al vecchio sportello intasato per fare un certificato o pagare le tasse e basta con le sedute eterne dal professionista di turno. Arrivano le app per <strong>ricevere la cena da casa, dedicarsi al fitness,  arredare un ambiente, comunicare con il medico, sapere quanto \u00e8 lunga la fila alla cassa.<\/strong> Offrire la app di un servizio ai clienti \u00e8 diventata la <strong>mossa giusta<\/strong> per stare a galla nel mercato. Una volta scaricata sul dispositivo mobile, si attacca letteralmente all&#8217;utente nelle operazioni indispensabili della sua vita; ma devi fare in modo che scelga proprio la tua! Per ottenere questo risultato la app deve essere:<\/p>\n\n\n\n<ul><li><strong>veloce<\/strong>: una app serve a risparmiare tempo, portare fulmineamente il cliente a ci\u00f2 che gli serve<\/li><li><strong>elementare<\/strong>: il cliente vuol capire subito come si usa<\/li><li><strong>dai contenuti brevi<\/strong>, non pi\u00f9 di 500 caratteri su 3 paragrafi<\/li><li><strong>con un design intuitivo<\/strong> ma anche molto curato. La app si usa su uno schermo piccolo, le&nbsp; scelte grafiche devono tenerne conto.<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/design-interni-app-per-progettare\/\" target=\"_blank\" aria-label=\"Design d'Interni, ecco le migliori app per te (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"aioseop-link\">Design d&#8217;Interni, ecco le migliori app per te<\/a><\/p>\n\n\n\n<p>L&#8217;app design \u00e8 il fattore che spinge l&#8217;utente a scegliere il tuo servizio anzich\u00e9 quello del <em><strong>competitor<\/strong><\/em>. Chi pu\u00f2 progettarlo? Un <strong>app designer freelance<\/strong> con esperienza nel settore. Dato che esistono regole standard per un app design efficace, prima di ingaggiarlo valuta il suo <em><strong>portfolio <\/strong><\/em>di lavori. Nei suoi lavori finali controlla prima di tutto:<\/p>\n\n\n\n<ul><li>l&#8217;unit\u00e0 di grandezza della grafica, cosiddetto &#8220;<em>fat finger<\/em>&#8220;, il pollice col quale si interagisce su <em>touch screen<\/em><\/li><li>la dimensione minima dei bottoni, pari a 44 px, per usare al meglio i comandi: non devono essere troppo piccoli e ravvicinati<\/li><li>la <em>toolbar<\/em> posizionata in basso nello schermo, sotto i contenuti<\/li><li>l&#8217;uso limitato dello <em>scrolling<\/em>: quel che c&#8217;\u00e8 da leggere si deve cogliere subito<\/li><li>il <em>font size <\/em>di 14 px, ottimale per una buona leggibilit\u00e0<\/li><\/ul>\n\n\n\n<p>Ora sai quali sono i requisiti base da richiedere all&#8217;app designer prima di commissionargli la tua app. Non \u00e8 finita qui per\u00f2: scopri di seguito la parte pi\u00f9 creativa. Quella della grafica progettata per catturare il cliente che, fra tante altre, sceglie la tua applicazione per avere il servizio!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">App design, perch\u00e9 \u00e8 cos\u00ec importante per soddisfare il cliente<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"830\" height=\"350\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/04\/app-design2.png\" alt=\"app design\" class=\"wp-image-8214\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design2.png 830w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design2-300x127.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design2-768x324.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design2-610x257.png 610w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/figure><\/div>\n\n\n\n<p>Niente da fare, l&#8217;app design \u00e8 importante per soddisfare il cliente: dando l&#8217;ok al download, la sua attenzione \u00e8 soprattutto verso la <strong>grafica <\/strong>e le <strong>animazioni<\/strong>, in grado di offrirgli un&#8217;<strong>esperienza emozionale.<\/strong> Solo dopo aver soddisfatto questa esigenza, si concentra sulla funzionalit\u00e0. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>L&#8217;ideale \u00e8 riuscire a mixare emozione ed utilit\u00e0 attraverso il design<\/em><\/p><\/blockquote>\n\n\n\n<p>In particolare, ecco le tre qualit\u00e0 grafiche che balzano all&#8217;occhio dell\u2019utente, appena apre una app:<\/p>\n\n\n\n<ul><li>un men\u00f9 a tendina veloce, semplice e funzionale, che si apre toccando un angolo della schermata per mostrare tutte le opzioni<\/li><li>i font originali, ma dallo stile chiaro<\/li><li>le animazioni in 2D e in 3D, che regalano un&#8217;esperienza unica, quasi un biglietto da visita della app.<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche<a href=\"https:\/\/www.addlance.com\/blog\/heatmap-mappe-di-calore\/\" target=\"_blank\" aria-label=\" Usa le heatmaps per migliorare la user experience (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"aioseop-link\"> Usa le heatmaps per migliorare la user experience<\/a><\/p>\n\n\n\n<p>Questi tre aspetti del design, messi insieme, fanno la <em><strong>user experience <\/strong><\/em>della app. Attenzione per\u00f2, \u00e8 un errore trascurare forme e colori, perch\u00e9 creano empatia. Facciamo un esempio: una app per gli amanti del fitness ha un design studiato in un certo modo, ben diverso da una app per bambini o da quella per il <em>trader<\/em>. Per inventare un&#8217;app design adeguato, valuta insieme al tuo <em>freelance <\/em>se:<\/p>\n\n\n\n<ul><li>la grafica \u00e8 destinata ad un <em>target<\/em> adulto che distingue bene le immagini e le parole, ad un bambino che non sa leggere o ad un anziano con difficolt\u00e0 visive<\/li><li>metti insieme forme squadrate o circolari dai colori molto caratteristici. Se \u00e8 il caso usa il <strong><em>Material Design<\/em><\/strong>, che d\u00e0 profondit\u00e0 agli oggetti, come fanno le app <strong>Gmail, Google Keep, Google Play e Google Drive<\/strong><\/li><li>se il <em>target<\/em> lo richiede, scegli<strong> <\/strong>una sola dimensione, con elementi allineati alla stessa altezza e una resa in 2D in colori vivaci, sopra uno sfondo bianco o nero, come le app di <strong>Microsoft Office<\/strong><\/li><li><strong>usa i colori in base alla funzione dell&#8217;applicazione<\/strong>. Se \u00e8 per un&#8217;azienda o un progetto che hanno gi\u00e0 un logo ed un&#8217;immagine coordinata, meglio allinearti alla <em><strong>Corporate Identity<\/strong><\/em>. <\/li><\/ul>\n\n\n\n<p>Ad ogni modo, nello schema dei colori del <em>layout<\/em>, <strong>l&#8217;app design giusto si basa sul contrasto<\/strong>. Questo perch\u00e9 le app si usano in giro, spesso nella luce forte che impedisce la leggibilit\u00e0 dei contenuti. Accertati poi che nel design dell&#8217;interfaccia grafica tutti gli elementi siano formattati uniformemente: chiarezza e ordine soddisfano il cliente<strong>, <\/strong>perch\u00e9 \u00e8 alla ricerca di sicurezze. Gli errori pi\u00f9 gravi sono soprattutto tre, leggi di seguito quali sono.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">I tre errori fondamentali da evitare nell&#8217;app design<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/04\/app-design3.jpg\" alt=\"app designer \" class=\"wp-image-8218\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design3.jpg 800w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design3-300x225.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design3-768x576.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/04\/app-design3-610x458.jpg 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<p>La tua app non decolla, segno che hai commesso qualche errore. Prima di progettarla graficamente, ti consigliamo di valutare il <em>target<\/em> d&#8217;utenza con un&#8217;<strong>indagine di marketing.<\/strong>  Ricorda che la prima versione non deve essere troppo sofisticata, dal momento che va aggiornata dopo un po&#8217; di tempo. Infine, cura particolarmente il design, che \u00e8 fondamentale per emergere nel mercato. Ecco i tre errori pi\u00f9 ricorrenti da tenere d&#8217;occhio:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Troppa inventiva nelle icone<\/h3>\n\n\n\n<p>Non per scoraggiare la creativit\u00e0, ma gli app designer pi\u00f9 competenti sanno che <strong>le icone comuni sono pi\u00f9 familiari <\/strong>all&#8217;occhio dell&#8217;utente. Resisti alla tentazione di sostituire il celebre pollice alzato con versioni personali del <em>like:<\/em> gli utenti non afferreranno il messaggio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"> 2) Immagini senza gerarchia<\/h3>\n\n\n\n<p>Significa che il contenuto forte corrisponde ad un design forte e viceversa, in modo che vengano compresi bene dall&#8217;utente. Per esempio, una &#8220;<em>Call to action<\/em>&#8221; che non viene messa in evidenza graficamente, perde di potere attrattivo e quindi non serve allo scopo. Se vuoi che l&#8217;utente della app esegua un&#8217;azione logica, l&#8217;app design deve indicarla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Icone troppo simili <\/h3>\n\n\n\n<p>E\/o vicine tra loro, per indicare funzioni diverse: <strong>confondono l&#8217;utente<\/strong> che perde la pazienza, soprattutto se \u00e8 in un momento di difficolt\u00e0. Difficile che usi la app una seconda volta<\/p>\n\n\n\n<p>Ultimo consiglio: ricorda che gli utenti possono usare sia <strong>iPhone<\/strong>, sia <strong>Android<\/strong>. Quindi l&#8217;app design deve essere possibilmente in sintonia con l&#8217;estetica della piattaforma da cui viene scaricata. <strong>E&#8217; ammesso progettare anche due versioni<\/strong>, da usare su entrambe. Per farlo trovi le linee guida Android e iOS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusioni<\/h2>\n\n\n\n<p>Non c&#8217;\u00e8 tempo da perdere, le app sono le pi\u00f9 richieste del momento per organizzare la vita degli utenti, evitando imprevisti che rallentano. Una buona app offre un servizio che entusiasma: contatta subito l&#8217;app designer <em>freelance<\/em> che sa progettarla!<\/p>\n    \t","protected":false},"excerpt":{"rendered":"<p>E&#8217; il grande momento delle app: scopri subito qual \u00e8 il miglior app design, perch\u00e9 \u00e8 importante per soddisfare il cliente e chi pu\u00f2 progettarlo con competenza<\/p>\n","protected":false},"author":6,"featured_media":8211,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[17,16],"tags":[18],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8203"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=8203"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8203\/revisions"}],"predecessor-version":[{"id":10660,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8203\/revisions\/10660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/8211"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=8203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=8203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=8203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}