Dacă ultimele nouă luni au demonstrat ceva, designul aplicației pentru iPad va fi o plimbare sălbatică. În acest articol, vom discuta cinci sfaturi pentru a vă ajuta să creați desenele iPad care să rock!
Fiind un designer, evident că sunt toate pentru interfețe de utilizator personalizate, dar înțeleg și cât de repede trenul de proiectare poate deraila! Dacă doriți să creați o interfață utilizator personalizată, concentrați-vă asupra următoarelor elemente:
Flipboard este un exemplu excelent al unei aplicații care nu are navigație tradițională zero, dar vă îmbăiește complet experiența. Nu pierdeți navigația, deoarece navigați direct în conținut.
Interfețele personalizate vă permit să faceți o mulțime de lucruri reci cu ceea ce eu numesc layout-uri stratificate, atunci când diferite piese ale aspectului se defilează independent una de cealaltă. În unele cazuri, întregul conținut nu este dezvăluit utilizatorului până când nu înțelege modul în care fiecare dintre aceste straturi se mișcă. Deci, întrebarea pe care trebuie să o răspundeți este: cât de mult îi lași pe utilizator să descopere?
În Cool Vânătoare, utilizatorul poate glisa imaginile de sus stânga și dreapta, care dezvăluie mai multe imagini care, dacă nu ați glisat, nu știați că ați fost acolo. Pentru zona de articol, care derulează în sus și în jos, utilizatorii se așteaptă să deplaseze textul în sus și în jos, dar nu neapărat imaginile din partea de sus.
Soluția? Testare. Cât timp mi-a trebuit să dau seama că imaginile de la marginea superioară la stânga și la dreapta pentru a dezvălui mai multe imagini? Poate după un minut de joc cu el. Și rezultatul? Am fost de fapt placut surprins, nu deranjat ca nu era mai evident.
O caracteristică foarte interesantă a aplicației CNN este capacitatea de a ține și aluneca degetul peste poveștile de știri din partea de jos și pentru a obține o previzualizare a titlului povestirii. Frumos! Îi împiedică pe utilizatori să lovească înapoi pentru a răsfoi toate povestirile.
Ce este interesant în privința iPad-ului din punctul de vedere al designului este că reușești să fii renegat. Utilizatorii nu se bate la aplicații care nu utilizează standard? controale de navigație. Trucul este crearea unei experiențe captivante a utilizatorilor, care permite încă utilizatorului să navigheze cu ușurință aplicația.
Unul dintre cele mai importante lucruri pe care trebuie să le păstrați în prim-planul minții dvs. atunci când explorați aspecte "alternative":
Minimizarea nevoilor utilizatorilor pentru "ajutor".
Aceasta înseamnă că nu există butoane de ajutor, nu există semne de întrebări, butoane de informare "i". Niciunul din alea. Un design bine gândit nu are nevoie de această informație superfluă (cuge strigătele supărat și tremura de pumnii).
Înainte de a-ți lua chiloții într-o batistă, asta nu înseamnă că nu poți da sfaturi? Sugestiile sunt sfaturi subtile, relevante din punct de vedere contextual, care oferă un indiciu blând atunci când un utilizator dezbate ce trebuie să facă în continuare.
Traducerea designului dvs. de la portret la peisaj sau invers este o durere. Stiu. Este ca și cum ați proiecta o aplicație complet nouă, cel puțin dintr-un punct de vedere al aspectului. Lucrul cheie pe care trebuie să-l țineți cont este să nu schimbați experiența utilizatorului!
De exemplu, nu multe aplicații au luxul de a fi capabil să traducă, precum și nota Taker, care este aproape o potrivire exactă:
Cool Hunting este un exemplu mai general al modului în care aplicațiile bazate pe conținut se modifică de la o rețea la o vizualizare de listă. Nu modifică dramatic modul în care utilizatorul interacționează cu aplicația:
În aplicațiile care se încarcă în conținut dinamic, întotdeauna trebuie să fii conștient de modul în care conținutul poate schimba experiența utilizatorului de fiecare dată când deschide aplicația. Aplicația CNN este un exemplu excelent de două lucruri:
Interfața nu respira. Se pare haotic ca știrile, imaginile îngrămădite unul lângă celălalt și titlurile practic greu de citit. Când aveți de-a face cu încărcarea în conținut dinamic, dați-i puțin spațiu pentru a vă întinde. Niciodată nu știți cum ar putea să arate din zi în zi, deci planificați maximul maxim dintr-un punct de vedere al copiei / imaginii și să lucrați înapoi, permițând o mulțime de spațiu pentru orice tip de conținut care ar putea avea nevoie să trăiască acolo.
Și acum imaginea eroului. Nu sunt sigur dacă pe ecran de mai jos este doar o coincidență, dar ochiul tău este atras de imaginea eroului roșu. Punctul secundar focal este sacoul roșu al femeii. Gândiți-vă la modul în care imaginile pe care le încărcați dinamic ar putea provoca ochiul utilizatorului să sară în jur.
Soluția? Creați apeluri grafice grafice care să înlocuiască imaginile încărcate în aplicație. CNN a încercat să facă acest lucru cu "topurile"? banner, dar într-adevăr nu izbucnește peste imaginea mare a eroului.
Aceasta este una dintre cele mai dificile sarcini pentru orice dezvoltator, designer și probabil chiar și experți UX! Și este deosebit de important cu aplicațiile iPad, în care interfețele utilizatorilor nu sunt la fel de standardizate. Previzionarea utilizatorilor următoarea mișcare poate fi o provocare, dar am un truc care chiar ajută.
Deci, să spunem că aveți o aplicație care îi ajută pe oameni să găsească o grădină zoologică cu maimuțe. Ați executat scenariile de caz de utilizare, chiar știți cine este publicul dvs. țintă care este cu adevărat iubitor de maimuțe. Următorul pas este să desenați sceens și wireframes dvs. pe baza modului în care acești utilizatori vor interacționa cu aplicația pentru a găsi maimuțele lor iubite.
Programează firmele. Le prind pe perete. Arată bine. Totul are sens - "am terminat!", Credeți. Acum, iată sfatul ucigașului:
Nu atingeți ideea de două zile!
Serios, nu-l atingeți, nu vă gândiți la asta, nu trimiteți un e-mail despre el. Ștergeți cuvântul? Maimuță? din vocabularul tău. Bine, acest lucru este un tad stupid, dar ideea este că nu puteți intra în mintea utilizatorului decât dacă aveți ochi FRESH.
Și nu vom avea vreodată ochi complet proaspeți, dar am descoperit în propria mea lucrare că luarea unei pauze dintr-un proiect și concentrându-mă asupra altui lucru catapultă capacitatea mea de a trece dincolo de blocurile creative și de a vedea o aplicație prin ochii utilizatorului.