Turinys
- Gulintis policininkas
- Penki pavyzdžiai, kuriuos reikia patikrinti
- 01. Relės maistas
- 02. Obuolys
- 03. WPkoderis
- 04. „Twitter“
- 05. Meno versija
- Naudokite atsargiai
Persidengimai yra puikus sprendimas, suteikiant vartotojui tikslingos sąveikos akimirką arba modalų atveju paprašant vartotojo priimti sprendimą dėl veiksmo arba įspėjant jį apie atsakymą ar klaidą. Dizaineriai pasirinko šį įrankį bet kokiems kitiems scenarijams, įskaitant portfelius, kontaktines formas, reklamą, išsamią informaciją apie krepšelį ir dar daugiau.
Gulintis policininkas
Perdangos pašalina vartotoją iš įprasto srauto. Jie panašūs į greitį. Vieno naudojimas veiksmui žiniatinklio programoje gali būti puikus būdas išlaikyti vartotojus centre ir sumažinti skambučius į serverį. Naujas „Twitter“ tai puikiai atlieka įgyvendindamas „tweet“ langą, kuris uždengia turinį, bet gali būti lengvai perkeltas, kad vis tiek būtų galima pasiekti toliau pateiktą turinį.
Tada yra modalinė perdanga, kuri yra daugiau stabdymo žiburys nei greičio mažinimas. Jie naudojami, kai svarbu padėti vartotojui sutelkti dėmesį į veiksmą, kurį reikia atlikti, kad jis galėtų judėti pirmyn arba gilintis į svetainę. Jie gali būti pateikiami kaip prisijungimo langelis, įspėjimas apie klaidą ar kažkas panašaus, pavyzdžiui, nuostatų tvarkytuvas. Perdangų ir modalų samprata yra gerai paaiškinta www.patternry.com/p=overlay.
Modalai dažnai yra per daug naudojami, nes juos galima taip lengvai įgyvendinti, o vartotojams jie kartais gali būti kliūtys. Paklauskite savęs, kodėl turinys neturėtų būti atskirame puslapyje. Ar tai padės vartotojui pamatyti modalo turinį? Jei ne, kodėl turėtumėte modalą? Kai kurios alternatyvos, kurias reikia apsvarstyti, yra stalčiai arba skaidrios. Kaip ir bet kuris interaktyvus elementas, pagalvokite prieš diegdami.
Penki pavyzdžiai, kuriuos reikia patikrinti
01. Relės maistas
„Relayfoods.com“ teikia el. Prekybos naudojimą modalinei perdangai, kuri padeda vartotojams pasiekti išsamią informaciją apie gaminius, apžvalgas ir kitas produkto miniatiūras.
02. Obuolys
Nuolat sumanūs „Apple“ žmonės sukūrė puikų pristatymą savo priekabų vaizdo įrašams. Jei užveskite pelės žymeklį virš vaizdo įrašo, pamatysite valdiklius ir miniatiūrų parinktis, kad galėtumėte peržiūrėti kitus vaizdo įrašus. Jei nesvyruojate, visa tai nukreipta į vaizdo įrašą.
03. WPkoderis
„WPcoder“, „mažos kūrėjų grupės, mėgstančių„ WordPress “, svetainė savo DUK turinį pateikia modalinėje perdangoje. Tai puikus pavyzdys, kai nedidelis kiekis turinio labiau tinka perdangoje nei atskirame puslapyje.
04. „Twitter“
„Twitter.com“ savo naujajai „tweet“ funkcijai naudoja perdangą, o vartotojams leidžia perkelti „tweet“ langą, kad pasiektų puslapio turinį.
05. Meno versija
Ši Čikagos dizaino bendrovės „Art Version“ perdanga padeda vartotojams įsitikinti, kad jų naujoji „Versions“ programa buvo pradėta atsisiųsti: puikus į pranešimą orientuoto modalo pavyzdys.
Naudokite atsargiai
Tikimės, kad šie pavyzdžiai gali padėti jums pasirinkti geriausią būdą įgyvendinti savo projektų perdangas ir galiausiai nuspręsti, ar perdangos yra netgi būtinos. Gerai naudojami perdangos gali suteikti papildomų funkcijų ir dėmesio programai ar svetainei, tačiau jas naudoti atsargiai. Jie gali įkąsti!
Žodžiai: Matthew Smithas
Šis straipsnis iš pradžių buvo rodomas internetinio žurnalo svetainėje.