10 tips voor ontwerpen voor wearables en horloges
Elke dag, wij en meer mensen met een Apple Watch of iets dergelijks. Deze apparaten veranderen voortdurend de manier waarop we denken over draagbare technologie en hoe we websites en apps kunnen ontwerpen voor unieke interfaces.
Wearables bieden uitdagingen in tegenstelling tot andere ontwerpprojecten. Functie is een primaire zorg, evenals de grootte, met wat een van de kleinste schermen is waar ontwerpers ooit mee hebben gewerkt.
De sleutel is het creëren van een ontwerp dat visueel aantrekkelijk is, maar gebruiksvriendelijk is en een functionele ervaring biedt.
Hier zijn 10 dingen om te overwegen bij het ontwerpen voor een draagbare interface (met voorbeelden die andere ontwerpers zich al voorstellen).
Ontdek ontwerpbronnen
1. Denk aan minimaal ontwerp
Een van de grootste trends in design is al perfect voor wearables - minimalisme. Dezelfde ontwerppraktijken die u gebruikt voor websites of zelfs een minimaal print- of verpakkingsontwerp zijn perfect voor draagbare en horlogeapparaten. (Hier hebben we het meestal over horloges vanwege het visuele ontwerpelement dat ze presenteren.)
Alles, van kleur tot typografie tot afbeeldingen, moet eenvoudig, duidelijk en gemakkelijk te lezen zijn in kleine formaten. Gebruik ook enkele van de concepten van een plat ontwerp om toe te voegen aan de minimale stijl, zoals felle kleuren, hoog contrast en het elimineren van ontwerpversieringen.
2. Gebruik vibratie
Wearables worden geleverd met functies die u in het verleden misschien niet heeft ontworpen. Trilling is er een van. Simpele buzz of bewegingen kunnen een ideale manier zijn om een interactie te ontwerpen als het gaat om iets dat een gebruiker tegen de huid zal hebben.
Maar je moet goed nadenken over hoe deze interacties werken. Trillingen moeten zacht zijn en gebeuren op een voor de hand liggende manier, maar zullen niet ongemakkelijk zijn of de gebruiker bang maken wanneer ze zich voordoen. Interacties met vibratiestijlen komen ook niet vaak voor. Als een horloge elke minuut zoemt, raakt de gebruiker snel gefrustreerd en verlaat hij het product.
3. Spraakbesturing is essentieel
Hoewel we al een tijdje hebben gesproken over ontwerpen voor tik- en aanraakinteractie vanwege smartphones, zal het gesprek nu verschuiven naar spraakgestuurde bedieningselementen. Denk er zo over na, met zo'n klein scherm, wie wil er op tikken? Stem is gemakkelijker.
Bij het ontwerpen van de interacties van uw app of website die zullen verschijnen op een horloge-achtig apparaat, zoals de Apple Watch, moet stem een hoge overweging zijn. Stem is bijvoorbeeld een essentieel onderdeel van het Apple-ontwerp, met Siri als een native app die elke keer dat je je pols opsteekt wordt geactiveerd en wacht op een commando. Deze functie biedt een gemaksfactor waarmee u rekening moet houden.
4. Type moet eenvoudig zijn
Herhaal na mij: Zonder schreef. Als het gaat om typen op draagbare apparaten, is dat alles wat u moet weten. Het klinkt misschien saai, maar een eenvoudige schreefloze met een uniforme slagbreedte is een van de gemakkelijkste en meest leesbare opties.
Vermijd lettertypen die ultralicht of gecondenseerd zijn, omdat het licht dat door de wijzerplaat komt mogelijk niet voldoende is om de leesbaarheid te garanderen. Wees daarentegen voorzichtig met superdikke, zwarte of gewaagde stijlen. Blijf bij een lettertype met een matige lijn met en enigszins brede lettervormen. (Helvetica is een ideale, zij het te veel gebruikte, optie.)
5. Kleuren moeten een hoog contrast hebben
Elke kleur op een klein scherm heeft betekenis nodig. Een deel van deze betekenis komt in de vorm van contrast en maakt elementen gemakkelijker te lezen.
Kleuren kunnen worden gebruikt om tappable elementen weer te geven die interactie vereisen of als achtergrond voor een tekstopdracht. De sleutel is een scherp contrast. Overweeg de omgeving waarin deze apparaten zullen worden gebruikt - in zonlicht, in donkere kamers - en ontwerp zo dat elke letter gemakkelijk te lezen is in alle omstandigheden.
Vermijd pastelkleuren of kleuren met een lage verzadiging. Heldere tinten en sterk verzadigde kleuren werken het beste. Combineer deze met wit of zwart type voor optimale leesbaarheid. (Het is ook belangrijk om te overwegen dat veel van de smartwatch-schermen zwart zijn. Plan uw kleurenschema dienovereenkomstig.)
6. Maak het gemakkelijk
Elk draagbaar apparaat zal een beetje anders zijn. Overweeg de interface en fysieke componenten voor elk terwijl u ontwerpt. De Apple Watch wordt geleverd met een "digitale kroon", een wiel dat kan zoomen of door informatie op het scherm kan bladeren.
Het ontwerp moet werken met alle fysieke onderdelen die een apparaat bevat. Het moet gemakkelijk te bekijken zijn en, nog belangrijker, gemakkelijk te gebruiken. Functie moet intuïtief zijn. (Als er niets anders is, is dit een excuus om een aantal van deze apparaten te bezitten en te leren hoe ze werken in naam van ontwerponderzoek.)
7. Visuals moeten het ontwerp op andere plaatsen weerspiegelen
Het visuele plan voor een horlogescherm moet de ontwerpinterface van andere apparaten weerspiegelen. Ja, het scherm is beperkt en de interacties zijn gericht op één enkele actie, maar de algehele esthetiek moet er ongeveer hetzelfde uitzien en aanvoelen.
Het gaat terug op de populariteit van minimalistisch design. Het is een techniek die werkt op beide soorten apparaten. Hetzelfde geldt voor veel principes van plat ontwerp. Om deze reden zullen deze trends blijven hangen en sleutelfactoren worden voor ontwerpers die voor deze kleine schermen creëren.
8. Maak het cool en trendy
Dit klinkt misschien niet als een groot probleem, maar wearables zijn iets dat gebruikers verbinden met hun identiteit. Het daadwerkelijke apparaat moet niet alleen een bepaalde look en feel hebben, maar de interface moet ook bij die stijl passen.
De informatie op het scherm moet net zo mooi zijn als het apparaat zelf. Met de Apple Watch is de interface supereenvoudig, heeft het strakke lijnen en heel weinig toeters en bellen. De interface voor horloge-apps moet hetzelfde model gebruiken, zodat de informatie op het scherm eruit ziet alsof het daar eigenlijk thuishoort. (En we zijn weer terug bij het minimalisme.)
9. Design kan werken zonder scherm
Sommige van de meest populaire wearables op de markt hebben zelfs geen scherm. Denk aan producten zoals de Fitbit, Nike Fuel Band of Google Glass.
Deze items hebben geen scherm of een 'scherm' dat niet veel meer is dan een klokweergave. Een functie zoals trilling of connectiviteit met andere apparaten en apps zorgt ervoor dat elk van deze producten echt werkt. De functie is handig, ook al kan de gebruiker deze niet altijd zien vanaf het daadwerkelijke apparaat.
10. Eén visuele gedachte per scherm
Elke pixel is belangrijk op een manier die moeilijk uit te leggen is. Er is gewoon niet genoeg ruimte op een horlogescherm om elk element van een desktop of mobiel ontwerp op te nemen. Denk dus na over wat u niet nodig heeft.
Deze schermen kunnen in grootte variëren van 320 vierkante pixels tot 128 vierkante pixels. Dit is te klein om het ontwerp gewoon te verkleinen; je moet het volledig veranderen voor een draagbaar apparaat. Gebruik dit concept: één visuele gedachte per scherm.
Je hebt ruimte voor een of twee woorden en (of) een afbeelding. En dat is alles. De boodschap die wordt overgebracht moet eenvoudig, duidelijk en to the point zijn. Als er verder moet worden nagedacht, moet dat worden ontworpen voor een volgend scherm.
Gevolgtrekking
Wearables zijn er en er komen er nog meer. Hoewel we nog moeten zien wat voor soort succes er in deze markt zal plaatsvinden, is er veel opwinding rond draagbare technologie.
En wij als ontwerpers moeten er klaar voor zijn. Uw team zou al moeten nadenken over hoe uw website of app op dit type apparaat zal werken. Wacht niet totdat iedereen een smartwatch heeft om ervoor te ontwerpen. Loop voorop en begin nu na te denken over draagbare ontwerptechnologie.
