UX optimallaşdırması ilə dönüşüm nisbətini artırın

CakeResume-də mənim UX dizayn prinsiplərim

Əvvəlcə özümü təqdim edə bilərəmmi? Mən CakeResume-in qurucusu Trantor Liu. İşim veb inkişaf olsa da, özüm öyrədərək və dizaynerlərlə işləməklə UI / UX dizaynında təcrübə qazandım.

İlk CakeResume ana səhifəsi mənim tərəfimdən hazırlanmışdır. Əslində, CakeResume əvvəlcə kollec illərində ortaya çıxan bir fikir idi. Fikri geri gətirdim və o vaxt aldığım onlayn ibtidai dizayn kursu üçün bir məşq olaraq işləməyə başladım. Bir il yarımdan sonra üçüncü dönüş səhifəmiz var (dizaynı Liya - https://dribbble.com/liyali), qeyd dönüşüm nisbəti 10% -dən 25% -ə yüksəldi.

CakeResume ana səhifəsinin 2016-dan 2017-ə çevrilməsi

25% -ə çevrilmə nisbəti istifadəçilərimizdən gələn mətnlərin, dizaynın və məhsul xüsusiyyətlərinin və ağızdan gələn sözlərin davamlı optimallaşdırılması ilə nəticələnir. Bu vaxt, istifadəçi təcrübəsi dizaynı sahəsində bir qədər təcrübə qazandım və hətta bu məqalədə verəcəyim öz UX dizayn təlimatımı da yaratdım.

UX optimallaşdırmasına başlamazdan əvvəl hədəflərimizi bilməliyik. Ümumiyyətlə bir şirkətin son hədəfi mənfəətdir. Bununla birlikdə, veb saytınızı ziyarət edən insanlardan məhsul almaq və ya satın almaq üçün çox uzun bir yoldur. Məsələn CakeResume götürün, addımlar belə ola bilər:

Ana səhifəni ziyarət edin → Hesab yaradın → CV yaradın → Premium paket alın

Bunun sadəcə sadələşdirilmiş versiyası. Əsl şey belə görünə bilər:

Ana səhifəyə gedin → Hesab yarat → Boş CV yaradın → Nə yazacağınız barədə heç bir fikriniz yoxdur → Rulmanlarınızı almaq üçün digər istifadəçilərin tərcümeyi-hal nümunələrinə baxın …… → Tapıldı Şablon yalnız satın alındıqdan sonra mövcuddur. → Günün qalan hissəsini tərəddüdlə keçirin. → Nəhayət, daha inkişaf etmiş şablonlar almağa qərar verin

Nə bilməliyik ki, bu müddət bir gündə tamamlanmayacaq, ancaq bir həftəyə qədər və ya daha uzun çəkə bilər. İstifadəçiləri məhsulları almaqdan çəkindirən saysız-hesabsız səbəblər var. Samuel Hulick-in User Onboarding-dəki bənzətməsindən göründüyü kimi, istifadəçilərin bir məhsul almasını təmin etmək üçün gəzmək kimidir. Onları dağ ətəyindən zirvəyə çıxarmaq üçün əvvəlcə güclü bir motiv verməlisən.

Güclü motivlər verin

Məsələn, ana səhifə qeydiyyatı üçün dönüşüm nisbətini götürün.

İstifadəçiləri ana səhifədə bir hesab yaratmağa təşviq etmək üçün əvvəlcə nə təklif edə biləcəyimizi onlara izah etməliyik. Bu çox sadə səslənir, amma açar söz çox vacibdir - verə biləcəyimizdən çox, istifadəçilərin ümid etdikləri kimi perspektivlərindən başlayırıq.

Bir ana səhifə altyazısı üçün "Ən Asan, Ən Faydalı Resume Builder" "Professional CV-nizi 10 dəqiqə ərzində qurun" dan daha cəlbedici deyil. Niyə? Çünki birincisi nə qədər yaxşı olduğunuzu bildirir, ikincisi isə istifadəçilərin ehtiyaclarına tam uyğun gəlir.

Bəlkə də "sadə və faydalı bir tərtibat qurucu" nu istifadəçilərin ehtiyac duyduğu bir məhsul olaraq düşünərdiniz, bu tamamilə səhv deyil. Bununla birlikdə, daha ətraflı düşünsəniz, istifadəçilərin sadə və faydalı bir tərcümeyi-hal qurucusu axtarma səbəbi, çox çətinlik çəkmədən peşəkar bir tərcümeyi-hal yaratmaq istədikləridir. Məhsulun özünü satmaq heç vaxt məhsulun əsas dəyərini satmaq qədər təsir göstərməyəcəkdir. (Marketinq baxımından, bu, həqiqi məhsul və əsas məhsulun satışının faydaları arasındakı fərqdir.)

Bu, üçüncü versiyamız üçün ana səhifədəki funksiya təsvirlərini niyə tərk etdiyimizi izah edir. Bu mətnlər - cəlbedici dizayn, müstəqil veb sayt, tənzimlənə bilən mənbə kodu və s. - əvvəlcə ana səhifəmizdəki ilk versiyada təqdim edildi. İndi ana səhifəmizdə daha az mətn olsa da, qalmaq üçün daha çox istifadəçi cəlb edirik.

Əvvəllər mövcud olan funksiya təsvirləri indi ana səhifəmizdən silinəcəkdir.

Eyni prinsip bütün hərəkət düymələri üçün tətbiq olunur. "İndi qeyd et" əvəzinə "İndi sınayın" (yenə nə istədiyimizi və istifadəçilərin istədiklərini) əldə etdik. Mükafat xüsusiyyətimiz olan istifadəçiləri birdən çox rezyume yaratmağa təşviq edirsinizsə, onları "müsahibə imkanlarını artırmaq üçün fərqli iş vakansiyaları üçün öz rəylərini fərdiləşdirməyə" təşviq edirik. Bu detallar, istifadəçilərin daha dərin istəklərinə toxunmağımıza kömək edir və beləliklə ümid etdiyimiz şeyləri etmələri üçün daha güclü motivlər yaradır.

İndiyə qədər ana səhifəmizdə hansı əsas dəyərlərin satılacağına qərar verdik. Bu yolla ilk dəfə gələn qonaqlarımızı daha təsirli və daha təsirli göstərə bilərik. İndi səyahətə başlayan bir yürüyüşçü kimi həyəcanlı bir təsirlənmiş istifadəçimiz var. O, istədiyi şeyi dağa qədər getməyə hazırdır - yoldakı maneələrlə dağılmırsa.

Maneələri yıxın

İndi istifadəçilərin davam etmə motivləri var. Ancaq artıq qeyd edildiyi kimi, hələ çox yol var. Hədəfi uğurla yerinə yetirməsini təmin etmək üçün mümkün qədər az maneə ilə qarşılaşdığından əmin olmalıyıq. Bir üsul istifadəçilər üçün lazımsız problemlərin qarşısını almaqdır. Başqa bir seçim, istifadəçiyə təbii olaraq davam etmək və ya şübhə yaratmamaq üçün rəhbərlik edən təlimatlar vermək lazımdır.

Metod 1: Mütləq zərurət yarandıqda çətin hissələri hiyləyə buraxın

Bunu düşünün: bir hesab yaratmağa hazır olan, ancaq bunu yalnız bir e-poçt ünvanı ilə edə biləcəyini kəşf edən bir istifadəçimiz var. Google-da deyil, Facebook-da deyil, digər sosial media platformu hesablarında deyil. Qeydiyyatdan keçmək üçün e-poçt adresini və şifrəsini daxil edir. Bu qəbuledilməz deyil. Yalnız bir az bezdirici. Qeydiyyatdan sonra veb sayt yazır: "Zəhmət olmasa əvvəlcə elektron poçtunuzu yoxlayın." Başqa bir seçim olmadan təsdiq məktubunu almaq üçün e-poçt ünvanına daxil olmalıdır. Bu da yaxşı, amma indi bir az əsəbiləşdi. Doğrulandıqdan sonra, bir aylıq pulsuz sınaqdan əvvəl kredit kartı məlumatlarını vermələri istənəcəkdir. Bağışlayın? Pəncərə bağlandı, istifadəçi itdi.

Bu başa düşüləndir. Ana səhifədəki məlumatları oxuduqdan sonra, məhsulun nə qədər yaxşı olduğunu bilmədən əvvəl bunu və bunu etməyinizi xahiş edəcəkdir. Daha pisi - birbaşa pul istənilir.

Bu cür ssenarilərdən qaçmaq üçün qayda belədir: "Əgər həqiqətən ehtiyacınız varsa, çətin hissələri tərk edin". Məsələn, istifadəçilərin e-poçt ünvanlarını niyə yoxlamalıyıq? Unudulmuş parolları ala biləcəklərinə əmin ola bilərsiniz. Əslində qeydiyyatdan keçmiş istifadəçilərin 80% -i bir aylıq pulsuz sınaqdan sonra veb saytınıza qayıda bilməz. Bu o deməkdir ki, e-poçt doğrulaması yalnız qalan 20% istifadəçi arasında şifrəsini unutmuş olanlar üçün faydalı olacaqdır. Hər iyirmi istifadəçidən yalnız birinin şifrəsini unutduğunu düşünsək, bu, elektron poçt təsdiqinin yalnız ümumi istifadəçilərin 1% -i üçün faydalı olması deməkdir. Əgər belədirsə, həqiqətən 1% -ə fayda verəcəksə hamını narahat etməliyikmi?

“Biz iş axtaran bir veb saytıq. Şirkətlər istifadəçilərin rəyləri ilə maraqlanırsa, onlara e-poçtla çatdığımızdan əmin olmalıyıq. "Əlbətdə, e-poçt təsdiqi indi vacib səslənir, amma istifadəçilərin öz rezyumelərini göndərmələrini və ya iş yerləri axtarmasını gözləyə bilməzmi?

Eyni məntiq, istifadəçilərdən kredit kartı məlumatları kimi həssas məlumatları tələb etmələrində də tətbiq olunur. Bəzi xüsusiyyətləri bir müddət pulsuz oynamalarına icazə vermək ən yaxşısıdır. Xidmətlərinizə bağlı olduqlarında mükafat və ya inkişaf etmiş xüsusiyyətlər üçün ödəmələrini istəyin.

Metod 2: vaxtında təlimat verin. Problemləri yarandıqca həll edin və onları tez-tez verilən suallara açıq qoymayın

Əgər ehtiyacınız yoxdursa, suallarınızdan istifadə etməyin. Suallar həmişə son və ən pis seçimdir. İstifadəçilər tənbəldirlər. Problemlərlə qarşılaşdıqda dərhal imtina edərdilər. Yalnız kiçik bir hissənizə müştəri xidməti ilə əlaqə qurmaq və ya sualları oxumaq üçün vaxt lazımdır. Tez-tez verilən sualları oxumaq məcburiyyətində qaldıqda, artıq məyus oldular, səhv başa düşüldülər və əsəbləşdilər. Növbəti dəfə, suallarınızı hazırlayarkən, onu interfeys dizaynı ilə necə həll edəcəyinizi iki dəfə düşünün.

Məsələn, CakeResume-ə tez-tez təqdim olunan səhifəyə giriş nömrələrinin öz trafik fəaliyyətlərini əhatə edib etmədiyini soruşan məktublar gəlirdi. İlk üç e-poçtu birbaşa cavablandırdıq, ancaq daha çox gəldikdə dərhal bu problemin həll edilməli olduğunu bildik. Buna görə statistika səhifəsinə kiçik bir açıqlama əlavə etdik: “Aşağıdakı səhifəyə giriş nömrələrində öz hesabınızdakılar yoxdur.” O vaxtdan bəri heç kim bunları istəmədi.

Statistika səhifəsindəki izahatlar.

İstifadəçilər kredit kartı məlumatlarını qiymət səhifəsinə daxil etdikdə, kredit kartı məlumatlarını saxlamadığımız və əməliyyatlarımızın təhlükəsiz, şifrəli bir sistemlə qorunması barədə məlumat verilir. Bu məlumat tələb olunmadığı üçün istifadəçilər yalnız nida işarəsinin üzərinə gedərək baxa bilərlər. Baxan çox sayda insan olmasa da, istifadəçilərin qərar verməsinə mane ola biləcək hər şeyi aradan qaldırmaq üçün əlimizdən gələni edirik.

Kredit kartı məlumat səhifəsindəki izah.

Şübhələri aradan qaldırmaqla yanaşı, oxşar təlimatlar və bildirişlər hərəkətə çağırış kimi də uyğun gəlir. Məsələn, istifadəçilər yeni bir tərcümeyi-hal yaratdıqda, Redaktə etmə düyməsi qırmızı işıqlarla yanıb sönəcək (Şəkil 1 aşağıda) və onları Düzenle'yi tıklamalarını istəməlidir. Resume builder-ə daxil olduqdan sonra ilk şablonlarını sürükləmələrini xahiş edən ikinci təlimatı görəcəksiniz (Aşağıdakı şəkil 2).

Şəkil 1: Xülasə yaratdıqdan sonra bildiriş.Şəkil 2: Resume Builder çağırıldıqdan sonra bildiriş.

Steve Krugun məşhur "Məni düşündürməyin" başlıqlı kitabında deyildiyi kimi (bəli, bu kitabı oxuduqdan sonra xatırladığım yeganə şey budur, amma kifayət qədər lol), bu kimi kiçik bildirişlər istifadəçiləri vadar edir iki dəfə düşünmədən istədiyinizi tamamlamaq. Bəlkə də bunların hamısı sadəcə "əlində olan" dizaynlardır, lakin birlikdə istifadəçiləri rahat hiss edir, bu da məhsulunuza olan inamlarını artırır.

Kiçik tapşırıqlar dizayn edin və ani rəy verin

CV dərc etmək istifadəçilər üçün əsas hədəflərimizdən biridir, lakin bu asan məsələ deyil. İstifadəçilər CV-lərin göndərilməsindən bir neçə dəqiqə əvvəl və ya hətta bir neçə saat əvvəl redaktə etməlidirlər. Bu müddət üçün kifayət qədər motivlər yaratdığımıza baxmayaraq, onları yol boyunca kiçik tapşırıqları yerinə yetirmək üçün qiymətləndirə bilsək, son nailiyyət sayını artıracağıq.

Bu video oyunlar oynamaq kimidir. Başlanğıc səviyyəsində son müdirlə qarşılaşdığınız zaman son dərəcə incidirsiniz. Beləliklə, son patronla mübarizə aparmadan əvvəl ilk problemlər hazırlanır. Hər çağırışdan sonra oyunçular daha çox güvən qazanır və növbəti oyunu götürəcəklər.

Eyni fikir istifadəçi təcrübəsinə də aiddir. Bir böyük işi bir neçə kiçik vəzifəyə bölməliyik. İstifadəçilər hər kiçik tapşırığı yerinə yetirdikcə, etibar və öhdəlik yaradırlar.

Məsələn, rezyumenin nəşrinə qayıdın. Keçmişdə, istifadəçilər hesablarını yaratdıqdan sonra CakeResume avtomatik olaraq boş bir CV yaratdı. İndi ilk tərcümeyi-hallarını yaratmaq üçün "Yarat" düyməsini basmalarını təmin edəcəyik. Bu kiçik hərəkət əlavə ola bilər, ancaq müvəffəqiyyət hissinizi artırır.

"CV yarat" düyməsini yaratdıqdan sonra istifadəçilər əvvəlki hissədə danışdığımız düzəliş bildirişini görəcəklər. Düyməni vurduqdan sonra şablonları sürükləmək üçün təlimatlar görünəcək. Ümumilikdə bunlar bir sıra addımlar və tədbirlər təşkil edir. Yeni görünənlər tamamlanmanın təsdiqidir. Bu da istifadəçiləri veb saytla qarşılıqlı əlaqədə olduqlarını və veb saytın bir hədəfə çatmalarına köməkçi olduqlarını düşündürür.

İstifadəçiləri addım-addım istiqamətləndirin və onlarla əlaqə qurun.

Tamaşaları izləyin

İndi istifadəçi motivləri yaratmağı, maneələri necə aradan qaldıracağını və son dönüşüm hədəfinə çatmaq üçün istifadəçilərə uyğun rəhbərlik verəcəyini bilirik. Ancaq bunlar hələ nəzəriyyələr və fərziyyələrdir. Optimizasiyamızın təsirli olduğunu göstərmək üçün bu prinsipləri rəqəmlərlə əsaslandırmalıyıq.

Bunun ən yaxşı yolu A / B testi etməkdir. Düzü, A / B testini aparmaq asan bir iş deyil. Yalnız düymələrin və ya başlıqların rənglərini yoxlayırsınızsa, bu o qədər də çətin deyil. Bununla birlikdə eyni veb saytda eyni anda iki fərqli kod məntiqinə sahib olmaq və nisbi performanslarını izləmək məsələsinə gəldikdə (məsələn, istifadəçilər ilk tərcümeyi əl ilə yaratmalıdırlar və ya sistem avtomatik olaraq buna imkan verir), daha mürəkkəb işlər görülür.

CakeResume-yə gəldikdə, səmərəlilik məsələləri üçün ümumiyyətlə A / B testlərindən daha çox instinktlərimə güvənirəm. A / B test optimallaşdırmasından əvvəl və sonra performansı müqayisə edə bilməsəm də, bir fəaliyyətin tezliyi və ya dönüşüm dərəcəsi kimi məlumat dəyişikliyinə əsasən nəticə çıxara bilərik.

Hazırda izləmə üçün Google Analytics və Mixpanel istifadə edirəm. İlk nümunəmizi götürək: hər addımda dönüşüm nisbətlərini izləmək üçün istifadəçi prosedurunu "ana səhifəni ziyarət et → hesab yarat → tərcümeyi-hal yaratmaq → mükafat paketi almaq" huni halına çevirə bilərik. Bu da konversiya dərəcəsi üçün xüsusi bir addımı optimallaşdırmağımıza imkan verəcəkdir.

Qıf. Mənbə: https://mixpanel.com/blog/2009/06/10/introduction-to-analytics-funnel-analysis/

Nəticə

Dönüşüm nisbətini təsir edən bir çox amil var. Bir düymənin rəngini dəyişdirmək belə əhəmiyyətli fərqlər yarada bilər. Bununla birlikdə, "erkən optimallaşdırma bütün pisliyin köküdür". İstifadəçi interfeysində kiçik düzəlişlər yetkin məhsullar üçün daha yaxşıdır. Bundan əvvəl, ən başlıcası, istifadəçilərin məhsullarınızın əsas dəyərini ən qısa müddətdə bilməsi və yaşamasıdır. Hər şeydən əvvəl təqdim olunan prinsiplər sadə bir konsepsiya təmin edir: özünüzü istifadəçilərinizin yerinə qoyun. Bu şəkildə dönüşümü təbii şəkildə edə bilərsiniz.

Şirkətinizin veb saytını və ya tətbiqini açın. Ana səhifənizdə nə satdığınızı yoxlayın - məhsulun özü və ya əsas dəyərləri? Sonra ətrafa baxın. Yaratmaqdan çəkinə biləcəyiniz lazımsız problemlər nələrdir? İstifadəçiləri növbəti addıma aparmaq üçün hansı kiçik təlimatlar əlavə edilməlidir?

Nəhayət sizi CakeResume-i ziyarət etməyə dəvət edirlər. Hər hansı bir təklifiniz və ya sualınız varsa, aşağıda onlara şərh verməkdən çəkinməyin! Ümid edirəm bu məqalə kömək edir :)

Məqalənin əsli Çin dilində yazılmışdır. Tərcümə etməyimə kömək etdikləri üçün Carol və Avani'yə təşəkkür edirəm !!

istinad

İstifadəçi Gəmidən Samuel Hulick - https://www.useronboard.com/training

[1] Wikipedia - https://en.wikipedia.org/wiki/Core_product

[2] "Vaxtından əvvəl optimallaşdırma bütün pisliklərin köküdür." Məşhur kompüter alimi Donald Knutun sözü və eyni zamanda şüarım - http://wiki.c2.com/?PrematureOptimization