![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-289159-6382d93b3171b.webp\")
<\/a><\/p>\n\n Anv\u00e4ndare \u00e4r utrustade med fingrar i olika storlekar. S\u00e5 touchen m\u00e5ste konfigureras f\u00f6r att tillgodose fingrarna p\u00e5 alla personer i m\u00e5lsegmentet. Den genomsnittliga bredden p\u00e5 ett vuxet pekfinger \u00e4r 1,6 till 2 cm. T\u00e4nk d\u00e4rf\u00f6r p\u00e5 det n\u00e4r du designar ber\u00f6ringsbaserade mobilapplikationer.\n<\/p>\n
\n Om anv\u00e4ndare tycker att det \u00e4r sv\u00e5rt att r\u00f6ra och aktivera funktionerna i appen kan de \u00f6verge att anv\u00e4nda appen helt och h\u00e5llet och det skulle vara riktigt tragiskt. Och detta g\u00e4ller \u00e5terigen antalet funktioner du har. Ju fler funktioner du har, desto mindre tryckytor p\u00e5 appen. \u00c5 andra sidan skulle inkorporering av n\u00e5gra f\u00e5 utm\u00e4rkta funktioner leda till st\u00f6rre kranareor.\n<\/p>\n
\n 4 The Scroll Horror
\n<\/h5>\n
\n Tidskrifts- och tidningsredakt\u00f6rer och annons\u00f6rer levde en g\u00e5ng i den eviga fasan av ”f\u00e5ran'. N\u00e4r mobilapplikationer blev popul\u00e4ra l\u00e4ttade ”vikskr\u00e4cken” lite eftersom inneh\u00e5llet var synligt p\u00e5 en sk\u00e4rm som l\u00e4tt kunde rullas.\n<\/p>\n
\n Men detta var bara delvis sant eftersom det blev viktigare och viktigare att skapa en responsiv och l\u00e4ngre webblayout d\u00e4r huvud\u00e5tg\u00e4rderna inte ska g\u00e5 under mitten, eller snarare sl\u00e5 en plats d\u00e4r folk enkelt kan scrolla och hitta den.\n<\/p>\n
\n Konverteringarna \u00f6kar endast n\u00e4r de relevanta knapparna \u00e4r placerade ”ovanf\u00f6r mitten” eller n\u00e4r anv\u00e4ndare inte beh\u00f6ver rulla. Att placera en tydlig uppmaning p\u00e5 en framtr\u00e4dande plats skulle ge fler omvandlingar.\n<\/p>\n
\n 5 knappar som efterliknar utseendet p\u00e5 GUI-kontrollknappar
\n<\/h5>\n
\n Precis som att ha f\u00f6r m\u00e5nga GUI-kontroller kan vara ett fruktansv\u00e4rt misstag, kan motsatsen till detta ocks\u00e5 vara d\u00f6dlig. Understrukna texter och rubriker skapar k\u00e4nslan av att de \u00e4r l\u00e4nkar som skulle ta anv\u00e4ndarna till en ny sida.\n<\/p>\n \n De klickar p\u00e5 den, men n\u00e4r de inte kommer till sidan antar de att l\u00e4nken \u00e4r bruten och avslutar appen. Anv\u00e4ndare blir ofta f\u00f6rvirrade och ibland irriterade p\u00e5 grund av denna fars och de kanske inte kommer tillbaka igen.\n<\/p>\n \n Visa radioknapparna d\u00e4r de \u00e4r absolut n\u00f6dv\u00e4ndiga, men ge inte fel intryck av radioknappar d\u00e4r det inte finns n\u00e5gra.\n<\/p>\n \n GUI-kontrollerna b\u00f6r vara konsekventa. Om du anv\u00e4nder s\u00e4rskilda ord f\u00f6r uppmaning och liknande handlingar, anv\u00e4nd sedan samma ord i hela appen. Att anv\u00e4nda olika ord f\u00f6r samma handling kan skapa f\u00f6rvirring.\n<\/p>\n \n Ibland g\u00f6r handlingar som utvecklarna antar \u00e4r enkla f\u00f6r anv\u00e4ndarna precis tv\u00e4rtom. Om du f\u00f6ljer ett visst m\u00f6nster i din app, f\u00f6lj det konsekvent hela tiden. Se till att knapparna och sidorna visas d\u00e4r anv\u00e4ndarna f\u00f6rv\u00e4ntar sig att de ska komma.\n<\/p>\n \n Utvecklare sparar inte tid genom att hoppa \u00f6ver fl\u00f6desdiagrammen och kasta sig direkt in i designdelen av appen. Det \u00e4r mycket viktigt att bygga ett fl\u00f6desschema med anv\u00e4ndarna i \u00e5tanke, och m\u00e5nga utvecklare skapar dessa diagram med anv\u00e4ndarpersonas s\u00e5 att de alltid har slutanv\u00e4ndaren i \u00e5tanke.\n<\/p>\n \n Detta skulle ocks\u00e5 hj\u00e4lpa till att avg\u00f6ra var anv\u00e4ndarna kommer ifr\u00e5n, vilka deras intressen \u00e4r och var de ligger. N\u00e4r du utformar fl\u00f6desscheman \u00e4r det d\u00e4rf\u00f6r absolut n\u00f6dv\u00e4ndigt att besluta om anv\u00e4ndar- och aff\u00e4rsm\u00e5l och om det skulle uppn\u00e5s i slutet eller inte. Genom att skapa fl\u00f6des\u00f6versikter \u00e4r det m\u00f6jligt att g\u00e5 igenom olika alternativ med sidfl\u00f6den, och best\u00e4mma det b\u00e4sta.\n<\/p>\n \n I lekmannatermer betyder affordance alla de handlingar som \u00e4r fysiskt m\u00f6jliga beroende p\u00e5 egenskaperna hos ett objekt\/milj\u00f6. En trappa l\u00e5ter dig g\u00e5 upp eller ner, en flaskkork l\u00e5ter dig skruva eller skruva loss.\n<\/p>\n \n P\u00e5 samma s\u00e4tt, p\u00e5 en webbsida, utf\u00f6r en skjutreglage funktionen att flytta upp och ner, kryssrutan l\u00e5ter dig markera eller avmarkera den och den hyperl\u00e4nkade texten tar dig till en annan sida. Affordance till\u00e5ter en anv\u00e4ndare att g\u00f6ra n\u00e5got de l\u00e4tt kan f\u00f6rst\u00e5.\n<\/p>\n \n Uppfattningen om dessa m\u00f6jligheter kommer att baseras p\u00e5 anv\u00e4ndarens kunskap om webbsidan, erfarenheter, \u00f6vertygelser och m\u00e5l. N\u00e4r du designar anv\u00e4ndargr\u00e4nssnitt \u00e4r det viktigt f\u00f6r designern att ge korrekta ledtr\u00e5dar, annars kan det leda till f\u00f6rvirring och d\u00e4rmed d\u00e5lig anv\u00e4ndarupplevelse.\n<\/p>\n \n Designers m\u00e5ste anv\u00e4nda korrekta visuella signifiers genom vilka anv\u00e4ndare kan uppfatta hur de observerar dessa UI-element och interagerar med dem. Det \u00e4r ocks\u00e5 viktigt att komma ih\u00e5g att alla anv\u00e4ndare inte skapas lika; d\u00e4rf\u00f6r kanske inte alla tillst\u00e5nd uppfattas eller tolkas p\u00e5 samma s\u00e4tt av alla. S\u00e5 backa alla visuella signaler med korrekta etiketter och instruktioner.\n<\/p>\n<\/a><\/p>\n\n 6 Inkonsekventa GUI-kontroller
\n<\/h5>\n\n 7 Hoppa \u00f6ver fl\u00f6desscheman och komma ig\u00e5ng med designen
\n<\/h5>\n<\/a><\/p>\n\n 8 Att inte \u00f6verv\u00e4ga ”upplevda m\u00f6jligheter”
\n<\/h5>\n\n 9 Fr\u00e5nvaro av r\u00e4tt typ av dialogrutor
\n<\/h5>\n