Hva du kan forvente i webdesign i 2015

For tolv måneder siden skrev vi noen spådommer om hva vi ville se (og ikke se) i 2014. Det slo en ledning med dere alle, så vi har bestemt oss for å gjøre det samme i år!

I fjor forutspådde vi den fortsatte stigningen i SVG, nedgangen i PSD-snitting og en overbelastning av video-orientert design, blant mange andre ting. Dette kommende året skal vi se mer av det samme. Her er hva vi tror du vil se i webdesign i 2015!

Prototyping Extravaganza

Prototyping er ikke bare en kjepp-det er en stor del av fremtiden for webdesign.

Siden nettet blir mer og mer avansert og komplisert, vil vi fortsette å bevege seg lenger unna statiske mockups og mer mot fullt interaktive opplevelser som krever mye mer enn en fremdeles visuell å beskrive. Prototypingsverktøy lar en designer vise ikke bare hva en bestemt digital opplevelse ser ut, men også hva den kan gjøre.

Prototypingsverktøy brukes til mange forskjellige spesifikke interaksjoner, inkludert enkle animasjonsdesign, overganger og overordnede enheterstøttehensyn. Men prototyper kan gjøre mye mer enn bare visuell estetikk, de kan fungere som høyoppløselig wireframing-løsninger. Designere og informasjonsarkitekter vil begynne å krysse opp i hverandres territorium litt mer som applikasjonsarkitekturen vil fortsette å bli integrert med designprosessen.

Verktøy du kan bruke til prototype

  • Framer - Sketch-integrert, Coffeescript-drevet prototyping verktøy bygget for høy oppløsning samspill prototyping. 
  • Origami - bygget av folkene på Facebook, Origami jobber med Quartz Composer for å bygge interaktive prototyper. 
  • InVision - InVision er en fin måte å komme i gang med prototyping. Ved å ta statiske skjermbilder og gjøre dem interaktive på et veldig enkelt nivå, kan brukerne koble mellom visninger, kommentere bestemte steder i designet, og bruke en versjon av selve prototypen. 
  • Codepen - Codepen er et verktøy som lar deg prøve noe i nettleseren veldig raskt. Med noen få enkle klikk kan du ha et tomt lerret med populære JavaScript, CSS og HTML-biblioteker. Codepen inkluderer støtte for ting som HAML, LESS / SASS, og kobling av eksterne filer (som jQuery). Å bygge demoer i nettleseren har også fordelen av å være bærbar og umiddelbart brukbar i et ekte live-prosjekt.

Videre lesing, lytte og se på:

  • Hva en prototype er (og er ikke) 
  • Prototyping: En utøverehåndbok (bok) av Todd Zaki Warfel
  • Prototyping (@ Facebook) | Origami | Quartz Composer | Framer 
  • Introduksjon til prototyping
  • PrototypingTools.co

Hva du ikke vil se: Verktøy for å ta prototyping rett til produksjon

Prototypingsverktøy har ikke blitt perfeksjonert nok, men å ta dem rett inn i nettleseren (med mindre de starter i nettleseren, som Codepen). Noen vil forsøke å oppnå dette, men til slutt vil konvertering av prototyper til produksjonsklare digitale produkter fortsatt bli oppnådd av menneskelige utviklere. Å ha ferdigheter til å konvertere prototyper til produksjonsklar kode vil fortsatt være en høyverdig ferdighetstjeneste for ellers strengt visuelle designere skal ha.

Mer skisseannonsering

Skisse har steget i popularitet siden utgivelsen av Bohemian Coding. Skissen er spesielt utviklet for å skape digitale design. Du har kanskje aldri hørt om Sketch, men vi tror det vil endres, og i år ser du det fortsette å vokse.

Den forrige lederen av pakken, Photoshop, var aldri ment å være spesielt brukt til webdesign. Adobe har fortsatt å frigjøre produkter som Muse and Edge for å takle noen av de webspesifikke designutfordringene hvor Photoshop faller kort. Likevel er Skisse og andre alternativer bygget av mindre utviklingsselskaper på vei oppover.

Hva du ikke vil se: Død av Adobe

Selv om Sketch og lignende verktøy blir vedtatt, er Adobe fortsatt en kraftig kraft i designfellesskapet. Adobe har fortsatt å reagere offentligt på designers stemme. For eksempel har Adobe opprettet et nettsted for å gjenkjenne temaet Photoshop for Design. 

Adobe er også et veldig stort selskap, som gir dem fordelen av raskere utgivelses-sykluser og flere ressurser for å lansere store funksjoner. På grunn av den eksisterende brukerbasen blir samhandlingsfunksjoner enklere vedtatt. Adobes vedvarende tilstedeværelse i design fellesskapet vil fortsette å beholde deres programpakke på listen over nødvendigheter for designere.

Overbruk og misbruk av "Material Design"

Materialdesign er Googles lange forsinkede konseptuelle rammeverk for hvordan digitale produkter skal legges ut og rationaliseres. Som en del av materialdesign har Google gitt ut praktiske guider for hvordan man implementerer konseptene.

Materialdesign er i hovedsak inspirert av estetikken til "flat" design. Fordi Googles estetikk følger denne trenden, har massegodkjennelse allerede begynt. Materialdesign integreres i Wordpress-temaer og gjenbrukbare widgets / nedlastbare biblioteker, plugins og til og med Polymer, et kraftig webkomponentbibliotek som bringer inn ikke bare plug-and-play-funksjonalitet, men også komponentspesifikk styling.

Selv om Googles materialdesign definitivt gir en god grunnlinje og retning for nettet, kan vi også forvente følgende av trenden til skade for produktene som blir opprettet. Material design estetisk er ikke en "one size fits all" løsning for nettet som helhet. Akkurat som vi ser både flotte og forferdelige implementeringer av videobakgrunn og parallaxeffekter på tvers av nettet, vil vi også se store (og utrolig forferdelige) implementeringer av Material Design.

Hva du ikke vil se: Færre designparadismer

Når nettet var i sin barndom, var webdesign relativt lik over et gitt tilfeldig utvalg av nettsteder. Ingen av teknologiene eller kulturen hadde presset mediet til å være en uttrykksvei.

Dette har vært sant for de fleste medier. For eksempel var mange av de tidligste bøkene sannsynligvis svært liknende, sportlignende layouter og stole hovedsakelig på innholdet for de uttrykksfulle forskjellene.

Som teknologi avansert, økte internetthastigheten, og CSS ble vedtatt, ny estetikk ble introdusert til nettet. Denne fremgangen var heller ikke liten heller; estetiske teknikker på nettet eksploderte. Men selv i begynnelsen av 2000-tallet viste mange nettsteder lignende stiler.

Raskt frem til den proverbielle dødsfallet til Flash og innføringen av smarte telefoner og mobile applikasjoner. Dette var en periode da design modnet på nettet. Kraftige nye fremskritt tok oss forbi den forretningsdrevne "Web 2.0" -tiden, og inn i en epoke hvor nettet ble et blank lerret. I dag kan et tilfeldig utvalg av nettsteder se stort annerledes ut, og dette kommer ikke til å endres.

Kraften og allsidigheten til nettleseren og de forskjellige enhetene som får tilgang til Internett, vil bare fortsette å oppmuntre til nye og forskjellige designløsninger til nye og forskjellige problemer. Material Design er ikke et signal om konvergens, men snarere et signal om en kollektiv anerkjennelse av betydningen av gjennomtenkt design.

Voksende mønster: Samlinger som en delaktig samhandling

Selvfølgelig har Internett gitt alle som har tilgang til et stadium for å skape innhold. En betydelig del av verdens befolkning får regelmessig tilgang til Facebook, og på en gitt dag skaper menneskeheten godt over 2,5 milliarder gigabyte data.

Selvfølgelig er det slags ting vi skaper forandre når tiden går og nye veier for opprettelse åpnes. For eksempel, for fem år siden, har vi kanskje kun laget Facebook-innlegg på vegger og lastet opp bilder, men nå lager vi hele merkevarebutikker på Etsy og selger håndlagde og digitale varer på nettet.

I 2015 vil vi sannsynligvis se en fortsatt trend mot tastemaking som en form for uttrykk. Tastemakers er individer som curate og postere elementer eller en samling av gjenstander for andre å se og potensielt vedta som en del av sin egen smak. Dette mønsteret har eksistert lengst med musikkspillelisteopprettelse; vi uttrykker oss gjennom herding av sanger, og deler deretter de spillelistene via Spotify (eller i 80- og 90-tallet, mixtapes).

Men det går lenger enn musikk.

I dag deler vi Pinterest-kort, Amazon-lister, YouTube-spillelister og uendelig flere samlinger. Mulighetene i dette rommet har ikke svindlet, men fortsetter bare å vokse. Vi setter pris på slike interaksjoner fordi de er menneskelige og mye mer personlige enn "forslag" gitt av en algoritme.

En god forklaring på hvorfor dette er så kraftig, finner du på ASongADay.co:

"Ingen fancy algoritmer (ennå), ingen automatisering (ennå). Jeg vil personlig sende deg en sang jeg tror du vil like hver dag, helt bestemt av dine musikalske preferanser angitt nedenfor og min egen musikalske mening. Jeg er ikke en ekspert, jeg hører bare på mye musikk, og folk ser ut til å stole på meg. Hver sang kommer som en overraskelse, sannsynligvis ikke på samme tid hver dag. Fordi jeg er menneskelig, ikke en robot (enda). "

Shannons tjeneste er så etterspurt at hun måtte begynne å be om frivillige å hjelpe henne rett og slett å sende en tilpasset sang valgt ut fra den personenes musikalske smak.

Vi kan forvente ting som filmkurasjoner (som Netflix-spillelister / samlinger-vi kan håpe, ikke sant?), Kjendisproduktkurering, og til og med applikasjonsinnstillinger og innstillinger blir delt.

Bedriftsbehov for mobil blir universell

Vi har kjent fremtiden for nettet vil fortsette å diversifisere og flytte mer inn i mobilområdet. Men frem til i år har vi fortsatt sett motstand mot fullstendig mobil overveielse som et vanlig krav til all seriøs virksomhet.

En kritisk masse av brukere vil ha tilgang til Internett primært via mobilenheter i år. Dette krever et forretningsmessig svar, å gå hvor kundene bruker tid og penger.

For webdesignere betyr det at i dag er det på tide å begynne å tenke på hvordan man skal designe for en multi-enhet verden.

Klienter vil be om en Premium Handcrafted User Experience (selv om de kanskje ikke vet hva det betyr)

På grunn av den fortsatte metningen av oppstartskultur, har språket i en "håndlagd brukeropplevelse" fortsatt å gjennomsyre diskusjoner om hva som gjør et godt produkt. De kan ikke vite hva det betyr, men du burde.

Et godt produkt handler ikke nødvendigvis om å følge trenderne. "Premium håndlagde brukeropplevelser" er ikke lett å oppnå; de krever veldig forsettlig, fokusert og fullført erfaringer som er svært relevante for brukeren og hva brukeren prøver å oppnå. "Handcrafted" refererer spesielt til karakterfølelsen og "sjelen" som du finner i et håndlaget bord eller par støvler. Forståelsen av håndverk og oppmerksomhet på detaljer er stadig viktigere for kundene. Web-utviklere i verdensklasse vil være de som utvikler ferdighetene som er nødvendige for å legge til den følelsen av håndverk og sjel i hva ellers kan føles som en kald, livløs rekke piksler.

Kort, "Micro-Experiences" og Composable Portable Embeds

Du kan se denne prediksjonen i andre årsskiftetrapporteringer andre steder, men det er så fremtredende at vi ikke kunne hjelpe, men enig: bærbar kortdesign er en stor del av nåtiden og fremtiden for webdesign. Twitter har gjort dette for en stund, men andre nettsteder er på fange. Online innhold fortsetter å bli referert over hele nettet på en rekke måter som går langt utover enkle hyperkoblinger. YouTube og andre videodelingssider har gjort dette i utgangspunktet siden starten også.

Mønsteret er enkelt: Opprett et innebygd, innebygd grensesnitt som gir brukeren et sammenhengende sett med interaksjoner og viser relevant innhold for referert fjerninnhold.

Disse innebygde kortene trenger ikke nødvendigvis å leve eksternt fra sine vertsnettsteder, heller ikke. Disse kortene viser et annet mønster kalt "mikro-erfaringer". Et godt eksempel på en mikroopplevelse er Like-knappen. Som Facebook-bruker er "Like" -handlingen et enkelt klikk som har betydelig betydning. For det første tillater Facebook å fortsette å samle inn dine preferanser og smaker. Det tillater også andre brukere å se disse preferanser og smaker. Denne typen mikroopplevelse tillater en bruker å samhandle med et gitt merke eller nettsted uten å måtte forlate sin nåværende kontekst. Det tillater også en bruker å samhandle på forskjellige nivåer av Vedtak. Med andre ord, brukeren ikke trenger å gå gjennom en rekke trinn og bruke hele programmet eller oppleve alt på en gang; de kan samhandle på ulike nivåer av innspillskrav.

Det er mange grunner til at mikroopplevelser er viktige, men hovedårsaken er forskjellige oppløsninger av forskjellige enheter. En gitt bruker som går nedover en fortau mot en bruker som sitter på sofaen med sin bærbare har svært forskjellige samspillingsevner og -mål. Mikroopplevelser tillater en progressiv tilnærming til samspillskrav for brukere.

Wearables: Ikke en stor avtale, men gjør deg klar i alle fall

Apple Watch signalerer begynnelsen på den bærbare revolusjonen, men forvent ikke at den skyter for fort. For Apple, andre store enhetsbedrifter og applikasjonsutviklere, vil dyrking av applikasjonsrørledninger for slitasje ta litt tid. Som webutviklere bør vi forberede seg på denne utvidelsen til en ny klasse enheter, men det skjer ikke umiddelbart. Den sikreste innsatsen er å sette pengene dine på mobile enheter med berøringsskjermbilder, spesielt "phablets" (store telefoner og mindre tabletter).

Fra http://sketchresources.com/elements/apple-watch

Konklusjon

Det er et vanlig tema i mange av prognosene for 2015. Hvis 2014 var et år for mobil, er 2015 det året med mer av samme type forandring. Verden vil fortsette å bevege seg videre mot mobilitet og et multi-enhet landskap. Web-estetikk vil fortsette å diversifisere, og webdesignere må skifte fokus fra "side" -design og mot tilpasningsdyktig, fleksibel, håndlaget digital design som er avhengig av sterke prototypiske ferdigheter og en bevissthet om interaksjon i en rekke miljøer..

Hva ser du ut i løpet av det neste året? Gi oss beskjed i kommentarene!