Hva alle burde vite om App Design for Windows 8

Windows 8s berøringsskjermgrensesnitt og skjult navigasjonsstruktur muliggjør noen interessante paradigmeskift i User Experience-praksis.

Jeg har nylig jobbet med å re-purposing en medisinsk programvare for enterprise level for Windows 8.1. Det har vært et hopp i den dype enden, men jeg har gått bort med noen ganske interessante innsikter. 

Dette innlegget vil i stor grad se på søke-, navigasjons- og oppsettmønstre som er felles for innfødte Windows 8-apper. Jeg vil velge noen av mine favorittaspekter av hver, noen innovasjoner som er gjort og min tilnærming. Det vil også være noen takeaways for dine egne prosjekter, gjeldende for ethvert brukergrensesnitt.

Søke

Før Windows 8.1, brukte apper sjarmen til å levere søk i appen. Sjarmelinjen åpnes ved å sveipe skjermen til venstre (innover) - det anbefales nå at søksjakten brukes til globale søk. I app-søk er du på siden, som vist nedenfor:

Brukergrensesnitt med på side søk

Min tilnærming

En god tommelfingerregel, fra et UX-synspunkt, er å tenke på betydningen av funksjonen. Vi gjorde noen brukersøkter etter noen innledende prototyper, og fant at klinikere stolte sterkt på å søke. 

Innovasjoner gjort

I eksemplet brukes rullegardinikonet for å skille mellom etiketten fra en knapp. Brukeren kan velge en annen seksjon som er av interesse for dem, for å bidra til å begrense resultatet.

UI Takeaway

Hvem bygger du det digitale produktet på? Er søket kritisk, eller en ettertanke? Vurder å sette viktige funksjoner bare i brukergrensesnittet (inkludert søk i app hvis dette er nøkkelen til UX).

Navigasjon

Jeg kommer ikke til å gi deg hele nedslippet av Windows 8-navigasjon. Et bestemt eksempel kommer til syne skjønt: Semantisk Zoom. Sannsynligvis den minst kjente, men svært kraftige, gir den deg muligheten til å representere data i en annen kontekst.

Gå gjennom den semantiske zoomfunksjonen i kontekst

Min tilnærming

På destinasjonssiden er det mange fliser, skiver og terninger, for å få tilgang til forskjellige ting, inkludert fliser som husker tidligere brukervalg. Våre brukere kom fra mange forskjellige kliniske bakgrunner, så vi trengte å imøtekomme disse gruppene gjennom tilpasning. 

Innovasjoner gjort

Semantisk zoom her gir ikke bare en oversikt over alle muligheter, men gir brukeren muligheten til å slå av deler som de aldri bruker, og omorganisere elementer basert på betydning. I vårt prosjekt var det forskjellige fragmenter i brukerbasen som gjorde tilpasning kritisk. 

UI Takeaway

Hvis det er flere enn et par primære brukere, vurderer å gjøre brukergrensesnittet ditt skikkelig. Spør utvikleren om de tekniske begrensningene og mulighetene. Et samarbeidspartner er mye mer effektivt enn en person "designe" et program.

Oppsett

Layout har mange av de tilgjengelige alternativene. Innholdet og strukturen til appen bestemmer hvilken du vil bruke.

Dokumentside i appen

Min tilnærming

I eksemplet ovenfor kan du se hvilken mal jeg valgte, som passer godt til dokumentvalgfunksjonaliteten. Appen er faktisk en dokumentleser, så det var fornuftig. 

Oppsett av pasientliste

Innovasjoner gjort

Denne pasientens liste side brukte en annen layout, en annen egnet for panorering og valg av fliserelementer. Det faktum at layouter for kritiske deler av brukerflyten er vesentlig forskjellig, men likevel konsekvent, er en fin måte å finne teknikk på, spesielt fordi det ikke er noen breadcrumb navigasjonselementer tilgjengelig.

UI Takeaway

Innholdet er hjertet av opplevelsen, et stort innholdsdrevet program vil generelt ha en hierarkisk struktur, så mye informasjon i begynnelsen vil være høyt nivå, og når brukeren utvikler seg blir det mer detaljert.

Windows 8-innholdet flyter kanten til kant og inkluderer panorering. I min erfaring kan dette gjøre interessenter som pleide å gamle paradigmer ubehagelig, men det er rett og slett en måte å redusere mengden av støy på siden og la brukeren utforske å bruke berøringsbevegelser.

Konklusjon

Windows 8 er en unik brukergrensesnittplattform som har unike muligheter og fordeler for brukere som trenger berøring og mobilitet.

Den har en godt strukturert navigasjon som fremmer oppdagelsen og hjelper selv nybegynnere med ledetråder om informasjonsarkitektur og hva som skal inkluderes på og av siden.

Rutenettene, malene og layoutene som er tilgjengelige, er blitt sammensatt av UX-eksperter.

Det vil imidlertid alltid være noen tilpasning, og det utviklende rammeverket fortsetter å forbedre, som for eksempel grunnleggende søk på siden.

Etter min mening bør mange av ideene i dette innlegget være nyttige, ikke bare i Windows 8.1-appdesign, men mer generelt. Denne artikkelen berørte bare overflaten av Windows 8.1 app design mønstre. Har du hatt mulighet til å se på noen andre som ikke er nevnt i dette innlegget? Hva er dine tanker?