Derularea orizontală în proiectarea aplicațiilor mobile

Conceptul revistei folosind interfața cu derularea orizontală

Un studiu UI / UX fundamental

Am fost mereu subliniat că toate aplicațiile utilizează principiul interfeței, care se bazează pe derularea verticală. Pun pariu că primele trei aplicații pe care le deschideți în fiecare zi folosesc acest principiu. Așa că m-am întrebat cum va funcționa principiul derulării orizontale. Am făcut o cercetare fundamentală UI / UX și am venit cu niște soluții destul de îngrijite. Desigur, acest sistem nu este la fel de perfect ca și vertical, dar acesta este doar începutul. Și aceasta este esența cercetării fundamentale.

Iată câteva exemple în care este necesară cercetarea:

Dar acum să începem cu derularea orizontală.

Deplasare orizontală

Solicitarea întrebării corecte

Întrebarea mea: Cum aș putea utiliza un sistem de defilare orizontală pentru aplicații?

Am vrut să fac ceva nou și să intru mai profund în principiile noastre de design, așa că am ales această întrebare. În primul rând, trebuia să găsesc diferența dintre cele două sisteme. Așa că am făcut niște schițe pentru a ilustra acest lucru.

Derularea orizontală în proiectarea aplicațiilor mobile

Comparația simplă a două sisteme Într-un sistem vertical, paginile sunt aranjate una deasupra celeilalte și utilizatorul scroll pagina în jos pentru a vedea mai mult conținut. Meniurile sunt amplasate în partea de sus și de jos. Cred că acest sistem este atât de răspândit, deoarece de la începuturile aplicațiilor mobile sistemul vertical era standard. Majoritatea programelor de design pentru proiectare și prototipuri se bazează pe tablouri de artă verticală.

În ambele sisteme, aveți aproximativ același spațiu de lucru. Prin urmare, pur și simplu pe baza acestui fapt, cineva poate crede că sunt la fel. Dar diavolul este în detaliu, iar aceste detalii sunt meniul și ghidul utilizatorului.

Răspunzând la întrebare

Cât spațiu ocupă meniul Prin urmare, prima și cea mai mare problemă pe care am întâlnit-o este meniul. Mereu am crezut că ei mănâncă un spațiu imens, și după cum vedeți sistemul vertical din stânga, acesta nu folosește spațiu foarte inteligent. În partea de sus este bara de navigare, iar în partea de jos este panoul clasic de robinet. Uneori, aceste meniuri dispar atunci când utilizatorul începe să deruleze pagina, dar acesta nu este cel mai elegant mod și este folosit foarte rar. Așa că am avut de-a face cu această primă problemă.

Am rezolvat această problemă oferind utilizatorului doar o simplă indicație, adică mai multe pagini pentru deschidere și un meniu de hamburger. Această soluție utilizează mai puțin spațiu, dar nu oferă nicio informație despre ce puteți face cu aceste meniuri. Pentru a scăpa de această problemă, meniul se va schimba după ce utilizatorii încep să deruleze pagina în sus sau în jos și apare un meniu de navigare cu semnături.

Două tipuri de meniuri în conceptul de defilare orizontală În stânga veți vedea un meniu de navigare deschis. Acesta va dispărea imediat ce utilizatorul face o comutare între cele două ecrane. Acest meniu poate afișa mai multe informații, cum ar fi informații despre aplicație, notificări sau pictograme. În partea dreaptă este meniul off-panvas, accesat făcând clic pe pictograma din colțul din stânga jos. Poate conține funcții precum căutare, contacte sau doar un meniu suplimentar.

Aspectul de bază

Animarea aspectului de bază

Jurnalul în practică

concluzie

Sper că ți-am arătat o nouă modalitate de a percepe proiectarea aplicațiilor mobile și te-am inspirat să-ți conduci propriile cercetări UI / UX fundamentale. În timpul creării acestui sistem de derulare orizontală, am învățat multe despre elementele de bază ale designului. Sunt mulțumit de rezultat, dar cred că ar trebui să se facă mult mai multe cercetări în acest domeniu. Un prototip în mod particular va ajuta să înțelegeți dacă acest concept va fi acceptat de către utilizator. Popularitatea în creștere a Snapchat mi-a arătat că noile abordări ale interfeței cu utilizatorul merită, iar utilizatorii încearcă să învețe noi modalități de a crea aplicații.

Vă mulțumesc pentru atenție!

Articole similare

Pagina anterioară

Pagina următoare