Çoxdilli Vebsaytınız üçün Layout İdeyaları: İstifadəçi Təcrübəsinin Təkmilləşdirilməsi

Veb sayt yaratmaq və ya dizayn etmək çoxlu şablonlar arasından ən gözəl hesab etdiyinizi seçmək qədər asan deyil. Veb saytın görünüşü və hissi çox vacib amillər olsa da, qərar verməzdən əvvəl düşünməli olduğunuz yeganə şey bunlar deyil.

Bu bir həqiqətdir: veb saytınızın uğuru onun tərtibatı, istifadəçilərin ondan istifadə edərkən və ya gəzərkən hiss etdikləri ilə bağlıdır. Bu, şübhəsiz ki, ziyarətçilərinizə saytınız haqqında fikirlərinə və alış-veriş etməyi düşünüb-görməyəcəklərinə yaxşı və ya pis təsir edir.

Zarafat etmirəm! Rəqəmsal Agentliklər Cəmiyyətinin (SoDA) hesabatına görə , zəif veb-sayt istifadəçi təcrübəsi biznes üçün zərərlidir. Beləliklə, mükəmməl tərtibata sahib olmaq veb sayt və istifadəçi təcrübəsi dizaynının əsas aspektidir.

Onların bəzi xüsusiyyətləri paylaşdıqlarını da görmüsünüz, çünki bütün digər sənayelər kimi trendlər də dizayn dünyasını fırtına ilə aparır. Hal-hazırda tam qanlı şəkillər və üç sütunlu dizayn dizaynerlər arasında bütün qəzəbdir.

Ancaq problem buradadır, siz əvvəlcədən bilməlisiniz ki, hər iki yol etibarlıdır, hər ikisinin öz müsbət və mənfi cəhətləri var. Yaxşı, sizcə nə etməli? Seçimlər kollektiv xəyalda bu elementlərin tanışlığından istifadə etməkdir və ya siz vəhşicəsinə fərqli bir şey edərək mağazanıza diqqət yetirmək və diqqəti cəlb etmək qərarına gələ bilərsiniz! Cavab vermək asan sual deyil və seçiminiz hədəf auditoriyanızdan asılı olacaq.

Böyük bir veb saytın xüsusiyyətləri

Rahatlıqla deyə bilərik ki, böyüklük imkanları müxtəlif formalarda və bir çox yerdən gəlir, işləmək üçün çox şey, çoxlu seçimlər, çoxlu potensial var. Ən yaxşı seçimləriniz hədəf auditoriyanızdan və idarə etdiyiniz biznes növündən asılı olacaq. Bu seçimlər brend imicinizi formalaşdırır və əks etdirir.

Adobe- a görə, insanların üçdə ikisi vaxta basıldığında sadə bir şeydənsə, gözəl dizayn edilmiş bir şeyi oxumağa üstünlük verir; və insanların 38%-i saytı cəlbedici olmasa, tərk edəcək. Bunlar çox spesifikliyi olmayan çox ümumi ifadələr kimi görünür. Ancaq UX və UI həmişə dizayn mütəxəssisləri tərəfindən öyrənilir, buna görə də yad bir insana görə "gözəl" tərifini axtarmaq əvəzinə, gözəlləşdirə biləcəyimiz şeyləri axtarmalı və gözəlliyin kontekstimizdə nə demək olduğunu müəyyənləşdirməliyik.

Bütün bizneslər eyni olmadığından, yaxşı veb-sayt üçün meyarlar da uyğun gəlməyəcək, lakin biz veb-saytın dizaynı vəzifəsini təşkil edən bütün müxtəlif elementlər haqqında danışa bilərik və siz biznes sahəniz haqqında düşünərkən onlar üzərində düşünə bilərsiniz. və prinsiplər.

1. Tərkibsiz : Məzmununuz arasında boşluq qoyun, yalnız istifadəçini maraqlandıran şeyi göstərməyə çalışın. “Bəzəklərdən” xilas olun. Elementlərin daha asan oxunması üçün əhəmiyyətli mənfi boşluğa sahib olun.
2. İnterfeys : naviqasiyanı sadələşdirin. Bir hissədən digərinə düz yollara sahib olun.
3. Vizual iyerarxiya : Qrafik elementləri əhəmiyyət sırasına görə düzün. Ən vacib şeylər birinci ola bilər və ya ən çox yer tuta bilər, ziyarətçilərinizə gözlərini müxtəlif elementlər arasında istiqamətləndirərək naviqasiya etməyə kömək edə bilər. Məsələn, insanlar əvvəlcə daha böyük şeyləri oxuyurlar .
4. Rəng palitrası və şəkil seçimi : Qısaca desək, parlaq rənglər diqqəti cəlb edir və buna görə də vurğu kimi əla işləyir və düzgün təsvirlərlə birləşdirildikdə, ziyarətçiləri daha uzun müddət maraqlandıra bilərsiniz!
5. Mobil uyğunluq : 2019-cu ilin iyul ayından etibarən, bütün yeni veb domenlər üçün defolt olaraq mobil ilk indeksləşdirmə və həmçinin axtarışlarda mobil uyğun veb-səhifələrin sıralarını artırdı . Beləliklə, mobil versiyanızın tərtibatının da yaxşı işlədiyinə əmin olun.
6. Dili dəyişdirmə düyməsi : Faktlar, yaşadığınız ölkənin satın ala biləcəyiniz yerləri məhdudlaşdırmadığı transsərhəd iqtisadiyyatda yaşadığımızı söylədikdə, inkişaf etmək istəyirsinizsə, çoxdilli veb-saytın olmaması seçim deyil. .

Çoxdilli vebsaytlar nə kimi görünür?

Əla xəbər! Rahatlaşa bilərsiniz, çoxdilli veb sayt yaratmaq sınaq deyil, bu, ConveyThis istifadə edərək veb saytınızın tərtibatının künclərindən birinə kiçik bir dil düyməsi əlavə etmək qədər asandır. Beynəlxalq miqyasda onlayn iş görmək heç vaxt asan olmayıb.

Bəzi veb sayt tərtibatlarına nəzər salaq və onları nəyin bu qədər cəlbedici etdiyini təhlil edək.

Crabtree və Evelyn

Almaniyada başlayan, lakin gözəl tərtibat və dil seçimləri ilə öz biznesini qlobal miqyasda qəbul edən bədən və ətir müəssisəsi olan Crabtree & Evelyn ilə başlayaq.

Məhsulların çeşidi çox geniş olduğundan, onlar öz tərtibatlarına diqqət yetirərək və diqqətli dizayn qərarları verərək, ilk növbədə ana səhifələrinin ekranını sadə bir mesajla, bu halda bayram mövsümü ilə bağlı doldurmaq kimi, ziyarətçiləri sıxmamağı seçiblər. , və aşağı diyirləyin və ya "İndi alış-veriş edin" düyməsini kliklədikdə, ziyarətçi məhsullara yönləndirilir.

Bu, həqiqətən mürəkkəb və təmiz görünüşdür, ziyarətçilər mütləq daha uzun müddət qalacaqlar, təcrübə ilə valeh olacaqlar. Menyuya gəldikdə, axtarış üçün iki seçim var, əgər axtardığınızı daraltmısınızsa, açar söz yaza biləcəyiniz axtarış düyməsi; və ya mağaza düyməsini klikləyin və sonra kateqoriyaya, kolleksiyaya görə harada və ya necə araşdırmaq istədiyinizi seçin və ya hədiyyə dəstlərinə baxın.

İndi ən heyrətamiz şeyə, dil dəyişdiricisinə. Siz onu səhifənin aşağı hissəsində tapa bilərsiniz və kliklədiyiniz zaman o, sizə alternativləri olan açılan menyularla cari mağaza parametrlərini göstərir.

Və bu, əvvəllər dil düymələrinin növləri haqqında məqalədə danışdığımız bir şeydir, onların iki variantının olması fantastikdir, biri sahə, digəri isə dil üçün, çünki bilirik ki, hər kəs öz dilində və ya öz dilində gəzmir. ölkə. Bu veb sayt yaxşı yerinə yetirilən lokallaşdırma işinin mükəmməl nümunəsidir. Veb saytınızı bütün dünyada istifadəçilər üçün necə daha qonaqpərvər edə biləcəyiniz haqqında daha çox məlumat əldə etmək üçün ConveyThis komandası ilə əlaqə saxlayın!

Rəqəmsal Mint

Hər şeydən əvvəl, heyrətamiz iş. Hər yerdə böyük qərarlar, sizcə, elə deyilmi? Kontrast və fokus sahələri yaratmaq üçün rəngin fantastik istifadəsi. Gəlin bu saytın bütün yaxşı cəhətlərini sadalayaq: mənfi boşluq, müxtəlif ölçülü şriftlər, fərdi rəsm əsərləri, rəng və rəng.

Müxtəlif ölçülü elementlərin düzülüşü sizə oxumağa haradan başlamaq lazım olduğunu göstərir və boşluq oxucuya fasilə vermək üçün vaxt verir.

Burada vizual iyerarxiyanın bariz nümunəsi var:

Ən kiçikdən ən vacibinə: daha açıq çalarlarda biznes tərəfdaşları, kiçik şriftdə “Bunu gerçəkləşdirin”, qara fonda və ağ hərflərlə “Gəlin danışaq” düyməsi, böyük və qalın şriftdə “Təkamül rəqəmi” və “marketinq” əvvəlki kimi eyni şriftlə, lakin yaşıl rənglə vurğulanır.

Bundan əlavə, “Bunu reallaşdır” və “Gəlin danışaq” imperativləri də ziyarətçiyə baxış təcrübəsində kömək edir.

Naviqasiya paneli Crabtree & Evelyn's kimi sadə və aydındır və sağdakı sosial media çubuğu bir vasitə kimi sosial mediaya çox güvənən bizneslər üçün əla seçimdir.

Onların dil düymələrini səhifənin altında tapa bilərsiniz, onlar kiçikdir, lakin bütün seçimlər görünür və rəngləri parlaq və Digital Menta rəng palitrasından çox fərqlidir ki, onları asanlıqla tapmaq mümkün olsun.

Yoqa

Burada səliqəsiz saytların gözəl bir nümunəsi var. Çoxlu mənfi yer var və rəng fiqurları canlandırılıb, bu, ziyarətçilərə maraq hissi aşılayır! Təsadüfi brauzerlər mütləq qalacaq və vebsaytın qalan hissəsinə nəzər salacaq və Yogang haqqında daha çox məlumat əldə edəcəklər. Parlaq dizayn.

Yogang fiziki fəaliyyət, istirahət, paylaşma və yaradıcılığı birləşdirən uşaqlar üçün əyləncəli bir oyundur və onların ana səhifəsi bunu əks etdirir. Yoqa pozaları verən müxtəlif personajların animasiyası proqramlaşdırma bacarıqlarını nümayiş etdirmək deyil, məhsulun ruhunun əksidir.

Yoqangı uşaqlarınızın uşaqlığının bir hissəsi etmək üçün eyni zamanda cazibədar və fəaliyyətə çağırış. Onlar “Al” düyməsi ilə impuls alıcılara müraciət edir və həmçinin potensial müştəriyə dərsliklərə rəhbərlik etməklə ilk növbədə məhsul haqqında daha çox məlumat əldə etməyə kömək edir.

Onların daha uzun menyu çubuğu B2B və B2C satmaları ilə əsaslandırılır, buna görə də fərqli şeylər axtaran müxtəlif növ ziyarətçilər var və hamısı axtardıqlarını tez tapmalıdırlar.

Onların dil düyməsi “EN” və “FR” seçimləri ilə gözə batmayan düymədir. Onların dar dil seçimləri var, lakin onlar ən böyük bazarlarını aydın şəkildə müəyyən ediblər və əsas diqqəti istifadəçi üçün mümkün olan ən yaxşı təcrübəni təmin etməyə cəmləyiblər.

Dəniz və ya Boz

Bu siyahıda çoxlu xüsusi sənət əsərləri, biz bilirik. Bu, çox yönlü elementdir və bu veb-saytlar xüsusi görünüş və hiss yaratmaq üçün onlardan çox yaxşı istifadə edir.

Navy and Grey bu siyahının son nümunəsidir, o da əvvəllər təriflədiyimiz xüsusiyyətlərə malikdir, siz onları da müəyyən etdinizmi? Bu, çox mürəkkəb təcrübə yaradır, cazibədardır. Bütün bu mənfi məkanı görəndə məni sakitləşdirir, bu veb-sayta baxmaq fikri məni qətiyyən sarsıtmır və aydın menyu çubuğu məni heç bir mübarizə aparmadan axtardığımı tapacağıma əmin edir.

Menyuda “Köynəklər” və “Kostyumlar”ı necə ayırdıqlarını qiymətləndirirəm, bu dərzi biznesi üçün uyğun qərardır, bir çox başqa mağazalar bu məhsullar üçün alt səhifələr yarada bilərdi və bu da ağlabatan bir qərardır, lakin Navy və ya Grey üçün, bu cilalanmış görünüşə kömək edir.

Xüsusilə bu veb-sayt öz dil düyməsini sağın yuxarı hissəsinə qoyub və seçdikləri şrift veb-saytın qalan hissəsi ilə eynidir. Və aşağı solda, sürətli əlaqə üçün Whatsapp düyməsini əlavə etdilər.

Auditoriyanız üçün əla veb sayt dizayn edin

Sadalanan veb-saytlar əla dizayndır, çünki onlar yaxşı dizaynın ümumi prinsiplərinə əməl edirlər, həm də bütün qərarlar əsaslandırıla bildiyinə görə, səbəblər onların olduqları biznes sahəsi ola bilər, həm də hədəf auditoriya ola bilər. Odur ki, qərar qəbul edərkən biznesinizin kimliyini, ideallarını və auditoriyasını nəzərə almağı unutmayın.

Əsas odur ki, axtarışı necə sadələşdirmək və ziyarətçinizi ən az kliklə axtardığı şeyə necə çatdırmaq barədə düşünməkdir.

Bir sözlə, ziyarətçilərinizə ana səhifəyə daxil olan kimi hərəkətə çağırış verin və kontrast yaratmaq və mesajınız kimi vacib şeyləri vurğulamaq üçün mənfi boşluqdan istifadə edin; və nəhayət, sadə menyu və dil düyməsi var.

Siz beynəlxalq miqyasda satışa hazır görünürsünüz və yəqin ki, bu məqaləni oxuyarkən çoxlu fantastik ideyalar ağlınıza gəldi. ConveyThis haqqında daha çox məlumat əldə edin və onlayn satışlarınızı artırın!