Trendovi dizajna koji se izdvajaju

Svake godine kao Commencis Design tim izrađujemo ta zapažanja o trendovima dizajna, ali prvi put ih objavljujemo na mreži.

Nadam se da ćete uživati.

Naše istraživanje rezultiralo je sa 16 različitih trendova:
1 - Kontekstualne povratne informacije i mikrointerakcije
2 - Sadržaj fokus
3 - Vidljiva i pristupačna navigacija
4 - Vizualno pripovijedanje
5 - Prilagođena ilustracija
6 - Polu ravni dizajn
7 - Žive boje i gradijent
8 - smjela tipografija
9 - Eksperimentalni izgled
10 - Fizička interakcija
11 - miješana stvarnost
12 - Razgovorna sučelja
13 - Vizualna pomoć
14 - Važnost mikroskopije
15 - Predviđajući dizajn
16 - Optimizirana intersticijska anksioznost

Zaronimo u.

1- Kontekstualne povratne informacije i mikrointerakcije

Kontekstualne povratne informacije i mikro-interakcije pružaju korisnicima jasnu povratnu informaciju o statusu platforme pri prelasku između zaslona.

Želimo da se naši korisnici usredotoče na jednu stvar. Imamo jednu priču za ispričati, pa bismo trebali voditi korisnika dok mu pričamo.

Financijski dizajn animacije aplikacija Gis1on za Norde

Upotreba pokreta sve je popularniji trend davanja povratnih informacija o stanju platforme i priopćavanja rezultata korisničkih radnji.

Uber Design Hero Gene Ross za UENO

2- Fokus sadržaja

Fotografije proizvoda predstavljene u trgovini najvažniji su faktor u odlučivanju o kupovini ili ne.

E-trgovine žele maksimalnu pažnju na proizvode pa koriste jedinstvene fotografije s udarnom tipografijom.

Aplikacija za e-trgovinu Alexa Khoroshoka za Thunderrise

Kad dizajniramo za velike tvrtke, žele da se sve moguće informacije prikažu na 1 ekranu. Klijenti ne brinu o klasteru. Mi kao dizajneri uvijek stavljamo ljude u središte. Želimo da se osjećaju samouvjereno, opušteno i da biraju za sebe (ali motiviramo ih u pravom smjeru :))

Apple Web stranica, gledajte ekran serije 3.

3- Vidljiva i pristupačna navigacija

Ključno je imati navigaciju koja je uvijek vidljiva i dostupna na zaslonu.

Ako vaša aplikacija ima velik i složen sadržaj, struktura izbornika je dobra za vas. Grupiranje vašeg sadržaja nije lak proces, ali jednom kad obavite dobar posao, vaši korisnici postaju mnogo sretniji.

Ako se vaša aplikacija fokusira samo na jednu stvar, skrivajte zakonsku glupost, postavke, gumb za odjavu i sl. Ispod izbornika hamburgera.

Većina poznatih aplikacija sada koristi izbornik kartica jer je zaista pregledan za korisnike, a ujedno i jednostavan za navigaciju.

Navigacijski uzorak Google kioska od Aurélien Salomon ➔

4- Vizualno pripovijedanje

Internet je brzo preuzeo brzo i jednostavno pripovijedanje. Veliki igrači poput Facebooka, Instagrama i Whatsappa pridaju veću važnost trenutnoj razmjeni videozapisa kako bi potaknuli razinu angažmana.

Da bismo istinski shvatili ovaj trend, prvo moramo razumjeti povijest koja stoji iza njega.

Knjige> Filmovi> Društveni mediji> Tweetovi> Fotografije> Priče

  • Prvo dokumentirano pripovijedanje priče započelo je knjigama.
  • Tada kad su se pojavili filmovi, ljudi su se izuzetno brzo prilagodili, jer je bilo lakše i brže.
  • Zatim je došlo razdoblje društvenih medija. Ljudi su počeli dijeliti svoje priče.
  • MSN messenger pokazao je koju glazbu koju slušate, Facebook je pokazao što radite ili osjećate. Tada je Twitter došao do vrlo kratkih napisanih priča.
  • S Instagrama je započela era dijeljenja fotografija. Fotografije pripovijedaju priče, a da pritom uopće ne izgube vrijeme za čitanje.
  • Sada smo u završnoj fazi, „kratkih videa koji nestaju nakon jednog dana“, a.k.a priče.
Slanje sna Dan Mazig-u za MetaLab
"Ali moja aplikacija nije aplikacija za društvene medije, kako mogu implementirati ovaj trend?"

Priče se mogu koristiti na više načina, svaki ukrcaj može biti priča; svaki napredak neke funkcije u vašoj aplikaciji može biti priča (ovisno o načinu na koji je želite prikazati), svaki pločasti ekran može biti priča.

Ukrcavanje animiranog filma Anastasiia Andriichuk

5- Prilagođena ilustracija

Ako želite web mjesto ili aplikaciju jedinstvenog izgleda koje će se svaki posjetitelj sjetiti; prilagođene ikone i grafike mogle bi vam biti glavni pomoćnik.

Velike tvrtke poput Googlea, Dropboxa, Facebooka, između ostalog već su prilagodile ovaj trend. Sami su stvorili jezik vizualne ilustracije, što je rezultiralo prekrasnim. Kad god stvore mini web stranicu (za ženska prava, protiv raka itd.), Taj jezik čuvaju, a korisnici koji posjećuju njihovu web stranicu podsvjesno razumiju podrijetlo.

Na primjer, uzmimo Dropbox - crtanje ruku olakšava korisniku, privlači se djetetu kod svih nas i čini proizvod dostupnijim i poznatijim.

Lijevo: Brandon Land Desno: Jason Perez za DropboxGIF of Dynamic Scroll Sergeja Valiukha za tubik

6- Semi stan dizajn

U usporedbi s polu-plosnatim dizajnom i plosnatim dizajnom, cijene su razumljivije uz korištenje poznatih taktilnih atributa i sjenki.

Slijedi još jedna lekcija povijesti dizajna:

Dizajn mobilnih aplikacija pametnih telefona započeo je skeuomorfnim dizajnom. Ako ne znate što je, pogledajte ovdje. Izuzetno realistične mobilne aplikacije.

Shvaćajući da je to digitalni zaslon i ne moramo ih stvarati tako realistično, započelo je novo doba: Pločni dizajn.

Ravni dizajni imali su nekih problema s čitljivošću. Dakle, Google je stvorio Material Design. Još uvijek koristimo ravne elemente dizajna, ali sjene i položaji slojeva djeluju kao stvarni životni objekti.

Sada je doba Semi Flat Design-a. Ovo je doba kretanja i fokusiranja. Želimo da se naši korisnici usredotoče na ono što je važno. Dakle, koristimo sjene na važnim predmetima. Dubina je dana kretanjem i sjenom. Sjene nisu tako dramatične kao Materijalni dizajn.

ai pokrete kartica za kupovinu Wojciech Zieliński

7- živopisne boje i gradijent

Bit će više marki koji se preusmjeravaju na smjelije i svjetlije boje, jer svijetle boje privlače našu pažnju i stvaraju više pozitivnih emocija od tamnih ili neutralnih boja.

Svijetle, žive boje uvijek su zabavne, energične i žive, dok su pastelne više opuštene i diskretne.

Apple glazba jedan je od pionira ovog trenda. Spojili su značenje živih boja i gradijenata s aktivnim životom i zdravljem.

Savagely odredišna stranica Ghani Pradita za istraživanje papiraWIP - FX aplikacija KREATIVA Studio

8- Bold Typography

Dobro dizajnirana tipografija privlači pažnju korisnika i poruku prenosi u trenutku. To pomaže dizajnerima u brzom i dinamičnom predstavljanju informacija.

Tu se pokazuje važnost pisaca sadržaja. Ne možete bacati duge riječi ako se želite prilagoditi ovom trendu. Zbog toga vam je potreban dobar pisac sadržaja da biste pronašli bolje riječi za svoje naslove.

Ovo je već dugo trend, ali uz iPhone X, ponovno je dobilo svoju popularnost.

Pročitajte aplikaciju JPstyle za New Beee

9- Eksperimentalni izgled

Eksperimentalni izgled dobar je način dodavanja neke raznolikosti i prosvjetljenja smisla za umjetnost.

Anthony Sho početnu stranicu Zhenya Rynzhuk za Sochnik

Web stranice su trenutno mjesto za ovaj eksperiment, s horizontalnim pomicanjem, upotrebom web GL-a, novim načinom animiranja prijelaza itd.

Web stranica Pablo Llanquin (FREEBIE) Jardson Almeida ️

10 - Fizička interakcija

5 osjetila vide, slušaju, kušaju, mirišu, dodiruju. Koristimo uglavnom gledanje i dodir, a ponekad i sluh. Dodirujemo zaslone telefona. Ovaj trend objašnjava kako nas telefoni dodiruju s leđa. To se zove haptička povratna veza.

Ova interakcija zapravo je započela s PS4, XBOX, PSP kontrolerima. Kada postignete gol ili padnete u automobilu, kontroler vibrira. To vam daje dodatni osjećaj igre.

Haptičke povratne informacije sada koriste mnoge mobilne aplikacije, čak i App Store.

Haptičke povratne informacije mogu pomoći dizajnerima za usmjeravanje korisnika da poduzmu akcije poput "kupi", "podijeli" ili "slijedi" nešto. Korisni su i za upućivanje korisnikove pozornosti na dio sadržaja.

Uzorci haptičkih uputstava Liama ​​Tuckera

11- miješana stvarnost

Uz mješovitu stvarnost, predmeti iz oba svijeta mogu se spojiti s naprednim tehnologijama osjetljivosti i digitalizacije, omogućujući korisnicima zajedničko doživljavanje okruženja stvarnog života i virtualnog svijeta.

O ovom trendu smo razgovarali dugi niz godina, ali u 2018. godini tehnologija koja stoji iza njega konačno postaje obećavajuća. Sada se u gradu pojavljuju neka mjesta za VR igre.

Airbnb AR mapa koncepta Isil Uzum

12- Razgovorna sučelja

Razgovorna sučelja zapravo su sustavi koji nalikuju osjećaju interakcije čovjek-čovjek pri komunikaciji putem platformi.

Kad koristimo ovu riječ, klijenti uglavnom misle na chatbotove. Razgovorno sučelje obuhvaća mnoge stvari među chatbotovima. Siri je također razgovorno sučelje. Mada vašoj aplikaciji nisu potrebne za prilagodbu sučelja razgovora.

Glasnici i prošireni koncept video poziva Isil Uzum

Drugi način da se slijedi ovaj trend je promjena tona glasa u vašoj aplikaciji. Na primjer: Imate polje za unos da biste pitali korisnika za njegovo ime. Možete reći „Ime“, ali možete i reći: „Ovdje upišite svoje ime“. Ovaj ton glasa obično je bolji način za povezivanje sa svojim korisnicima.

Zaslon za prijavu invision.

13- Vizualna pomoć

Aplikacije temeljene na sadržaju moraju imati jak vizualni jezik i ne može ga svaki korisnik sam riješiti. Dakle, velike tvrtke koriste vizualnu pomoć za održavanje ovog jezika.

Instagram> Filteri

Airbnb> Profesionalni fotografi

Dobar primjer: Airbnb (Profesionalna fotografija)Loš primjer: Sahibinden.com (amaterska fotografija)

14- Važnost mikroskopije

Mikrokopija je za korisnika opuštajući trenutak. Korisnici se ponekad izgube, a pisci sadržaja su tu da to isprave :).

Mikrokopija se koristi kada je korisniku potreban smjer. Mi kao dizajneri moramo nekim riječima pokazati pravi put.

Kalendar (potvrda datuma) Emmanuel Torres404 Ilustracija Mikea Piechota za Netguru

15- Predviđajući dizajn

Dizajn anticipacija velik je skok za dizajn korisničkog iskustva. Umanjuje umorno opterećenje i umor od odluke za korisnike donošenjem informiranih odluka u njihovo ime, na temelju njihovih prošlih izbora.

Aplikacija Spotify sugerira mi pjesme prema mojim prethodnim izborima.Opcija Netflix

16- Optimizirana intersticijska anksioznost

Ovo je doba brzine. Korisnici nemaju tolerancije ni na što čekanje. Problem je u tome što možemo čekati da se usluge učitaju a da korisnici ne shvate da čekaju.

Utovarivači su zaista važni za ovaj trend. Ne mislim samo na utovarivače koji se ponavljaju, zapravo upravo suprotno. Ti učestali utovarivači uzrokuju tjeskobu kod korisnika. Ne znaju kada će se to završiti i na kojem će se ekranu na kraju vidjeti.

Ne brinite, postoje rješenja:
- Učitavanje izgleda kostura (osobno mi se ne sviđa, ali još uvijek radi)
- Prikazuje samo utovarivač u komponenti koja ima problem s utovarom
- Izrada zanimljive animacije, gdje korisnik može gledati
- Objasnite točno što učitavate i pokažite napredak

Lijevo: Preloader i povucite prema dolje za osvježavanje animacije Jakub Antalík za Frame.io / Desno: iFly A380 Airbusom ukrcavanje korisničkog sučelja u istraživanju Gleb Kuznetsov

Autori napominju:

Ne možete koristiti svaki trend u svojoj aplikaciji ili web mjestu. Morate naučiti tko su vaši korisnici, stvarati persone i djelovati u skladu s njima. Koristite neke trendove.

Nemojte pretjerano moliti :)

P.s: Ovaj je članak rezultat istraživanja dizajnerskih timova Commencis. (Dobio sam mnogo pomoći od mog lijepog tima ).