Share
2015 var ett år att komma ihåg! Från den första försändelsen av Apple Watch till Mars-roverens landning, till den efterlängtade utgåvan av nästa episod av Star Wars (och den oundvikliga våg av spoilers som följde) var det ett händelserikt tolv månader. Men när vi går in i nyåret är det värt vår insats och tid att se fram emot, och tänka på vad som ligger framåt för webbdesignindustrin.
I förra årets artikel om vad man kan förvänta sig av webbdesign år 2015 skisserade jag en lista över förutsägelser, varav många jag är stolta över att säga har gått i uppfyllelse (prototypernas ökande popularitet och Sketch, "samlingar som en interaktion" och gott om mer.) Som jag ser det, kommer detta år att ge oss mindre Byta och mer tillväxt. Låt oss ta en titt på vad som ska komma 2016.
Under 2015 såg vi fortsatt utveckling av "live experience" -verktyg som Periscope och Meerkat. Vi bevittnade också den skyrocketing popularitet Slack. Plattformar som Producthunt och Reddit fortsätter att vara värd för AMAs och levande diskussioner. Allt detta föreslår en mycket viktig sak för 2016: Realtidsapplikationer och erfarenheter tar över alla aspekter av digitala produkter, och det kommer att ha stor inverkan på design i alla led, inklusive webbdesign.
Dina Internet kommer att vara en del av denna tillväxt av realtids media. Vi har sett nya, anslutna produkter på marknaden för nästan alla branscher.
Den nuvarande, mycket bekanta Nest-termostatenOrkestering av data som dessa enheter skapar är ett stort öppet utrymme som stavar "möjlighet". Ett bra exempel på IoT-tillväxten finns i Amazon Echo.
Amazon EchoMed produkt som beställer några ord bort, är Echo och enheter som det som ett nytt sätt att förstå allestädes närvarande samband mellan våra olika tjänster, våra fysiska utrymmen och våra interaktioner.
Titta, vi håller med; Raspberry Pi Zero på $ 5 är en ganska fantastisk sak. Faktum är att dessa pocket-sized datorer drivna av öppen källkod kommer att bli billigare än någonsin år 2016, kantade på den "fria" raden.
Mmm PiOch medan det kommer att öka adopteringsgraden för dessa små datorunderverkningar ser du inte alla dina grannar kopplar upp en massa Arduino-driven gadgets över sina hus.
Det finns en hel del skäl till det här, men kanske det viktigaste är att inlärningskurvan som krävs för att göra något särskilt intressant med en Pi eller Arduino eller CHiP är fortfarande ganska skrämmande för den genomsnittliga icke-utvecklaren. För att inte tala om, är de inte särskilt vackra att titta på utan några extra höljesarbete. IoT kommer att antas först genom användarupplevelser som kan nås av de utbildade, med liten överhead eller inlärningskurva, som Nest eller Philips Hue. Som alltid kommer DIY att förbli en liten fraktion av befolkningen.
USA: s val av 2016 kommer att ansvara för en hel del politiskt driven designmaterial och kommentarer, både från de officiella kandidaterna och från designgemenskapen. Det senaste valet såg mycket granskning av designbesluten i loppet för USA: s president, och vi kan bara förvänta oss att den här intressen ökar. Barack Obamas kampanj är känd för digital prediktiv intelligens och ett kraftfullt webblag, och nästa presidentkandidat kommer sannolikt att luta sig mycket på analysdriven design för att vinna loppet.
Vi kan förvänta oss många redesignade logotyper, kampanjmaterial och kommenterar designfoder från båda sidor av loppet på de andras designbeslut. Hilary Clintons logotyp har redan fått blandade recensioner, liksom Jeb Bushs, och åsikterna kommer säkert att fortsätta att flyta som valdagen närmar sig.
Verkligheten är, medan du får se några små trend-uppdateringar från båda sidor av gången, är den säkraste insatsen för kandidaterna att hålla sig uppmärksam på publiken. Detta gäller särskilt den republikanska kandidaten, och det är troligt att om vi ser mycket innovation eller vågade designbeslut kommer de att komma ifrån de mer progressiva och liberala kandidaterna.
Sanningen är att designbesluten för dessa stora kandidatlöpningar är framför allt gjorda med data, inte med konstnärlig integritet, som den drivande designmotiveringen. Även om det kommer att vara viktigt för kandidaterna att vara förlovade med digitala medier i sina nyaste former på ett relevant sätt, är det osannolikt att vi ser en neonfärgspalett som faller utanför Rödvit och Blå, vi är redan vana vid.
Detta skulle vara för mycket av avvikelse från vad som förväntas för dessa kandidater, och kan alienera publik som inte är redo för förändring. Vill du se en icke-politisk version av detta i åtgärd? Se Facebook.com.
I år var på många sätt ett renässansår för JavaScript. Vi såg antagandet av ES6 av många väldigt viktiga projekt. Vi såg lanseringen av React Native. Vi ser också hur många JavaScript-primära repositorier växer på GitHub. Stora projekt som Microsofts Visual Studio, som är öppen för öppen källkod, har starkt stöd för JavaScript, och mycket stora företag med stora budgetar och många utvecklingsresurser satsar tungt på språkets framtid.
Intressant läsning: Resultaten av JavaScript Developer Survey
Även om JavaScript kanske har ett ännu större år 2016, kommer vi inte se en massa avgång från verktyg som utvecklare redan känner och älskar. Språk som Ruby, Python och PHP har fortfarande starka användarbaser och utvecklas aktivt. I stället ser vi antagandet av nya metoder på dessa språk och en tillväxt i antalet utvecklare. Kommer vissa människor att byta till en utvecklingsmiljö för JavaScript? Garanterat. Kommer det att bli en massvandring? Absolut inte.
Om du inte vet vad en film är, är du inte ensam, för att de inte är en helt ny typ av medium. Faktum är att en film är en bild som för det mesta fortfarande är, förutom en liten del (vanligtvis bara ett element) som animerar på en slinga. Om du såg någon av Harry Potter-filmerna, tänk på deras familjeporträtt och tidningar.
För faktisk cinemagraph kolla in cinemagraphs.com Cinemagraph kommer inte bli känd eftersom vi plötsligt tycka om den här typen av animering, men snarare för att iPhone och andra populära verktyg gör det enklare att skapa. Grundläggande kan en film uppnås med flera bilder, en enda GIF eller ett videoelement. Det skapar ett nytt sätt att tänka på bilder; istället för att statiska bilder och video är våra enda två sätt att representera kamerainnehållet innehåll, har vi nu också en "in-between" -filmen.
Vidare läsning:
Cinemegraphs kommer sannolikt att bli trendiga, men de kommer säkert inte att ersätta video. Som vi redan nämnde är filmgrafer en fundamentalt annorlunda medierepresentation. Video ger fortfarande mycket mer innehåll i samma utrymme. Vi kommer sannolikt se filmgrafer som bakgrund för text där video skapar läsbarhetsproblem, men kontrollerad minimal animering fungerar bra.
video.envato.comRelaterat: Om du är intresserad av att skapa videoklipp direkt från din iPhone, kolla in Envato Videos senaste iOS-apputgåva.
Tillväxten av virtuell verklighet börjar med spel, växa till video, och så småningom blir det ett viktigt medium att överväga för alla digitala erfarenheter. När vi tänker på den virtuella verkligheten, diskar vi ofta användningen av en helt nedsänkt upplevelse.
Samsungs Gear VRDen glidande skalan från verkligheten till den virtuella verkligheten passerar emellertid många viktiga, mycket kraftfulla milstolpar längs vägen, inklusive förstärkt verklighet. Medan Google Glass inte nödvändigtvis var en show-stoppare, borde vi förvänta oss att VR ger oss nya sätt att uppleva, till exempel:
Medan vi inte nödvändigtvis ser en stor utbredd adoption av VR i år ser vi växande hype (och många Kickstarter-projekt) som skapar fart för framtida designteerationer som inkluderar överväganden för produkter som Googles kartong eller Oculus Rift.
Webbläsare kommer inte att standardisera VR-API-er under några år, eftersom adopteringshastigheten är betydligt lägre än vad som krävs för omfattande adoption, och VR-webbläsarens nivå kommer inte att vara otroligt användbar nästa år. Spelmotorer, å andra sidan, kommer sannolikt att ha VR-bästa praxis som är väl etablerade i slutet av året.
Relaterat: Mozilla lanserar A-Frame: VR-kompatibla webbplatser som börjar med en rad kod
Animering blir redan en viktig del av front-end-utvecklarens färdighetsuppsättning, men i år kommer det att få mer animering än någonsin. Animering är nödvändig för den flytande naturen hos design som vi ser i de flesta produkter idag; människor tänker inte längre när det gäller sidor, utan snarare när det gäller bekanta gränssnitt och mönster. På grund av detta ökar styrkan hos ett mönster när en användare får kontextuella signaler från gränssnittet självt. Ett mycket kraftfullt sätt att kommunicera en kontextuell cue är genom rörelse; animering.
Ovanstående demo tas från att lägga till överklagande till dina animationer på webben av Donovan Hutchinson.
Medan CSS är mycket kraftfull, animeras API inte för att förändras mycket under det kommande året. I stället kommer verktyget runt CSS-animationen sannolikt att utvecklas för att möjliggöra mer granulär kontroll över animationsaspekter som till exempel lättnad. Fler människor börjar börja förlita sig på CSS-bara animering (i stället för att tillgripa JavaScript-bibliotek), och på grund av begränsningarna av API-enheten kommer utvecklingsgemenskapen troligen att bygga bättre verktyg för att hantera komplexa animationer.
Detta är en mycket enkel trend: överlappande element. Vi har sett stora estetiska designledare som Spotify antar denna trend och det verkar vara fast. Spök-knappen trenden för 2015 kommer att utvidgas till icke-klickbara element, och tomma element med konturer som bryter mot annars-begränsande lådor kommer att dyka upp över mönster.
Text kommer att användas på liknande sätt - vi kan fortfarande se stark fet text över bilder, men bilderna själva och själva texten kommer att se ett skifte för att anta färgbehandling och mycket högre mättnadsnivåer.
Tillsammans med överlappningar ser vi de mättade färgerna i form av stora, svepande gradienter. Dessa gradienter kommer också att följa med mycket stora skuggor, för att inte återinföra skeuomorfismen, utan istället för estetiskt djup.
SVG som format fortsätter att växa i popularitet. Med fler verktyg och användarfall än någonsin ser vi att SVG blir en mycket mer antagen teknik 2016. Detta kommer effektivt att ge mer vektororienterad design, animering och retina-ready grafiska element till webbdesign än någonsin tidigare. En annan bieffekt kan vara lättare platser, eftersom storleken på en SVG är mycket mindre än motsvarande PNG, men det är osannolikt att bilder, videor och teckensnitt (de skyldiga på tunga sidor) inte går någonstans när som helst snart.
Swift är öppen källkod! Språket Apple som släpptes för iOS-utveckling för att ersätta mål C har officiellt öppnats. Det här kommer sannolikt att anfalla på många öppna verktyg, men språket används fortfarande främst för iOS-utveckling. Även om det säkert kommer att vara en JavaScript-to-Swift (eller, mer troligt, Swift-to-JavaScript) transpiler vid någon tidpunkt, satsar jag på att det inte kommer att släppas i en officiell version förrän åtminstone 2017. Watch ut för alfa- och betaversionerna av dessa verktyg i år!
Medieredigeringen kommer till en viss tid att vara helt baserad i molnet. Vi har sett starkt stöd för denna teori, och det gör det mest meningsfullt på lång sikt för vår enhet-agnostiska värld. Men det kommer inte att hända i år. Bandbredd är fortfarande för begränsat för massupptagning av stora företag med intresse för detta utrymme; de flesta användare skulle inte kunna utföra de nödvändiga tunga åtgärderna över den tråd som de kan utföra på sin egen maskin.
Eftersom fiberinternet når stora städer runt om i världen, kommer detta koncept att introduceras långsamt, men den nödvändiga fysiska infrastrukturen för att detta ska ske är ännu inte klart och det tar längre tid än ett år att tillhandahålla.
Vi kan alla drömma om den dag då JavaScript är drivningsspråket bakom webbläsens mest populära plattform. Men sannolikheten för att detta händer det närmaste året är lågt; i stället kommer WordPress sannolikt att fortsätta arbeta på lynchpin som gjorde det så framgångsrikt att börja med: 5-minuters installation baserad på PHP.
Calypso för WordPress-admin-gränssnittsklienten släpptes i slutet av 2015 Även om det här året såg mycket iteration och chans, kommer 2016 i stor utsträckning att vara ett år med "mer av samma", med några små förändringar i designens estetik. Vi kommer att se en hel del framsteg på grundval av våra befintliga verktyg och tankesätt, som kommer att uppfylla 2017 och därefter. 2016 är det perfekta tillfället att titta vidare, anta nya verktyg och driva ny kunskap om de verktyg du redan använder.
Accentsconagua