Share
2015 was een jaar om nooit te vergeten! Vanaf de eerste verzending van de Apple Watch tot de landing van de Mars Rover, tot de langverwachte release van de volgende aflevering van Star Wars (en de onvermijdelijke golf spoilers die volgde), was het een bewogen twaalf maanden. Maar als we het nieuwe jaar ingaan, is het de moeite en de tijd waard om vooruit te kijken en nadenken over wat ons te wachten staat voor de webontwerpindustrie.
In het artikel van vorig jaar over wat te verwachten van webdesign in 2015, heb ik een lijst met voorspellingen geschetst, waarvan ik met veel trots kan zeggen dat ze zijn uitgekomen (de groeiende populariteit van prototyping en Sketch, 'collections as a interaction', en veel meer.) Zoals ik het zie, zal ons dit jaar minder opleveren verandering en meer groei. Laten we een kijkje nemen naar wat er gaat komen in 2016.
In 2015 zagen we de voortdurende stijging van tools voor "live-ervaring", zoals Periscope en Meerkat. We waren ook getuige van de torenhoge populariteit van Slack. Platforms als Producthunt en Reddit blijven AMA's en live discussies houden. Dit alles suggereert een zeer belangrijk ding voor 2016: real-time toepassingen en ervaringen nemen elk aspect van digitale producten over, en dat heeft een grote invloed op het ontwerp in elke fase, inclusief webdesign.
Het internet der dingen zal deel uitmaken van deze groei van real-time media. We hebben gezien dat nieuwe, verbonden producten op de markt komen voor bijna elke branche.
De (nu heel vertrouwde) Nest ThermostatHet orkestreren van de gegevens die deze apparaten maken, is een grote open ruimte die "gelegenheid" betekent. Een geweldig voorbeeld van de groei van IoT is te vinden in de Amazon Echo.
De Amazon EchoMet het bestellen van producten een paar woorden weg, brengen de Echo en dergelijke apparaten een nieuwe manier om de alomtegenwoordige connectiviteit tussen onze verschillende diensten, onze fysieke ruimtes en onze interacties te begrijpen..
Kijk, daar zijn we het mee eens; de Raspberry Pi Zero voor $ 5 is een behoorlijk geweldig iets. Sterker nog, deze pocket-sized computers aangedreven door open source zullen goedkoper zijn dan ooit in 2016, op de "vrije" lijn.
Mmm PiEn terwijl dat de acceptatiegraad van deze kleine computerwonders zal verhogen, zul je niet zien dat al je buren een heleboel Arduino-aangedreven gadgets in hun huizen aansluiten.
Daar zijn een aantal redenen voor, maar misschien wel het belangrijkste is dat de leercurve die nodig is om iets interessants te doen met een Pi of Arduino of CHiP nog steeds behoorlijk ontmoedigend is voor de gemiddelde niet-ontwikkelaar. Om nog maar te zwijgen, ze zijn niet bijzonder mooi om naar te kijken zonder wat extra behuizingwerk. IoT zal eerst worden geadopteerd door gebruikerservaringen die benaderbaar zijn voor ongetrainde mensen, met weinig overhead of leercurve, zoals de Nest of Philips Hue. Zoals altijd zal DIY een kleine fractie van de bevolking blijven.
De Amerikaanse verkiezingen van 2016 zullen verantwoordelijk zijn voor veel politiek-gedreven ontwerpmateriaal en commentaar, zowel van de officiële kandidaten als van de ontwerpgemeenschap. De laatste verkiezingen zagen veel kritisch onderzoek naar de ontwerpbeslissingen in de race voor president van de Verenigde Staten, en we kunnen alleen verwachten dat dit niveau van belangstelling toeneemt. Barack Obama's campagne staat bekend om digitale voorspellende intelligentie en een krachtig webteam, en de volgende presidentiële kandidaten zullen waarschijnlijk zwaar op analytisch gedreven ontwerp leunen om de race te winnen.
We kunnen veel herontworpen logo's, campagnemateriaal en commentaar op het ontwerpvoer van beide kanten van de race verwachten op de ontwerpbeslissingen van anderen. Het logo van Hilary Clinton heeft al gemengde beoordelingen ontvangen, net als die van Jeb Bush, en de meningen zullen zeker blijven stromen als de verkiezingsdag nadert.
De realiteit is dat, hoewel je aan beide kanten van het gangpad misschien wat trendvolgende updates zult zien, de veiligste gok voor de kandidaten is om op de hoogte te blijven voor hun publiek. Dit geldt met name voor de Republikeinse kandidaat, en het is waarschijnlijk dat als we veel innovatie of gewaagde ontwerpbeslissingen zien, ze zullen komen van de meer progressieve en liberale kandidaten.
De waarheid is dat de ontwerpbeslissingen van deze grote kandidaat-races voornamelijk worden genomen met gegevens, niet met artistieke integriteit, als rechtvaardiging van het rijontwerp. Hoewel het belangrijk is voor de kandidaten om op een relevante manier betrokken te blijven bij digitale media in de nieuwste vormen, is het onwaarschijnlijk dat een neon kleurenpalet buiten de Red White en Blue valt die we al gewend zijn.
Dit zou een te grote afwijking zijn van wat er van deze kandidaten wordt verwacht, en het publiek dat niet klaar is voor verandering vervreemden. Wilt u een niet-politieke versie hiervan zien optreden? Zie Facebook.com.
Dit jaar was in veel opzichten een jaar uit de Renaissance voor JavaScript. We zagen de goedkeuring van ES6 door veel zeer belangrijke projecten. We zagen de lancering van React Native. We zien ook dat het aantal JavaScript-primaire repositories groeit op GitHub. Grote projecten zoals Visual Studio, de nieuwe open source van Microsoft, hebben een sterke ondersteuning voor JavaScript en zeer grote bedrijven met grote budgetten en veel ontwikkelingsbronnen zijn zwaar aan het wedden op de toekomst van de taal..
Interessante resultaten: JavaScript Developer Survey Results
Hoewel JavaScript in 2016 misschien nog een groter jaar is, zien we geen massale afwisseling van tools die ontwikkelaars al kennen en waar ze van houden. Talen zoals Ruby, Python en PHP hebben nog steeds een sterke gebruikersbasis en worden actief ontwikkeld. In plaats daarvan zullen we nieuwe praktijken in deze talen zien en een toename van het aantal ontwikkelaars. Zullen sommige mensen overstappen naar een ontwikkelomgeving met alleen JavaScript? Zeer zeker. Zal het een massale uittocht zijn? Zeer zeker niet.
Als je niet weet wat een cinemagraph is, ben je niet de enige, omdat ze geen fundamenteel nieuw medium zijn. In feite is een cinemagraph gewoon een afbeelding die meestal nog steeds is, behalve een klein deel (meestal slechts één element) dat in een lus animeert. Als je een van de Harry Potter-films hebt gezien, denk dan aan hun familieportretten en kranten.
Voor de werkelijk cinemagraph check out cinemagraphs.com De cinemagraph wordt niet beroemd omdat we plotseling net zoals dit soort animatie, maar eerder omdat de iPhone en andere populaire tools deze gemakkelijker te maken maken. Fundamenteel gezien kan een cinemagraph worden voltooid met meerdere afbeeldingen, een enkele GIF of een video-element. Het creëert een nieuwe manier van denken over beelden; in plaats van dat statische afbeeldingen en video onze enige twee manieren zijn om door de camera opgenomen inhoud weer te geven, hebben we nu ook een "tussen" -de cinemagraph.
Verder lezen:
Cinemegrafen zullen waarschijnlijk trendy worden, maar ze zullen zeker geen video vervangen. Zoals we al noemden, zijn cinemegrafen een fundamenteel andere mediarepresentatie. Video biedt nog steeds veel meer inhoud in dezelfde ruimte. We zullen waarschijnlijk cinemegrafen zien als achtergrond voor tekst, waarbij video leesbaarheidsproblemen oplevert, maar gecontroleerde minimale animaties werken goed.
video.envato.comGerelateerd: als je geïnteresseerd bent in het maken van video's rechtstreeks vanaf je iPhone, bekijk dan de recente iOS-app-release van Envato Video.
De groei van virtual reality begint met gamen, groeit uit tot video en uiteindelijk wordt het een belangrijk medium om te overwegen voor elke digitale ervaring. Wanneer we denken aan virtual reality, laten we vaak het gebruik van een volledig ondergedompelde ervaring achterwege.
Gear VR van SamsungDe glijdende schaal van de werkelijke realiteit naar de virtuele realiteit passeert echter onderweg vele belangrijke, zeer krachtige mijlpalen, inclusief augmented reality. Hoewel Google Glass niet per se een stop was, mogen we verwachten dat VR ons nieuwe manieren van ervaren biedt, bijvoorbeeld:
Hoewel we dit jaar niet per se enorme wijdverspreide adoptie van VR zullen zien, zullen we een groeiende hype (en veel Kickstarter-projecten) zien die een momentum opbouwen voor toekomstige ontwerpiteraties, inclusief overwegingen voor producten zoals Google's Cardboard of de Oculus Rift.
Browsers zullen VR API's niet voor een paar jaar standaardiseren, omdat de acceptatiegraad aanzienlijk lager is dan noodzakelijk voor een wijdverspreide acceptatie, en VR op browserniveau niet volgend jaar ongelofelijk nuttig zal zijn. Aan de andere kant zullen gaming-engines waarschijnlijk aan het einde van het jaar goede VR-werkwijzen hebben.
Gerelateerd: Mozilla lanceert A-Frame: VR-geschikte websites Beginnend met één regel code
Animatie wordt al een belangrijk onderdeel van de vaardighedenset van de front-end ontwikkelaar, maar dit jaar zal meer animatie dan ooit verschijnen. Animatie is nodig voor de vloeiende aard van het ontwerp dat we tegenwoordig in de meeste producten zien; mensen denken niet langer in termen van pagina's, maar eerder in termen van vertrouwde interfaces en patronen. Hierdoor wordt de sterkte van een patroon verhoogd wanneer een gebruiker contextuele signalen ontvangt van de interface zelf. Een zeer krachtige manier om een contextuele keu te communiceren, is door beweging; animatie.
De bovenstaande demo is afkomstig van het toevoegen van Appeal aan Your Animations on the Web door Donovan Hutchinson.
Hoewel CSS erg krachtig is, is de animatie-API niet van plan om het komend jaar veel te veranderen. In plaats daarvan zal tooling rond CSS-animatie waarschijnlijk worden ontwikkeld om meer gedetailleerde controle mogelijk te maken over aspecten van animatie zoals versoepeling. Meer mensen zullen beginnen te vertrouwen op CSS-only-animatie (in plaats van hun toevlucht te nemen tot JavaScript-bibliotheken), en vanwege de beperkingen van de API zelf, zal de ontwikkelgemeenschap waarschijnlijk betere tooling bouwen om complexe animaties te verwerken.
Dit is een heel eenvoudige trend: overlappende elementen. We hebben grote esthetische ontwerpleiders zoals Spotify deze trend zien aannemen, en die lijkt aan te houden. De geestenthematrend van 2015 wordt uitgebreid naar niet-klikbare elementen en lege elementen met contouren die anderszins beperkende vakken doorbreken, worden in verschillende ontwerpen weergegeven.
Tekst zal op een vergelijkbare manier worden gebruikt - we zullen waarschijnlijk nog steeds sterke vetgedrukte tekst zien over afbeeldingen, maar de afbeeldingen zelf en de tekst zelf zullen een verschuiving zien naar het aannemen van inkleuring en veel hogere niveaus van verzadiging.
Samen met overlappingen zullen we de verzadigde kleuren zien in de vorm van grote, ingrijpende hellingen. Deze gradiënten zullen ook gepaard gaan met zeer grote schaduwen, niet om skeuomorfisme opnieuw in te voeren, maar in plaats daarvan eenvoudig voor esthetische diepte.
SVG als een formaat blijft in populariteit groeien. Met meer tooling en use cases dan ooit, zullen we zien dat SVG in 2016 een veel meer geaccepteerde technologie wordt. Dit zal effectief meer vectorgeoriënteerde ontwerp-, animatie- en retina-ready grafische elementen in webdesign brengen dan ooit tevoren. Een ander neveneffect kunnen lichtere sites zijn, omdat de grootte van een SVG veel kleiner is dan de equivalente PNG, maar dit is onwaarschijnlijk omdat afbeeldingen, video's en lettertypen (de boosdoeners van zware pagina's) nergens snel naartoe gaan.
Swift is open source! De taal die Apple heeft uitgegeven voor de ontwikkeling van iOS ter vervanging van Objective C is officieel open source. Dit zal waarschijnlijk veel open-source tools stimuleren, maar de taal wordt nog steeds voornamelijk gebruikt voor de ontwikkeling van iOS. Hoewel er vrijwel zeker een JavaScript-to-Swift (of, waarschijnlijker, Swift-to-JavaScript) transponder op enig moment zal zijn, wed ik dat het pas in ten minste 2017 in een officiële versie zal worden uitgebracht. Bekijk voor de alfa- en bètaversies van deze tools dit jaar!
Mediabewerking zal op een bepaald moment volledig in de cloud zijn gebaseerd. We hebben sterke steun voor deze theorie gezien en het is op lange termijn de meest logische reden voor onze apparaat-agnostische wereld. Maar het zal dit jaar niet gebeuren. De bandbreedte is nog steeds te beperkt voor massale acceptatie door grote bedrijven met belangstelling voor deze ruimte; de meeste gebruikers zouden niet in staat zijn om de nodige zware acties over de draad uit te voeren die ze op hun eigen machine kunnen uitvoeren.
Aangezien glasvezelnetwerken grote steden over de hele wereld bereiken, zal dit concept langzaam worden ingevoerd, maar de benodigde fysieke infrastructuur om dit te laten plaatsvinden is nog niet klaar en zal meer tijd kosten dan een jaar kan bieden..
We kunnen allemaal dromen van de dag dat JavaScript de taal is achter het populairste platform van het web. Maar de kans dat dit het komende jaar gebeurt, is laag; in plaats daarvan zal WordPress waarschijnlijk blijven werken aan de spil die het zo succesvol maakte om mee te beginnen: de installatie van 5 minuten op basis van PHP.
Calypso voor WordPress - de beheerinterfaceclient die eind 2015 is uitgebracht Hoewel er dit jaar veel iteratie en kans was, zal 2016 grotendeels een jaar van "meer van hetzelfde" zijn, met enkele kleine veranderingen in de ontwerpesthetiek. We zullen echter veel vooruitgang zien te boeken met betrekking tot de fundamentele aspecten van onze bestaande toolsets en mindsets, die zich in 2017 en daarna zullen voeden. 2016 is de perfecte gelegenheid om vooruit te kijken, nieuwe tools te gebruiken en nieuwe kennis op te doen over de tools die u al gebruikt.
Accentsconagua