Bli kreativ med brukervennlighet
Når det gjelder å designe en virkelig intuitiv, responsiv og sammenhengende nettside som også er unik og interessant, føles det ofte som det er vanskelig å forene de to satsene av prioriteter. Men faktisk er ingenting lenger fra sannheten: det er bare noen få grunnleggende ideer som må brukes for å enkelt gjøre de beste valgene i designene dine.
Det mest essensielle av disse konseptene er at vakre, brukbare design ikke er vanskelig å gjøre når UX er gitt forrang, og designet er tilpasset for å passe det. Tross alt danner arten av brukeropplevelsen at det er visse ufleksible regler, mens design er nesten uendelig fleksibel. Når du har lært hvordan du skal tilpasse designene dine, bør du være godt på vei for å slå en kamp i en fredstraktat.
Forvent brukerbruker redusere brukerirritasjon
Alltid vurdere hva som kan skje dersom brukeren vil avveie på nettsiden din. Feilmeldinger bør ikke skjules i teknisk sjargong, men bør snarere gi en forklaring på hva problemet kan være, og, hvis det er aktuelt, hvor de skal gå for å få hjelp. Balansere disse overvejelsene med det som kan forbedres på slutten. Uansett hvor vakkert et nettsted kan være, hvis det tar for lang tid å laste, er det ikke verdt innsatsen. Eksperter sier at hvis en nettside tar over 3 sekunder å laste, må den forenkles.
Hold skjemaene så korte og utilsiktede som mulig; Hvis informasjonen ikke er nødvendig, ikke be om det. Hvis du ikke allerede, kan du vurdere å tilby en valgfri innlogging via Facebook eller Twitter; Nettsteder som tilbyr dette, finner ofte at konverteringsfrekvensene øker fordi brukeren finner det mer praktisk, og er derfor mer sannsynlig å ta seg tid til å registrere seg. I tillegg må du sørge for at resten av nettstedet ditt har en integrert sosiale medier-tilstedeværelse, som ikke er i konflikt med eller overstyrer ditt design, men det er også lett å identifisere, slik som Arbeid på spill nettside. Små tillegg som dette er hva som legger til en kumulativ strømlinjeforming av brukeropplevelsen.
For dette formål er det viktig å huske på noen få standarder som bør forbli ganske konsistente på alle typer nettsider.
Opprettholde webstandarder
Noen vanlige elementer på et nettsted, som bunntekstlenk eller en søkefelt, kan aktivt lide av overdreven kreativitet. Selv om det er rom for originalitet i mange av disse elementene, er det viktig å opprettholde dem i mer eller mindre samme form som du ser på hvert annet nettsted, fordi de er allestedsnærværende nok til at brukerne forventer at de presenteres på en bestemt måte . Følg disse retningslinjene:
- Kontroller at klikkbare områder umiddelbart kan identifiseres (for eksempel koblingene på denne siden ) og er store nok til enkelt å aktivere;
- Bryte opp tekstblokker med bilder og annen visuell stimulering;
- Bruk brødsmuler Når det er aktuelt;
- Prøv å unngå å spre samme artikkel eller produktsøk på flere sider;
- Lag kontaktinformasjon, FAQ, en søkefelt og andre standardfunksjoner som er enkle å finne og bruke.
Selv om Grip Limited er Nettstedet er iøynefallende og spennende, det er også utrolig forvirrende. Mens det er en forklaring på hvordan du kan trekke kolonnene for å avsløre innhold, går det tapt i ulykken av annen typografi. En tradisjonell meny er tilgjengelig, men bare hvis du spionerer den lille rullegardinmenyen. Det er så kult nettsteddesign at noen brukere ikke bryr seg om hvor vanskelig det er å bruke, men mange andre vil bli slått av. Men hvis nettstedet inkorporerte forslagene ovenfor i design, kan det fortsatt opprettholde sin kule faktor og gi en god UX.
For eksempel, selv om Comic Soda Nettstedets andre designelementer er ganske distraherende, brukeren er fortsatt lett i stand til å finne søkelinjen; Det er merking og posisjon er klart nok til at forvirring minimeres. Disse små innsendingene til brukerforvirring er det som gjør hele forskjellen.
Hvor å tegne linjen
Det finnes andre UX-regler som kan bøyes, men ikke ødelagte. Men på hvilket tidspunkt går en designer for langt? Navigasjonselementer er et godt eksempel å jobbe med, fordi hvert nettsted har noen form for dem. Konvensjonelt er de ordnet på to måter:
- horisontalt langs toppen av siden; Dette gir et romslig utseende for korte lister;
- vertikalt langs venstre side av en side; dette arrangementet kan romme lengre lister.
Men det finnes andre stilarter og navigasjonssystemer som kan fungere hvis de blir brukt forsiktig og gjennomtenkt. For eksempel, dette porteføljesiden har en navigasjonsliste som utgjør flertallet av siden, og hvert ord er delvis skjult. Videre forblir elementene ikke stasjonære; de faller ned og skiller seg for å vise innholdet i hver seksjon. Alle disse blomstringene kan ha kombinert til å danne et forvirrende system som raskt vil frustrere brukeren. Designet unngår imidlertid å være problematisk i kraft av å være så enkelt; ordene er fortsatt lesbare; rullegardinene har så liten informasjon at resten av navigasjonslisten ikke er i fare for å gå tapt. Alt i alt er det et dristig annet system som unngår å være problematisk.
På den andre siden av linjen er et konsept som er referert til som mystery kjøtt navigasjon, der de estetiske hensynene til designet fullstendig overvelder brukbarheten. I tilfelle av FlatPak nettside, navigasjonen må rulles over for å lese hva den refererer til; en forferdelig brukervennlighet som aldri skal emuleres.
Kjennskap til funksjonalitet
På mange måter synes den virkelige kampen om dagens webdesign å være mellom friske nye ideer som gir mindre intuitiv samhandling og stodgy gamle metoder som kanskje ikke er den beste løsningen, men er hva brukerne er vant til. Et eksempel på dette problemet oppstår ofte når du vurderer skeuomorphic design; som er en stil som etterligner forgjengeren til et element som ble laget i et annet medium.
Denne typen design skjer hele tiden på nettet, fra din stasjonære kalkulator som ser ut og fungerer som sin virkelige motpart, til knappene på et nettsted som har en realistisk drop-shadow og bevel effekt. Det gir mening til et visst punkt, fordi kjennskap til disse designene gjør at brukerne føler seg umiddelbart behagelig å bruke dem. Imidlertid er de ikke nødvendigvis den beste løsningen fordi de er utrolig begrensende.
Samspillet mellom disse to prioritetene kan illustreres av Apples realistiske "side turn" -teknologi, som brukes til digital lesing. Det er en tiltalende ide fordi det får opplevelsen til å føles litt mer som å skifte fysiske, papir sider, noe som brukerne kan finne komfortabelt kjent. Men til tross for det heller latterlige lengder Selskapet gikk for å skape denne effekten, det forringer brukeropplevelsen. Det tar fraksjonalt lengre tid å laste, og flicking på siden er en vanskeligere bevegelse for å utføre det enkle trykk. En uhåndterlig bevegelse kan sende brukeren feil vei.
Bruk en klar konverteringstratt
Hvis du jobber på et komplekst nettsted med mange navigasjonsbaner, er det svært viktig å la brukeren bevege seg logisk gjennom nettstedet, og holde dem informert om hvor de er i sitemap som helhet. Det er her brødkrummer og andre navigasjonsutstyr kommer til nytte. De fryktede lilla standardkoblingene trenger ikke å være ansatt for å vise en bruker som de allerede har besøkt; Det er mange andre mer attraktive løsninger som gir samme effekt.
E-handelsnettsteder er vanligvis de som får lambasted for sine ufattelige konverteringstunneler, men det er mange gode eksempler der ute av vakkert designet, UX-optimaliserte nettbutikker. Ta for eksempel Frukt av vevet nettsted, som har et rent, vennlig grensesnitt som fremdeles er logisk konstruert. Det er ikke engang resultatet av tilpasset og komplisert utvikling av backend; Siden ble opprettet ved hjelp av enkle Amazon e-handel programvare, at enhver liten bedrift ville kunne dra nytte av.
Behandle skanning og legge til visuell interesse
Husk at folk leser nettsider på en annen måte enn utskriftsmedier. Øye sporing studier vis at nettbrukere skummer hele siden (fokuserer først på innhold i øvre venstre hjørne), ser etter iøynefallende elementer som overskrifter, kutt eller bilder. Så de dykker seg inn i seksjoner som ser interessant ut. Det er viktig å designe for denne typen tankegang, og sørg for at du bruker et visuelt hierarki som leder brukeren der du vil at de skal gå.
De Trives Solo bloggen har rikelig med innhold, men det opprettholder et romslig, interessant utseende ved å bruke masse hvit plass, store bilder, ikoner og varierte skrifttyper. De store, sentrerte titlene er spesielt nyttige for å skanne seere.
Bunnlinjen
Mens estetikken til et nettsted skaper et førsteinntrykk, er funksjonaliteten det som gir brukeren en varig opplevelse som de forhåpentligvis vil ha tilbake til. Det er ingen situasjon hvor hensyn til design og funksjonalitet ikke kan forenes; Faktisk er det samspillet mellom disse to prioritetene som ender opp med å skape alle de beste og mest minneverdige nettstedene på nettet.
Konflikter du noen gang brukervennlighet for estetikk? Kan design være bra uten brukervennlighet? Gi oss beskjed om dine tanker i kommentarene.
Utvalgt bilde / miniatyrbilde, funksjonelt bilde via Shutterstock.