Essential Design Trends, tammikuu 2016
Sovellukset ovat kaikkialla. Ne ovat olleet olennainen osa päivittäistä elämäämme omistamamme älypuhelinten ja käytettävien laitteiden ansiosta.
Ja siksi, sovellukset ovat yksi suurimmista ajo-tekijöistä, kun on kyse sivuston suunnittelun suuntauksista. Katsotaanpa.
Selaa rullaa
Pienet, pystysuuntaiset näytöt ovat tuoneet selkää takaisin merkittävästi. Kun olet ajatellut olevan jotain, jonka halusitte välttää, koska käyttäjät eivät siirry alas ruudulle, vieritys on melko kiinteä osa suunnitteluprosessia uudelleen.
Ja vieritys on parempaa kuin koskaan. Hyvien animaatioiden, parallaksen vaikutusten ja runsaasti luovien sisältöideoiden ansiosta vieritys on hauskaa ja hyvä tapa sitouttaa käyttäjiä.
Älä pysähdy tavallisella sivulla vierittämällä alaspäin; harkitse horisontaalista rullausta tai animoitua vaihtoehtoa, joka voi ilahduttaa käyttäjiä pienen yllätyksen ansiosta. Varmista, että sisällytät visuaalisen vihjeen kahteen sellaiseen käyttäjään, joiden selausvaikutukset ovat normaalin ulkopuolella, jotta he eivät sekoita tai hylkää verkkosivustosi, koska he eivät ymmärrä, miten sitä käytetään.
Materiaalisuunnittelu menee valtavirtaan
Googlen Material Design -konsepti käynnistyi mobiilisovelluksena. Litteä inspiroima, fysiikkapohjainen kerroksellinen käyttöliittymä alkoi esteettisenä Android-laitteille, mutta levisi nopeasti myös iOS-pohjaisiin sovelluksiin.
Suunnittelijat laajentavat konseptia käytettäväksi koko näytön verkkosivuilla.
Materiaali-käsite on yksinkertainen, intuitiivinen ja juurtunut realistisiin elementteihin, joten sitä on helppo käyttää ja ymmärtää. Suunnittelijoilla on paljon hauskaa käyttöliittymätyyliin kirkkailla väreillä ja runsaasti hienoja animaatioita.
Piilotettu navigointi on kaikkialla
Tämä on yksi niistä siirroista, jotka todella muuttavat tapaa, jolla ajattelet kotisivujen suunnittelua. Piilotetulla navigoinnilla on nyt suuri hetki.
Hampurikuvakkeen kiistanalainen muotoilu on yleisimmin käytetty sovellus, jossa on kuvake, joka näyttää täydellisen valikon. Verkkosivustosuunnittelijat valitsevat jompaankumpaan vaihtoehdosta: Valikko, joka avautuu näytön osan tai koko näytön navigointiin. Koko näytön vaihtoehto toimii lähes identtisesti siihen, miten liukumäet tyylit toimivat sovelluksissa, ja ylimääräisten kiinteistöjen suunnittelijoiden on paljon tilaa luoda navigointi-sivu, joka on enemmän kuin vain muutamia sisäisiä linkkejä.
Erityisen mukava ylisuurten navigointityylien vuoksi on helppo lukea ja napsauttaa. (Mikään ei ole pahempi kuin pienet navigointielementit, jotka on suunniteltu melkein jälkivaikutuksiksi.)
Kortit, kortit ja kortit
Voit tuskin surffata verkossa ilman, että tulet yli korttityylisen käyttöliittymän. Nämä sisältöastiat ovat erittäin käyttökelpoisia ja pinoavat hyvin reagoivissa puitteissa.
Kortit ovat suosittu vaihtoehto, koska ne voivat olla hauskoja suunnitella myös. Kortteja voi räätälöidä räätälöimällä minkä tahansa muotoilun tyyliin ja työskennellä lähes minkä tahansa sisällön tyypin kanssa. Yksi niistä, jotka on muistettava kortista, on, että jokainen kontti pitää sisällään yhden sisällön ja yhdistää yhdellä klikkauksella. Tämä "juttu" voi aktivoida videon, lähettää lomakkeen, siirtyä toiseen sivuun, ostaa kohteen tai minkä tahansa muun yksittäisen toiminnon määrän. Erilaiset kortit samalla verkkosivustolla voivat tehdä erilaisia asioita. (Niin kauan kuin käyttäjät ymmärtävät toimet.)
Se on käyttöliittymätyyli, joka tarvitsee hyvin vähän selitystä. Sosiaalisen median sivustot kuten Facebook, Twitter ja Pinterest ovat juurtuneet korttityylisiin rajapintoihin äärettömällä selauksella, jotta uudet sisällöt ovat yhä täyttäviä. Käyttäjät ylivoimainen näyttävät pitävän ja hyväksyvät tämän mallin.
Mikro-vuorovaikutukset ovat välttämättömiä
Ei niin kauan sitten, mikro-vuorovaikutukset olivat lähes yksinomaan app-elementti. Haluat ehkä miettiä tätä ajatusta uudelleen. Sovellusten ja verkkosivustojen välinen viiva on täysin epäselvä. Käyttäjät haluavat vierailla sovelluksessa ja sitten verkkosivustossa myöhemmin ja saamaan täsmälleen samanlaisen kokemuksen.
Tämä pätee myös mikro-vuorovaikutuksiin. Mikro-vuorovaikutus on mikä tahansa, joka auttaa käyttäjää kommunikoimaan käyttöliittymän kanssa, katso tapahtuma tai käsitellä käyttöliittymää. Jokainen näistä viestintäbiteistä on niin pieniä, että käyttäjä tuskin ajattelee sitä, kuten hälytystä, tekstiviestiä tai pyyhkäisemällä sisällön päivittämistä. (Ajattele vain, kuinka monta kokousilmoitusta saat työtietokoneellasi tai puhelimellasi, nämä ovat mikro-vuorovaikutuksia.)
Liitännäistekijä tämän saumattoman siirtymisen tekemiseen on persoonallisuustarkkuus ja runsaasti käyttäjän mukauttamisvaihtoehtoja. Mikro-vuorovaikutusten käyttäminen on hankalaa, koska haluttuja ilmoituksia tai hälytyksiä tai viestejä ja ylivoimaista käyttäjää on hieno rivi.
Kun mikro-vuorovaikutus integroidaan, pidetään ensin tärkeimpiä toimintoja nähdäksesi, miten käyttäjät reagoivat. Sitten voit lisätä sekoituksen, jos käyttäjäperustasi hyväksyy sen.
Ja nyt ... vaatteita
Web-sivuston suunnittelun seuraava vaihe on jo tapahtumassa. Koska pukeutuvat laitteet lisäävät suosiotaan, niin ne suunnittelevat elementtejä näistä pienistä näytöistä.
Vaikutuksiin vaikuttavia elementtejä ovat pienet, tilapohjaiset animaatiot, kuten vierityspyörät, jotka täyttävät näyttelytuloksia, enemmän mikro-vuorovaikutusta ja runsaasti jäljityksiä. (Käyttäjät ovat käytännössä pakkomielteisiä tietoja nyt, kunto-pohjaisista tiedoista ostopisteiden saamiseksi.)
Wearables myös lisää toisen pelivaraston päivittäiseen elämään. Tämä todennäköisesti siirtää sivuston suunnitteluun samoin.
Mitä kulutettavia todella on, on edelleen kaikkien laitteiden välinen viiva. Verkkosivustot, sovellukset, kulutettavat - niiden kaikkien on tarjottava käyttäjille integroitu kokemus, jotta siirtyminen laitteesta laitteeseen on saumatonta ja kokemus on johdonmukainen.
johtopäätös
Koska näytöt vaihtavat kokoa, niin me suunnittelemme niitä. Jotta luodaan innostuneita vuorovaikutuksia, joita käyttäjät haluavat tehdä, riippumatta laitteesta, jokaisen käyttöliittymän on toimittava samalla tavalla. Ajatus vaikuttaa dramaattisesti tapaan, jolla kaikki verkkosivustot on suunniteltu (myös ne, joilla ei välttämättä ole sovelluksia tai pukeutuvia vastapuolia).
Luomalla jotain, jonka käyttäjät haluavat pienimmillä näytöillä ja laajentamalla sitä suurempiin laitteisiin, suunnittelijat voivat luoda helposti ymmärrettäviä rajapintoja. Se tekee myös käyttöliittymästä hieman enemmän kysynnän.