Bütün elektron ticarət trafikinin 55% -nin mobil cihazda olduğunu bilirdinizmi??

Doğrudur, alış-veriş saytlarına baxan insanların yarıdan çoxu telefon və ya planşetlərindədir.

Yenə də burada problem var: Ən yaxşı 50 pərakəndə satış şirkətinin 46% -i hələ də cavab verən mobil saytına sahib deyil. Beləliklə, bütün alış-veriş trafikinin yarısı cibdə baş versə də, pərakəndə satış şirkətlərinin yarısı buna hazırlaşmır. Bu deməkdir ki, alıcıların yarısı bir veb saytı düzgün görmək üçün telefonlarını bükür və böyüdür və bükürlər.

Beləliklə, razılaşdıq, cavab verən və cəlbedici bir mobil sayt vacibdir. Ancaq bu yalnız başlanğıcdır. Bir masaüstü sayt kimi, mobil saytınızı çimdik və optimallaşdıra bilərsiniz ki, satışları daha da artırsın. Budur:

1. Sadəlik

Belə kiçik bir ekranla işləmək həmişə çətin olacaq. Buna görə sadəlik sizin bir nömrəli hədəfinizdir. Elektron ticarət saytları üçün bu, xüsusilə çətindir, çünki sıxmaq üçün çox şey var. Kiçik ekran sahəsini ləkələmədən bütün məhsullarınızı necə təbliğ edirsiniz?

ETQ ayaqqabı çeşidlərini mobil saytlarında necə göstərdiklərinə baxın. Sadəliyi ilə gözəldir. Məhsullarını mərkəz mərhələsinə vermək üçün ekran sahəsinin çox hissəsini tamamilə boş buraxdılar. Hətta rəng palitrası da məhsul çeşidinə uyğun seçilib. Bütün sayta sadə, vahid bir hiss verir. Ekran kiçik olsa da, geniş hiss olunur.

2. Baş barmaq haqqında düşünün!

Smartfonunuzu indi tutmağa çalışın. Baş barmağınızı ekranın ətrafında gəzdirin və ən rahat və təbii olduğu yerləri hiss edin. Hər kəsin baş barmağının ölçüsü fərqlidir, lakin ümumiyyətlə aşağıdakı şəkil əksər insanlara aiddir:

baş barmaq izləmə

Bunu nəzərə alaraq, yuxarı hissələrdə hər hansı bir düymə və ya vacib komponent qoymaq istəmirsiniz. Bunu yalnız başlıqlar üçün buraxın. Bütün oxunan məzmununuzu və düymələrinizi ortada qoyun ki, əldə etmək asan və rahatdır. (Sol tərəfdarlar haqqında düşünməyi unutmayın! İşlərin sollar üçün necə işlədiyini görmək üçün yuxarıdakı şəkilləri çevirin).

3. … Xüsusilə böyük baş barmaqları

Baş barmağın ‘çatma’ nöqtəsinə əlavə olaraq ‘böyük baş barmağını’ da nəzərə almalısınız. Ən kiçik linkə basmalı olduğunuz bir mobil veb saytdan hamımız istifadə etdik. Çətin və əsəbidir, elə deyilmi? Ümumi qayda, zəruri hesab etdiyinizdən daha böyük elementlərə üstünlük verir.

“Böyük

Hobbycraft-ın mobil saytı buna yaxşı bir nümunədir. Əvvəla, onların böyük şəkil əlaqələri böyük barmaqları üçün super asanlaşdırır. Ancaq yuxarıdakı nişanlara (‘mağazalar, hesab, səbət’) nəzər yetirin. Onlar ümumiyyətlə gözlədiyinizdən daha böyükdür. Hobbiçik böyük baş barmağını düşünür və buna görə də etməlisən.

4. Hamburger naviqasiya menyuları

Son on iki ayın ən populyar dizayn istiqamətlərindən biri də “hamburger” menyusudur. Yuxarıdakı Hobbycraft saytında bir nümunə görə bilərsiniz. Hamburgerə bənzəyən üç xəttdir – vurun və tam naviqasiya menyusu genişlənir.

Ənənəvi başlıq naviqasiyası üçün yer yoxdur və sadəcə ekrana ləkə gətirəcəkdir. Bunun əvəzinə, genişlənən bir nav üçün seçim edin. Burada tapmaq üçün gözəl bir tarazlıq var. Təmiz və yoldan kənar olmalıdır. Ancaq eyni zamanda aşkar və asan vurmaq lazımdır.

Təklifdə çox sayda məhsul və kateqoriya varsa, onu asanlaşdırmaq üçün genişləndirilmiş menyudan istifadə edirsiniz. Bütün ekran sahəsini istifadə etməkdən qorxma. Argos aşağıda genişləndirilmiş menyusunu necə təqdim etdiyinə baxın.

IMG_3663

5. Böyük bir şrift seçin

Kiçik bir mobil ekran istifadə etdiyimiz şrift haqqında uzun və sərt düşünməyə məcbur edir. Kiçik, mürəkkəb şriftlərə yer yoxdur. Bunun əvəzinə sadə, cəsarətli və böyük düşünün. Ümumiyyətlə, bir sans-serif şrift daha təmiz və sadədir (yəni Ariel Times New Roman-dan daha yaxşıdır).

71950dee059b803c4a7caa30dce8f5bf

Nəzərə alın ki, bu qərar sizi nüsxəni və mətninizi daha diqqətlə seçməyə məcbur edəcəkdir. Bu fürsəti surətinizi asanlaşdırmaq və optimallaşdırmaq üçün istifadə edin. Mesajınızı mümkün qədər aydın və sadə şəkildə çatdırmağa çalışın. Qısa edin. Tez elesin. Bu, yalnız mobil dizaynınızı yaxşılaşdırmayacaq, bütün işinizi daha da yaxşılaşdıracaqdır.

6. ‘Ağıllı axtarış’ istifadə edin

İnsanlar mobil cihazdakı kiçik axtarış formalarından istifadə etməkdən nifrət edirlər. Bizi böyütməyə, axtarış qutusuna vurmağa və səliqəli klaviatura ilə yazmağa məcbur edir. Səhvlər asandır və məyusluğa səbəb ola bilər.

İstifadəçi təcrübəsini inkişaf etdirmək üçün ‘ağıllı axtarış’ qutusundan istifadə edin. Qutunu tıkladığınızda, axtarış qutusu ekranı doldurduğu üçün dizayn avtomatik olaraq fokuslanmalıdır. Sonra, proqnozlaşdırıcı axtarış olduğundan əmin olun, istifadəçiyə yalnız ilk bir neçə hərf daxil etməlisiniz.

Bunu Europcar saytında görmək olar. Müştəri ‘Norw’ yazmağa başlayır və sayt avtomatik olaraq müxtəlif Norviç filiallarını təklif edir. Sadə.

IMG_4331

7. Qeydiyyatınızı və alış formalarını sadələşdirin

Qeydiyyatdan keçmək və formalarınızı mümkün qədər sadə və tez hazırlamaq barədə çox danışırıq. UX dizayn strategiyanızın əsas hissəsidir. Bu da e-ticarət saytlarının işləri çətinləşdirməklə dönüşümlərin 60% -ni itirdiyi yerdir. Prosesə başlamış olsalar, müştəri artıq razıdır. Satışı və ya qeydiyyatdan çıxmağın yeganə yolu hər şeyi çətinləşdirməkdir.

Yenə də lazım olan yazma miqdarını məhdudlaşdırmağa çalışın. Proqnozlu tip qutuları istifadə edin və avtomatik doldurma seçimlərini aktivləşdirin. Məsələn, doğum tarixlərini seçmək üçün istifadəçilər üçün sürüşmə vasitələrindən istifadə edin. Satınalma formalarının çox vaxt kifayət qədər məlumat tələb etdiyini bilirik. Ancaq bu prosesi daha sadə etmək üçün bir yol var.

Firebox istifadəçilərə prosesdə hansı mərhələlərin qaldığını göstərmək üçün bir sıra sistemindən necə istifadə etdiyinə baxın. A əsas UX dizayn hiylə istifadəçilərə harada olduqlarını bildirməkdir. Müştərilər olaraq, nə gözləyə biləcəyimizi bilmək istərdik və Firebox bunu mütəxəssis olaraq edir.

img_1292-blog yarısı

8. Üç qat maksimum

Bir mobil veb saytında “itirmək” daha asandır. İdeal olaraq, mobil saytınızın yalnız üç qat dərin olduğundan əmin olmaq istəyirsiniz. Bunun bir moda e-ticarət saytında necə işləyəcəyinə bir nümunə aşağıdakılardır:

  1. Ana səhifə: Müştəri ‘kateqoriya: qızlar’ seçir
  2. Müştəri ‘alt kateqoriya: ayaqqabı’ seçir
  3. Müştəri məhsul səhifəsində klik edir.

Bu üç sadə kəşf təbəqəsidir. Yeganə əlavə seçim alış səhifəsi və ya qeydiyyatdan keçmək olmalıdır. Alt kateqoriyalı bir dovşan çuxurundan və digər seçimlərdən qaçmağa çalışın. Həmişə olduğu kimi, sadə saxlayın və istifadəçilərə hər zaman olduğu yerləri bildirin.

9. Əsas səhifəyə qayıtmağı asanlaşdırın

Müştəriniz üç qat dərin olduqda, həmişə ana səhifəyə qayıtmaq üçün cəsarətli və sadə bir yol verin. Unutmayın ki, mobil bir saytda itirilmiş hiss etmək asandır, istifadəçilərə “yenidən qurmaq” üçün asan bir yol verin və başlanğıc qayıdın.

Luşun məhsul səhifəsinə baxın. Müştəriniz birtəhər buranı gəzibsə, yenidən başlamaq istəyə bilər. Üstündəki böyük “LUSH” loqotipi evə qayıtmaq üçün asan və aşkar bir identifikatordur. Veb saytında harada olmağınızdan asılı olmayaraq, hər zaman sizi başlanğıc vəziyyətinə gətirəcək bir çapa sahibsiniz.

img_1304-blog yarısı

10. Çimdik-böyütmə yoxdur!

Uzun müddət mobil saytlar sadəcə masaüstü dizaynının bir nüsxəsi idi. Ekranı sıxaraq böyütməli olduğunuz demək idi. Bu təhlükəli köhnəlmiş bir dizayn tendensiyasıdır və bunun qarşısını almaq lazımdır. İdeal olaraq, hər şey ekrana mütənasib olmalıdır. Bütün şriftlər böyüdülmədən oxunmalıdır. Bütün bağlantılar sıxılmadan tıklanabilir.

Apple-çimdik-böyüt

Sıxma faydalı olduqda yalnız bir istisna var: məhsul şəkilləri. Müştərilər üçün məhsul şəkillərini çimdik və böyütmək hələ də çox faydalıdır. Satın almadan əvvəl hər xırda detalı görə bilmək istəyirlər.

11. ‘Təhlükəsizlik’ mövzusuna müraciət edin

Mobil e-ticarət saytlarına çoxlu trafik baxmayaraq, mobil bir saytdan bir şey satın almağın masaüstündeki ‘təhlükəsiz’ olmadığına dair ümumi bir narahatlıq var. Əlbəttə ki, cib telefonundan planşetə masaüstünədək təhlükəsizlikdə heç bir fərq yoxdur. Ancaq 2013-cü ildə edilən bir araşdırma göstərir ki, bütün onlayn alıcıların təxminən yarısı bir smartfonda bir şey alarkən özünü daha etibarlı hiss etmir. Bu qorxu dönüşlərinizi öldürə bilər.

Bu sadə etibar məsələsidir. Müştərilərinizi saytınızda daha etibarlı hiss etmək sizin işinizdir. Elektron ticarət saytınız, ideal olaraq, artıq SSL təhlükəsizlik sertifikatına sahib olmalıdır. Olmasa, birini satın al. Alətlər çubuğunuzdakı kiçik sarı kilidi sizə təqdim edən budur. Mobil saytınızda SSL kilidini mümkün qədər göstərdiyinizdən əmin olun.

şəkil18

Başqa bir seçim müştərilərinizin daha sonra bir məhsul saxlaya biləcəyinə və ya özlərinə e-poçt göndərməyinə əmin olmaqdır. Bəzi hallarda, masaüstünüzdə olduqda, daha sonra satın almanı təhlükəsiz hiss edəcəklər.

12. Məzmun yığması

Bir çox insan üçün mobil sayt yaratmaq sadəcə WordPress və ya Shopify-də və ya istifadə etdiyiniz platformada ‘cavabverici’ mövzusunu seçmək deməkdir. Yaxşı bir başlanğıc olsa da, mövzunun avtomatik olaraq məzmununuzu necə qarışdıracağına diqqət yetirmək istərdiniz. Nə demək istədiyimi bilmirsiniz? Aşağıdakı bu diaqrama nəzər salın:

15_kontentStacking

Cavablı bir mövzu, bir məzmununuzu bir tablet (sol şəkil) və ya bir smartfon (sağ şəkil) üçün avtomatik olaraq yığa bilər. Ən vacib məzmun hissələrinizin nə olduğunu diqqətlə nəzərdən keçirin və onların düzgün yığılmasını təmin edin. Məsələn, sağ tərəfdən məhsullar (qutu 5 – hamam növləri) məcburi şəkildə ekrana enir. Onlar hətta ‘qat’ altından itələyə bilər.

Ən vacib məzmunun düzgün yerdə göründüyünə əmin olmaq üçün tərtibat və məzmun yığımı ilə sınaqdan keçirin.

13. Hər hansı bir Flash məzmununu itirmək

Flash hər hansı bir cihazda nisbətən köhnəlmiş bir formatdır. (Əslində, dizaynerlər onu birdəfəlik öldürmək üçün mübarizə aparırlar! Resursları udur, yavaş olur və hakerlər üçün oyun meydançasıdır). Masaüstü saytda pis xəbər olsa da, smartfon və ya planşetdə daha da pisdir.

Əksər mobil cihazlarda ümumiyyətlə flash media oynamır. Buna görə bir video və ya məhsul nümayişi üçün etibar edirsinizsə, ondan qurtulun – müştəriləriniz bunu mobil telefonda görə bilmirlər. Apple illər əvvəl bunu blokladı və bir müddət sonra Android uyğun davrandı.

Alternativ veb saytınızın HTML5-ə uyğun olduğundan əmin olun (daha çox burada tapın) və hər hansı bir video yerləşdirmək üçün YouTube-dan istifadə edin.

14. Məhdudiyyətləri bürüyün!

Danışdığım bir çox insan mobil saytın məhdudiyyətlərindən məyus olduqlarını bildirdilər. Sadə həqiqət budur: bu barədə heç nə edə bilməzsən! Bunun əvəzinə bu məhdudiyyətləri əhatə edin.

Bütün işinizə kömək edəcək vacib qərarlar qəbul etməyə məcbur edir. Veb saytımı necə sadələşdirə bilərəm? Daha az sözlə fikrimi necə əldə edə bilərəm? Daha kiçik bir məkanda necə daha dəqiq və cəlbedici ola bilərəm? Məhsullarımdan hansına üstünlük verməliyəm?

Qəti şəkildə inanıram ki, bu suallara cavab vermək işinizi daha da gücləndirir. İstədiyiniz vaxt təklifinizi yayındıra bilərsiniz, onu daha güclü edirsiniz. Bu yaxşı bir mobil sayt üçün vacibdir.

15. Google Analytics istifadə edərək dizayn qərarları verin

Mobil üçün dizayn etməkdə problem, nəzərə alınması lazım olan çox sayda cihazın olmasıdır. Planşetinizi və dizaynınızı iPad və ya Android planşetləri üçün optimallaşdırırsınız? İPhone 5 və ya iPhone 6 üçün optimallaşdırırsınız? Və ya Samsung Galaxy?

Cavablı bir dizayn, hər birinə fərqli bir şəkildə düzəldiləcəyini bildirir. Google Analytics sizə kömək edə biləcəyi yerdir. Analitikanın son versiyası saytınıza hansı mobil cihazların ən çox girdiyini görməyə imkan verir:

mobil qurğular-analitik izləmə

Bu vəziyyətdə, iPhones aparıcı cihazdır – uzun bir şəkildə. Beləliklə, bütün testlərinizi bir iPhone-da etməyiniz mənasızdır. Mobil saytınızı optimallaşdırarkən üstün cihazı prioritetləşdirin.

İndi mobil qurğular onlayn alış-veriş bazarında üstünlük təşkil etsə də, mobil veb saytlar hələ çox geri qalır. Onlara ən böyük pərakəndə satış şirkətlərinin yarısı cavab verir.

Bu çırpıntıları və dəyişiklikləri etməklə, bu böyük trafik axınını əsas götürərək rəqabətdən bir addım qabağa çıxa bilərsiniz.

Mobil saytınızı optimallaşdırmaq üçün nə etdiyinizi eşitmək istərdim. Nə tweaks sizin üçün işləmişdir?

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me