Stílus és konzisztencia kiegyensúlyozása

Megjegyzés: Ez a cikk a Windows 10 RS2 korai vázlata. A szolgáltatásnevek, a terminológia és a funkciók nem véglegesek.

Termék tervezésekor Ön az ügyfél tanácsadója. Mindannyian arra törekszünk, hogy a legjobb kialakítást hozzuk létre, amely megfelel és igaz a szándékunknak. Ez a cikk a következő konvenciók közötti egyensúlyt vizsgálja meg, hogy egységes felhasználói élményt hozzon létre, és ne hozzon létre olyan egyedi funkciókat és szolgáltatásokat, amelyek megkülönböztetik az alkalmazást.

A konzisztencia fontossága

Miért számít a konzisztencia? A konzisztencia megkönnyíti az alkalmazások használatát. A jó tervezés kulcsfontosságú része a tanulhatóság; Az alkalmazások egységes kialakítása csökkenti a végfelhasználók számára a használatuk "újratanulásának" hányszorosát. Nézd meg a valós példákat: a gázpedál mindig a jobb oldalon van, az ajtógomb mindig az óramutató járásával ellentétes irányban forog, a stop jel mindig piros.

Az alkalmazások konzisztenssé tétele azonban nem jelenti azt, hogy minden alkalmazás pontosan ugyanúgy néz ki és viselkedik. Visszatérve a valós példákra, szinte végtelen számú székterv létezik, de nagyon kevesen igényelnek újratanulást, hogyan kell ülni. Ennek az az oka, hogy a fontos elemek - az ülőfelület - elég konzisztensek ahhoz, hogy a felhasználó megértse őket.

A jó alkalmazástervezés egyik kihívása annak megértése, hogy hol fontos konzisztensnek lenni, és hol fontos egyedinek lenni.

A konzisztenciaspektrum

Hasznos, ha a konzisztenciát két ellentétes végű spektrumként tekintjük:

Az ismerős élményelemek a következők:

• Létrehozott felhasználói felületi paradigmák (az egérkattintás viselkedése, egy elem lenyomása és tartása, hasonló ikonok)
• A márka termékeire alkalmazni kívánt elemek (tipográfia, színek)

A megkülönböztető tényezők a következők:

• A termékek egyedi "lelkét" alkotó elemek
• Olyan elemek, amelyek segítenek az élményt a kívánt formátumhoz alakítani

Hozzunk létre egy tervezési modellt úgy, hogy ezt a spektrumot felhasználjuk az alkalmazás fő elemeire.

Ebben a modellben az alaprétegek a konzisztencia kipróbált és tesztelt alapjait biztosítják, míg a felső rétegek a rugalmasságra és a testreszabásra összpontosítanak.

1. Az alkalmazás alapjai alkotják a modell első rétegét: az elrendezési rácsot, színpaletta, tipográfiai konvenciók, és ikonstílusokat. Ezeket az alapvető funkciókat következetesen alkalmazni kell.

2. A második rétegben az UWP közös vezérlők alapvető készletét biztosítja, amelyek a hatékonyságot és a rugalmasságot egyensúlyba helyezik. Irányelveket is létrehoztunk, amelyek segítenek egységes hang- és hangszín kialakításában, ugyanazokkal a szavakkal leírni és végigvezetni a felhasználókat az alkalmazásélményeken. Létrehoztunk egy mintakészletet, amelyet az alkalmazások használhatnak a kialakításukhoz, hogy a terveink méretezhető legyen különböző méretű eszközökön és bemeneteken.

3. A harmadik rétegben a navigációt különböző eszközökhöz és környezetekhez igazíthatja. Például, hogy hogyan navigálhat érintéssel egy telefonon, valószínűleg más lesz, mint egy 32 hüvelykes monitoron billentyűzettel és egérrel, vagy egy kézmozdulatokkal és 100 érintési ponttal rendelkező hololeneken egy 84 hüvelykes felületen.

4. A negyedik réteg határozza meg a márka személyiségét. Milyen arculati elemek erősítik meg a márkát, és különböztetik meg a versenytársaktól? Itt is testre szabhatja az alkalmazást a különböző végfelhasználók számára. Az alkalmazás játékosoknak, információs dolgozóknak vagy K-12-diákoknak vagy oktatóknak készült. Milyen egyedi igények vannak ezekhez a különböző ügyfelekhez, és jobbá tehetjük számukra a tervezést? Ne csak ugyanazt tegye, hanem további értékeket is teremthet a különböző ügyfelek számára.

Tervezési alapelvek

A modell hatékony használatához olyan tervezési alapelvekre van szükségünk, amelyek segítenek a megfelelő kompromisszumok kialakításában. A munkaterv konzisztenciájának alapelvei a következők:

Ha ugyanúgy néz ki, ugyanúgy is viselkedjen

• Amikor a felhasználó egy szövegdobozt vagy egy hamburgervezérlőt lát, valószínűleg arra számít, hogy az ugyanúgy fog viselkedni a különböző eszközökön. Ha jó oka van arra, hogy eltérjen a kialakult viselkedéstől, állítsa be a felhasználói elvárásokat úgy, hogy az is másnak tűnjön.

Ha egy elem nagyon hasonlít egy meglévő elemhez vagy konvencióhoz, fontolja meg, hogy ugyanolyan legyen.

• Szüksége van egy "új dokumentum" ikonra. Miért érdemes olyan újat tervezni, amely csak egy kicsit más, ha olyant használhat, amelyet már felismert a felhasználó.

A használhatóság előnyt élvez a konzisztenciával szemben

• Jobb használhatónak lenni, mint konzisztensnek lenni. Bizonyos esetekben előfordulhat, hogy új vezérlőket vagy viselkedéseket kell kidolgoznia a használhatóság érdekében. A telefon egy kézzel való használata egyedi kihívásokkal jár. Így működik a 80"-os képernyő. A jó kialakítás miatt a felhasználó szakértőnek érzi magát.

Engagement fontos

• Ne csináld unalmassá. Vajon az ügyfeleink fel akarják majd venni és használni, ha minden lapos és ugyanolyan színűek a négyzetek? Hozzon létre örömet. Olyan új elemeket vezetünk be, amelyek meglepetést okoznak anélkül, hogy rontanák a tanulhatóságot.

viselkedések fejlődnek

• Ez a trükkös: az ipar fejlődésével új konvenciók alakulnak ki. Lehetséges, hogy a jelenlegi viselkedések elhalványulnak, és a konzisztens viselkedéseinknek sokaknak új szabványokat kell elfogadniuk. Nézd meg a csippentési és nagyítási funkciókat. Korábban gyakori elvárás volt a +/- jelekkel a felhasználói felületen való nagyítás és kicsinyítés, de a modern felhasználói felületen mára a csippentés majd nagyítás az elvárt. Tekintse meg az új tapasztalati paradigmákat, és fejlődjön.