Share
2015 var et år å huske! Fra den første forsendelsen av Apple Watch til landingen av Mars-roveren, til den etterlengtede utgivelsen av neste episode av Star Wars (og den uunngåelige bølgen av spoilere som fulgte), var det en begivenhetsrik tolv måneder. Men når vi går inn i nyttår, er det verdt vår innsats og tid å se fremover, og tenk på hva som ligger foran webdesignindustrien.
I forrige års artikkel om hva som kan forventes fra webdesign i 2015, skisserte jeg en liste over spådommer, hvorav mange jeg er stolt av å si er blitt oppfylt (den voksende populariteten til prototyping og Sketch, "samlinger som samspill" og nok mer.) Som jeg ser det, kommer dette året til å gi oss mindre endring og mer vekst. La oss ta en titt på hva som skal komme i 2016.
I 2015 så vi den fortsatte økningen av "live experience" -verktøy som Periscope og Meerkat. Vi er også vitne til Slacks skyrocketing popularitet. Plattformer som Producthunt og Reddit fortsetter å være vert for AMAs og live diskusjoner. Alt dette tyder på en svært viktig ting for 2016: I sanntid applikasjoner og erfaringer tar over alle aspekter av digitale produkter, og det vil ha stor innvirkning på design på alle stadier, inkludert webdesign.
Tingenes Internett kommer til å være en del av denne veksten av sanntidsmedier. Vi har sett nye, tilkoblede produkter går inn i markedet for nesten alle bransjer.
Den (nå kjente) Nest ThermostatOrkestrering av dataene disse enhetene oppretter, er et stort åpent rom som staver "mulighet". Et godt eksempel på veksten av IoT finnes i Amazon Echo.
Amazon EchoMed produkt som bestiller noen få ord unna, er ekkoet og enhetene som det, innvarslet en ny måte å forstå allestedsnærværende tilkobling mellom våre ulike tjenester, våre fysiske rom og våre samspill.
Se, vi er enige; Raspberry Pi Zero på $ 5 er en ganske fantastisk ting. Faktisk vil disse lommestørrelsescomputere drevet av åpen kildekode bli billigere enn noensinne i 2016, kantet på den frie linjen.
Mmm PiOg mens det vil øke adopteringsgraden for disse små databehandlingens underverker, ser du ikke alle naboene dine som kobler seg sammen med en rekke Arduino-drevne gadgets over hele deres hus.
Det er mange grunner til dette, men kanskje det viktigste er at læringskurven som kreves for å gjøre noe spesielt interessant med en Pi eller Arduino eller CHiP, fortsatt er ganske skremmende for den gjennomsnittlige ikke-utvikler. For ikke å nevne, de er ikke spesielt vakre å se på uten noen ekstra foringsrør. IoT vil bli vedtatt først gjennom brukeropplevelser som kan nås av utlært, med lite overhead eller læringskurve, som Nest eller Philips Hue. Som alltid vil DIY forbli en liten fraksjon av befolkningen.
USAs valg av 2016 vil være ansvarlig for mye politisk drevet designmateriale og kommentarer, både fra de offisielle kandidatene og fra designfellesskapet. Det siste valget så mye gransking av designbeslutningene i løpet av USAs president, og vi kan bare forvente at dette interessepunktet øker. Barack Obamas kampanje er kjent for digital intelligent intelligens og et kraftig webteam, og de neste presidentkandidatene vil sannsynligvis lene seg tungt på analysedrevet design for å vinne løpet.
Vi kan forvente mange redesignede logoer, kampanjemateriell og kommentere designfôr fra begge sider av løpet på de andres designbeslutninger. Hilary Clintons logo har allerede fått blandede anmeldelser, som Jeb Bush har, og meninger vil sikkert fortsette å flyte som valgdag i nærheten.
Virkeligheten er, mens du kan se noen små trend-oppdaterte oppdateringer fra begge sider av gangen, er det sikreste spillet for kandidatene å være på tone for publikum. Dette gjelder spesielt for den republikanske kandidaten, og det er sannsynlig at hvis vi ser mye innovasjon eller dristige designbeslutninger, kommer de fra de mer progressive og liberale kandidatene.
Sannheten er at designbeslutningene til disse store kandidatløpene først og fremst er laget med data, ikke med kunstnerisk integritet, som drivmotivets begrunnelse. Selv om det vil være viktig for kandidatene å være forlovet med digitale medier i sin nyeste form på en relevant måte, er det usannsynlig at vi ser en neonfargepalett som faller utenfor Røde Hvite og Blå, og vi er allerede vant til.
Dette ville være for mye av avvik fra det som forventes for disse kandidatene, og kan fremmedgjøre publikum som ikke er klar for endring. Vil du se en ikke-politisk versjon av dette i aksjon? Se Facebook.com.
I år var det på mange måter et renessansår for JavaScript. Vi så ES6-adopsjonen av mange svært viktige prosjekter. Vi så lanseringen av React Native. Vi ser også antall JavaScript-primære repositorier som vokser på GitHub. Store prosjekter som Microsofts nye åpen kildekode Visual Studio har sterk støtte for JavaScript, og store selskaper med store budsjetter og mange utviklingsressurser bidrar tungt til fremtiden for språket.
Interessant lesing: Resultater for JavaScript Developer Survey
Selv om JavaScript kanskje har et enda større år i 2016, vil vi ikke se en masseavvik fra verktøyutviklere som allerede kjenner og elsker. Språk som Ruby, Python og PHP har fortsatt sterke brukerbaser, og utvikles aktivt. I stedet ser vi adopsjon av ny praksis på disse språkene, og en vekst i antall utviklere. Vil noen mennesker overgå til et JavaScript-bare utviklingsmiljø? Mest sansynlig. Vil det være en masseflykt? Absolutt ikke.
Hvis du ikke vet hva en film er, er du ikke alene, fordi de ikke er en fundamentalt ny type medium. Faktisk er et filmfelt ganske enkelt et bilde som for det meste fortsatt er, bortsett fra en liten del (vanligvis bare ett element) som animerer på en loop. Hvis du så noen av Harry Potter-filmene, tenk på deres familieportretter og aviser.
For faktiske cinemagraph sjekk ut cinemagraphs.com Cinemagraph vil ikke bli berømt fordi vi plutselig som Denne typen animasjon, men fordi iPhone og andre populære verktøy gjør disse enklere å lage. I utgangspunktet kan et filmnummer utføres med flere bilder, en enkelt GIF eller et videoelement. Det skaper en ny måte å tenke på bilder; i stedet for statiske bilder og video som våre eneste to måter å representere kamerainnspilt innhold, har vi nå også en "imellom" -filmen.
Videre lesning:
Kinoegrafer vil trolig bli trendy, men de vil absolutt ikke erstatte video. Som vi allerede har nevnt, er kinoegrafer en fundamentalt annerledes medierepresentasjon. Video fremdeles gir mye mer innhold i samme rom. Vi vil sannsynligvis se kinegrafer som bakgrunner for tekst-hvor video skaper lesbarhetsproblemer, men kontrollert minimal animasjon fungerer bra.
video.envato.comBeslektet: Hvis du er interessert i å lage videoer direkte fra iPhone, sjekk ut Envato Video's siste iOS-apputgivelse.
Veksten av virtuell virkelighet vil starte med spill, bli til video, og til slutt blir det et viktig medium å vurdere for enhver digital opplevelse. Når vi tenker på den virtuelle virkeligheten, diskuterer vi ofte bruken av en fullstendig nedsenket opplevelse.
Samsungs Gear VRImidlertid går glideskalaen fra den faktiske virkeligheten til den virtuelle virkeligheten mange viktige, meget kraftige milepæler underveis, inkludert forstørret virkelighet. Selv om Google Glass ikke nødvendigvis var en show-stopper, bør vi forvente at VR gir oss nye måter å oppleve, for eksempel:
Selv om vi ikke nødvendigvis vil se stor utbredt adopsjon av VR i år, vil vi se voksende hype (og mange Kickstarter-prosjekter) som bygger fart for fremtidige design iterasjoner som inkluderer overveielser for produkter som Googles papp eller Oculus Rift.
Nettlesere vil ikke standardisere VR-APIer i noen år, da adopteringshastigheten er betydelig lavere enn nødvendig for utbredt adopsjon, og nettleser-nivå VR vil ikke være utrolig nyttig i det neste året. Gaming motorer, derimot, vil trolig ha VR beste praksis godt etablert innen utgangen av året.
Relatert: Mozilla lanserer A-Frame: VR-kompatible nettsteder som starter med en linje med kode
Animasjon blir allerede en viktig del av ferdighetssettet for front-end-utvikler, men i år vil det få mer animasjon enn noensinne. Animasjon er nødvendig for den flytende naturen av design som vi ser i de fleste produkter i dag; folk tenker ikke lenger på sider, men heller når det gjelder kjente grensesnitt og mønstre. På grunn av dette øker styrken til et mønster når en bruker mottar kontekstuelle signaler fra selve grensesnittet. En veldig kraftig måte å kommunisere en kontekstuell kø på er gjennom bevegelse; animasjon.
Ovennevnte demo er hentet fra å legge til klage på dine animasjoner på nettet av Donovan Hutchinson.
Mens CSS er veldig kraftig, er animasjons-API ikke slated for å endre mye i det kommende året. I stedet vil verktøy rundt CSS-animasjon bli utviklet for å tillate mer granulær kontroll over aspekter av animasjon som for eksempel lettelse. Flere folk vil begynne å stole på CSS-bare animasjon (i stedet for å bruke JavaScript-biblioteker), og på grunn av begrensningene i API-en selv vil utviklingssamfunnet trolig bygge bedre verktøy for å håndtere komplekse animasjoner.
Dette er en veldig enkel trend: overlappende elementer. Vi har sett store estetiske designledere som Spotify vedta denne trenden, og det ser ut til å holde seg fast. Spøkelses-knappen trenden for 2015 vil bli utvidet til ikke-klikkbare elementer, og tomme elementer med konturer som bryter ellers-begrensende bokser vil dukke opp på tvers av design.
Tekst vil bli brukt på en lignende måte - vi er fortsatt sannsynlig å se sterk fet tekst over bilder, men bildene selv og selve teksten vil se et skifte for å vedta farger og mye høyere nivåer av metning.
Sammen med overlapper ser vi de mettede fargene i form av store, feiende gradienter. Disse gradienter vil også komme sammen med svært store skygger, for ikke å gjenopprette skeuomorfisme, men i stedet bare for estetisk dybde.
SVG som et format fortsetter å vokse i popularitet. Med flere verktøy og bruk tilfeller enn noensinne, vil vi se SVG bli en mye mer vedtatt teknologi i 2016. Dette vil effektivt bringe mer vektorientert design, animasjon og retina-ready grafiske elementer inn i webdesign enn noen gang før. En annen bivirkning kan være lettere steder, da størrelsen på en SVG er mye mindre enn tilsvarende PNG, men dette er usannsynlig fordi bilder, videoer og skrifter (skyldene til tunge sider) ikke går overalt snart.
Swift er åpen kildekode! Språket Apple utgitt for iOS-utvikling for å erstatte mål C har blitt offisielt åpnet. Dette er sannsynlig å anspore på mange open source-verktøy, men språket skal fortsatt primært brukes til iOS-utvikling. Mens det sikkert vil være en JavaScript-til-Swift (eller, mer sannsynlig, Swift-to-JavaScript) transpiler på et tidspunkt, satser jeg på at den ikke vil bli utgitt i en offisiell versjon til minst 2017. Watch ut for alfa- og beta-versjoner av disse verktøyene i år, skjønt!
Medieredigering vil på et tidspunkt være helt basert i skyen. Vi har sett sterk støtte for denne teorien, og det gir mest mening på lang sikt for vår enhet-agnostiske verden. Men det kommer ikke til å skje i år. Båndbredden er fortsatt for begrenset til masseopptak fra store selskaper med interesse for dette rommet; de fleste brukere vil ikke kunne utføre de nødvendige tunge handlinger på tvers av ledningen som de kan utføre på egen maskin.
Ettersom fiber Internett når store byer rundt om i verden, vil dette konseptet bli introdusert sakte, men den nødvendige fysiske infrastrukturen for at dette skal finne sted er ikke klar ennå, og vil ta mer tid enn ett år kan gi.
Vi kan alle drømme om dagen da JavaScript er kjørespråket bak webens mest populære plattform. Men sannsynligheten for at dette skjer i det neste året er lavt; i stedet vil WordPress mest sannsynlig fortsette å jobbe på lynchpin som gjorde det så vellykket å begynne med: 5-minutters installasjon basert på PHP.
Calypso for WordPress-admingrensesnittklienten utgitt i slutten av 2015 Mens dette året så mye iterasjon og sjanse, vil 2016 i stor grad være et år med "mer av det samme", med noen små endringer i design estetikk. Vi vil se mye fremgang på grunnleggende aspekter av våre eksisterende verktøy og tankegang, men det vil mate inn i 2017 og utover. 2016 er den perfekte muligheten til å se fremover, vedta nye verktøy og forfølge ny kunnskap om verktøyene du allerede bruker.
Accentsconagua