I. Sluoksniuotas dizainas: aiškūs kiekvieno sluoksnio vaidmenys
Daugiasluoksnių etikečių{0}}skaitomumas prasideda struktūrine logika. Kiekvienas sluoksnis turi atlikti skirtingą funkciją, kad būtų išvengta informacijos pertekliaus:
1. Viršutinis sluoksnis: sutelkite dėmesį į pagrindinę informaciją
Išsaugokite tik prekės pavadinimą, produkto pavadinimą, pagrindinius vaizdus ir pagrindinius pardavimo taškus (pvz., „Priedas-Nemokamas“, „SPF50+“). Naudokite didesnius, ryškesnius šriftus ir ryškius spalvų kontrastus, kad užtikrintumėte matomumą toli{5}}.
2. Vidurinis sluoksnis (nuplėšiamas sluoksnis): Rodyti išplėstinį turinį
Įtraukite naudojimo instrukcijas, svarbiausius ingredientus, reklaminę informaciją arba QR kodo įvedimą. Nurodykite naudotojus per brūkšninius langelius, rodyklių piktogramas arba raginimus „Nutraukti ir peržiūrėti“.
3. Apatinis sluoksnis (fiksuotas sluoksnis): nuolat matoma atitikties informacija
Pagaminimo data, partijos numeris, registracijos numeris ir kt. turi būti iš dalies matomi, nenuplėšiant etiketės. Galima naudoti „lango-stiliaus dizainą“, paliekant skaidrius langus arba viršutiniame sluoksnyje iškirptas sritis, kad būtų rodomi pagrindiniai laukai.
II. Vizualinis optimizavimas: pagerinkite skaitymo iš pirmo žvilgsnio{1} efektyvumą
Net ir esant daugiasluoksnei informacijai, netvarkingas išdėstymas vis tiek gali trukdyti skaityti. Reikėtų laikytis šių vizualinių principų:
1. Aiški šriftų hierarchija: antraštės turi būti 16–18 pt, turinys – 10–12 pt, o išnašos – ne mažesnės nei 8 pt, užtikrinant, kad mažas šriftas būtų įskaitomas.
2. Protingas spalvų kontrastas: tamsus tekstas šviesiame fone (pvz., juodas tekstas baltame fone), vengiant raudonos ir žalios spalvos derinių ir pritaikymas daltonikams.
3. Nuoseklus ir nesuskaidytas išdėstymas: sugrupuokite panašią informaciją, išvengdami nenuoseklaus paskirstymo, kuris sukuria pažinimo naštą.
4. Tarpas ir atskyrimas: naudokite tarpus arba plonas linijas, kad atskirtumėte skirtingus modulius ir pagerintumėte blokų atpažinimą.
III. Interaktyvūs raginimai: leiskite vartotojams „žinoti, kad jie gali atrakinti“
Daugelis naudotojų nepaiso vidutinio{0}}lygio informacijos, nes trūksta raginimų. Padidinkite veikimo suvokimą šiais būdais:
1. Pridėkite grafinių ir tekstinių raginimų, pvz., „▲ Išskleiskite čia“ ir „↑ Išskleisti informaciją“
2. Naudokite gradiento šešėlius arba 3D kraštines, kad imituotumėte „nuplėšiamąjį“ efektą
3. Peržiūrėkite nusilupimo būseną pagrindinėje pakuotės vaizde, kad sukurtumėte psichologinius lūkesčius.
IV. Kelių-platformų pritaikymas: prisitaikymas prie skirtingų naudojimo scenarijų
Plačiai pritaikius mobilųjį darbą ir QR kodų nuskaitymą, etiketės taip pat turi prisitaikyti prie įvairių skaitymo aplinkų:
1. Mobiliesiems-tinka: QR kodo dydis ne mažesnis kaip 2 cm × 2 cm, su aplinkiniais baltais tarpais Didesnis arba lygus 3 mm, kad būtų lengva nuskaityti mobiliaisiais telefonais.
2. Interaktyvus išdėstymas: pirmenybę teikite vietinės kalbos pateikimui mažose etiketėse, o kitomis kalbomis pateikiama išplėstame puslapyje.
3. Haptic Assistance: naudokite mikro{1}}reljefą svarbiose vietose (pvz., lupimo taške), kad palengvintumėte piršto padėtį.
V. Testavimas ir patikra: prieš paleidimą atlikite skaitomumo įvertinimą
Baigus projektą, rekomenduojama atlikti tris paprastus bandymus:
1. 3-Antros taisyklės testas: ar vidutinis žmogus gali per 3 sekundes nustatyti produkto pavadinimą ir pagrindines funkcijas?
2. Aklas testas: ar atsitiktiniai vartotojai gali natūraliai atrasti ir teisingai nulupti vidurinį sluoksnį?
3. Ilgo-atstumo identifikavimas: ar pagrindinė informacija aiškiai matoma 1 metro atstumu?
