Paveikslėlio pamokymas – būk UI ir UX dizaineris.

Pagalbos skyrių sukurti – prieiga prie atsakymų programėlėje

Visi pamokos vaizdo įrašai Piesinių pamokos – tapti UI ir UX dizaineriu

Įterpiant pagalbą-skiltį savo programoje gali būti itin svarbus vaidmuo, siekiant pagerinti vartotojų patirtį. Dažnai vartotojai susiduria su sunkumais keliantis taikymo programoje arba jiems reikia atsakymų į konkrečius klausimus. Šiame vadove sužinosi, kaip sukurti efektyvią ir vizualiai patrauklią pagalbos skiltį kurti, kuri ne tik atsako į DUK, bet taip pat integruoja atsiliepimų funkcijas.

Svarbiausi pastebėjimai

Gerai suprojektuota pagalbos skiltis gali padidinti vartotojų pasitenkinimą ir sumažinti pagalbos poreikį. Svarbu, kad pagalba būtų aiškiai struktūrizuota ir lengvai pasiekiama. Šiame vadove gausi:

  • Žingsnis po žingsnio instrukcijas, kaip sukurti pagalbos skiltį.
  • Patarimus dėl vartotojų draugiškumo ir DUK dizaino.
  • Nurodymus dėl atsiliepimų mygtuko integravimo.

Žingsnis po žingsnio vadovas, kaip sukurti pagalbos skiltį

1. Sukurk naują kontrolerį pagalbos skiltiai

Norint integruoti pagalbos funkcionalumą savo programoje, pradėk kurti naują kontrolerį. Paspausk mygtuką A ir pasirink „iPhone 8“ kaip tikslinį prietaisą. Pavadink kontrolerį „Pagalba“.

Pagalbos skyrius – prieiga prie atsakymų programėlėje

2. Nustatyk fono spalvą ir suplanuok išdėstymą

Fonas turėtų būti baltas, kad turinys būtų gerai skaitomas. Pridėk antraštę, kad aiškiai pažymėtum skiltį. Taip pat tau reikia kolekcijų peržiūros arba lentelės peržiūros, kurioje galėtų būti rodoma dažniausiai užduodami klausimai.

Pagalbos skyrius sukurti – prieiga prie atsakymų programoje

3. Pridėk antraštę

Pradėk pridėdamas antraštę, kuri turėtų būti apie 150 pikselių aukščio. Pašalink kraštinę ir pasirink tinkamą žalią spalvą savo dizainui. Užtikrink, kad antraštė būtų nuosekli su kitų ekranų dizainu tavo programoje.

Pagalbos skyrius sukurti – prieiga prie atsakymų programėlėje

4. Pridėk статус барą

Norint integruoti статус барą, gali pasinaudoti arba Sketch Runner, arba Įterpimo meniu. Nustatyk статус барą „Tamsus“, kad sukurtum gražų kontrastą su baltu fonu.

Pagalbos skyrius sukurti – prieiga prie atsakymų programoje

5. Sukurk teksto laukelį titului

Pridėk teksto laukelį, kuris turės antraštę „Pagalba“. Pasirink teksto dydį 40 pikselių, kad jis būtų aiškiai matomas, ir pozicionuok jį 16 pikselių žemiau antraštės.

Pagalbos skyrių sukurti – prieiga prie atsakymų programėlėje

6. Pridėk lentelės peržiūrą klausimams

Sukurk stačiakampį su 90 pikselių aukščiu, kuris reprezentuos klausimo konteinerių dydį. Stačiakampis išsitęs į visą plotį. Pridėk kelis pavyzdinius klausimus, kad programuotojai gautų idėją, kaip išdėstyti.

Pagalbų skyrius – prieiga prie atsakymų programėlėje

7. Išdėstyk klausimų konteinerius

Norint vizualiai patraukliai išdėstyti klausimus, pridėk rodyklę (Arrow), kuri veda prie atsakymų. Strategiškai vietok rodyklę šalia teksto, kad vartotojams būtų aišku, kad jie gali pasirinkti klausimą.

Pagalbos skyrius – prieiga prie atsakymų programoje

8. Įgyvendink separatorius tarp klausimų

Pridėk plonus, pilkus separatorius tarp klausimų, kad aiškiai struktūrizuotum išdėstymą. Šie separatoriai turėtų būti tokiame pačiame plotyje kaip konteineris.

Pagalbos skyrių sukurti – prieiga prie atsakymų programėlėje

9. Sukurk simbolį kolekcijų peržiūrai

Pažymėk visas komponentes, kurias nori įtraukti į kolekcijų peržiūrą, ir sukurk simbolį su pavadinimu „help sell“. Ši struktūra palengvins programuotojui DUK sekcijų įgyvendinimą programoje.

Sukurkite pagalbos skyrių – prieiga prie atsakymų programoje

10. Pridėk atsiliepimų mygtuką

Norėdami užtikrinti, kad vartotojai galėtų susisiekti su tavimi dėl klausimų ar problemų, pridėk atsiliepimų mygtuką. Vietok šį mygtuką pagalbos puslapio pabaigoje ir žymėk jį „Siųsti atsiliepimą“.

Pagalbos skyrius - prieiga prie atsakymų programoje

11. Optimizuok atsiliepimų tekstinį laukelį

Atsiliepimų tekstinis laukelis turėtų būti aiškiai skaitomas. Užtikrink, kad šriftas ir tekstas būtų nuoseklūs su likusia programos dalimi. Pozicionuok jį taip, kad jis būtų lengvai randamas ir turėtų 16 pikselių atstumą nuo kitų elementų.

Pagalbos skyrius – prieiga prie atsakymų programėlėje

12. Papildyk „Atšaukti“ mygtuką naršymo juostoje

Pridėk „Atšaukti“ mygtuką viršuje naršymo juostoje, kad vartotojams būtų suteikta galimybė uždaryti pagalbos ekraną. Šis mygtukas turėtų būti aiškiai matomas ir vizualiai grąžinti vartotoją į ankstesnį ekraną.

Pagalbos skyrius sukurti – prieiga prie atsakymų programėlėje

Santrauka – Vadovas, kaip sukurti pagalbos skiltį savo programoje

Sukuriant pagalbos skiltį savo programoje, reikalingas kruopštus planavimas ir nuoseklus dizainas. Su šiuo žingsnis po žingsnio vadovu dabar žinai, kaip sukurti patrauklią ir funkcinę pagalbos aplinką savo vartotojams.

Dažnai užduodami klausimai

Kai naudoti pagalbos skiltį savo programoje?Pagalbos skiltis siūlo atsakymus į dažnai užduodamus klausimus ir suteikia galimybę pateikti atsiliepimus.

Koks yra atsiliepimų mygtuko tikslas?Atsiliepimų mygtukas suteikia vartotojams galimybę užduoti klausimus arba pranešti apie problemas, su kuriomis jie susidūrė naudojant programą.

Kaip galiu pritaikyti DUK?Bet kada gali atnaujinti ir pritaikyti DUK redaktoriuje, kad užtikrintum, jog jie išliktų aktualūs.

Kaip pasirinkti tinkamą šriftą savo programai?Šriftas turėtų būti gerai skaitomas ir atitikti programos bendrą dizaino koncepciją.

Ar galiu naudoti savo ikoną arba nuotraukas pagalbos skiltyje?Taip, gali pridėti savo ikoną arba nuotraukas, kad individualizuotum ir vizualiai patraukliai sukurtum pagalbos skiltį.