Få kreativitet med brugervenlighed
Når det kommer til at designe en virkelig intuitiv, lydhør og sammenhængende hjemmeside, der også er unik og interessant, føles det ofte, at det er svært at forene de to sæt prioriteter. Men faktisk er intet yderligere fra sandheden: der er kun nogle få grundlæggende ideer, der skal bruges for nemt at kunne lave de bedste valg i dine designs.
Det væsentligste af disse begreber er, at smukke, brugbare designs ikke er vanskelige at lave, når UX har forrang, og designet er tilpasset det. Tværtimod dikterer arten af brugeroplevelsen, at der er visse ufleksible regler, mens design er næsten uendeligt fleksibel. Når du først har læst de måder og midler, hvorpå du skal tilpasse dine designs, bør du være godt på vej til at slå en kamp i en fredsaftale.
Forvent brugerfejl mindske brugerirritation
Overvej altid, hvad der kan ske, hvis brugeren går på vej på din webside. Fejlmeddelelser bør ikke skjules i teknisk jargon, men bør snarere give en forklaring på, hvad problemet kan være og, hvis det er relevant, hvor de skal gå for at få hjælp. Balancér disse overvejelser med, hvad der kan forbedres ved din ende. Ligegyldigt hvor smukt et websted kan være, hvis det tager for lang tid at indlæse, er det ikke umagen værd. Eksperter siger, at hvis en webside tager over 3 sekunder at indlæse, skal den forenkles.
Hold formularerne så korte og utrættelige som muligt; Hvis oplysningerne ikke er nødvendige, skal du ikke bede om det. Hvis du ikke allerede, overveje at tilbyde en valgfri login via Facebook eller Twitter; websteder, der tilbyder dette ofte, finder deres konverteringsfrekvenser stiger, fordi brugeren finder det mere praktisk, og det er derfor mere sandsynligt, at det tager tid at tilmelde sig. Sørg desuden for, at resten af dit websted har en integreret social media-tilstedeværelse, der ikke er i konflikt med eller overstyrer dit design, men det er også let at identificere som f.eks. Arbejde på spil internet side. Små tilføjelser som dette er, hvad der supplerer til en kumulativ strømlining af brugeroplevelsen.
Med henblik herpå er det vigtigt at huske på nogle få standarder, der bør forblive ret konsekvente på tværs af enhver form for hjemmeside.
Opretholdelse af webstandarder
Nogle fælles elementer på et websted, som fodtidsforbindelser eller en søgelinje, kan aktivt lide af overdreven kreativitet. Mens der er plads til originalitet i mange af disse elementer, er det vigtigt at opretholde dem i stort set den samme form som du ser på hvert andet websted, fordi de er allestedsnærværende nok til at brugerne forventer, at de bliver præsenteret på en bestemt måde . Følg disse retningslinjer:
- Sørg for, at klikbare områder umiddelbart kan identificeres (f.eks. Linkene på denne side ) og er store nok til nemt at aktivere;
- Opbrud blokke af tekst med billeder og anden visuel stimulering;
- Brug brødkrummer når det er relevant
- Prøv at undgå at sprede den samme artikel eller produktsøgning på tværs af flere sider;
- Gør kontaktoplysninger, ofte stillede spørgsmål, en søgelinje og andre standardfunktioner nemme at finde og bruge.
Selvom Grip Limited s Webstedet er iøjnefaldende og spændende, det er også utroligt forvirrende. Mens der er en forklaring på, hvordan man trækker kolonnerne for at afsløre indhold, går det tabt i løbet af anden typografi. En traditionel menu er tilgængelig, men kun hvis du spionerer den lille rullegardin. Det er sådan et køligt websted design, at nogle brugere ikke ville bryde sig om hvor svært det er at bruge, men mange andre ville blive afskåret. Men hvis webstedet inkorporerede forslagene ovenfor i dets design, kunne det stadig bevare sin kølige faktor og give en god UX.
For eksempel, selvom Comic soda Webstedets andre designelementer er ret distraherende, brugeren kan stadig let finde søgelinjen; det er mærkning og position er klart nok til, at forvirring minimeres. Disse små indlæg til brugerforvirring er, hvad der gør hele forskellen.
Hvor skal man tegne linjen
Der er andre UX-regler, der kan bøjes, men ikke knækkes. Men på hvilket tidspunkt går en designer for langt? Navigationselementer er et godt eksempel at arbejde med, fordi hvert websted har en eller anden form for dem. Konventionelt er de arrangeret på to måder:
- vandret langs toppen af siden; dette giver et rummeligt udseende for korte lister;
- lodret langs venstre side af en side; dette arrangement kan rumme længere lister.
Men der er andre stilarter og systemer til navigation, der kan fungere, hvis de bruges omhyggeligt og omtanke. For eksempel, denne porteføljeside har en navigeringsliste, der indtager størstedelen af siden, og hvert ord er delvis skjult. Desuden forbliver elementerne ikke stationære; de falder ned og adskilles for at vise indholdet inden for hvert afsnit. Alle disse blomstrer kunne have kombineret for at danne et forvirrende system, der hurtigt ville frustrere brugeren. Designet undgår imidlertid at være problematisk i kraft af at være så simpelt; ordene er stadig læsbare; drop-downs har så lidt information, at resten af navigationslisten ikke er i fare for at gå tabt. Alt i alt er det et dristigt andet system, der snævert undgår at være problematisk.
På den anden side af linjen er et koncept, der er omtalt som mystery meat navigation, hvor de æstetiske overvejelser af designet fuldstændig overbelaster brugbarheden. I tilfælde af FlatPak hjemmeside, navigationen skal rulles over for at læse, hvad den refererer til; en frygtelig brugervenlighed, der aldrig skal emuleres.
Kendskab til funktionalitet
På mange måder synes det ægte slag i det nuværende webdesign at være mellem nye, nye ideer, der giver mindre intuitiv interaktion og stodgy gamle fremgangsmåder, der måske ikke er den bedste løsning, men er, hvad brugerne er vant til. Et eksempel på dette problem opstår ofte, når du overvejer skeuomorphic design; som er en stil, der efterligner forgængeren til et emne, der blev lavet i et andet medium.
Denne form for design sker hele tiden på nettet, fra din desktop-regnemaskine, der ser ud og fungerer som dens virkelige modstykke til knapperne på et websted, der har en realistisk drop-shadow og bevel effekt. Det giver mening i et vist punkt, fordi kendskabet til disse designs gør det muligt for brugerne at føle sig straks behageligt ved at bruge dem. Men de er ikke nødvendigvis den bedste løsning, fordi de er utroligt begrænsende.
Sammenbruddet mellem disse to prioriteter kan illustreres af Apples realistiske "page turn" -teknologi, som bruges til digital læsning. Det er en tiltalende ide, fordi det får oplevelsen lidt mere som at dreje fysiske, papir sider, noget, som brugerne måske finder komfortabelt kendt. Men trods det temmelig latterlige længder Virksomheden gik til for at skabe denne effekt, det forringer brugeroplevelsen. Det tager fraktionalt længere tid at indlæse, og flicking på siden er en vanskeligere bevægelse for at udføre det enkle tryk; En ubevægelig bevægelse kan sende brugeren den forkerte måde.
Brug en klar konverteringstragt
Hvis du arbejder på et komplekst websted med mange navigationsveje, er det meget vigtigt at give brugeren mulighed for at bevæge sig logisk gennem webstedet og holde dem informeret om, hvor de er i sitemap som helhed. Det er her, hvor brødkrummer og andre navigationsanordninger er til nytte. De frygtede lilla standard links skal ikke bruges til at vise en bruger, som de allerede har besøgt; der er masser af andre mere attraktive løsninger, der opnår den samme effekt.
E-handelssites er normalt dem, der får lambasted for deres ufattelige konverteringstogler, men der er masser af gode eksempler derude af smukt designede, UX-optimerede web-butikker. Tag f.eks Frugt af Loom site, som har en ren, venlig grænseflade, der stadig er logisk konstrueret. Det er ikke engang resultatet af tilpasset og kompliceret backend udvikling; Siden blev oprettet ved hjælp af simple Amazon e-handel software, at enhver lille virksomhed ville kunne drage fordel af.
Tilpas scanning og tilføj visuel interesse
Husk, at folk læser websider på en anden måde end trykte medier. Eye tracking undersøgelser viser, at webbrugere skimmer hele siden (fokuserer først på indhold i øverste venstre hjørne) og søger efter iøjnefaldende elementer som overskrifter, citater eller billeder. Så dykker de ind i sektioner, der ser interessant ud. Det er afgørende at designe for denne form for tankegang, og sørg for at du anvender et visuelt hierarki, der leder brugeren, hvor du vil have dem til at gå.
Det Trives Solo blog har masser af indhold, men det opretholder et rummeligt, interessant udseende ved at bruge masser af hvidt rum, store billeder, ikoner og varierede skrifttyper. De store, centreret titler er især nyttige til scanning seere.
Bundlinjen
Mens et websteds æstetik skaber et første indtryk, er funktionaliteten det, der giver brugeren en varig oplevelse, som de forhåbentlig vil vende tilbage til. Der er ingen situation, hvor overvejelser om design og funktionalitet ikke kan forenes; Faktisk er det samspillet mellem disse to prioriteter, der ender med at skabe alle de bedste og mest mindeværdige websteder på nettet.
Konflikter du evt. Brugervenlighed for æstetik? Kan design være god uden brugervenlighed? Lad os vide dine tanker i kommentarerne.
Fremhævet billede / miniaturebillede, funktionelle billede via Shutterstock.