Pagalvok mažiau. Dizainas geriau.

Geresnių sąsajų projektavimo darbo eigos skatinimas priimant priimamus sprendimų priėmimo ir mąstymo procesus.

Tinkamai suprojektuota vartotojo sąsaja yra daugybė pagrindinių sprendimų, kurie ne tik suteikia intuityvią patirtį, bet ir estetiškai teikia malonumą vartotojui. Patobulinęs sprendimų priėmimo procesą, jis gali palengvinti darbo eigą ir didesnę galimybę pasiekti optimalų rezultatą.

Kuo daugiau projektavimo galimybių yra, tuo daugiau reikia mąstymo ir subtilumo.

Amerikiečių psichologas Barry Schwartzas žurnale „The Paradox Of Choice“ rašė, kad pašalinus pasirinkimą galima smarkiai sumažinti nerimą. Jis teigė, kad turėtume turėti standartus ir kriterijus, tačiau nesijaudinkite dėl galimybės, kad gali būti kažkas geresnio. Tai buvo susiję su vartotojais, tačiau aš manau, kad tai taikoma ir dizaino sprendimams.

Maksimali strategija iš tikrųjų yra ne būti perfekcioniste, bet priimti pačius palankiausius sprendimus, kurie kartu sukuria optimalią patirtį.

1. Apriboti kintamieji

Jei atsižvelgsime į visus galimus kintamuosius, kad gautume didelio ištikimybės koncepciją, ir jų gali būti daug, tampa aišku, kad turime juos anksti apriboti ir apibrėžti. Sumažinus turimų pasirinkimų skaičių, bus lengviau apsispręsti.

Turint patirties tampa lengviau numatyti, kaip tam tikrų kintamųjų grupių ribojimas turi dauginamąjį poveikį visoje kompozicijoje.

Pasirinkimų sumažinimas nesusijęs su originalumo sumažinimu. Mūsų prielaida yra ta, kad koncepcijų kūrimas iš anksto apibrėžtų taisyklių pagrindu yra apribojimas, tačiau būdami dizaineriais galime nustatyti savo taisykles ir visiškai kontroliuoti, kaip jas formuoja.

Mastelis ir tarpai

Kiekvienas UI dizaino aspektas turėtų suktis aplink sistemą, kuri skatina ritmą ir padeda išlaikyti nuoseklumą maste ir erdvėje, projektui augant. Viena iš tokių sistemų, kurias aš mėgstu naudoti, yra modulinė skalė, kuri gali palengvinti bet kurio santykio skalę, kad būtų galima išmatuoti ar nustatyti elemento ar neigiamos erdvės dydį kompozicijoje.

Kai pasirenkame santykį, modulinė skalė gali padėti lengviau apibrėžti mastelį ir tarpus

Nors jis gali sumažinti tinklelių, tipografijos, vertikalių atstumų ir bendrų maketo matmenų kintamuosius iki valdomo lygio, jis taip pat suteikia malonią estetiką ir ritmą. Suprojektuoti vartotojo sąsają yra daug lengviau.

Tinkleliai

Tinklelio sistemos yra puikios, norint apriboti turinio išdėstymą horizontalioje plokštumoje ir nesąmones, kai reikia UI. Tačiau tinklelis dažnai pasirenkamas per daug negalvojant, kad jis tinka visiems. Dauguma dizainerių nesuvokia, kad geriau sukurti tinklelio sistemą, paremtą turiniu.

Tinklelio sistema sumažins išdėstymo kintamuosius

Tai reiškia, kad idealiu atveju reikia iš anksto aiškiai suprasti turinio scenarijus, kad būtų galima susidaryti vaizdą, kaip geriau pateikti turinį iš tam tikro tinklo. Pagalvokite apie verslo apribojimus, susijusius su jau egzistuojančiu turtu ir prekės ženklų gairėmis, pavyzdžiui, logotipu, kuriame yra specialios tarpo išdėstymo taisyklės ir reikalavimai, arba galbūt skelbimais su konkrečiais fiksuotais vienetais.

Turinio tipas taip pat yra veiksnys. Yra didelis skirtumas tarp parduotuvės, naujienų publikavimo ar tinklaraščio maketo ar paprasto splash puslapio sukūrimo. Išdėstymas, kuris yra sunkus vaizdo atžvilgiu, palyginti su žodžiu. Gali būti naudinga suprasti akių skenavimo modelius ir kaip jie daro įtaką regos hierarchijai.

Kuo daugiau suprantate verslo ir turinio apribojimus, tuo lengviau bus pasirinkti tinklelio sistemą ir priimti sprendimus dėl išdėstymo.

Tipografija

Aš tvirtinčiau, kad tipografija yra svarbiausias UI dizaino aspektas, nes ji gali sudaryti iki 95% žiniatinklio ir būti varomoji komunikacijos jėga.

Nors tokios sistemos kaip modulinė skalė gali būti pritaikytos dydžiui ir pirmaujančioms, šriftų šeimos ir stiliai taip pat gali būti riboti. UI niekada neturėtų viršyti dviejų šeimų ir poros svorio. Taisyklės taip pat gali būti išplėstos atsižvelgiant į pagrindimo ir pavadinimo atvejo tvarkymą.

Spalva

Nesunku per daug užsidegti su paletėmis. Mažas tonų diapazonas gali nueiti ilgą kelią norint sukurti pakankamą ir nuoseklų vaizdą. Paprastai viskas, ko mums reikia pradiniam taškui, yra penki rinkiniai.

Tokie įrankiai kaip „Adobe Colour CC“ leidžia lengvai iš anksto nustatyti paletę

Daugelis prekės ženklų turėtų įkomponuoti pirminę ar akcentinę spalvą ir keletą neutralių ar kontrastingų tonų, kad galėtų tai pagirti. Mums nereikia 15 vienos spalvos atspalvių, ypač pradžioje. Geriau pradėti mažą ir vėliau padidinti po du ar daugiau atspalvių.

Vaizdai

Tai, kaip mes įtraukiame vaizdus į vartotojo sąsają, daugiausia lemia turinio kontekstas. Jei apytiksliai suprantame, kas tai yra, mes galime sukurti savo vaizdų atskaitos tašką su kintamaisiais santykiu, dydžiu, forma ir apdorojimu. Gali paaiškėti, kad mums nereikia tiek daug.

Apriboję įvaizdžio kintamuosius, užtikrinsite geresnį nuoseklumą ir palengvinsite vaizdo išteklių valdymą ilguoju laikotarpiu. Tas pats pasakytina apie ikonografiją.

Kiek vaizdų santykio ir dydžio variacijų mums iš tikrųjų reikia?

2. Stiliaus vadovo sukūrimas anksčiau

UI projektui konceptualiai augant, tampa vis svarbiau sukurti ir prižiūrėti stiliaus vadovą arba modelių biblioteką. Tai nustatys projektavimo principus, kurie padės projekto mastui, išlaikant ritmą ir nuoseklumą. Jei iš anksto nustatome kintamuosius, tai yra geras būdas juos dokumentuoti. Būsimas sprendimas bus lengvesnis naudojant stiliaus vadovą nei be jo.

Atsižvelgiant į projektą, stiliaus vadovo sukūrimas yra prabanga ir gana dažnai skirtas ateityje. Štai kodėl dauguma stiliaus vadovų susideda paskutinę minutę arba pasibaigus projektui, ir tai vis dar yra gera praktika. Tačiau nors stiliaus vadovui, kuris palengvina būsimą dizainą ir plėtrą, yra daug postracionalizacijos ir samprotavimų, jis iš tikrųjų gali padėti sukurti ištikimybę ankstyvuose konceptualizacijos etapuose.

Sukūrę pagrindinį stiliaus vadovą pradžioje, tai ne tik nustatys principus, kurie padės sumažinti dizaino sprendimus, bet ir padės tobulėti kaip pagrindinė infrastruktūra bei sustiprins pagrindinius vadovus.

Padaryti vieną pradžioje nereiškia, kad jis turi būti baigtas - toli nuo jo. Stilius vis tiek labiau vystosi ankstyvosiose stadijose, ir kuo didesnis projektas, tuo aiškesnės ir griežtesnės ribos tampa.

3. Modulinis prioritetas ir pritaikymas

Modulinio projektavimo sistemose, tokiose kaip „Brad Frost's Atomic Design“, išdėstymą galima sudaryti iš konkrečių pagrindinių sričių. Moduliai tampa daugkartinio naudojimo įvairiais išdėstymais. Sąsajos yra traktuojamos kaip sistemos, o ne puslapiai. Didelę proceso dalį sudaro modeliais paremtas dizainas ir tobulinimas.

Tai puiki metodika ir ji daro UI dizainą daug lengviau valdomą, tačiau norėdami padaryti jį efektyvesnį, turime prioritetus išdėstyti pagrindinėse srityse ir pritaikyti visa kita aplink. Tai savo ruožtu užtikrins vizualinį darną.

Nurodykite pagrindines sritis

Mūsų dizainas turėtų suktis apie svarbias dalis. Kiekvienos srities prioritetą lemia jos turinys arba funkcionalumas sąsajoje ir iš esmės yra galvosūkio raktas.

Pirmiausia sutelkdami dėmesį į svarbias sritis, vėliau sumažiname projektavimo sprendimus, nes kitos sritys turi pasilenkti ir prisitaikyti prie nusistovėjusios aplinkos.

Dėmesys pagrindinėms sritims

Nustačius prioritetines sritis, reikia sutelkti dėmesį į kritines dalis ir baigti jas baigti. Idėja yra įsitikinti, kad jie yra intuityvūs ir atitinka visus reikalavimus prieš pritaikydami mažiau svarbias sritis.

4. Priverskite jį dirbti visiems

Tūkstančius metų dizaineriai stengėsi padaryti vieną dalyką - efektyviai bendrauti. Mes nuolat išradinėjame ir tobuliname būdus, kaip geriau vizualiai ir garsiai bendrauti su auditorija.

Nuolat didėjant galimybei kuo platesnei auditorijai gauti informaciją, būtina maksimaliai padidinti prieinamumą kuo daugiau žmonių.

Prieinamumas yra užmaskavimo palaima

Maitinimas platesnei auditorijai atrodo kaip daugiau darbo, ir norisi, kad prieinamumas būtų kliūtis naujovėms. Tačiau atitikimas naujausiems standartams gali būti paslėpimas, ypač jei jie tampa antra prigimtimi.

To pavyzdžiais gali būti reikalaujama, kad kūno kopijoje būtų nurodytas minimalus šrifto dydis arba didelis kontrastų tarp kopijos ir fono kiekis, arba didesni jungiamieji jutiklinių įrenginių plotai.

Tai susiję ne tik su negalia

Prieinamumas yra ne tik neįgaliųjų maitinimas, kaip tai sugalvoja, bet ir vartotojai, turintys senus įrenginius ir naršykles, kurios nepalaiko visų naujausių funkcijų ir patobulinimų. Sąmoningas šių standartų laikymasis ir jų laikymasis natūraliai sumažins dizaino sprendimus.

5. Išbandytų ir išbandytų modelių naudojimas

Tiesą sakant, vartotojai sąsajas supranta intuityviai, kai jos atitinka šimtus įprastų dizaino modelių, kuriuos jie įsisavino iš daugelio metų praktikos ir ekspozicijos. Kai tik pradėsime atsiriboti nuo tipiškų pelėsių ir nugrimzti į naują pagrindą, mums gali prireikti laiko, kad naujas raštas taptų visiškai intuityvus masėms.

Originaliems vartotojo sąsajos modeliams kurti yra laikas ir vieta, tačiau neturėtume vengti įprasti metodai - jie yra sėkmingi dėl priežasties.

Sidabrinis pamušalas yra tas, kad mes turime mažiau jaudintis dėl naujo išradimo ir susitelkti ties estetika. Vis dar įmanoma sukurti originalų kūrinį pagal nusistovėjusius modelius.

Kuo daugiau mes susipažinsime ir integruosime sėkmingus dizaino modelius, tuo mažiau turėsime pasirinkti dizainerių. Mes nebūtinai svarstome, kas galėtų veikti, bet kas veiks.

Baigiamoji pastaba

Kai kurie iš šių požiūrių gali smarkiai nesumažinti mūsų mąstymo ir sprendimų priėmimo arba nepatobulinti mūsų dizaino. Vis dėlto juos sujungus ir gavus gerų atsiliepimų, gali būti žymiai lengviau suprojektuoti geresnę vartotojo sąsają.

Sekite mane „Twitter“