Gondolkozz kevesebbet. Jobb design.

A felhasználói munkafolyamatok jobb munkafolyamatának előmozdítása az irányítható döntéshozatal és a gondolkodási folyamat révén.

A jól megtervezett felhasználói felület olyan kulcsfontosságú döntések sorozatának eredménye, amelyek nemcsak az élményt intuitívvá teszik, hanem esztétikailag kellemes is a felhasználó számára. A döntéshozatali folyamat egyszerűsítésével lehetővé teszi a könnyebb munkafolyamatot és nagyobb esélyeket az optimális eredmény elérésére.

Minél több lehetőség van a tervezési folyamatban, annál több gondolkodásra van szükség a kivitelezéshez és a finomsághoz.

Barry Schwartz amerikai pszichológus a The Paradox Of Choice című cikkben írta, hogy a választások kiküszöbölése nagymértékben csökkentheti a szorongást. Azt állította, hogy rendelkezzenek szabványokkal és kritériumokkal, de nem kell aggódnia, hogy jobb lehet valami. A fogyasztókkal összefüggésben volt, de szerintem ez vonatkozik a formatervezési döntésekre is.

A maximalizáló stratégia valójában az, hogy ne légy perfekcionista, hanem a rendelkezésre álló legkedvezőbb döntéseket hozza, amelyek együttesen teremtik meg az optimális élményt.

1. A változók korlátozása

Ha figyelembe vesszük az összes lehetséges változót, hogy nagy hűségű fogalmat hozzunk létre, és sok ilyen is lehet, világossá válik, hogy korán meg kell korlátoznunk és meg kell határoznunk azokat. A rendelkezésre álló választási lehetőségek csökkentése megkönnyíti a döntéshozatalt.

A tapasztalatokkal könnyebb megjósolni, hogy a változók bizonyos csoportjainak korlátozása milyen módon járul hozzá a kompozíció egészéhez.

A választások csökkentése nem korrelál az eredetiség csökkentésével. Feltételezésünk az, hogy az előre definiált szabályok körüli koncepciók kialakítása korlátozás, de tervezőkként meg tudjuk határozni a saját szabályainkat, és teljes mértékben ellenőrizhetjük azok megfogalmazását.

Méretezés és távolság

A felhasználói felület tervezésének minden aspektusának egy olyan rendszer körül kell fordulnia, amely elősegíti a ritmust és segít fenntartani a méret és a térbeli konzisztenciát a projekt növekedésével. Az egyik ilyen rendszer, amelyet szeretek használni, a moduláris méretarány, amely megkönnyíti a skálát bármely adott aránytól függően, hogy megmérje vagy beállítsa az elem, vagy a kompozíció negatív tere méretét.

Miután kiválasztottuk az arányt, a moduláris skála megkönnyítheti a skála és a távolság meghatározását

Bár csökkenti a rácsok, a tipográfia, a függőleges távolság és az elrendezés általános dimenzióinak változóit kezelhető szintre, ugyanakkor kellemes esztétikát és ritmust biztosít. Az UI tervezése sokkal könnyebb.

rácsok

A rácsrendszerek nagyszerűen korlátozhatják a tartalom vízszintes síkon belüli szerveződését és az UI-t érintő nem-finomítást. A rácsot azonban gyakran úgy választják meg, túl sokat gondolkodva, hogy mindenki számára egységes legyen. A legtöbb tervező nem veszi észre, hogy jobb egy olyan rácsrendszert létrehozni, amelyet a tartalom körül építenek.

A rácsrendszer csökkenti az elrendezés változóit

Ez azt jelenti, hogy ideális esetben egyértelműen meg kell értenie a tartalmi forgatókönyveket, így képet ad arról, hogyan lehet egy adott rácsból jobban kiszolgálni a tartalmat. Gondoljon az üzleti korlátokra a már létező eszközökkel és a márka útmutatókkal, például egy olyan logóval, amelynek különleges távolsági szabályok és követelmények vannak, vagy esetleg meghatározott rögzített egységeket tartalmazó hirdetésekre.

A tartalom típusa szintén tényező. Nagy különbség van egy üzlet, hírközlés vagy blog elrendezésének kidolgozása vagy egy egyszerű splash oldal között. Elrendezés, amely kép nehéz és szót nehéz. Hasznos lehet megérteni a szkennelési mintákat és azt, hogy ezek miként befolyásolják a vizuális hierarchiát.

Minél jobban megértik az üzleti és a tartalmi korlátozásokat, annál könnyebb lesz rácsrendszert választani és elrendezési döntéseket hozni.

Tipográfia

Azt állítanám, hogy a tipográfia a felhasználói felület tervezésének legfontosabb szempontja, mivel az az Internet akár 95% -át is kitölti, és a kommunikáció hajtóereje lehet.

Míg a rendszerek, mint például a moduláris méretarány alkalmazható a méretre és a vezetőre, a betűtípuscsaládok és stílusok szintén korlátozottak lehetnek. Az UI-nek soha nem szabad meghaladnia két családot és néhány súlyt. A szabályok kiterjeszthetők az igazolás és a cím esetének kezelésére is.

Szín

Könnyű túlzottan lelkesedni a palettákkal. A hangok kis köre nagy utat eredményezhet ahhoz, hogy elegendő és következetes képet hozzon létre. A kiindulási ponthoz általában öt színminta szükséges.

Az olyan eszközök, mint az Adobe Color CC megkönnyítik a paletta előredefiniálását

A legtöbb márkának elsődleges vagy ékezetes színt, valamint néhány semleges vagy kontrasztos hangot kell tartalmaznia, hogy ezt bókolják. Nem kell egy hangszín 15 árnyalatára, főleg az elején. Jobb, ha kicsit elkezdi, és később kettőt növeli.

képek

A képeknek az UI-be történő beépítését nagymértékben a tartalom összefüggései határozzák meg. Ha durva elképzelésünk van erről, mi képezhetünk kiindulási pontot képeinkhez az arány, méret, forma és kezelés változóival. Előfordulhat, hogy nem kell ilyen sokunk.

A képváltozók korlátozása jobb konzisztenciát eredményez, és hosszú távon megkönnyíti a képi eszközök kezelését. Ugyanez vonatkozik az ikonográfiára.

Hány variációra van szükség a képek arányában és méretében?

2. Stílus útmutató készítése korábban

Az UI-projekt fogalmi növekedésével egyre fontosabbá válik egy stílus útmutató vagy mintázat-könyvtár létrehozása és karbantartása. Ez meghatározza a tervezési alapelveket, amelyek segítenek a projekt méretarányában, fenntartva a ritmust és a következetességet. Ha előre meghatározjuk a változókat, ez jó módszer a dokumentálásra. A jövőbeli döntéshozatal a stílus útmutatóval könnyebb lesz, mint annak nélkül.

A projekttől függően a stíluskalauz létrehozása luxus, és gyakran a későbbi referencia céljára szolgál. Ez az oka annak, hogy a legtöbb stíluskalauz az utolsó pillanatban vagy a projekt befejezése után készül össze, és ez még mindig jó gyakorlat. De noha a posztracionalizáláshoz és az indokoláshoz elengedhetetlen egy stílusútmutató a leendő tervezéshez és fejlesztéshez, ez valójában elősegítheti a hűség felépítését a konceptualizáció korai szakaszában.

Az alapvető stíluskalauz megteremtése a kezdetben nem csak a tervezési döntések korai szakaszában hozza létre az alapelveket, hanem a fejlődés infrastruktúrájaként és az igazgatók továbbfejlesztésében is segítséget nyújt.

Ha elején készítesz egyet, ez nem azt jelenti, hogy teljesnek kell lennie - messze tőle. A stílusok a korai szakaszban inkább fejlődnek, és minél nagyobb a projekt, annál világosabbá és szigorúbbá válnak a határok.

3. Moduláris alapú prioritás és adaptáció

Moduláris alapú tervező rendszerekben, mint például a Brad Frost Atomic Design, az elrendezés megfogalmazható bizonyos kulcsterületekből. A modulok a különböző elrendezésekben újrafelhasználhatók. Az interfészeket rendszerként kezelik, nem pedig oldalakként, a minta alapú tervezés és fejlesztés a folyamat nagy részét képezi.

Ez egy nagyszerű módszertan, és sokkal kezelhetőbbé teszi az felhasználói felület tervezését, de hatékonyságának javítása érdekében a kulcsfontosságú területeket rangsorolnunk kell, és mindent más hozzá kell igazítaniuk. Ez viszont biztosítja a vizuális koherenciát.

Határozza meg a kulcsterületeket

Tervezésünknek a fontos alkatrészek körül kellene fordulnia. Az egyes területek prioritását az interfészen belüli tartalom vagy funkcionalitás határozza meg, és lényegében ez a puzzle kulcsa.

Azáltal, hogy először a fontos területekre összpontosítunk, ezután csökkentjük a tervezési döntéseket, mivel a következő területeknek meg kell hajlítaniuk és alkalmazkodniuk kell a kialakult környezethez.

Összpontosítson a kulcsterületekre

Miután azonosítottuk a kiemelt fontosságú területeket, a kritikus részekre összpontosítunk, és befejezzük őket a befejezésig. Az ötlet az, hogy a kevésbé fontos területek adaptálása előtt megbizonyosodjon arról, hogy intuitívak-e és megfelelnek-e minden követelménynek.

4. Mindenki számára működőképessé tétele

Évezredek óta a tervezők egy dolgot igyekeztek - hatékonyan kommunikálni. Folyamatosan feltaláljuk és finomítjuk a közönség vizuális és hallhatóbb kommunikációjának jobb módjait.

A lehető legszélesebb közönség által folyamatosan növekvő információhoz való hozzáférés révén elengedhetetlenvé kell tenni a lehető legtöbb ember számára elérhetővé tételét.

Az akadálymentesség áldás álruhában

A szélesebb közönség számára történő vendéglátás több munkának tűnik, és kísértésnek tekinti, hogy az akadálymentesség akadálya legyen az innovációnak. A legújabb szabványok betartása azonban áldás lehet álruhában, különösen, ha azok második természetűvé válnak.

Példák ehhez a tervezési szempontból magában foglalhatja azt a követelményt, hogy minimális betűméretre van szükség a testmásolaton, vagy jelentős mennyiségű kontrasztra a másolat és a háttér között, vagy nagyobb összekapcsolható területek az érintőeszközökön.

Nem csak a fogyatékosságról szól

A hozzáférhetőség nem csak a fogyatékkal élők ellátása, amint azt néhányan sugallják, hanem a régebbi eszközökkel és böngészőkkel rendelkező felhasználók számára is, amelyek nem támogatják a legújabb funkciókat és fejlesztéseket. Ha tudatában lenne ezeknek a szabványoknak, és betartanák őket, akkor természetesen csökken a tervezési döntés.

5. Kipróbált és tesztelt minták használata

Valójában a felhasználók az interfészeket intuitívnak találják, ha megfelelnek azoknak a közös tervezési mintáknak a százaihoz, amelyeket az évek gyakorlatából és a kiállításból átéltek. Amint elkezdünk távolodni a tipikus formáktól és új talajt lépünk fel, akkor időre telhet, hogy egy új minta teljesen intuitívvá váljon a tömegek számára.

Van idő és hely az eredeti felhasználói felületek mintáinak létrehozására, de nem szabad elkerülnünk a közös technikákat - okból sikeresek.

Az ezüst bélés számunkra kevésbé kell aggódnia az újratelepítés és az esztétika területén. Még mindig lehetséges eredeti művek létrehozása a bevett minták alapján.

Minél jobban megismerjük és integráljuk a sikeres tervezési mintákat, annál kevesebb választást kell megválasztanunk tervezőként. Nem feltétlenül fontoljuk meg, hogy mi működhet, de mi fog működni.

Záró megjegyzés

Ezen megközelítések némelyike ​​önmagában nem csökkentheti nagy mértékben gondolkodásunkat és döntéshozatalunkat, vagy hatalmas mozgástérrel javíthatja terveinket. Ezek együttes beépítése, valamint a jó visszajelzés megszerzése jelentősen megkönnyíti a jobb felhasználói felület tervezését.

Kövess a Twitteren