Design brukade aldrig riktigt betyda så mycket.

Det är svårt att föreställa sig nu, men innan Apples meteoriska uppgång till global popularitet tog designen vanligtvis en baksätning till funktionalitet. Design har idag blivit en värld på sig själv, och samhället av designers och utvecklare har förenat sig med att utveckla en sammanhängande uppsättning regler för kreativ praxis.

Utvecklingen av designen är konstant, och det finns alltid nya saker att lära och fokusera på att föra funktion och estetik tillsammans i ett paket.

För att stanna ovanpå ditt designspel, här är 10 viktiga regler för användargränssnittet för att komma ihåg:

1. Sköta till universell användbarhet

Med explosionen av olika typer av enheter idag, en storlek kommer säkert inte att passa alla .

När du skapa din hemsida eller app, måste du se till att du utformar med alla skärmstorlekar i åtanke. Detta innebär att du laddar upp helt på både låg och hög bandbredd Internet-anslutningar, för att formatera lämpligt på både iPad och iPhones.

Tidigare har utvecklare koncentrerat sig huvudsakligen på att skapa ett bra användargränssnitt för skrivbordet. Men för att uppdatera ditt minne, ökar mobilanvändningen på nytt i 2014. Så ska du nu byta fokus till mobilen? Även om det är viktigt att ägna särskild uppmärksamhet åt mobilen är det också värt att överväga att användningen av skrivbord fortfarande är signifikant hög, med 42% andel .

Därför är nyckeln att skapa adaptiva användargränssnitt Det kommer att ge konsumenten en stor upplevelse trots att den visar eller orienterar enheten som de använder.

2. Klarhet

Människor är väldigt upptagna och på grund av detta sällan ägnar sig åt sin fulla uppmärksamhet åt en uppgift. På grund av detta måste du hålla din design enkel att förstå.

Gör inte dina användare gissa. Använd språk som de lätt kan förstå när det gäller ord, fraser och begrepp. Undvik att använda speciella system eller branschvillkor och insistera på ett språk som är känt för publiken.

Om du har för avsikt att användaren ska slutföra vissa mål, låt åtgärderna ligga i en sekvens som har början, mitten och slutet. När de är klara, använd en anmälan för att låta användaren veta och inkludera nästa steg.

Om du till exempel utformar en sida för ett banksystem kan du gruppera åtgärderna i "Kontaktuppgifter", "Kontouppgifter" och "Profilinställningar" istället för att ha dem alla i en enda form.

3. Förhindra fel

Fel är inte bara avvikelser och misstag, men också stora vägar till Besökare tar önskad åtgärd .

Om något går fel eller laddar felaktigt, väntar de flesta besökarna inte på en fix, de kommer bara att lämna. Håll dig vaksam och håll ögonen på fel, fixa de du gör så snart som möjligt.

Användare tycker inte om att göra fel. De känner sig ännu värre om de tror att de ska skylla på felet. Om de inte överför denna hata till dig och gå vidare, kommer de att överge sina konton redan innan de är inrättade.

När du utformar eliminerar du risken för ett fel eller utformar ett system som kontrollerar felet för dem innan de går för långt. Låt oss säga att du kräver att användarna skapar ett lösenord som är minst 8 tecken långt och innehåller minst en siffra.

Kommer ditt system att låta användaren fortsätta skapa ett lösenord som saknar kort, bara för att meddela dem när de klickar på "Nästa" eller kan de meddela dem när de skriver in lösenordet? Den senare är den bättre designen.

4. Gör gränssnittet konsistent

Konsistens i hela användargränssnittet kollar ner för att göra saker kontinuerliga, förutsägbara och inom förväntningar. Att utforma allt över hela linjen så enhetligt som möjligt och se till att det inte finns några överraskningar eller oväntade resultat går långt för att göra saker konsekventa.

Vid Principen om minst överraskning : "Om en nödvändig funktion har en hög förvåningsfaktor, kan det vara nödvändigt att omforma funktionen."

Måste användarna gissa vilka ord som betyder och vilka betyder detsamma? Måste de oroa sig för att klicka på en viss knapp eftersom de inte är säkra på vad det kommer att göra? Se till att processer, funktionalitet, utseende och terminologi är konsekventa.

Lyckligtvis finns det ingen brist på resurser i denna fråga. De flesta av välrenommerade webbplatsbyggare kommer att hjälpa dig med detta eftersom de har en enhetlig och konsekvent nätdesign.

5. Kontext

Som det ofta sägs i dag är "Context everything". Kontext är hur vi kan koppla nya idéer tillsammans med gamla idéer, bygga upp relationer och betydelse i vår värld.

Den bästa läraren för den här lektionen är förmodligen en annonsör. Annonsörer vet att utan kontext-känslighet för tiden och det sätt på vilket de presenterar sina annonser blir annonserna värdelösa - och det är bortkastade pengar ( titta på hur Google AdWords bestämmer hur du presenterar annonser ).

På samma sätt måste du tillämpa kontextuell design i dina användargränssnitt. Kontextuell användargränssnitt är den platsbaserade, tidskänsliga och situationsbaserade utformningen av en webbplats eller app så att den levererar de mest relevanta uppgifterna till användaren. Och detta har inte varit ett stort problem för designers för några år sedan.

Med tillväxten av realtidsanslutning och beroende av internet kan kontext orsakas av ditt misslyckande eller framgång.

Kontext är nyckeln till mänskliga relationer, och lika viktigt för de grundläggande elementen i designen . Vi förväntar oss att interaktiva objekt ska vara intuitiva och ska utforma för att bilda sammanhängande relationer mellan våra funktion och design .

6. Storlek och distans

Bestämning av UI-objektets storlek och mängden blank mellan varandra är avgörande för att se till att designen ser ut balanserad och förutsägbar .

Förutom att ta hand om användarens uppmärksamhet, hjälper det också användarna att förstå var objekten är, utan att behöva titta överallt.

Konstant provning är bäst för att bestämma det bästa sättet att åstadkomma detta, förstora vad som behöver kräva mer uppmärksamhet och krympa vad som behöver vara mindre distraherande.

7. Standardinställningar

Utvecklare och designers brukar vilja skräddarsy allt.

Detta gör det möjligt för oss att ha kontroll över allt från gränssnitt till bakgrundsbilder till ringsignaler. De flesta människor tycks dock inte bry sig om anpassning. De flesta enheter och annan konsumentelektronik köpt nästan aldrig bli förändrad . Människor anpassar vanligtvis inte deras fabriksinställningar, eftersom ändring av dem tar kunskaper, tid och ansträngning.

Genom att veta detta faktum är det viktigt att se till att dina standardinställningar är lämpliga för en stor grupp användare att enkelt förstå och navigera. Det innebär att säga till användaren, "Hej, du kan anpassa det här, men du behöver inte."

8. Guidade åtgärder

Människor kommer normalt inte att vidta några åtgärder om de inte är frågade. Det är därför som taktik som call-to-action är så kraftfullt att hjälpa till köra konverteringar .

Ännu viktigare, fråga dem "snyggt". Vad betyder det här? Tänk på exempel på tid och sammanhang. Kommer du att fråga användaren att starta ett annat mål utan att slutföra den som de är närvarande på? Tänk på när en popup frågar dem att kolla in några andra saker visas. Om det inte visas efter att de bläddrar till slutet av inlägget gör du det fel.

Notera att det bara fungerar när besökaren faktiskt är intresserad av något du erbjuder. Om du kan bevisa att du ger betydande värde för människor, tveka inte att fråga användarna att göra något i gengäld som att följa dina sociala mediesidor eller blogg. Detta fungerar för att hålla dina användare informerade, och också naturligt öka din webbtrafik över tid.

9. Föredragna åtgärder

På vårt webbdesignföretag märkte vi att besökare på webbplatsen inte skulle veta hur man kontaktar oss. Det var bara för många alternativ. Människor skulle ofta bli överväldigade och visste inte hur man startade kontaktprocessen.

De skulle gissa sig själva, och vi fick sluta att få mindre kontaktomvandlingar som ett resultat. Genom att göra våra önskade handlingar mer uppenbara cued vi visuellt användarna till de åtgärder vi önskade.

Återigen, låt inte dina användare gissa. Låt dem veta exakt vad du vill och meddela dem när de fullgör åtgärden.

10. Feedback

När du går in i ett mörkt rum och pekar på en ljusbrytare, förväntar du dig att ljuset slås på. Om inget händer när du trycker på strömbrytaren kan du anta att något gick fel. Detta är lika sant när det gäller design.

Ingen gillar att vara osäker på sina handlingar, så det borde finnas feedback med hjälp av verktygstips och meddelanden för att visa besökare att deras handlingar var framgångsrika och har erkänts. Feedback kan vara så enkelt som kör en webbundersökning eller lägga till en "komplett" anmälan när en blankett har skickats in, men det är avgörande när startar en blogg eller app.

Detta betonar också behovet av att inte låta dina besökare gissa sig själva. Systemet ska kunna erbjuda feedback som är relevant, passande i vikt och brådskande, omfattande och förnuftig och kontextuell.

Slutsats

Konsten att utforma förändras ständigt, och vi fortsätter att hitta nya sätt att kombinera funktion och form till UI-design. Vi har genomgått saker som minimalism och lyhörd design, förändring och omvandling, eftersom nyare teknologier kommer till framkant.

Med dessa tio användargruppreglerna i åtanke, glöm inte att vissa regler görs för att brytas.

Att testa och experimentera är hur vi lär oss nya pålitliga tekniker, men vi kan lita på flera av dessa regler som vår grund.