App Design Versus Web Design: Vilka designers kan lära sig varandra
Vi tittar ofta på applikationsdesign och webbdesign som två olika, om relaterade fält.
Linjerna blur lite med webapps (som är tekniskt både apps och webbplatser), men vi tenderar fortfarande att försöka dela upp dem. Även designers som arbetar på båda typerna av mönster ser ofta dem som separata saker.
Men det finns många lektioner som appdesigners och webbdesigners kan lära varandra.
Varje typ av design har uppstått för att ha sina egna styrkor och svagheter, ofta komplement till styrkor och svagheter i det andra fältet.
Nedan följer sex lektioner som app och webbdesigners kan lära varandra.
1. Undvik funktionskryp
Appdesigners vet att extrafunktioner snabbt kan bli din värsta fiende. Att hålla din app stram och luta, med bara nödvändiga, användbara funktioner, är en nyckel till framgång. Om du tittar på de populäraste programmen i praktiskt taget vilken plattforms appbutik ser du att majoriteten har ett smalt fokus med bara de funktioner som de mest behöver.
Ge.tt är ett bra exempel på en webapp som har undvikit funktionskryp. Det låter dig snabbt dela och publicera dina filer online. Alla funktioner som den innehåller är direkt relaterade till den enda centrala syftet.
Denna typ av smalt fokus är viktigt för appar, eftersom de ofta är förknippade av både utrymme och användbarhetsproblem. Om någon använder en app på sin telefon kan användbarheten vara mycket mer utmanande. Ju fler funktioner du snubblar på skärmen med, desto svårare blir appen att använda. Även om vissa applikationer har funderat på sätt att skapa funktionrika applikationer utan störning, är det definitivt ett mycket mer utmanande förslag.
Webbdesigners, å andra sidan, försöker ofta att klämma in så många funktioner som de eventuellt kan till en webbplats. Deras uppfattning är att ju fler funktioner, ju mer användbar deras webbplats kommer att vara. Och även om webbplatser inte nödvändigtvis står inför samma störningar som småskärmsappar gör, betyder det inte nödvändigtvis ett större räckvidd och fler funktioner kommer att öka värdet för användaren.
Det är vad det kommer till: värde. Om de funktioner du lägger till ärligt ger mer värde till din slutanvändare, är det viktigt att hitta ett sätt att införliva dem i din befintliga användarupplevelse, och värt utmaningen. Men lägg inte till funktioner för att lägga till funktioner.
2. Du måste skapa något unikt och friskt
Apputvecklare vet att att skapa något som skiljer sig från de tillgängliga programmen är ett av de viktigaste elementen för att skapa en populär och framgångsrik app. De behöver något unikt och friskt om de vill sticka ut på marknaden. Bara att lägga till en funktion eller två över vad tävlingen tillhandahåller skär inte den.
PDF Expert är ett bra exempel på en app med både en ny design och unik funktionalitet.
Webbdesigners har inte nödvändigtvis fångat på den här idén. Många av dem tar samma saker som andra designers gör, tweak ett par saker att "göra det egna" och kalla det en dag. Visst, ytligt kan webbplatsen se annorlunda ut, men det är fortfarande samma generiska layout, samma generiska funktioner och samma generiska funktionalitet. Det finns inget annat eller enastående.
Designers som vill bli riktigt framgångsrika måste tänka på sätt att skapa något som verkligen skiljer sig från vad konkurrensen erbjuder. Kom upp med nya idéer och nya metoder för gemensamma problem, snarare än att titta på vad den andra killen gör.
Här är en övning för dig: Nästa gång du har en designutmaning som behöver övervinnas, leta inte efter hur någon annan gör det. Istället sätter du ner och brainstorm tio idéer för hur du kan ta itu med problemet, oavsett hur det är väggar eller dumma de kan tyckas. Först efter att du har denna lista får du titta på hur andra har löst samma utmaning. Se om deras lösningar är riktigt bättre än vad du kom fram till. Kombinera några av sina idéer med några av dina idéer och se vad du kan tänka dig. Detta kommer att få dig i tankesättet att tänka på egna, unika lösningar snarare än att bara följa status quo.
3. Använd standard GUI-kontroller och mönster
Medan unika är bra vet de bästa appdesignersna också att det finns vissa standard GUI-element som förväntas göra vissa saker. De avviker från dessa fördefinierade kontroller på egen risk. De framgångsrika appsna gör saker bara annorlunda när det fungerar bättre än standard GUI (vilket ofta inte är i de flesta fall). Och de flesta presenterar tydliga instruktioner när de avviker.
Harvest-appen använder standard GUI-mönster samtidigt som du skapar ett anpassat gränssnitt. Det ger en app som är både lätt att använda och attraktiv.
Webdesigners avviker ibland från normen i ett försök att vara unikt och gör i processen sina platser oanvändbara. Människor förväntar sig vissa saker när de besöker en webbplats: understruken text är en länk, liksom knappar, navigering är uppenbar och vanligtvis antingen på toppen eller sidan av sidan och liknande gemensamma konstruktioner. När du ändrar saker från normen, är du mer sannolikt att förvirra dina besökare.
Tänk på de gemensamma designmönstren för ett visst element och bestäm sedan om avvikelse från det mönstret faktiskt kommer att förbättra användarupplevelsen på din webbplats eller bara göra det "annorlunda". Om det inte kommer att förbättra UX, glöm det. Och om det inte är omedelbart uppenbart hur något fungerar, lägg sedan till några instruktioner någonstans på sidan så dina besökare vet vad de ska göra. Det snabbaste sättet att förlora en besökare är att få dem att känna sig dumma.
4. Skapa användbara felmeddelanden
Denna lektion kan gå på båda hållen. Vissa appdesigners har fantastiskt användbara felmeddelanden, liksom vissa webbplatser. Men det finns många appar där ute som inte har hjälpsamma felmeddelanden och många webbplatser som är desamma.
Även det enkla tillägget av en sökruta och länkar till hemsidan och arkiv kan göra en 404-sida mer användbar.
Användbara felmeddelanden säger användaren något mer än bara det faktum att det har funnits ett fel. I fallet med en app kan ett mer användbart felmeddelande erbjuda idéer för hur man tar sig runt felet. På en webbplats kan felmeddelandet ge besökaren några alternativ eller idéer för hur man kan hantera felet. I båda fallen, bara att säga "det har varit ett fel" gör ingenting annat än att frustrera din användare. Ta dig tid att skapa felmeddelanden som faktiskt förbättrar användarupplevelsen och du får lyckligare användare.
5. Ganska viktiga saker
Det här är något som många appdesigners kan lära av webbdesigners. Nu beviljas, det finns gott om söta och användbara appar där ute. Men det finns också många appar som har bra funktioner men är otroligt fula och dåligt utformade.
Appdesigners behöver tänka på hur de bättre kan utforma GUI i deras app, istället för att bara använda standarddesignschemat för plattformen som de bygger för. Visst, de inbyggda GUI-elementen är inte hemska i vissa fall, men de är också ganska generiska. De kommer inte att hjälpa din app att sticka ut från tusentals andra på marknaden. Ännu värre är antalet appar där ute som använder en anpassad design som faktiskt är sämre än stock GUI.
Awesome Note är en app som definitivt får det att en attraktiv design är viktig för en bra app.
Överväga funktionerna för din app och vem dina användare är och fundera sedan på hur du kan använda designen för att göra dessa funktioner enklare att använda och förbättra den uppfattning dina användare har om själva appen. Säg till exempel att du skapar en vintage kamera app. Använda stock GUI gör inget för att förstärka idén om att kamerans app gör något annat än lagerns app. Men om du lägger till några årgångar och element i designen skapar du en upplevelse som är roligare för din användare. De känner att de använder en app som är annorlunda, inte bara standardkamera med några extra klockor och visselpipor.
6. Skalbarhet är ett måste
Detta är något som webbdesigners har nere ganska bra. Vi vet att när som helst kan vår webbplats plötsligt se en tillströmning av trafik och behöver förbli användbar av ett större antal personer. Allt som behövs är lite innehåll att plötsligt gå viral, eller ens få bara en eller två retweets eller aktier från inflytelserika människor. Och i en utsträckning är det inte så svårt för en vanlig webbplats att bli mer skalbar (det handlar mestadels bara om att välja en värd som kan tillhandahålla servrar som ska skala ihop med din trafik).
Det andra problemet med skalbarhet förutsätter hur användarna ska använda en webbplats eller tjänst. Med de flesta webbplatser är det inte så mycket av ett problem. Men med apps är hur en användare interagerar med appen avgörande. Ett litet antal strömanvändare som verkligen sträcker kapaciteten hos appen kan orsaka problem för andra användare, eller bara ha en dålig upplevelse själva.
Apps kan vara mycket svårare att skala än webbplatser, beroende på infrastrukturen. Skalering endast för en ökning av antalet användare är inte så mycket annorlunda än att skala en webbplats; Det handlar bara om bandbredd och bearbetningskraft. Om app skalbarhet är svårare kommer ned på hur enskilda användare slutar använda appen.
Det har skett en intressant diskussion om Google+ under den senaste veckan på gång mellan Robert Scoble och Kevin Rose. Scoble har problem med dubbelt innehåll ("buller") som klämmer upp hans flöde och sa offentligt att Google+ skulle komma med ett slags filtreringssystem för att hjälpa till att utesluta allt detta ljud. Rose argumenterar för att det bara är att Scoble är en "fringe case" -användare, och att de flesta inte kommer att lösa samma problem eftersom de inte följer tusentals människor. Frågan kvarstår, om en webapp som Google+ (eller en app för en mobilplattform) ska fokusera på skalbarhet för dessa fringe användare, eller bara fokusera på de mer "genomsnittliga" användarna? Det är en debatt som inte kommer att lösas när som helst snart, men det är något app (och hemsida) utvecklare och designers måste vara medvetna om och bestämma hur de vill hantera från fall till fall.
Slutsats
Oavsett om du är webbdesigner eller appdesigner finns det saker du kan lära dig om bra design från andra designområden. Se bortom ditt eget snäva fokus på hur andra designers på andra områden hanterar liknande problem och sedan anpassa dessa idéer för att passa dina egna utmaningar.
Vad tror du? Vilka andra lektioner kan webb- och appdesigners lära varandra? Vilka lektioner behöver båda typerna av designers lära sig och var kan de lära sig dem? Låt oss veta i kommentarerna!