მიკროტექსტები და UX კომუნიკაციები
1) რა არის მიკროტექსტები და რატომ არის ეს საჭირო?
მიკროტექსტები (მიკროკოპი) - მოკლე, კონტექსტური ფრაზები ინტერფეისში: ხელმოწერები მინდვრებზე, მინიშნებებზე, დატვირთვის მდგომარეობაზე, შეცდომებზე, დადასტურებაზე, CTA ღილაკებზე, ცარიელ ეკრანებზე და ა.შ. მათი ამოცანაა გაურკვევლობის ამოღება, მოქმედების დაჩქარება და შემეცნებითი დატვირთვის შემცირება. კარგი მიკროტექსტი:- განმარტავს „რა ხდება ახლა“ და „რა უნდა გავაკეთოთ შემდეგ“;
- ამცირებს შეცდომებსა და მხარდაჭერას;
- ზრდის კონვერსიასა და ნდობას.
2) ძირითადი პრინციპები
1. სიცხადე> მახვილგონივრული. არ არსებობს ორაზროვნება და ჟარგონი.
2. კონტექსტურობა. ჩვენ ვწერთ ზუსტად იმას, რაც სასარგებლოა აქ და ახლა.
3. მოკლე. ამოიღეთ ზედმეტი სიტყვები მნიშვნელოვნების გარეშე.
4. აქტიური გირაო და მოქმედების ზმნები. „შენახვა“, „გაგრძელება“, „დოკუმენტების გაგზავნა“.
5. სპეციფიკა და მითითებები. რა, რატომ, როგორ უნდა გამოსწორდეს, რამდენ დროს დასჭირდება.
6. ტერმინების თანმიმდევრობა. ერთი ტერმინი არის ერთი მნიშვნელობა მთელ პროდუქტზე.
7. ბრენდის ხმა და სიტუაციის ტონი. მეგობრული, მაგრამ პანიკურობის გარეშე; სტრესულ ნაბიჯებში - ნეიტრალური და მშვიდი.
8. ხელმისაწვდომობა. გასაგები ენა, ხმამაღლა კითხვა, ეკრანული ეკრანების თავსებადობა.
9. ლოკალიზაცია-პირველი. დიზაინის ნიშნები სტრიქონების, რიცხვების, დროის სიგრძისთვის; თავიდან აიცილეთ კულტურული და დამოკიდებული ხუმრობები.
10. ეთიკა და პასუხისმგებლობა. პირობების გამჭვირვალობა, გულწრფელი მოლოდინები, მანიპულაციების გარეშე.
3) მიკროტექსტის წერტილების რუკა
ნავიგაცია და CTA: წერტილების სახელები, ღილაკები, disabled მდგომარეობა.
ფორმები და KUS/რეგისტრაცია: ეტიკეტები, პლეისჰოლდერები, ნიღბები, მინიშნებები, ინსტალაცია, შეცდომები, დადასტურება.
ცარიელი სახელმწიფოები და „ნულოვანი“ ეკრანები: რა არის და როგორ უნდა დაიწყოს.
სტატუსები და პროგრესი: დატვირთვა, ხაზი, ნაბიჯები, ლოდინის დრო.
სისტემური შეტყობინებები: სადღეგრძელოები, ბანერები, იარაღი, ელექტრონული ფოსტის/ინვოქსი.
ძებნა და ფილტრები: შეკითხვის მაგალითი, ნულოვანი შედეგები, დახარისხება.
გადახდა/დასკვნები: მონაცემების მოთხოვნები, ვადები, საკომისიო, შეზღუდვები.
პარამეტრები და უსაფრთხოება: პაროლები, 2FA, სესიები, რისკის ალერტები.
ინტერფეისის დახმარება: ჰინტები, ტოპლიტები, FAQ ჰალსტუხები, მითითების ბმულები.
4) ნიმუშები საკვანძო ზონებში (მაგალითებით)
4. 1 CTA და მოქმედებების სახელები
პრინციპი: ღილაკი = მომხმარებლის ეფექტი + ობიექტი.
ადრე: „კარგი“. შემდეგ: „შეინარჩუნეთ ცვლილებები“
წინ: „მეტი იცოდეთ“. შემდეგ: „წაიკითხეთ ბონუსის წესები“
ადრე: „გაგზავნა“. შემდეგ: „დოკუმენტის გაგზავნა“
კარგია: მოკლედ, კონკრეტულად, ადგილზე. ცუდი: აბსტრაქტული, ხუმრობით, ორაზროვანი.
4. 2 ეტიკეტები და პლეისჰოლდერები
ეტიკეტი სავალდებულოა; პლეიშოლდერი ფორმატის მაგალითია.
ადრე: პლეიშოლდერი „ივან ივანოვი“ ეტიკეტის გარეშე. შემდეგ: ეტიკეტი „FIO“, პლეიშოლდერი „ივან ივანოვი“.
მოლოდინების ფორმატირება: "DD. მმ. GGGG“ „, მინ. 8 სიმბოლო, 1 ციფრი."
4. 3 ინტეგრაცია და შეცდომები
შეცდომის შეტყობინებების ფორმულა: რა არის არასწორი + როგორ გამოსწორდეს + (რატომ/შეზღუდვა).
ადრე: "შეცდომა 400". შემდეგ: "თარიღის არასწორი ფორმატი. გამოიყენეთ DD. მმ. GGGG."
ადრე: "ვერ იტვირთება". შემდეგ: "ფაილი ძალიან დიდია (მაქს. 10 MB). აირჩიეთ უფრო მცირე ფაილი."
აღმოჩენები/დაბლოკვა: დაამატეთ ბმული „აჩვენეთ მოთხოვნები“ იქვე.
4. 4 ცარიელი მდგომარეობა
მიზანი: ახსნას მნიშვნელობა და შემოგთავაზოთ მოქმედება.
შაბლონი: "იქნება [შედეგი/ისტორია], როგორც კი [მოქმედება]. [ღილაკი ნაბიჯი]".
მაგალითი: "თქვენ ჯერ არ გაქვთ შენახული გადახდის მეთოდები. დაამატეთ ბარათი - ეს დააჩქარებს გადახდებს. [დაამატეთ ბარათი]".
4. 5 ჩატვირთვა, პროგრესი, ლოდინი
შეატყობინეთ რა ხდება და რამდენი დაიკავებს: „ჩვენ ვამოწმებთ დოკუმენტებს (2 წუთამდე)“.
შესთავაზეთ ალტერნატივა: „ფანჯრის დახურვა შეგიძლიათ - ჩვენ ვაცნობებთ, როდის არის ყველაფერი მზად“.
4. 6 ნულოვანი ძიების შედეგები
მაგალითი: "არაფერია ნაპოვნი "ცოცხალი ბლოკის" მოთხოვნით. შეეცადეთ „blackjack“ ან ამოიღოთ Provider: X ფილტრი. [ფილტრების გამოტანა]."
4. 7 შეტყობინებები (სადღეგრძელო/ბანერები/იარაღი)
წარმატება: "განცხადება გაიგზავნა. ჩვენ ვაცნობებთ ელექტრონული ფოსტის გადაწყვეტილებას."
ინფო: „მისამართის გადამოწმება სავალდებულოა ლიმიტის გასაზრდელად“.
ყურადღება: "სესია იწურება 1 წუთში. გახანგრძლივება? [გასვლა]".
შეცდომა: "გადახდა ბანკმა უარყო. შეეცადეთ სხვა მეთოდი ან დაუკავშირდეთ ბანკს."
4. 8 გადახდა, შეზღუდვები, ვადები
მკაფიოდ დაწერეთ საკომისიოს/ვადების შესახებ: „კომისიას 1,5% უჭირავს პროვაიდერი“, „გადახდა - 15 წუთამდე“.
განმარტეთ უარის თქმის მიზეზები: „მეთოდი თქვენს რეგიონში მიუწვდომელია პროვაიდერის წესების გამო“.
4. 9 უსაფრთხოება და მგრძნობიარე ნაბიჯები
ნეიტრალური ტონი, ნულოვანი ხუმრობა.
მაგალითი: "ახალი მოწყობილობიდან შესასვლელი შევამჩნიეთ. რჲგა ლთ ჟრვ? [მე] [არა]".
5) ტონი და სტილი: კონფიგურაცია სიტუაციისთვის
ნორმალური ნაკადი: მეგობრული, ლაკონური.
ტრენინგი/ონბორდი: მხარდაჭერა და მოტივაცია.
სტრესი/შეცდომა/გადახდა: ნეიტრალური, მშვიდი, კონკრეტული.
იურიდიული/პირობები: ფორმალურად გამჭვირვალე, მარკეტინგული დაპირებების გარეშე.
- ჩვენ ვიყენებთ: „გთხოვთ“, „მზად“, „ნუ ინერვიულებთ“, „შეამოწმეთ“.
- თავიდან ავიცილოთ: „ო“, „უპსი“, „ჰაკ“, „მაგია“, სარკაზმი, დამამცირებელი-მოსიყვარულე.
6) ლოკალიზაცია და საერთაშორისო
დააწკაპუნეთ რეზერვი ხაზების სიგრძეზე (DE/UK უფრო გრძელია).
ნომრები/ვალუტა/თარიღები - ადგილობრივად შეამოწმეთ ფორმატირება.
ნუ დაშიფვრავთ მნიშვნელობას იუმორში/მეტაფორებში.
წარმართეთ ტერმინების გლოსარიუმი და tone-map ენებზე (თითოეული სიტუაციისთვის ფრაზის მაგალითების ერთობლიობა).
7) წვდომა (A11y)
შეცდომები და მნიშვნელოვანი სტატუსები - aria-live.
კონტრასტი და კითხვა WCAG დონეზე.
მნიშვნელობა - ეტიკეტზე/aria-label, არა მხოლოდ placeholder- ში.
ხატების ტექსტის ეკვივალენტები: „წაშლა“, „პაროლის დამალვა“.
ტაბულაციის რიგი = მნიშვნელობის რიგი.
8) შინაარსის პროცესი და დიზაინის სისტემა
შინაარსის დალაგება: brif - პროექტი UX-revie- ით - დაეცა/შესაბამისობა (საჭიროების შემთხვევაში) - ლოკალიზაცია - ტესტები და გამოშვება.
მიკროკოპის კომპონენტები დიზაინის სისტემაში:- სახელმწიფო ბიბლიოთეკები (წარმატება/ინფო/ყურადღება/შეცდომა);
- შეცდომის შაბლონები საველე ტიპების მიხედვით;
- CTA სახელების ჰაიდი;
- tone-map და გლოსარიუმი;
- სიგრძის „დოზატორები“ (მაქს ქარები სახელმწიფოსთვის).
- ტექსტის ვერსია: შეინახეთ სტრიქონები კოდის/კომპონენტების გვერდით, გამოიყენეთ გასაღებები და აღწერილობები.
9) მეტრიკა და ექსპერიმენტები
ძირითადი მეტრიკა: ნაბიჯის კონვერტაცია, CTR CTA, დასრულებამდე დრო, შეცდომების სიხშირე (ტიპი-სპეციფიკური), სცენარისთვის NPS/CSAT, ზარების სიხშირე თემაზე.
კვლევები: UX ინტერვიუ, Jusability ტესტები, ხმამაღლა კითხვა, „ბრმა ზონების“ აღმოჩენის დრო, ცარიელი სახელმწიფოების კლიკის რუქის ანალიზი.
A/B მიკროკოპის ტესტები: ერთხელ შეამოწმეთ ერთი სემანტიკური ფაქტორი (მოქმედების ზმნა, ვადის სპეციფიკა, შეცდომის ფორმულირება).
10) ანტი შაბლონები
იუმორი კრიტიკულ ნაბიჯებში („საყვედური!“ გადახდის შეცდომით).
აბსტრაქტული CTA („OK“, „შემდეგი“) მოქმედების ობიექტის გარეშე.
ტექნიკური კოდები თარგმანის გარეშე („Error 500“ ნაცვლად „სერვისი მიუწვდომელია“).
პლეიშოლდერი ეტიკეტის ნაცვლად.
ფარული პირობები და გაუმართლებელი მოლოდინები („მყისიერად“, როდესაც შეფერხებები არსებობს).
„ნულოვანი“ ცარიელი მდგომარეობა შემდეგი ნაბიჯის გარეშე.
პასიური გირაო და უპატრონო კონსტრუქციები („უნდა იყოს სავსე“).
11) ფრაზის შაბლონები (შეგიძლიათ აიღოთ და ჩასვათ)
ფორმის შეცდომები:- „შეიყვანეთ ტელეფონის ნომერი + 380...“
- "პაროლი ძალიან მოკლეა. მინიმუმ 8 სიმბოლო"
- "დოკუმენტი ბუნდოვანია. ატვირთეთ უფრო მკაფიო ფოტოები"
- "მზად ხარ! ჩვენ გადავამოწმებთ დოკუმენტებს (2 წუთამდე) და გამოგიგზავნით შეტყობინებას"
- "გადახდა მიიღება. ქვითარი გაიგზავნა ელექტრონულ ფოსტაზე"
- "პირველი შევსების შემდეგ აქ გამოჩნდება ოპერაციების ისტორია. [შეავსეთ]"
- "მომწოდებლის დაკავშირება... ჩვეულებრივ, ამას 30 წამი სჭირდება"
- "ჩვენ დაბლოკა უცნობი ადგილიდან შესვლის მცდელობა. თუ ეს ხართ, დაადასტურეთ განაცხადში"
12) ჩეკის ფურცლები
მიკროტექსტის გამოსვლამდე:- გასაგებია, რა უნდა გააკეთოს შემდეგ?
- არსებობს სპეციფიკა: ფორმატი, ლიმიტი, ვადა, მიზეზი/შედეგი?
- შეესაბამება ტერმინები გლოსარიუმს?
- ტონი შეესაბამება სიტუაციას?
- შეტყობინება ხმამაღლა იკითხება და ეკრანზე 320 px?
- წვდომა: ეტიკეტები, aria ატრიბუტები, ხრიკი, კონტრასტი.
მზად არის ლოკალიზაციის ვარიანტი (კულტურული ხაფანგების გარეშე)?
შეცდომებისთვის:- გვიხსნის ამის მიზეზი?
- შეგონება?
- არ ადანაშაულებს მომხმარებელს?
- არ ავლენს დამატებით ტექნიკურ დეტალებს?
13) მაგალითები „წინ/შემდეგ“
1. გადახდა უარყოფილია
ადრე: „გადახდის შეცდომა“
შემდეგ: "გადახდა უარყო ბანკმა. შეეცადეთ სხვა ბარათი ან დაუკავშირდეთ ბანკს. კომისია არ არის გაუქმებული"
2. ორაზროვანი ღილაკი
ადრე: „გაგრძელება“ (უცნობია კონკრეტულად რა)
შემდეგ: „პიროვნების დასამტკიცებლად წასვლა“
3. ნულოვანი ძებნა
მანამდე: „ვერაფერი იპოვნეს“
შემდეგ: "Roulette live ვერაფერი იპოვნეს. ამოიღეთ მხოლოდ მაღალი ლიმიტის ფილტრი ან სცადეთ roulette. [ფილტრების ამოღება]"
4. ცარიელი საფულე
ადრე: „აქ ცარიელია“
შემდეგ: "დასაწყებად, შეარჩიეთ ბარათი ან საფულე. ეს დააჩქარებს შევსებას და გადახდას. [დაამატეთ გადახდის მეთოდი]"
14) მიკროკოპის შენახვა საკვების მუშაობაში
დაგეგმეთ ტექსტი დიზაინის და ლოგიკის პარალელურად.
შეინარჩუნეთ „ხაზების ბანკი“ საცავებსა და დიზაინის სისტემაში.
დააყენეთ ტექსტების ტესტირების ეტაპი ეკრანების ასლებზე.
განსაზღვრეთ გადაწყვეტილებები: რატომ შეირჩა ფორმულირება, რა ჰიპოთეზებია შემოწმებული.
მოკლე ყალბი ფურცელი
მნიშვნელობა: მოქმედება - სიტყვა. ჯერ რა უნდა გაკეთდეს, შემდეგ როგორ უნდა ითქვას ეს.
ერთი ეკრანი ერთი მიზანია. მიკროტექსტი ემსახურება ნაბიჯის მიზანს.
უფრო მეტი კონტექსტი ნაკლები მხარდაჭერაა. ახსენით დროულად და საქმით.
შეამოწმეთ სიტყვები ისევე, როგორც UI. ტექსტები ინტერფეისის ნაწილია, არა დეკორაცია.