Varje dag får vi lite närmare frisläppandet av den mycket efterlängtade Apple Watch. Enheten kommer att ytterligare förändra hur vi tänker på bärbar teknik och hur man utformar webbplatser och appar för detta gränssnitt.
Trävaror presenterar utmaningar till skillnad från andra designprojekt. Funktionen är en primär fråga, liksom storleken på vad som kommer att vara en av de minsta skärmarna som designarna någonsin har arbetat med. Nyckeln är att skapa en design som är visuellt tilltalande men användarvänlig och ger en funktionell upplevelse. Här är 10 saker att tänka på när du designar för ett bärbart gränssnitt (med exempel som andra designers föreställer sig redan).
1. Tänk Minimal Design
En av de största trenderna i design i allmänhet är perfekt för wearables - minimalism. Samma designhantering som du använder för webbplatser eller till och med minimalistisk utskrift eller förpackningsdesign är perfekt för bärbara och klocktypsapparater. (Här pratar vi mest om klockor på grund av det visuella designelementet de presenterar.)
Allt från färg till typografi till bildspråk ska vara enkelt, enkelt och lätt att läsa i små storlekar. Använd också några av koncepten från platt design, för att lägga till minimal stil, till exempel ljus färg, hög kontrast och eliminering av designutsmyckning.
2. Använd vibrering
Trävaror kommer med funktioner som du kanske inte har konstruerat för tidigare. Vibrationer är en av dessa. Enkel buzz eller rörelser kan vara ett perfekt sätt att utforma en interaktion när det gäller något som en användare kommer att ha mot huden.
Men du måste noga tänka på hur dessa interaktioner fungerar. Vibrationer ska vara mjuka och hända på ett sätt som är uppenbart men kommer inte att vara obehagligt eller skrämma användaren när de händer. Vibrationstypsinteraktioner måste också ske sällan. Om en klocka buzzes varje minut kommer användaren snabbt att bli frustrerad och överge produkten.
3. Röstkontroller är viktiga
Medan vi har pratat om att designa för att trycka och peka på interaktion på ett tag på grund av smartphones, kommer konversationen nu att växla till röstaktiverade kontroller. Tänk på det här sättet, med en liten skärm, vem kommer att vilja knacka på den? Röst är lättare.
När du utformar interaktionerna för din app eller webbplats som kommer att visas på en klockstilsenhet, till exempel Apple Watch, bör röstet vara ett övervägande. Röst är en viktig del av Apple-designen, till exempel med Siri som en inbyggd app som aktiverar och väntar på ett kommando varje gång du höjer din handled. Denna funktion ger en bekvämhetsfaktor som du måste ta hänsyn till.
4. Typ behöver vara enkel
Upprepa efter mig: Sans serif. När det gäller att skriva på bärbara enheter, det är allt du behöver veta. Det kan låta tråkigt, men en enkel sans serif med en jämn slagbredd är en av de enklaste och mest lästa alternativen.
Undvik typsnitt som är ultralätta eller kondenserade eftersom ljuset som kommer genom klockans ansikte kanske inte räcker till för att säkerställa läsbarhet. Omvänt var försiktig med super tjocka, svarta eller djärva stilar. Håll dig till en typsnitt med en måttlig stroke med och något brett brevform. (Helvetica är en idealisk, om än överanvänd, alternativ.)
5. Färger måste ha hög kontrast
Varje färg på en liten skärm behöver mening. En del av denna mening kommer att komma i form av kontrast och göra element lättare att läsa.
Färger kan användas för att representera tappbara element som kräver interaktion eller som bakgrund för ett textkommando. Nyckeln är skarp kontrast. Tänk på miljön där dessa apparater kommer att användas - i solljus, i mörka rum - och utforma så att varje bokstav är lätt att läsa under alla förhållanden.
Undvik pasteller eller färger med låg mättnad. Ljusa nyanser och mycket mättade färger fungerar bäst. Koppla dessa med vit eller svart typ för optimal läsbarhet. (Det är också viktigt att överväga att många av de smarta klockskärmarna är svarta. Planera ditt färgschema i enlighet med detta.)
6. Gör det enkelt
Varje bärbar enhet kommer att vara lite annorlunda. Tänk på gränssnittet och de fysiska komponenterna för varje som du designar. Apple Watch kommer med en digital krone ,? ett hjul som kan zooma eller bläddra igenom information på skärmen.
Designen ska fungera med alla fysiska delar som en enhet innehåller. Det ska vara lätt att titta på och ännu viktigare att använda. Funktionen ska vara intuitiv. (Om inget annat är det en ursäkt att ägna några av dessa enheter och lära sig hur de fungerar i designforskningens namn.)
7. Visuals ska spegel design på andra ställen
Den visuella planen för en klockskärm ska spegla gränssnittet för andra enheter. Ja, skärmen kommer att vara begränsad och interaktionerna kommer att fokusera på en enda åtgärd, men den övergripande estetiken borde ha en liknande utseende.
Det går tillbaka till populariteten av minimalistisk design. Det är en teknik som fungerar på båda typerna av enheter. Detsamma gäller med många principer för platt design. Därför fortsätter dessa trender att hålla fast och bli viktiga faktorer för designers som skapar för dessa små skärmar.
8. Gör det lugnt och trendigt
Det kanske inte låter som en stor sak, men wearables är något som användarna ansluter till sina identiteter. Inte bara behöver själva enheten ha en viss utseende, men gränssnittet måste matcha den här stilen.
Informationen på skärmen måste vara lika bra som själva apparaten. Med Apple Watch är gränssnittet superklart, har rena linjer och väldigt få klockor och visselpipor. Gränssnittet för klockapplikationer bör använda samma modell, så att informationen på skärmen ser ut som den egentligen hör hemma där. (Och vi har kommit full cirkel tillbaka till minimalism.)
9. Design kan fungera utan skärm
Några av de mest populära bärbara på marknaden har inte ens en skärm.Tänk på produkter som Fitbit, Nike Fuel Band eller Google Glass.
Dessa objekt har ingen skärm eller en? Skärm? det är lite mer än en klockdisplay. En funktion som vibrationer eller anslutningar till andra enheter och appar är vad som verkligen gör att var och en av dessa produkter fungerar. Funktionen är användbar trots att användaren inte alltid kan se den från den aktuella enheten.
10. En visuell tanke per skärm
Varje pixel är viktig på ett sätt som är svårt att förklara. Det finns inte tillräckligt med utrymme på en skärm med storlek i storlek, för att inkludera varje element från en stationär eller mobil design. Så tänk på vad du inte behöver.
Dessa skärmar kan sträcka sig i storlek från 320 pixlar i kvadrat till 128 pixlar. Detta är för litet för att bara krympa designen; du måste helt ändra den för en bärbar enhet. Använd detta koncept: En visuell tanke per skärm.
Du har plats för ett eller två ord och (eller) en bild. Och det är allt. Meddelandet som kommuniceras ska vara enkelt, tydligt och till rätta. Om ytterligare tanke krävs, bör det utformas för en efterföljande skärm.
Slutsats
Tröjor är här och ännu fler av dem kommer. Medan vi ännu inte har sett vilken typ av framgång som kommer att hända på denna marknad, finns det mycket spänning kring användbar teknik.
Och vi som designers måste vara redo för det. Ditt team bör redan tänka på hur din webbplats eller app ska fungera på den här typen av enhet. Vänta inte tills alla har en smart koll på att designa för den. Gå före kurvan och börja tänka på bärbar designteknik nu.