Kas skaitmeninę patirtį padaro išbaigtą
Smulkūs sprendimai, nuo kurių baigtas produktas skiriasi nuo eilinės svetainės
Išbaigtas skaitmeninis darbas retai giriasi funkcijų gausa. Jis tiesiog atrodo baigtas: laikai apgalvoti, erdvė palikta sąmoningai, o kiekviena sąveika atsako anksčiau, nei spėjate suabejoti, ar veiksmas buvo užfiksuotas.
Mikrosąveikos, kurios elgiasi tvarkingai
Kokybiškoje sąsajoje užvedimas pele, paspaudimas ir krovimasis yra produkto dalis, o ne dekoras. Atsakas turi ateiti pakankamai greitai, kad jaustųsi tiesioginis (maždaug 150–300 ms), turėti svorio pojūtį ir likti vienodas visoje sąsajoje.
Vienas nušlifuotas mygtukas nieko nekeičia. Kokybę žmonės pajunta iš tylios, tarpusavyje derančių atsakų sistemos – dažniausiai net nepaaiškindami kodėl.
Paspaudimas ir užvedimas be perdėto blizgesio
Loading code…Tipografija ir erdvė atlieka sunkiausią darbą
Prabanga sąsajoje dažniausiai slypi tuščioje erdvėje ir disciplinuotoje šriftų skalėje, o ne tankesniame turinyje. Ribokite šriftų storius, laikykite teksto eilutę ties 60–75 ženklais ir leiskite hierarchijai įtikinti pačiai.
Sklandžiai kintantys dydžiai išlaiko tą pačią hierarchiją nuo telefono iki darbalaukio – nereikia kiekvienam ekrano pločiui kurti naujo išdėstymo.
Tipografijos ir erdvės atmintinė
- Viename ekrane – ne daugiau kaip du šriftų vaidmenys (antraštėms ir tekstui); venkite storių parado
- Teksto eilutė – apie 60–75 ženklus; ilgesnės eilutės atrodo pigiai, o ne dosniai
- Hierarchiją pirmiausia kuria tuščia erdvė ir tik paskui spalva ar šešėlis
- Dydžių skalėje – keli sąmoningai parinkti žingsniai; kiekvienas dydis turi turėti darbą
Greitis yra įvaizdžio dalis
Vėlavimas iliuziją sugriauna greičiau nei bet kuris trūkstamas vizualinis efektas. Rinkitės GPU draugišką judesį (transform, opacity), sunkią mediją kraukite tik prireikus ir iškart parodykite bent ką nors – laikinas užpildas geriau už tuščią ekraną.
Juntamas greitis yra įvaizdžio signalas: kai kas nors matoma jau pirmame kadre, tai vertingiau už tobulą vaizdą, atkeliaujantį per vėlai.
Judesys, turintis užduotį
Animuokite tam, kad padėtumėte susiorientuoti, patvirtintumėte veiksmą ar sujungtumėte būsenas, o ne tam, kad papuoštumėte nejudantį ekraną. Jei negalite atsakyti, kodėl tai juda, – išimkite.
Bendrų elementų ir puslapių perėjimai veikia tada, kai išlaiko tęstinumą; jie žlunga, kai kiekvienas maršrutas gauna tą patį pašokimą.
Judesys atsiperka, kai jis…
- Padeda susiorientuoti po perėjimo ar būsenos pasikeitimo
- Patvirtina, kad veiksmas užfiksuotas (paspaudimas, išsaugojimas, pateikimas)
- Sujungia susijusias sąsajos dalis, kad akiai nereikėtų ieškoti
- Naudoja vieną judesio ritmą visame produkte, o ne naują kreivę kiekvienam ekranui
Gylis be paruošto filtro
Sluoksniavimas ir švelnus atskyrimas gali perteikti hierarchiją. Sunkus stiklo efektas ir nuolatinis fono suliejimas judančiuose sluoksniuose kainuoja našumą ir greitai pasensta.
Suliejimą naudokite taupiai ir tik nejudančiose sąsajos dalyse; judantiems elementams palikite pigesnius užpildus bei kraštines.
Apibendrinimas
Išbaigtumas – tai nuoseklumas ir saikas: vienas judesio ritmas, sąžiningi tarpai ir greitis, kuriam nereikia teisintis. Išsirinkite vieną svetainės vietą, nušlifuokite ją iki galo ir tą patį standartą perkelkite visur kitur.
Susiję straipsniai
SEO, kuris iš tikrųjų atneša užklausų, o ne tik pozicijas
Struktūra, greitis, ketinimą atitinkantys puslapiai ir matavimas – SEO kaip augimo sistema, o ne sąrašų spektaklis
Klientų portalas ar bendras diskas: kada individuali programa atsiperka
Prisijungimai, rolės ir darbo eigos, kurios išsibarsčiusius failus paverčia produktu, kuriuo klientai pasitiki
Norite, kad jūsų produktas būtų toks pat apgalvotas?