Interaktionsdesign kan vara det mest pratade om konceptkonceptet 2015. Det är något du borde tänka på och planera för i alla dina digitala projekt.
Men hur kan du göra det mesta av interaktionsdesign? Hur kan du designa något som människor vill interagera med? Medan vissa av dessa svar ändras med teknik, är ett element detsamma. Folk vill använda design som är intuitiv, funktionell och estetiskt tilltalande.
Vad är interaktionsdesign?
I design, är interaktion design, ofta förkortad IxD, om att forma digitala saker för människors användning? Alternativt definieras det som att utöva interaktiva digitala produkter, miljöer, system och tjänster.? - Wikipedia
Helt enkelt är interaktionsdesign en process för att ansluta den digitala världen till den mänskliga. Det gör saker som är skärmbaserade, verkar verkliga och fungerar i den digitala riken som de skulle i det fysiska rummet. Den här anslutningen hjälper människor att använda och interagera med digitala produkter och enheter, från stationära datorer, telefoner och klockor till webbplatser, appar och spel. Interaktionsdesign är ett koncept som kombinerar allt vi vet om design och funktion i en enda idé.
IxD är designordets samhällsord som vi försöker att bättre lära oss hur vi utformar och replikerar fysiska handlingar och interaktioner för att bäst ansluta digitala produkter till användarna. Idéerna bakom designen är förankrade i principerna för goda bilder medan teknik utvecklas nästan lika snabbt som vi kan designa för det.
Frågor att tänka på
En av de bästa guiderna för att tänka på interaktionsdesign är faktiskt en användbarhetsstandard från Usability.gov. Guiden ger en uppsättning frågor (och till och med delfrågor) för att använda som grund för att skapa ett projekt med digitala interaktioner och med denna förståelse kan du förutse hur någon kan interagera med systemet, lösa problem tidigt, såväl som uppfinna nya sätt att göra saker.?
Här är de begrepp som ska beaktas först, du kan hitta alla underfrågor och överväganden från Usability.gov.
- Definiera hur användarna kan interagera med gränssnittet
- Ge användarna ledtrådar om beteende innan åtgärder uppstår
- Förutse och mildra fel
- Tänk på systemåterkoppling och svarstid
- Strategiskt tänk på varje element i designen
- Förenkla för lärbarhet
Många av dessa begrepp borde vara bekanta. Begreppen och idéerna ligger i linje med det vi diskuterar ofta i designgemenskapen när vi pratar om vad som inte fungerar och fungerar inte. Medan de tekniker du använder för att skapa en helt interaktiv design kan vara olika, är principerna för bra design relativt lika.
Riktlinjer
Mycket av vad du tycker om interaktion kombinerar principer för design med principer för mänsklig känsla och interaktion. När du bestämmer hur ett digitalt projekt ska fungera, tänk på hur du använder och interagerar med dina favoritverktyg. Vad sägs om dessa verktyg vädjar till dig? (Det är troligt att många av de bästa funktionerna är saker du inte ens medvetet tänker på.)
Tänk på var och en av dessa principer eller begrepp när du bestämmer hur användaren kommer att ansluta till din design.
- Rörelse: När du tänker på rörelse- och interaktionsdesign, är de första mentala bilderna ofta av swipes eller kranar eftersom det är användarens rörelser som aktiverar element i designen. Om du klickar på en mus eller sätter på en tablettskärm för att få en viss effekt är andra rörelser som vanligtvis används. Andra estetik som är förknippade med rörelse är också viktiga, till exempel visuella signaler i fotografier, riktningsdrag från designelement och video.
- Rymden: Vilken typ av miljö interagerar användaren med? Har designen skapats i två- eller tredimensionellt utrymme? Är detta utrymme bara en del av skärmen eller sträcker sig åtgärder över skärmen till den fysiska världen?
- Tid: Den tid som en användare tillbringar med en interaktion kan påverka om interaktionen fortsätter. Det finns en delikat balans av en interaktion som är lämpligt engagerande och / eller för lång eller kort. Tänk på interaktionens mål och hur lång tid det ska ta från början till slut.
- Ljud: En av de mest debatterade delarna av digital design kan vara ljud. Medan vissa användare älskar det, blir andra snabbt irriterade. När du använder ljud i interaktioner ska du alltid berätta för användare som kommer att inaktivera funktionen. designen behöver fungera lika effektivt utan det.
- Estetik: Varje designelement kommer in i spel här. Hur ser allt ut? Ser det här utseendet det rätta emotionella meddelandet till användaren. Rymd, färg, typografi, kontrast och läsbarhet spelar viktiga roller i den visuella aspekten av interaktionsdesign.
Designkoncept
Låt oss gå tillbaka till principerna om interaktion och verkligen tänka på estetik. (Det är en av de främsta sakerna vi tycker om att tänka på och diskutera som designers, eller hur?)
Hur spelar alla saker vi vet om design i utformningen av interaktioner? Det är verkligen inte annorlunda när det gäller bilder än andra typer av designprojekt. Den stora - och sannolikt första övervägande är storlek och skala. Många interaktiva projekt kan vara betydligt mindre än vad du är van vid. (Du kan bara fokusera på designen för en telefon eller titta, men designen kan också översättas till stationära datorer på ett annat sätt.)
När du tänker visuellt, börja med den minsta duken som kommer att rymma designen och bygga upp. (Om du kan få det att fungera litet, är det mycket lättare att? Växa? Designen, eliminera saker som redan är designade kan vara mycket hårdare.
- Rymden: Medan vissa kanske försöker minska avståndet mellan element i små utrymmen, behöver du faktiskt ge elementen mer utrymme i små konstruktioner. Se till att varje element har gott om plats för att identifiera det och utföra rätt åtgärd. (Knappar måste vara tillräckligt stora för att röra utan att aktivera ett annat element på skärmen.) Använd flera skärmar (genom att dra åtgärder) om det behövs för att få ut det mesta av små utrymmen.
- Färg: Medan du använder färgerna på ditt varumärke är viktigt, du vill se till att färgerna ger tillräckligt med kontrast för att ses i en mängd olika miljöer. Det kan kräva att du lägger till några valfria färger i din färgpalett för interaktionsobjekt. Tänk på ljusa och engagerande nyanser, särskilt för mobil- och klockprogram.
- Typografi: Bokstäver ska vara enkla och läsbara. Håll dig till en modern typsnitt (serif eller sans serif är OK) med en medelhög, jämn slagbredd. Undvik kondenserade, alltför djärva eller lätta versioner eller stilar med utarbetade slag.
- Kontrast: Varje element i en interaktiv design borde leva mot de element som omger det. Det här kan låta vara svårt när det gäller design, men stark kontrast kan göra element lätt att läsa och förstå. Kontrasten kommer också att dra uppmärksamhet till interaktionen snabbt och hjälpa användarna att identifiera vad som ska göras. Upprätta kontrast med färg, typografi, utrymme och bildspråk eller språk.
- Läsbarhet: Alla element i ditt interaktionsbaserade projekt ska vara lätta att läsa? vid en blick. Konstruera för skanning och funktion, samtidigt som du kan komma ihåg att du bara får en bråkdel av en sekund för att övertyga en användare om att utföra en önskad interaktion. Förståelse och läsbarhet är nyckeln till att det här händer.
Läslista
Det finns så mycket bra information om interaktionsdesign tillgänglig. (Och massor av åsikter om vad som fungerar och inte fungerar också.)
Om du vill lära dig mer, här är tre stora resurser som du bör hitta för att vara värdefulla och varje kommer att få dig att tänka på interaktionsdesign på olika sätt.
- ? Tre lagar av interaktionsdesign? av Diogenes Brito
- ? Framtidsgränssnittet: Design för att göra teknik mänsklig? av Danielle Reid
- ? De 10 principerna för interaktionsdesign? av Creative Bloq
Slutsats
Interaktionsdesign är något du behöver tänka på. Användare kommer att förvänta sig interaktioner i nästan alla aspekter av designen. De flesta användare får tillgång till webben och andra digitala designprojekt via mobila enheter med förväntan på att göra mer än att bara läsa text.
Planering och utformning av dessa interaktioner med syfte kan tyckas skrämmande först, men det är inte mycket annorlunda begreppsmässigt än någon annan aspekt av designen. Den stora skillnaden kommer i hur man gör interaktionerna, det är där det är viktigt att ha en bra utvecklare vid din sida eller att fortsätta att finslipa dina webbutvecklings färdigheter.