UI-neigings wat 2020 sal vorm

Laat my toe om vir u iets te vra wat miskien soos wetenskapfiksie klink. Het dit al ooit by u opgekom dat die planeet Aarde miskien 'n bietjie vinniger van laat beweeg het - maar ons moet nog daarvan agterkom? Dit lyk asof dit eers gister was wat ons verwag het toe ons in 2018 aangekom het. Tog is dit amper 2019 al amper XNUMX!

Dink daaraan, 2018 was egter een van die jaar se UI-ontwerp. Dinge is nou baie eenvoudiger in vergelyking met vorige jare - danksy die eksponensiële groei-ontwerpinstrumente wat die afgelope tyd ervaar is. U hoef nie eens meer 'n kodering-guru te wees om 'n professionele webwerf met 'n puik UI te skep binne 'n paar minute nie.

En dit dek skaars die basis. Veranderings in gebruikersvoorkeure het ook 'n groot invloed gehad op hoe ons koppelvlakke in 2018 ontwerp het.

Om dit in perspektief te plaas, 94% van die internet-gebruikers het opgehou om webwerwe met 'n swak ontwerp te vertrou; daar is eenvoudig nie meer ruimte vir kompromieë nie.

Aangesien blaai nou algemeen aanvaar word, prioritiseer webwerwe nie meer die beste artikels bo-aan nie. U kan dit proporsioneel versprei binne die koppelvlak. Maar weereens het ons geleer om baie versigtig te wees met die oorweging 40% van die besoekers sal vertrek as die algehele uitleg lomp blyk te wees.

En dit is nie al wat hulle haat nie. Gebruikers het ook al moeg geword vir slegs die gly-inhoud 1% klik op hulle. Dit is interessant dat die vermindering daarvan deur die verwydering van inhoud ook 'n verkeerde stap sou wees 86% van die besoekers wil kritiese inligting oor produkte en dienste sien sodra die land op die tuisblad is.

Fassinerend, nie waar nie?

Laat ons dus eerlik wees - UI-ontwerp was nog nooit so opwindend nie. Gebruikers is besig om te ontwikkel, toesteltegnologie ontwikkel astronomies, internetsnelheid is nou op Formule 1-vlak, en ons word ondersteun deur 'n wye verskeidenheid ontwerpinstrumente op die web. Kombineer dit alles met die moderne UI-ontwerpervaardighede, en jy sal beslis saamstem dat 2019 nog meer van invloed sal wees.

Dus, na watter neigings sien ons uit?

Mobile eerste

Mobiele optimalisering is 'n gonswoord wat skynbaar nie binnekort uittree nie. Die tendens bestaan ​​al 'n paar jaar, om die minste te sê. En u sal met reg voorspel dat ons in 2019 'n groter gebruik van UI-ontwerpe vir mobiele toestelle sal aanneem.

U kan ook aanneem dat daar, behalwe vir die ooreenstemmende tegniek, niks nuuts in hierdie ruimte opduik nie - ten minste vir die volgende 12 maande of so. Billik genoeg, maar kry dit ...

U sien, ons gebruik al 'n geruime tyd dieselfde ou benadering-ontwerp vir 'n rekenaar voordat ons na mobiele toestelle oorgaan. Terugskouend, was die UI vir tafelrekenaars die hooffokus omdat die grootste deel van die verkeer van rekenaargebruikers afkomstig was.

Daar is iets interessants aan die einde van 2016 - mobiele verkeer het uiteindelik die PC-verkeer oortref. Aan die einde van daardie jaar het selfone toegeslaan 50.31% van die markaandeel, terwyl tablette tot 4.9% toegevoeg het.

mobiele markaandeel

Nietemin, ons het egter steeds op die tafelrekenaar-koppelvlak geprioritiseer omdat dit so gebeur dat rekenaargebruikers die voorsprong behou het in die opgehoopte tyd aanlyn. In Noord-Amerika, byvoorbeeld, was die navigeer van selfone nog in 2017 agterweë 33% van die brandtyd.

surf tyd

Nou, dink daaraan, ons het almal geweet dat dit net tyd is voordat die selfone uiteindelik ook PC's inhaal. En teen 2018 het die tafels heeltemal gedraai, met die mobiele inskakeling 52.2% van alle wêreldwye webblaaie.

verkeersaandeel

Wat beteken dit vir die UI?

Vir die begin, verwag ons dat die UI-ontwerpbenadering verskuif. Ontwikkelaars sal hul prioriteite begin verander deur eers op mobiele UI te fokus voordat hulle vir 'n rekenaar ontwerp. Mobiele gebruikers het voorrang bo rekenaargebruikers.

Gebruik van skaduwees en diepte

Daar kan nie ontken word dat plat UI-ontwerpe hul voordele inhou nie. Maar kom ons kyk daaraan. Hulle het nou te eentonig geword en weliswaar nogal vervelig.

Ongelukkig was die gebruik van 3D-ontwerpe uitdagend as gevolg van die gevolglike omslagtige grafika. Dit het byvoorbeeld langer geduur as een met 'n plat ontwerp om 'n webblad met 'n 3D-koppelvlak te laai.

Nou ja, totdat die webblaaiers aansienlik verbeter het. En ontwerpers, daarenteen, het 'n besonderse tegniek ontwikkel om die skaduwees te benut om die illusie van diepte in te stel.

skaduwees en diepte

Daarom verwag ons dat ons in 2019 geleidelik die gebruik van skaduwee-variasies gaan gebruik om verskillende uitkyk op 3D-koppelvlak te bewerkstellig.

Ontwerpers wat byvoorbeeld aandag wil gee aan spesifieke elemente, kan vals skaduwees skep met verskillende grade van sagtheid en intensiteit. Die eindresultaat is 'n element wat in 3D oor die res kan hang.

'N Ander gewilde tegniek is om skaduwees in patrone te plaas om verskillende vlakke van teksture te skep, en die koppelvlak-elemente dan weer lewendig te maak.

Raai dan wat? Onlangse vooruitgang in UI-ontwerpinstrumente het die dinamika wat by hierdie ontwerpbenaderings gepaardgaan, verder uitgebrei. U kan nou maklik skaduwees met roosters en parallaksuitleg kombineer om die ooreenstemmende diepte stelselmatig uit te brei en gevolglik meer realistiese 3D-illusies te verkry.

Met ander woorde, gevorderde gebruik van skaduwees sal steeds verfynde diepte op 2D-vertoning behaal. En sodoende moet u die behoefte aan spesiale 3D-skerms uitskakel.

minimalisme

In die jaar 2000 strek die gemiddelde menslike aandagspan, ten minste volgens 'n studie deur Microsoft, was 12 sekondes. Raai dan wat? In 2015 het dit verbasend gedaal tot 8 sekondes - amusant korter as 'n standaard goudvis.

Nou, net toe ons gedink het dit kan nie erger word nie, het die internet mense ongeduldig gemaak- 47% van u besoekers verwag nou dat u bladsye binne minder as 2 sekondes sal laai. Hulle kan eenvoudig nie langer staan ​​en wag nie. In werklikheid sal 40% van hulle vertrek as dit langer as 3 sekondes duur.

Dit is verbasend genoeg dat baie webontwerpers dit nie ernstig opgeneem het nie. Die huidige die gemiddelde laaisnelheid van bladsy is 8.66 sekondes- ondanks Google se aanbeveling van minder as 3 sekondes vir 2018.

bladsy laai tye

En dit is nie al nie. Dit blyk dat die mobiele werwe aansienlik swakker is, aangesien dit 'n gemiddeld van 22 sekondes om te laai. Ongelukkig hang 53% van die besoekers aan mobiele bladsye nie langer as drie sekondes rond nie.

Maar hoe hou dit verband met UI?

Alhoewel die laai snelhede van die bladsy gewoonlik deur verskillende faktore bepaal word, is die algemene ontwerp van die gebruikerskoppelvlak veral uiters krities. Dit is waar die kettingreaksie begin.

Dus, wat beteken dit vir 2019?

Wel, Google se spoedopdatering in Julie 2018 was die begin van die einde van ingewikkelde, grafiese swaar UI's wat laaisnelhede in die wiele ry. Ons beweeg nou toenemend na goed-gestroomlynde, minimalistiese UI's wat baie vinniger laai.

In wese behels minimalisme die bereiking van 'n ideale balans tussen eenvoud, gemak en funksionaliteit. Dit slaag daarin om nie net die algehele snelheid en die ranglys van die soekenjin te verbeter nie, maar ook om die ooreenstemmende tempo van die weiering van verkeer te verlaag.

Oorvleuelende effekte

Die moderne era van grafiese ontwerp het oorvleuelende effekte gebring om verskeie lae te kombineer, 'n gevoel van ruimte te skep, en die belangrikste, koppelvlakke is boeiender.

Maar hou aan. Wat is in die eerste plek 'n oorvleuelende effek?

Oor die algemeen behels dit om elemente soos beelde, teks en kleure te plaas om mekaar stylvol te oorvleuel. Ek is seker jy het nou al op verskeie webwerwe oorvleuelende grafieke afgekom.

oorvleuelende effekte

Weliswaar, die ontwerpneiging neem die afgelope paar jaar aansienlik goed op. Maar met moderne toestelle wat nou 'n baie beter reproduksie van kleurgradiënte het, word verwag dat 2019 uitgebreide aanvaarding van oorvleuelende effekte op rekenaar- en mobiele UI's sal veroorsaak.

Samsung Mobile het byvoorbeeld oorgeskakel van LCD-skerms na die baie gevorderde OLED-tegnologie toe hulle die Galaxy S7 twee jaar gelede vrygestel het. Toe sluit Apple by die bandwagon aan met die iPhone X, wat nou 'n groter kontras het as sy LCD-voorgangers. Die maatskappy het selfs planne om dit te handhaaf op alle iPhone-modelle wat vir 2019 geskeduleer is.

En wie kan die meeste baat vind?

Soos verwag, trek die grafiese ontwerpwêreld buitengewoon voordeel daaruit om oorvleuels te skep met skerper, fyner gradiënte wat meer natuurlik lyk. Ons is lief daarvoor dat OLED-skerms die grootste probleem met oorvleuelende elemente aansienlik verminder het - gebruikers word afgelei deur die onderliggende sekondêre elemente weens swak kontras.

Hierdie tendens sal ook die ontwikkeling van deursigtigheid in UI-ontwerpe aanhits. Ons sal 'n toenemende gebruik van 'glasagtige' teksture op UI's sien, aangesien ontwerpers voordeel trek uit deursigtigheid om beide primêre en sekondêre grafika gelyktydig uit te beeld, sonder om noodwendig die beoogde klem te beïnvloed.

Raamlose ontwerpe

En steeds op moderne toestelle, het u deesdae sekerlik die opvallendste ding van hul algehele buite-ontwerp opgemerk. Nee, ek praat nie van hoe hulle nou glas op feitlik elke oppervlak gebruik nie.

Ok, ek erken dat dit iets hiermee te doen het. Om een ​​of ander vreemde rede haat almal skynbaar vertoonrame. Groot vervaardigers van slimfone en TV-skerms verlaag geleidelik die ruimte tussen die skermlyn en hul ooreenstemmende toestelle. Om die voorkoms te voltooi, kies hulle om dit met ronde toestelle te kombineer.

Samsung het selfs vooruitgegaan om die rame heeltemal uit te skakel deur sommige van hul slimfoonskerms langs die rande uit te brei. Apple, daarenteen, het besluit om die hele iPhone-gesig met die vertoonskerm te bedek, en dit laat slegs ruimte vir die gehoorstuk.

raamlose rand

Ek dink dit het alles te make met die oneindige illusie - die behoefte om die skerm te laat lyk soos 'n deel van die natuurlike omgewing. En, om eerlik te wees, dit werk baie goed vir gebruikers wat volgens die berigte die uitstallings meer opwindend maak.

Miskien is dit nie verbasend dat hierdie neiging na die app-industrie oorgespoel het nie. Die UI's skuif geleidelik van geraamde buitelyne na gladde lyne gekombineer met afgeronde rande. Gevolglik het dit gehelp dat die koppelvlakke naatloos met die skerms van die toestel geïntegreer is, en gevolglik 'n raamlose uitkyk op die volskerm geskep het.

Aangesien toestellevervaardigers hierdie tendens in 2019 voortduur, verwag ons dat UI's die ou geslag se skerp rande geleidelik sal laat sak vir gladde, afgeronde, raamlose ontwerpe.

Mikro-Animasies

Dit is subtiel en lyk soms onbeduidend. Maar die eenvoudige waarheid is dat mikro-animasies in UI's uiters kragtig is om gebruikers te betower en te help as hulle navigeer.

Het u al die knoppies gesien wat van kleur verander as u daaroor blaai of daarop klik? U het beslis ook menu-uitlegte teëgekom wat verskyn om bykomende opsies te vertoon sodra die aanwyser daarop beland. Wel, dit is almal voorbeelde van mikro-animasies wat klein visuele effekte skep om gebruikerservaring te verryk.

mikro-animasie

Aangesien bewegende elemente veral effektief is om aandag te trek, gebruik baie ontwerpers hulle reeds om gebruikers na verskillende omskakelingspunte te dryf. Hierdie neiging is teen hierdie tyd so algemeen dat ek bereid sou wees om 'n fortuin te maak dat u nie meer as vyf webwerwe kan vind wat nog nie 'n vorm van mikro-animasies geïmplementeer het nie.

Kry dit dan. Al die dominante webblaaiers ondersteun tans mikro-animasies op 'n rekenaar sowel as mobiele telefoon. Dus sou ek sê dat die neiging hier is om te bly soos ons 2019 nader - en verwag dat UI's met stelselmatig gestruktureerde visuele hiërargieë te make het.

Gevolgtrekking

In die geheel gesien, het ons slegs enkele van die belangrikste tendense gedek. Ons sal waarskynlik meer opwindende dinge sien kom met verloop van tyd, en ons kan nie wag vir 2019 om die bal aan die rol te sit nie.

Dit gesê, wat dink jy kan die mees effektiewe UI-ontwerpstrend wees? En watter ander opvallende neigings sou u by hierdie lys voeg?

opskrif van hoofde met vergunning van Walid Beno

Bogdan Rancea

Bogdan is 'n stigterslid van Inspired Mag, en het bykans 6 jaar ervaring in hierdie periode opgedoen. In sy vrye tyd studeer hy graag klassieke musiek en verken visuele kuns. Hy is ook behep met fixies. Hy besit al 5.