\n Ursprungligen ben\u00e4mndes de som monotona, och de platta designerna blev snart ansiktet ut\u00e5t f\u00f6r miljoner webbplatser. Under de senaste tv\u00e5 \u00e5ren har m\u00e5nga utvecklare tagit farv\u00e4l av en lista med komplicerade m\u00f6nster, skuggor, gradienter, typsnitt och stal showen genom att inf\u00f6rliva ett minimalistiskt tillv\u00e4gag\u00e5ngss\u00e4tt i sina webbdesigner.\n<\/p>\n
\n En av de fr\u00e4msta anledningarna till den platta designens hyllning kan vara utbudet av f\u00f6rdelar som designen tj\u00e4nar b\u00e5de utvecklarna och anv\u00e4ndarna. Det platta och minimalistiska tillv\u00e4gag\u00e5ngss\u00e4ttet bjuder in anv\u00e4ndarna, som har sv\u00e5rt att v\u00e4nja sig vid de komplicerade webbplatserna. Till skillnad fr\u00e5n skeuomorfism erbjuder de minimala illustrationerna och fr\u00e5nvaron av tunga element som skuggor, djup och gradienter snabbare laddningstider och ett gr\u00e4nssnitt som \u00e4r v\u00e4nligt f\u00f6r alla enheter.\n<\/p>\n
\n Enhetsagnosticism
\n<\/h5>\n
\n ”G\u00e5 med str\u00f6mmen”<\/strong>\n<\/p>\n \n ”Innan du b\u00f6rjar med n\u00e5got, titta bara p\u00e5 bilden ovan”. En smart utvecklare vet att det nu har blivit meningsl\u00f6st att h\u00e5lla sig till webbplatsen som \u00e4r optimerad f\u00f6r en viss enhet med smartphone- och surfplattor som tar ledningen \u00f6ver de gamla datoranv\u00e4ndarna.\n<\/p>\n \n Webbplats\u00e4garna ins\u00e5g vikten av en layout som kan spridas j\u00e4mnt i varje dimension av enheten om de f\u00f6rs\u00f6ker v\u00e5rda sina kunder under en l\u00e4ngre period. Medan mobilen driver n\u00e4stan 50 % av den totala trafiken till e-handelswebbplatserna, vet chefer, att ha en enhets-agnostisk webbplats kan ge dem en anv\u00e4ndare som \u00e4r villig att komma och igen p\u00e5 deras webbplats.\n<\/p>\n \n ”S\u00e4tta st\u00e4mningen”<\/strong>\n<\/p>\n \n Du kan hata det, du kan \u00e4lska det, men du kan inte bara ignorera en webbplatss bakgrund i full bredd s\u00e5 fort du kommer dit f\u00f6r att spendera n\u00e5gra pund. \u00c5r 2015, bevittnade den fullfj\u00e4drade uppkomsten av stora bakgrunder, och vet inte n\u00e4r det blir den nya favoriten i branschen.\n<\/p>\n \n Bakgrunden i full bredd g\u00f6r att webbplatserna ser snygga ut. Stor bakgrund med en snygg rubrik l\u00e5ter anv\u00e4ndare navigera p\u00e5 sidan och st\u00e4lla in st\u00e4mningen f\u00f6r ditt varum\u00e4rke. Den stora bilden i framkant l\u00e5ter webbplatsen kommunicera budskapet till anv\u00e4ndarna effektivt. Designen anv\u00e4nder det fr\u00e4mre utrymmet helt f\u00f6r att kommunicera id\u00e9n, genom att f\u00e5nga anv\u00e4ndarnas uppm\u00e4rksamhet s\u00e5 fort de g\u00e5r in p\u00e5 webbplatsen.\n<\/p>\n \n ”St\u00f6r inte”<\/strong>\n<\/p>\n \n De flesta av oss kanske har lagt m\u00e4rke till dem placerade elegant, mitt i den stora bakgrunden, men bryr oss aldrig om att veta hur de skiljer sig fr\u00e5n de traditionella klickbara geometriska formerna placerade runt de framtr\u00e4dande platserna p\u00e5 webbplatsen. Ghost-knappen \u00e4r j\u00e4mf\u00f6relsevis st\u00f6rre och har en vit kontur utan fyllning eller n\u00e5gon text inuti.\n<\/p>\n \n Behovet av att ha sp\u00f6kknappar i webbdesignen uppstod, med den \u00f6kande populariteten f\u00f6r den minimalistiska designmetoden. Knapparna ser inte riktigt ut som de traditionella knapparna utan utf\u00f6r liknande \u00e5tg\u00e4rder (d\u00e4rav kallas ”sp\u00f6ke”). Den grundl\u00e4ggande f\u00f6rdelen med att integrera sp\u00f6kknapparna \u00e4r att ha de klickbara som inte st\u00f6r bildernas visualitet. P\u00e5 grund av Ghost-knapparnas karakt\u00e4r tar de upp relativt st\u00f6rre utrymme och visas endast p\u00e5 hemsidan eller avsnittet Om p\u00e5 webbplatsen.\n<\/p>\n \n ”Fet \u00e4r vackert”<\/strong>\n<\/p>\n \n De dagar d\u00e5 webbplats\u00e4gare ombads att spendera miljoner p\u00e5 textstilen p\u00e5 sin webbsida \u00e4r f\u00f6rbi. Den nuvarande e-handelsbranschen f\u00f6ljer mantrat ”Keep it bold and simple”. Anv\u00e4ndningen av den feta och stora typografin tillsammans med de kompletterande bilderna tog anv\u00e4ndarupplevelsen till ovanst\u00e5ende niv\u00e5 och gjorde sakerna l\u00e4ttare att uppfatta.\n<\/p>\n \n Tillsammans med att webbplatsen verkar ren och snygg, levererar stor typografi budskapet starkt och har en omedelbar inverkan p\u00e5 bes\u00f6karna. Stor grafik eller text centraliserar anv\u00e4ndarens uppm\u00e4rksamhet och \u00f6kar den visuella rankningen av webbplatsens huvudinneh\u00e5ll. Trenden \u00e4r perfekt f\u00f6r de mobila webbplatserna, eftersom det inte finns n\u00e5got behov f\u00f6r anv\u00e4ndarna att zooma in eller ut n\u00e4r de g\u00f6r ett k\u00f6p med mobilen, utan du m\u00e5ste titta p\u00e5 utrymmet som din f\u00f6rstasida har innan du l\u00e4gger till stor text i din webb. sida. Den extra anv\u00e4ndningen kan f\u00e5 din webbplats att framst\u00e5 som en smula.\n<\/p>\n \n ”R\u00e4kna med Navicon”<\/strong>\n<\/p>\n \n Du l\u00e4mnar aldrig dina tillbeh\u00f6r utspridda i varje h\u00f6rn av ditt rum, varf\u00f6r skulle du d\u00e5 g\u00f6ra det p\u00e5 din webbplats? De f\u00f6retag som f\u00f6rstod betydelsen av en ren och st\u00f6kig webbplats, f\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen, inkorporerade mycket v\u00e4l hamburgerknappen i det \u00f6vre h\u00f6gra h\u00f6rnet p\u00e5 sin e-handelswebbplats. Konceptet med dolda menyer \u00e4r inte s\u00e4rskilt nytt, men trenden tog hype under \u00e5r 2015, fr\u00e4mst p\u00e5 grund av en \u00f6kning av antalet mobilv\u00e4nliga webbplatser.\n<\/p>\n \n Navigeringen utanf\u00f6r sk\u00e4rmen g\u00f6r att webbplatsen ser snygg ut, och hamburgerikonen l\u00e5ter anv\u00e4ndaren referera till menyn fr\u00e5n vilken sida som helst utan att beh\u00f6va hitta den. Stora namn som EBay, Reebok e-handel, Stella McCartney, Samsung har integrerat de dolda menyerna effektivt i sina e-handelsplattformar f\u00f6r att ta anv\u00e4ndarupplevelsen p\u00e5 sina webbplatser till en h\u00f6gre niv\u00e5.\n<\/p>\n \n ”Imponera med platts\u00e4ttning”<\/strong>\n<\/p>\n \n Med det visuella s\u00e4ckar det mesta av anv\u00e4ndarens uppm\u00e4rksamhet, fick navigeringen med geometriska kakel lionisering i e-handelsfronten. Stora brickor med minimal text, men \u00e4nd\u00e5 kompetent nog att leverera relevant information till anv\u00e4ndarna i f\u00f6rsta hand! Kakelnavigeringen styrde sj\u00f6korten under hela \u00e5ret 2015 och kommer inte att g\u00e5 n\u00e5gonstans snart.\n<\/p>\n \n De tilltalande bildblocken fyllda med relaterad information, ger en tydlig beskrivning av produkten till anv\u00e4ndarna och ger dem en liten uppfattning om vart de klickar p\u00e5 rutan. F\u00f6r att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen, och g\u00f6ra navigeringen mer tilltalande, l\u00e4ggs huvudvikten p\u00e5 det visuella inneh\u00e5llet, vilket st\u00f6ds av den kompletterande texten. Genom att klicka p\u00e5 brickorna navigerar anv\u00e4ndarna till en annan sida som visar en detaljerad vy av den erbjudna produkten.\n<\/p>\n \n ”L\u00e5t det buffra”<\/strong>\n<\/p>\n \n Ingenting skulle kunna undergr\u00e4va det faktum att ”E-handelsbranschen kr\u00e4ver \u00f6vertygande inneh\u00e5ll f\u00f6r att locka de l\u00f6nsamma leads att konvertera.” Utvecklarna f\u00f6rstod att det \u00e4r bra att s\u00e4tta kvalitetsbilder f\u00f6r att visa produkterna, men att ha en video som engagerar kunderna och marknadsf\u00f6ra produkterna p\u00e5 ett mer detaljerat s\u00e4tt kan ha en enorm inverkan p\u00e5 den totala konverteringen p\u00e5 webbplatsen. \u00c5r 2015 bevittnade ett betydande steg fr\u00e5n text till video; & webbplatser har mycket v\u00e4l inf\u00f6rlivat id\u00e9n i sin layout f\u00f6r att demonstrera sina produkter.\n<\/p>\n \n En tilltalande video f\u00f6rb\u00e4ttrar inte bara anv\u00e4ndarinteraktionen, utan den p\u00e5verkar ocks\u00e5 hur konsumenterna beter sig med varum\u00e4rket. N\u00e4r f\u00e5 kunder tillfr\u00e5gades svarade n\u00e4stan h\u00e4lften av dem att de k\u00e4nner sig s\u00e4krare p\u00e5 sitt k\u00f6pbeslut efter att ha sett produktdemonstrationer p\u00e5 webbplatsen.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247688-6382199a1d0da.webp\")
<\/a><\/p>\n\n Bakgrund i full bredd
\n<\/h5>\n<\/a> Full bredd bakgrund av falve webbplats<\/a>.<\/p>\n\n Sp\u00f6keknappar
\n<\/h5>\n<\/a> Sp\u00f6kknappar p\u00e5 iuvo webbplats<\/a>.<\/p>\n\n Stor typografi
\n<\/h5>\n<\/a> Stor typografi p\u00e5 Austineastciders webbplats<\/a>.<\/p>\n\n Dold meny
\n<\/h5>\n<\/a> Dold meny fr\u00e5n codrops handledning<\/a>.<\/p>\n\n Kakelnavigering
\n<\/h5>\n<\/a> Kakelnavigering i matristema<\/a>.<\/p>\n\n Videoinneh\u00e5ll
\n<\/h5>\n<\/a><\/p>\n\n R\u00f6relseanimering
\n<\/h5>\n