8 UI-designtips eller hvordan man bruger effektiv UI? | SpdLoad

Effektiv brugergrænseflade hjælper brugere med at udføre specifikke handlinger med lethed, tilfredshed og fuld kontrol. Derfor er det kritisk vigtigt at følge gode UI-designtips. Og forstå klart forskellen UX vs UI design.

Hvis UI-design er vellykket, bliver det usynligt for brugeren. Det bliver så dygtig til at forudse, hvilken handling en bruger vil tage næste gang.

Brugergrænseflade præsenterer elementer og strukturer, der hjælper brugeren med at udføre handlinger med succes og let. Det ser ud til, at besøgende ikke engang bemærker brugergrænsefladen.

Jeg vil dele nogle tip, som jeg har lært i min rejse som grafisk designer. Jeg viser, hvordan disse enkle tip kan hjælpe dig med at skabe et overlegen design af brugergrænsefladen.

8 i det væsentlige gode UI-designtips

For en nybegynder-designer og mange brugere er UI simpelthen et 'udseende' på et websted. I virkeligheden er det så meget mere.

Det består af koncepter fra visuel design, interaktiv design og informationsarkitektur.

Også opbygning af grænseflader og kommunikationspunkter, der gør opgavens udførelse sømløs, intuitiv og velkendt.

Men hvad gør forskellen mellem effektiv og ubrugelig brugergrænseflade i MVP-design?

Lad os overveje 8 tip.

Start med UX-brugerundersøgelser

Ved design af brugergrænseflade starter alt fra brugeren.

For at oprette websteder, som brugere finder det nemt at bruge, skal du studere, hvordan brugerne opfører sig og interagerer med websteder. Lær deres arbejdsgange, processer og se, hvordan de nærmer sig deres opgaver.

Jo mere du kender dine brugere, desto mere kan du forudse deres behov og tage sig af dem effektivt.

Brugerundersøgelser giver dig mulighed for at vide, hvornår, hvor og hvorfor de vil bruge dit produkt til at løse smerten.

Indstil forventninger til UI-design

Konsistens og fortrolighed er et vigtigt begreb i UI-design.

Brugere er vant til at få adgang til og interagere med websteder på en bestemt måde.

Hvis et websteds UI-design er anderledes end hvad de er vant til eller forventer, kan det være en risiko.

De opfordres muligvis til at prøve det i et stykke tid. Men enhver forhindring eller frustration i processen kan lukke det hele ned. Kunder vil forlade, muligvis aldrig for at vende tilbage.

Sørg for, at dit websted indeholder velkendte elementer på kendte steder. En god tilgang til at starte test for at bruge prototyper.

Når du eksperimenterer med designet, skal du sørge for at lade brugerne vide, hvilken knap der udfører hvilken handling, før de klikker på det.

F.eks. En lille popup-ballon indeholdende instruktionskopi. I mange læsning af apps og websteder dukker musen hen over hjerteikonet i nærheden af ​​en titel med ord som: Klik for at gemme i Foretrukne.

En sådan instruktionskopi kan håndtere din brugers forventninger ganske effektivt.

På samme måde skal du fortælle brugere, hvornår de er ved at tage noget, der ikke kan fortrydes. For eksempel at slette en e-mail, en side eller et websted. Spørg dem, om de er sikre.

Hvis det er tilfældet, vil de gå videre, hvis ikke, reddede dit effektive UI dem lige fra et utilsigtet klik.

Sørg for hurtig brugergrænseflade

UI-designet er et punkt på interaktion og kommunikation med dine brugere.

Når jeg klikker på et link, forventer jeg, at det åbnes. Når jeg trykker på en knap, forventer jeg, at den ændrer farver.

En proces med give-and-take og handling og respons dominerer UI design.

Når dine brugere engagerer sig på dit websted, skal du sørge for, at webstedet er hurtigt og hurtigt med dets svar. Rulningen er glat og luftig, positive handlinger er fremhævet, og alle linkene er klikbare - på under 3 sekunder, toppe.

Forventes hvert ekstra sekund at have et faldet antal sidevisninger og lavere kundetilfredshed, hvilket i sidste ende vil føre til et tab i konverteringer.

Websteder med langsom reaktion frustrerer ikke kun brugerne, men de gør også folk i tvivl om, hvorvidt tingene fungerer i første omgang eller ej.

Du ønsker ikke at blive tilknyttet sådanne tvivl. Administrer dit websteds belastningshastighed såvel som elementets responstider i overensstemmelse hermed.

Elementplacering og størrelse

UI-designet handler om klik, haner og ruller.

Du skal sikre dig, at hver gang en bruger klikker på dit websted, er det det klik, der bliver til en konvertering. For at få det til, skal du være opmærksom på dit websteds elementplacering og størrelse.

Hold altid den passende størrelse og placering rummelig nok. Det er nødvendigt at undgå klikfejl. Lav også de ofte anvendte knapper - indsend, send, start - mere fremtrædende og større end andre.

Samme med hovedmenuelister. Placer dem højere op i hierarkiet end yderligere menuer såsom kategorier.

Du træner øjet til at registrere effektive brugergrænseflader, når de opstår.

Gør designet enkelt

I alle de projekter, jeg har arbejdet med, har jeg fundet, at dette råd altid var succesrige. Der er intet, som et simpelt brugergrænseflade-design ikke løser eller forbedrer.

Med et simpelt design bliver brugernes kognitive processer ikke overvældede.

De finder det nemt at tage beslutninger, udføre opgaver effektivt, og ingen unødvendige elementer irriterer.

En nybegynder-designer skaber muligvis brugergrænseflader, der var høje med design, en visuel massevis - men funktionsmæssigt, der var mange problemer.

Enkel webdesign er faktisk kendetegnende for en erfaren, erfaren designer, og det er en enormt vanskelig opgave at udføre.

Med et enklere design er du nødt til at stole meget mere på din kreativitet og designviden end overfladiske visuelle fælder.

Så når du begynder at arbejde på dit næste UI-design, skal du gå efter en enkel grænseflade.

Stræb efter at skabe et design, der letter funktion. Tillad folk at checke ud som gæster, når de handler online.

I stedet for at skjule menuen, gør den mere strømlinet.

For at gøre blogkategorier mere tilgængelige skal du i stedet for at forsøge dem overalt på siden prøve at bruge et gitter for at give layoutet en struktur.

Med disse enkle finjusteringer (der kræver en masse tanker og en håndfuld Eureka! Øjeblikke) vil du være i stand til at negle effektiviteten af ​​UI-design på kort tid.

Design med tilgængelighed i tankerne

Intet UI-design kan nogensinde være virkeligt effektivt, hvis det ikke imødekommer behovene hos en bredere vifte af målgrupper. Herunder dem med forskellige tilgængelighedsproblemer.

Et stort segment af et sådant publikum består af brugere, der har forskellige synsrelaterede udfordringer. Såsom forskellige former for farvesynsmangel (CVD), reducerede visioner, sløret syn og aldersrelaterede synsproblemer.

Brugergrænseflade til disse målgrupper kan ikke være farvecentrale, ligesom de fleste aktuelle UI-design er. For at hjælpe brugere med syns-, syns- og CVD-problemer er det kritisk, at UI-designet er en samling af farver og ikoner.

Specielt for CVD-publikum formidler farver alene ikke tilstrækkelig information.

Hvis din systemvarslingsmeddelelse f.eks. Er designet med farver alene (grøn og rød), vil en person med rødgrøn farvesynsmangel have svært ved at finde ud af, hvilken knap han skal klikke på.

Tilsvarende og i en mindre alvorlig skala måske gør e-handelswebsteder, der ikke viser farveinformation med tekstetiketter, en bjørnetjeneste for farveblinde brugere.

Hvis vi taler om mennesker, der lider af nedsat eller dårlig syn, er gråskala websteder især et mareridt. Disse sider ser æstetisk tiltalende ud, men er ikke i overensstemmelse med anvendelighedsstandarderne.

Med dårlige kontrastforhold, mindre og falmede typografier og grå-på-hvide temaer kan det at surfe på disse websteder i noget længere end et par sekunder blive en kilde til hovedpine for dem med synsproblemer.

For at skabe effektiv UI-design med tilgængelighed i tankerne og kompromisløs visuel skønhed skal du være opmærksom på disse bedste fremgangsmåder:

  • Lær dig selv, hvilke farvekontraster der er bedre og værre for CVD og andre forskelligt målgrupper. Du kan bruge online kontrast- og farvekontrolværktøjer til at hjælpe dig: Color Oracle, Sim Daltonism og Contrast Checker osv.
  • Mærk altid farverne i dine produktbilleder / beskrivelser, hvis du driver en eCommerce-butik.
  • Sørg for, at dine links altid er understregede, da det kun farveændring kan gå glip af det farvedefektive publikum.
  • Tilføj mønstre, teksturer og ændring af figurer for at komplementere farver i dine datavisualiseringskort og grafer.
  • Sørg for, at de primære knapper på dit websted adskilles korrekt fra andre knapper. Som en god ressource, der hjælper dig med at forstå tilgængelighedsdesign, her er et nyttigt link.

Opret et responsivt websted

Google har længe startet den første mobilindeksering af websteder på sine søgesider, hvilket yderligere bevæger sin opmærksomhed mod mobile brugere versus desktop-brugere.

Dette skift har fremdrevet alle de virksomheder, der ønsker at opretholde deres gode SEO og stærke konverteringsfrekvenser, der begynder at oprette responsive websteder.

Det er et flydende design, som omarrangerer og justerer sig selv, så det passer ind på en hvilken som helst skærm, hvor det er tilgængeligt.

Det holder den strukturelle såvel som den visuelle kvalitet af grænsefladen intakt, mens den giver optimal visning af grænsefladen uanset skærmstørrelse eller enhedstype.

Selvom responsivt design ikke i sig selv overholder retningslinjerne for webtilgængelighed, bliver det nyere og moderne UI-design mere inkluderende.

Vi ser mange eksempler på websteder, der ikke kun er lydhøre, men også tilgængelige. For eksempel, og reformering, lige fra toppen af ​​mit hoved.

Naturligvis vil sådanne websteder i det lange løb være dem med mere trafik, en bredere vifte af det og potentielt flere konverteringer.

Hvis du designer et UI med det formål at konvertere trafik, er det logisk fornuftigt at anvende designstrategier, der fungerer for en masse mennesker og en masse enheder.

Træ øje for godt design og øve, øve, øve!

Ingen af ​​disse tip vil være til nogen nytte, hvis du ikke investerer praksis og undersøger det. Gør det til en vane at se et godt design, når du gennemser siderne. Se efter funktioner, der fungerer på et websted, og dem, der ikke gør det.

Og se, hvordan du ville have gjort det anderledes.

Invester også din tid og hvilke ressourcer du kan bruge i brugerundersøgelser. Tal med dine brugere i forskellige designfaser. De kan være din bedste informationskilde, når du fortsætter med dit arbejde med en MVP-udvikling.

Læg mærke til, hvordan de interagerer med dit brugergrænseflade, og hvis der er nogle smuthuller, du kan løse, elementer, som du kan forbedre, eller forhindringer, som du kan fjerne.

Tænk også på undersøgelser og fokusgrupper. Sidstnævnte kan være særlig nyttig til at samle modstridende synspunkter, der i sidste ende vil hjælpe dit design.

Undersøgelserne er de mest økonomiske og overkommelige muligheder for brugerundersøgelser. Du kan også undersøge dine kolleger for din grundlæggende forskning og derefter tænke på at investere nogle midler i det for at få nogle hårde fakta, der kan drive din designproces og give den solidt fodfæste.

Sidst, men ikke mindst, praksis. Helt ærligt, dette er det bedste råd jeg kan give dig. Øvelse vil ikke gøre din perfekte, men det kan sikkert bringe dig nærmere.

Effektiv brugergrænseflade - hvad er det næste?

Så der har du det

8 personligt testede og testede designtips, der har reddet min hud mange gange. Håber, at de er lige så nyttige for dig.

Et vigtigt punkt at bemærke, at der ikke findes noget som et fejlfrit UI-design. Det er en kontinuerlig læringsproces fra brugerne og giver dem ikke kun det, der opfylder deres formål, men forbedrer også deres processer.

Så fortsæt med at lære.

Oprindeligt offentliggjort på https://spdload.com.