Uporabniki spletne vsebine ne berejo, ampak skenirajo. Namreč naši možgani so narejeni za vizualne informacije. To pomeni da celotne vsebine ne preberemo, ampak vsebine preletimo. Zato je oblika vsebine in njena pozicija zelo pomembna, pisanje dolgih vsebin pa tako ni primerno za splet.
CSS: Oblikovanje dropdown okna
Pri izdelavi različnih spletnih obrazcev se velikokrat srečamo z izbirnimi meniji (select menu). Zanje je še posebej značilno, da jih je izredno težko oblikovati. Vendar lahko z določenimi CSS značkami in hitremu napredku v razvoju brskalnikov dosežemo dobre rezultate.
Empathy Map
Zemljevid empatije (Empathy map) nam omogoča generiranje raziskovalnih podatkov za boljše razumevanje uporabnikov. Zemljevidi empatije so tako odlični za ustvarjanje “person”, ki identificirajo uporabnike z različnim “mindsetom”.
CSS: scroll-behavior
Scrollanje po strani oz. skoki na strani se običajno izvajajo s pomočjo t.i. sider. Skoki po strani s pomočjo sider pa so brutalni oz. hitri, brez animacije. Animacijo smo običajno dosegli s pomočjo JavaScripta oz. knjižnic. S pomočjo CSSja pa lahko ta efekt dosežemo precej lažje.
Ikone za navigacijo
V spletnem oblikovanju srečamo pri navigaciji oz. elementih, ki označujejo navigacijo precej različnih ikon. Najbolj razširjena ikona pa je t.i. hamburger ikona – “☰”. Za boljšo razumevanje UX/UI si pobližje poglejmo nekaj primerov.