Ceea ce toată lumea ar trebui să știe despre App Design pentru Windows 8

Interfața cu ecran tactil Windows 8 și structura de navigație ascunsă permit schimbări paradigme interesante în practica Experienței utilizatorilor.

Recent am lucrat la relansarea unui software medical de nivel enterprise pentru Windows 8.1. A fost un salt în capătul cel mai adânc, dar am plecat cu niște intuiții destul de interesante. 

Această postare va examina pe larg modelele de căutare, navigare și aspect ale comunicațiilor aplicațiilor Windows 8 native. Voi selecta unele dintre aspectele mele preferate ale fiecăruia, unele inovații făcute și abordarea mea. De asemenea, vor exista anumite nivele pentru proiectele proprii, aplicabile oricărei interfețe utilizator.

Căutare

Înainte de Windows 8.1, aplicațiile foloseau farmecul Căutare pentru a oferi căutare în aplicație - bara de farmec este accesată prin deplasarea ecranului din stânga (spre interior) - acum este recomandat ca farmecul de căutare să fie folosit pentru căutări globale. În căutarea aplicațiilor care se află pe pagină, după cum se vede mai jos:

Interfață utilizator cu căutare pe pagină

Abordarea mea

O regulă bună, de la un punct de vedere al UX, este de a ne gândi la importanța acestei trăsături. Am făcut câteva sesiuni de utilizatori după câteva prototipuri inițiale și am constatat că medicii s-au bazat foarte mult pe căutări. 

Inovațiile făcute

În exemplu, pictograma derulantă este utilizată pentru a distinge eticheta de un buton. Utilizatorul poate selecta o secțiune diferită care îi interesează pentru a ajuta la restrângerea rezultatului.

UI Takeaway

Pentru cine construiti produsul digital? Criza de căutare este critică sau o idee ulterioară? Luați în considerare introducerea caracteristicilor cheie numai în UI (inclusiv în căutare în aplicații dacă aceasta este cheia pentru UX).

Navigare

Nu o să vă dau toată derularea navigării Windows 8. Un exemplu specific vine însă în minte prin: Zoom-ul semantic. Probabil cel mai puțin cunoscut, dar foarte puternic, vă oferă posibilitatea de a reprezenta datele într-un alt context.

Faceți clic pe funcția de zoom semantic în context

Abordarea mea

Pe "pagina de destinație" există mai multe plăci, felii și cuburi, pentru a accesa diferite lucruri, inclusiv plăci care ține minte selecțiile anterioare ale utilizatorilor. Utilizatorii noștri au venit din mai multe medii clinice diferite, așa că am avut nevoie să satisfacem aceste grupuri prin personalizare. 

Inovațiile făcute

Zoomul semantic nu numai că oferă o vizualizare la nivel înalt a tuturor opțiunilor, dar oferă utilizatorului posibilitatea de a dezactiva secțiunile pe care nu le utilizează și de a reorganiza elementele bazate pe importanță. În proiectul nostru, au existat diferite fragmente în baza noastră de utilizatori care au făcut personalizarea critică. 

UI Takeaway

Dacă există mai mult de un cuplu de utilizatori primari, vă recomandăm să vă faceți personalizat interfața cu utilizatorul. Adresați-vă dezvoltatorului dvs. despre constrângerile și posibilitățile tehnice. O echipă colaborativă este mult mai eficientă decât o persoană care "proiectează" o aplicație.

schemă

Aspectul are o mulțime de opțiuni disponibile din cutie. Conținutul și structura aplicației vor stabili ce veți utiliza.

Pagina documentului din aplicație

Abordarea mea

În exemplul de mai sus, puteți vedea că șablonul pe care l-am selectat a fost potrivit pentru funcția de selectare a documentelor. Aplicația este în mod efectiv un cititor de documente, deci a fost logic. 

Aspectul listei de pacienți

Inovațiile făcute

Această pagină de listă a pacientului a utilizat un aspect diferit, unul mai potrivit pentru panirea și selectarea elementelor de țiglă. Faptul că structurile pentru părți critice ale fluxului de utilizator sunt semnificativ diferite, dar coerente, este o tehnică foarte bună de găsire, mai ales datorită faptului că nu există elemente de navigație pentru pâslă.

UI Takeaway

Conținutul se află în centrul experienței, o aplicație mare bazată pe conținut va avea, în general, o structură ierarhică, astfel încât multe informații de la început vor fi la un nivel ridicat și, pe măsură ce utilizatorul avansează, devine mai detaliat.

Conținutul Windows 8 curge de la margine la margine și include panning. Din experiența mea, acest lucru poate face părțile interesate utilizate pentru paradigmele vechi incomode, dar este pur și simplu o modalitate de a reduce cantitatea de zgomot din pagină și permite utilizatorului să exploreze folosind gesturi tactile.

Concluzie

Windows 8 este o platformă unică a interfeței utilizator care are capabilități și beneficii unice pentru utilizatorii care necesită atingere și mobilitate.

Are o navigație bine structurată care promovează descoperirea și ajută chiar designerii începători cu indicii despre arhitectura informațiilor și ce ar trebui să fie incluse pe și în afara paginii.

Grilele, șabloanele și layout-urile disponibile au fost realizate de experții UX.

Cu toate acestea, vor exista întotdeauna unele personalizări, iar cadrul evolutiv continuă să se îmbunătățească, cum ar fi includerea căutării de bază pe pagină.

În opinia mea, multe dintre ideile din acest post ar trebui să fie utile nu doar în designul de aplicații Windows 8.1, ci mai larg. Acest articol tocmai a atins suprafața modelelor de proiectare a aplicațiilor Windows 8.1. Ai avut ocazia să te uiți la alții care nu au fost menționați în acest post? Care sunt gandurile tale?