Detox Design: 8 elementer i brukergrensesnittet som skal fjernes

Begynner designet ditt å bli gammelt? Gamle og utdaterte brukergrensesnittelementer kan gjøre at et nettsted føles mye mer datert enn det faktisk er.

Her ser vi på åtte brukergrensesnittelementer som du bør eliminere fra designplanen din. Men det er ikke alt; hver "ikke" kommer med et forslag for å modernisere nettstedet ditt. Vi får designen oppdatert på kort tid!

1. “Flat” -knapper

Et av de største problemene med flat design generelt er at alt var, vel… flatt. For noen brukere gjorde dette elementer vanskelige å skille og gjorde interaksjoner vanskelig. “Nesten flat” og “Flat 2.0” dukket opp som en løsning på dette problemet, og hjalp brukerne med å finne og samhandle med UI-elementer bedre.

Prøv dette i stedet: Legg til et snev av animasjon eller en sveveeffekt for å gi en flat stilknapp litt mer vekt. Hvis du liker utseendet til flatt, kan du vurdere et nesten flatt alternativ eller store knappealternativer som er lettere for brukerne å finne og samhandle med.

2. Tekstkaruseller

Karuseller og glidebrytere kan lett bli gjenstand for store debatter blant designere. Om de er brukbare og fungerer godt, avhenger ofte sterkt av innholdet i.

Tekstkaruseller eller glidebrytere som viser lange informasjonsstrenger er lite praktisk. Glidebrytere som faktisk ikke glir på egen hånd og krever klikk, er ikke spesielt nyttige. Og ingen av disse alternativene oppfordrer brukere til å klikke.

Prøv dette i stedet: Hvis du vil vise flere elementer, bruk denne teknikken som skjerm for en håndfull bilder, men ikke som en oppfordring til handling og ikke bruk den for tekstblokker som brukerne skal lese i rekkefølge . Plasser handlingselementer andre steder på skjermen med en direkte og lettforståelig handling.

3. Koblinger for små hendelser

Å måtte klikke (eller trykke på) på nettsteder for å se tilleggsinformasjon er en saga blott. Brukere ønsker å kunne se informasjon på et øyeblikk uten å miste de opprinnelige nettleserplasseringene. (Dette gjelder nettsteder og apper.)

Hvis du kan vise informasjon på en måte som ikke får brukerne til å navigere bort fra den opprinnelige kilden for disse divotene, bør du gjøre det på den måten.

Prøv dette i stedet: En popover er et lite brukergrensesnittelement som angår en bestemt innholdsinnhold. Når brukeren aktiverer handlingen, dukker det opp et nesten-varslende stilelement (og forsvinner også). Popovers er en av de spionerte funksjonene i Apple OS X og med god grunn; gir funksjonen uten navigering.

4. Flash-basert noe

Det er bare en ting å si om Flash: Hvis du fremdeles bruker det til noe på nettstedet ditt, kan du stoppe.

Prøv dette i stedet: HTML5 er ikke ny lenger og gir all funksjonaliteten du trenger for å spille av lyd, video og andre biter av multimedia. (Pluss at det fungerer på alle enheter.)

5. Ikoner med lange skygger

Dette utvalget av den flate designtrenden var ganske kortvarig. Selv om du fremdeles kan finne noen få lange skyggeikoner eller knapper der ute, har stilen allerede en datert følelse.

Prøv dette i stedet: Prøv å lage en knapp ved å bruke en flat stil med noen hint av skygger eller tekstur. Disse subtile effektene gjør det enkelt å "se" enn et element er designet for å samhandles med, samtidig som det følger med en enkel estetikk som ikke forringer andre bilder.

6. Mega-menyer

Selv om en mega-meny kan hjelpe brukere med å navigere på et nettsted med mye innhold, er de ikke praktiske på mindre enheter. Problemet med disse store menyene er at det ofte er så mye innhold at brukeren ikke vet hva de skal gjøre videre, blir overveldet og forlater nettstedet.

Det andre problemet med enorme menyer er at mange er designet for å åpne på svevet og deretter dekke store deler av skjermen. Dette kan forårsake forvirring for brukere og distrahere brukerne ytterligere fra hvorfor de kom til nettstedet ditt eller flyttet til menyen i utgangspunktet.

Prøv dette i stedet: Bruk sterk kobling på stedet for å lede brukere gjennom biter med relatert innhold. Gjør det enkelt for brukerne å finne og se mønstre i designen til å flytte fra ett element eller en bit innhold til det neste.

Ved hjelp av nettstedanalyse kan du finne brukerflyt og mønstre fra side til side for å skape sterke sideforhold. Hvis du føler behov for å gå stort med navigering, kan du vurdere en lysbildemeny på fullskjerm som blir klikket med vilje og kan skjules like enkelt.

7. For mange ikoner for sosiale medier

På dette tidspunktet vet brukerne hvordan de kan dele innhold på sosiale medier - selv om det ikke er mange titalls ikoner på tvers av siden. Alle disse ikonene distraherer sannsynligvis innholdet ditt.

Enda verre er en sterk av sosiale medieikoner med alle de forskjellige fargene og formene på forskjellige kanaler. Disse ikonene dreper designet ditt. Det er bedre alternativer.

Prøv dette i stedet: Legg til tilpassede delingsknapper på sosiale medier i toppteksten eller bunnteksten og hold dem utenfor individuelt innhold. Design dem med finesse slik at de ikke distraherer brukerne fra designet og den faktiske grunnen til å besøke nettstedet ditt.

Eller vær litt dristigere og vurder å grøfte dem helt. Grav deg inn i analysene dine; hvor mange mennesker bruker faktisk delingsknappene?

8. "Fake" -animasjon

Spinner, hopper eller endrer farger knapper, elementer og andre oppfordringer til handling, for å få brukerne til å se på dem? Disse teknikkene vil dateres nettstedet ditt umiddelbart.

Designet skal trekke inn brukere; oppmerksomhet på grunn av en latterlig mengde bevegelse, bør ikke.

Prøv dette i stedet: Design elementer med hensikt. Gi brukere et sted å fokusere i designet. Hver skjerm bør ikke inneholde mer enn ett handlingsobjekt (bortsett fra aksjeopsjoner for sosiale medier). Så gjør det klart hva brukerne bør gjøre og utforme et element som kan hjelpe dem å oppnå dette målet.

Her er elementer i kort stil et godt alternativ. Fordi beholderne er større enn en standard knapp, gir de rikelig med klikkbar plass og informasjon. Dette kan gjøre det enkelt for brukerne å finne og klikke til riktig handling. (Og kort er også responsiv-vennlige.)

Konklusjon

Gjør du noen av disse UI-feilene på nettstedet ditt? Enkle fikser kan hjelpe deg med å oppdatere og modernisere designet, samtidig som det blir enklere å bruke.

Sørg for å se på eksemplene (og klikk gjennom lenkene for å se hvordan de fungerer i aksjon) for å se på måter du kan bruke forskjellige typer brukergrensesnittelementer på. Og sørg for å dele noe av arbeidet ditt med oss ​​i galleriet Design Shack.

© Copyright 2024 | computer06.com