Cele mai bune modele de interacțiune mobilă din 2017
Publicat: 2018-01-21Iată câteva modele de interacțiune mobilă care au „uimit” industria
Aici, la Proto.io, suntem încântați să vedem ce idei de design proaspete și inovatoare ies anul acesta. Deoarece 2018 începe foarte bine, este important să ne uităm înapoi la modelele de interacțiune mobilă care au „uimit” industria. Anul trecut am trecut peste primele cinci modele de interacțiune mobilă din ianuarie până în decembrie și vrem să recapitulăm acele colecții.
Fără alte prelungiri, să intrăm direct în design-urile de interacțiune mobilă care ne-au făcut să arătăm de două ori (sau mai multe!) în 2017.
Produs și coș de la Skiti pentru Steelkiwi Inc.
Acest concept de aplicație mă impresionează cu tranziția lină atunci când adăugați un articol în coș. Designerul a adăugat un ritm sincopat interesant atunci când treceți prin opțiunile produsului.
Setări de conversație Animație de Luboš Volkov
Acest concept de aplicație mi-a atras atenția deoarece designul este literalmente fluid. Modificarea setărilor unei aplicații nu este niciodată o parte foarte interesantă a utilizării acesteia, dar atunci când o secțiune curge atât de ușor în cealaltă, este greu să nu te bucuri de microinteracțiune.
Interaction Design de Dhipu Mathew
Suntem obișnuiți să derulăm în jos sau să glisăm în lateral pentru a parcurge opțiunile, dar Mathew face o învârtire încântătoare (punct de cuvinte) în acest sens. În general, este un concept foarte coerent care duce acasă senzația de rotire.
Co-Play Interaction 1 de studio&more
Co-Play are un mod distractiv de a extrage informații și de a le minimiza. Mișcările de creștere și coborâre ale aplicației Co-Play fac din aceasta o opțiune liniștitoare pentru a ușura munca în grup.
Filtrați de Vladimir Gruev pentru Heartbeat.UA
Acest concept de aplicație îmbunătățește procesul de cumpărare a ochelarilor prin simplificarea funcției de filtrare. De asemenea, au adăugat o mulțime de efecte de respingere pentru a îmbunătăți experiența utilizatorului.
Meniu pliat acordeon de Alex Khoroshok
Acest design de interacțiune mobilă face parte dintr-un concept de aplicație de cumpărături și este destul de perfect în ochii mei, deoarece face exact ceea ce trebuie să faci (schimbarea categoriilor sau accesarea coșului), dar are și un pic de săritură și fler pentru aceasta. Cred că aceasta este o abordare excelentă a meniului derulant mediu de hamburger, care face ca găsirea de informații într-o aplicație să fie mult mai plăcută.
Omelo de Caleb Barclay
Apreciez mișcarea din aplicația Omelo pentru că introduce un ritm în procesul de finalizare a unui proiect. Omelo are o vedere la nivel înalt, oferind termenele mari, dar vă oferă și o perspectivă asupra părților mici ale unui proiect care mențin întreaga echipă concentrată zi de zi.
Colorsup de Vijay Verma
Acest concept de aplicație vă permite să treceți prin numeroase culori și când găsiți una care vă place, o atingeți pentru a găsi o paletă completă cu mai multe nuanțe ale acelei culori originale. Partea mea preferată a acestui design de interacțiune mobilă este modul în care nuanțele se scurg pe ecran atunci când selectați o culoare.
Alarma de locație de David Lau
Acest concept de aplicație vă avertizează cu un anumit număr de minute înainte de a ajunge la destinație. Există multe interacțiuni mobile notabile aici, cum ar fi atunci când selectați numărul de minute înainte de a ajunge la destinație, albastrul umple pătratul, arătând selecția dvs.
Realizarea profilului de fitness de către SELECTO
Acest concept de aplicație de la SELECTO este pentru utilizatorii să își urmărească greutatea și măsurătorile în timp. Insignele sunt partea mea preferată a acestui concept, deoarece adaugă un mic moment de încântare și sărbătoresc îndeplinirea unui obiectiv.
Recomandat pentru tine:
Cum va transforma Metaverse industria auto din India
Ce înseamnă prevederea anti-Profiteering pentru startup-urile indiene?
Cum startup-urile Edtech ajută forța de muncă din India să își îmbunătățească abilitățile și să devină pregătite pentru viitor...
Stocuri de tehnologie New-Age săptămâna aceasta: problemele Zomato continuă, EaseMyTrip postează Stro...
Startup-urile indiene iau comenzi rapide în căutarea finanțării
Platforma de marketing digital Logicserve are finanțare de 80 INR Cr, rebrand-urile ca LS Dig...
Evaluați-vă experiența de Saptarshi Prakash pentru Zeta
Acest design de interacțiune mobilă este atât de simplu și face experiența de evaluare mai plăcută. Cartofii prăjiți și băutura sar pe ecran și au mișcări realiste, cu toți cartofii prăjiți sărind în recipient și unul deasupra zburând mai sus decât ceilalți, apoi așezându-se înapoi.
Rapoarte lunare de date de Stanislav Hristov pentru DtailStudio
Mișcările agitate prezente pe parcursul tranzițiilor ecranului adaugă un pic de personalitate aplicației. Acest design de interacțiune mobilă este unul dintre cele mai bune pe care le-am văzut recent, deoarece nu numai că are tranziții încântătoare între ecrane, dar arată, de asemenea, cât de mult se gândesc designerii la familia de forme pe care le folosesc pentru a transmite informații și au păstrat totul consecvent în un mod frumos.
Music Echo UI de JACKW pentru Wizard Alliance
Părțile mele preferate ale acestui design de interacțiune mobilă sunt tranzițiile ecranului. Când atingeți butonul de mesaje, apare secțiunea de mesaje pentru a prelua cea mai mare parte a ecranului.
Demo interactivă cu carduri de Chris Yang pentru New Beee
Acest concept de aplicație podcast are un design de interacțiune mobilă înrădăcinat în carduri. Îmi place mai ales modul în care cardurile se schimbă de la modul portret la modul peisaj, când trec de la atingerea lor la ceea ce pare a fi meniul principal.
Selectați locuri și flux de plată de Vitaly Rubtsov
Acest concept de aplicație revizuiește procesul de rezervare a zborului și îl face prietenos cu designul. Este intuitiv și detaliul implicat nu este deloc remarcabil. Acest concept ne conduce prin procesul de alegere a tipului de scaun pe care doriți să îl achiziționați, apoi imaginea de fundal a avionului preia ecranul și se rotește pentru a vă duce direct la procesul de selecție a scaunului.
Animație Marketplace de Alex Bender
Acest concept de aplicație pentru piață este foarte distractiv, în principal datorită mișcărilor fluturale pe măsură ce vă deplasați între categorii și vă extindeți pentru a vizualiza anumite categorii. Când ajungeți la lista principală de dorințe, există o mișcare frumoasă de săritură în sus pentru a stabili antetul și prima categorie la locul lor.
Interacțiunea cardurilor de aplicație-eveniment de comerț electronic de către LINA_ pentru UIGREATY
Acest concept de aplicație încearcă și reușește să facă experiența de cumpărături online un pic mai reală. Pe măsură ce glisați la stânga și la dreapta prin produse, vă permite să vă deplasați prin imaginea produsului și să obțineți o vedere unică a acestuia. Această mișcare aproape că ai atinge geanta.
Noaptea — descoperi noaptea de Stan Iakusevici? pentru Heartbeat Agency
Scopul acestei aplicații pare să-și scoată utilizatorii și să se distreze mai mult. Are o mișcare grozavă de balansoar care se agită la loc atunci când comutați între evenimentele de zi și de noapte. Pe măsură ce faci asta, schema de culori se schimbă în violet intens pentru evenimentele de seară și în piersici strălucitoare pentru evenimentele din timpul zilei.
Interfață aparat de cafea de Gal Shir
Acesta este un concept de aplicație distractiv pentru personalizarea unei băuturi de cafea. Decizând o dimensiune și atingerea „următorul” trimite selecția în colțul din stânga sus într-o mișcare de săritură, completând primul pas de a prepara o băutură. Pe măsură ce se întâmplă acest lucru, prima opțiune pentru lapte sare în centrul ecranului într-o mișcare complementară.
Două invitații de Leo Leung
Când atingeți una dintre cărțile de sus ale acestui design de interacțiune mobilă, linia care avea culorile împărțite sub antet se mișcă într-o mișcare de balansoar, înclinând în jos. O altă mișcare care este foarte plăcută este butonul „înapoi” care cade în cascadă din partea de sus a ecranului, lângă cardul extins.
Aruncă o Pinata de ⋈ Brandon Termini ⋈ pentru Frumos
Acest concept de aplicație vă permite să vă împărtășiți locația prin scăparea unui pin... pinata care este! Odată ce atingeți pinatale, pinata dvs. specifică cade în locația dvs. și se mișcă ușor ca și cum ar fi atârnată de un copac și plină de bomboane.
Cinema App Concept de Anton Skvortsov pentru Norde
Acest concept de aplicație are un aspect de card extensibil care vă permite să treceți prin filmele care sunt afișate și să glisați în jos pentru a obține mai multe informații despre filmul pe care l-ați selectat. După ce vă decideți când să vedeți filmul, apare un teatru încântător (deși mult mai mic decât majoritatea cu care sunt obișnuit), astfel încât să puteți alege exact locurile în care doriți să stați.
X Răsfoiți interacțiunea prin UI8
Acest concept de aplicație are capabilități de comerț electronic, cu produse în tendințe, utilizatorii pot trece prin deplasare pentru a găsi ceva nou. Interacțiunea de navigare are multe tranziții surprinzătoare și elemente care se mișcă incredibil de fluid.
Green Food Interface de H-stepback pentru UIGREAT
Acest concept de aplicație servește ca rețetă pentru un tort gourmet și îi ajută pe utilizatori să cumpere ingredientele. Îmi place că ingredientele individuale sar și se situează în acea coloană pe măsură ce le atingeți.
Aplicația Meteo Doge de Minh Pham
Minh Pham a făcut lista noastră cu cele mai bune modele de interacțiune mobilă de mai multe ori. Mișcările din acest concept sunt atât de încântătoare, deoarece Doge pare să se îndrepte rapid pentru a ajunge la următoarea carte când glisați spre stânga.
Aplicația Watering Tracker de la tubik
Acest concept de aplicație vă permite să știți ce plante trebuie udate și când cu alerte personalizate. Când finalizați o udare, atingeți pictograma de apă și aceasta se deplasează în jos pe ecran și se transformă într-o bifă. Acest design de interacțiune mobilă face o treabă grozavă de a ajuta la vizualizarea unei treburi casnice cu imagini atrăgătoare.
Asta termină cele mai bune modele de interacțiune mobilă pentru 2017. Ne-a ratat vreunul dintre preferatele tale? Asigurați-vă că lăsați un comentariu cu aplicațiile pe care ar trebui să le includem în următoarea noastră prezentare.
Această postare a apărut pentru prima dată pe blogul Proto.io și a fost reprodusă cu permisiune.