Vad alla borde veta om App Design för Windows 8

Windows 8: s pekskärmsgränssnitt och dold navigeringsstruktur möjliggör några intressanta paradigmskift i User Experience-praxis.

Jag har nyligen arbetat med att återställa en företagsnivå medicinsk programvara för Windows 8.1. Det har varit ett hopp i den djupa änden, men jag har gått iväg med några ganska intressanta insikter. 

Det här inlägget kommer i stort sett att titta på sök-, navigations- och layoutmönster som är vanliga för inbyggda Windows 8-appar. Jag kommer att välja några av mina favoritaspekter av varje, några innovationer och mitt tillvägagångssätt. Det kommer också att finnas några takeaways för dina egna projekt, som är tillämpliga på alla användargränssnitt.

Sök

Före Windows 8.1 använde appar söksjön för att tillhandahålla sökningar i appen. Charmsfältet öppnas genom att du sveper skärmen till vänster (inåt). Det rekommenderas nu att söksjön används för globala sökningar. I app-sökning finns på sidan, se nedan:

Användargränssnitt med på sidsökning

Min tillvägagångssätt

En bra tumregel, ur UX-synvinkel, är att tänka på funktionens betydelse. Vi gjorde några användarsessioner efter några initiala prototyper och fann att kliniker lita mycket på att göra sökningar. 

Innovationer gjorda

I exemplet används drop-down-ikonen för att skilja etiketten från en knapp. Användaren kan välja en annan sektion som är av intresse för dem för att hjälpa till att begränsa resultatet.

UI-avhämtning

Vem bygger du den digitala produkten på? Är sökkritisk eller en eftertanke? Överväg att bara lägga in nyckelfunktioner i användargränssnittet (inklusive sökning i app om det här är nyckeln till UX).

Navigering

Jag kommer inte att ge dig hela nedgången av Windows 8-navigering. Ett visst exempel kommer att komma ihåg men: Semantic Zoom. Förmodligen den minst kända, men mycket kraftfulla, ger dig möjlighet att representera data i ett annat sammanhang.

Gå igenom den semantiska zoomfunktionen i kontext

Min tillvägagångssätt

På "målsidan" finns många kakel, skivad och tärnad, för att komma åt olika saker, inklusive plattor som kommer ihåg tidigare användarval. Våra användare kom från många olika kliniska bakgrunder, så vi behövde tillgodose dessa grupper genom anpassning. 

Innovationer gjorda

Semantisk zoom här ger inte bara en överblick över alla alternativ, men ger användaren möjlighet att stänga av sektioner som de aldrig använder och omorganisera element baserat på vikt. I vårt projekt fanns det olika fragment i vår användarbas som gjorde kundanpassning kritisk. 

UI-avhämtning

Om det finns fler än ett par primära användare anser du att ditt användargränssnitt är anpassat. Fråga din utvecklare om de tekniska begränsningarna och möjligheterna. Ett samarbetslag är mycket effektivare än att en person "designar" en ansökan.

Layout

Layout har många av de tillgängliga alternativen. Innehållet och strukturen i appen bestämmer vilken du ska använda.

Dokumentsida i appen

Min tillvägagångssätt

I exemplet ovan kan du se mallen jag valde var en bra passform för dokumentvalfunktionen. Appen är effektivt en dokumentläsare, så det var vettigt. 

Layout av patientlista

Innovationer gjorda

Den här patientlistan använde en annan layout, en lämpligare för panorering och val av kakelelement. Det faktum att layouter för kritiska delar av användarflödet är signifikant olika, men konsekventa, är en bra sätt att hitta tekniken, särskilt för att det inte finns några breadcrumb navigationselement tillgängliga.

UI-avhämtning

Innehållet är kärnan i upplevelsen, en stor innehållsdriven applikation har vanligtvis en hierarkisk struktur, så mycket information i början kommer att vara hög nivå och när användaren fortskrider blir det mer detaljerad.

Windows 8-innehållet strömmar från kant till kant och inkluderar panorering. Enligt min erfarenhet kan detta göra intressenterna vana vid gamla paradigmer obehagliga, men det är helt enkelt ett sätt att minska mängden brus på sidan och låta användaren utforska med hjälp av pek.

Slutsats

Windows 8 är en unik användargränssnittplattform som har unika möjligheter och fördelar för användare som behöver beröring och rörlighet.

Den har en välstrukturerad navigering som främjar upptäckten och hjälper till och med nybörjare med ledtrådar om informationsarkitektur och vad som ska inkluderas på och av sidan.

Grids, mallar och layouter som finns tillgängliga har sammanställts av UX-experter.

Det kommer emellertid alltid att finnas någon anpassning, och den utvecklande rammen fortsätter att förbättras, som bland annat grundläggande sökning på sidan.

Enligt min mening bör många av idéerna i det här inlägget vara användbara inte bara i Windows 8.1-appdesign, utan i större utsträckning. Den här artikeln rörde bara ytan av Windows 8,1 app design mönster. Har du haft chans att titta på någon annan som inte nämns i det här inlägget? Vad är dina tankar?