Көп тилдүү веб-сайтыңыз үчүн макет идеялары: Колдонуучунун тажрыйбасын жогорулатуу

Веб-сайтты түзүү же долбоорлоо шаблондордун ассортиментинен сиз эң сонун деп эсептегенин тандоо сыяктуу оңой эмес. Вебсайттын көрүнүшү жана сезими абдан маанилүү фактор болсо да, алар чечим кабыл алуудан мурун ойлонушуңуз керек болгон жалгыз нерселер эмес.

Бул чындык: веб-сайтыңыздын ийгилиги анын макетине, колдонуучулар аны колдонууда же серептөөдө кандай сезимде болушуна байланыштуу. Бул, албетте, сиздин конокторуңузга жакшы же жаман, алардын сиздин сайтка болгон көз карашына жана алар сатып алууну ойлонушуна таасир этет.

Тамашасыз! Санариптик агенттиктер коомунун (SoDA) отчетуна ылайык , веб-сайттын начар колдонуучу тажрыйбасы бизнес үчүн зыяндуу. Ошентип, идеалдуу макетке ээ болуу веб-сайттын жана колдонуучу тажрыйбасынын дизайнынын негизги аспектиси болуп саналат.

Сиз ошондой эле алардын кээ бир өзгөчөлүктөргө ээ экенин байкаган чыгарсыз, анткени башка бардык тармактар сыяктуу эле, тенденциялар да дизайн дүйнөсүн бороон менен кабыл алат. Бүгүнкү күндө толук кандуу сүрөттөр жана үч тилкелүү дизайн дизайнерлердин бардык каарына калды.

Бирок маселе мына ушунда, сиз алдын ала билишиңиз керек, бул эки жолдун тең жарактуу, экөөнүн тең жакшы жана жаман жактары бар. Демек, эмне кылыш керек деп ойлойсуз? Опциялар бул элементтердин жамааттык элестетүүдөгү тааныштыгынан пайдаланып калуу, же сиз өзгөчөлөнүп, укмуштуудай башкача бир нерсе жасап, дүкөнүңүзгө көңүл бурууну чече аласыз! Бул суроого жооп берүү оңой эмес жана тандооңуз максаттуу аудиторияңызга жараша болот.

Улуу веб-сайттын өзгөчөлүктөрү

Улуулуктун мүмкүнчүлүктөрү ар кандай формада жана көп жерлерден келет деп айта алабыз, иштөө үчүн көп нерсе, көптөгөн варианттар, көптөгөн потенциалдар бар. Сиздин эң жакшы тандооңуз максаттуу аудиторияңызга жана сиз жүргүзгөн бизнестин түрүнө жараша болот. Бул тандоолор сиздин бренд имиджин түзөт жана чагылдырат.

Adobe ылайык, адамдардын үчтөн экиси убакыт үчүн басылганда жөнөкөй нерсеге караганда кооз иштелип чыккан нерсени окуганды жакшы көрүшөт; ал эми 38% адамдардын веб-сайты жагымсыз болсо, аны таштап кетишет. Булар өзгөчөлүгү жок өтө жалпы билдирүүлөр сыяктуу көрүнөт. Бирок UX жана UI ар дайым дизайн адистери тарабынан изилденип келет, андыктан чоочун бирөөнүн айтымында, "сулуу" деген аныктаманы издөөнүн ордуна, биз сулуу боло турган нерселерди издеп, биздин контекстте сулуулук эмнени билдирерин аныкташыбыз керек.

Бардык ишканалар бирдей болбогондуктан, жакшы веб-сайттын критерийлери да дал келбейт, бирок биз веб-сайтты долбоорлоо тапшырмасын камтыган ар кандай элементтер жөнүндө сүйлөшө алабыз жана сиз алар жөнүндө ой жүгүртүп, бизнес чөйрөңүз жөнүндө ойлонсоңуз болот. жана принциптер.

1. Башаламандыксыз : Мазмунуңуздун ортосуна мейкиндик коюңуз, колдонуучуну кызыктырган нерсени гана көрсөтүүгө аракет кылыңыз. "Оорументтерден" арылыңыз. Элементтер оңой окушу үчүн олуттуу терс мейкиндикке ээ болуңуз.
2. Интерфейс : навигацияны жөнөкөй кылыңыз. Бир бөлүмдөн экинчисине түз жолдорго ээ болуңуз.
3. Визуалдык иерархия : Графикалык элементтерди маанилүүлүгү боюнча иретке келтириңиз. Эң маанилүү нерселер биринчи орунда болушу мүмкүн же эң көп орун ээлеп, конокторуңузга көздөрүн ар кандай элементтер аркылуу багыттоого жардам берет. Мисалы, адамдар биринчи чоңураак нерселерди окушат .
4. Түстөр палитрасы жана сүрөт тандоо : Кыскача айтканда, ачык түстөр өзгөчөлөнүп турат, ошондуктан акцент катары сонун иштейт жана туура сүрөттөлүш менен жупташкан болсоңуз, келүүчүлөрүңүздүн кызыгуусун узакка сактай аласыз!
5. Мобилдик-достук : 2019-жылдын июлунан тартып, бардык жаңы веб-домендер үчүн демейки мобилдик биринчи индекстөө болуп саналат, ошондой эле издөөлөрдөгү мобилдик-достук веб-баракчалардын катарын жогорулатты . Андыктан мобилдик версияңыздын макети да жакшы иштешине ынаныңыз.
6. Тилди которуштуруу баскычы : Фактылар биз трансчегаралык экономикада жашап жатканыбызды айтканда, сиз жашап жаткан өлкө сиз сатып ала турган жериңизди чектебейт, көп тилдүү веб-сайтка ээ болбоңуз, эгер сиз гүлдөгүңүз келсе, тандоо болбойт. .

Көп тилдүү веб-сайттар кандай көрүнөт?

Сонун кабар! Сиз эс ала аласыз, көп тилдүү веб-сайтты түзүү сыноо эмес, бул ConveyThis аркылуу веб-сайтыңыздын макетинин бир бурчуна кичинекей тил баскычын кошуу сыяктуу оңой. Эл аралык онлайн бизнес жүргүзүү эч качан оңой болгон эмес.

Келгиле, кээ бир веб-сайттардын макеттерин карап көрөлү жана аларды эмне мынчалык жагымдуу кылганын талдап көрөлү.

Crabtree & Evelyn

Келгиле, Crabtree & Evelyn, дене жана жыпар жыт чыгаруучу ишканадан баштайлы, ал Германияда башталган, бирок эң сонун макет жана тил тандоолору менен өзүнүн бизнесин глобалдуу кылып алган.

Продукциялардын түрдүүлүгү абдан кенен болгондуктан, алар конокторунун макетіне кам көрүп, кылдат дизайн чечимдерин кабыл алуу менен, алардын башкы бетинин экранын адегенде жөнөкөй билдирүү менен толтуруу менен, бул учурда майрам мезгили жөнүндө ойлонуштурбоону тандашкан. , жана сиз ылдый сыдырып же "Азыр сатып алуу" баскычын чыкылдатканыңызда, келүүчү өнүмдөрдү көздөй багытталат.

Бул чындыгында татаал жана таза көрүнүш, коноктор узак убакытка калышат жана тажрыйбага ээ болушат. Менюга келсек, издөөнүн эки варианты бар, издөө баскычы, анда ачкыч сөздү тере аласыз, эгер сиз издеп жаткан нерсеңизди кыскартсаңыз; же дүкөн баскычын чыкылдатыңыз, анан категория, коллекция боюнча кайда же кантип изилдегиңизди тандаңыз же белек топтомдорун карап көрүңүз.

Эми эң таң калыштуу нерсе, тил алмаштыргыч. Сиз аны беттин ылдый жагында таба аласыз жана аны чыкылдатканыңызда, ал сизге альтернативалары бар ачылуучу менюлар менен учурдагы дүкөн орнотууларын көрсөтөт.

Бул биз мурда тил баскычтарынын түрлөрү жөнүндө макалада сүйлөшкөн нерсе, алардын эки варианты бар экени укмуштуудай, бири аймак үчүн, экинчиси тил үчүн, анткени биз бардыгы эле өз тилинде же өз тилинде серептей бербестигин билебиз. өлкө. Бул веб-сайт жакшы аткарылган локализация ишинин эң сонун үлгүсү. Кантип веб-сайтыңызды бүткүл дүйнө жүзүндөгү колдонуучуларга жагымдуураак кылуу боюнча көбүрөөк маалымат алуу үчүн ConveyThis командасына кайрылыңыз!

Digital Mint

Биринчиден, укмуштуудай иш. Бардык жерде сонун чечимдер, сиз ойлобойсузбу? Жана контрастты жана фокус аймактарын түзүү үчүн түстөрдү фантастикалык колдонуу. Келгиле, бул сайттын бардык жакшы жактарын санап көрөлү: терс мейкиндик, ар кандай өлчөмдөгү ариптер, ыңгайлаштырылган көркөм чыгарма, түс жана тон.

Ар кандай өлчөмдөгү элементтердин жайгашуусу окууну кайдан баштоону көрсөтөт жана ак боштук окурманга тыныгууга убакыт берет.

Бул жерде биз визуалдык иерархиянын ачык мисалы бар:

Эң аздан эң маанилүүгө чейин: ачык түстөгү бизнес-өнөктөштөр, кичинекей шрифтте “Бул ишке ашсын”, кара фон жана ак тамгалар менен “келгиле сүйлөшөлү” баскычы, чоң жана жоон шрифтте “Эволюциялык цифралык” жана “маркетинг” мурункудай эле шрифтте, бирок жашыл менен белгиленген.

Кошумчалай кетсек, “Бул ишке ашсын” жана “Келгиле сүйлөшөлү” императивдери конокторго алардын серептөө тажрыйбасына жардам берет.

Навигация тилкеси Crabtree & Evelyn сыяктуу жөнөкөй жана түшүнүктүү, ал эми оң жактагы социалдык медиа тилкеси социалдык медиага курал катары көп таянган бизнес үчүн эң сонун тандоо.

Сиз барактын ылдый жагында алардын тил баскычтарын таба аласыз, алар кичинекей, бирок бардык параметрлери көрүнүп турат жана алардын түстөрү ачык жана Digital Menta түстөр палитрасынан абдан айырмаланып турат, ошондуктан аларды оңой табууга болот.

Йога

Бул жерде бизде бузулган веб-сайттардын сонун үлгүсү бар. Терс мейкиндик көп жана түстүү фигуралар жандуу, бул келгендерге кызыгуу сезимин жаратат! Кокус браузерлер сөзсүз түрдө калып, веб-сайттын калган бөлүгүн карап чыгып, Йоганг жөнүндө көбүрөөк биле алышат. Бриллиант дизайн.

Йоган – бул физикалык көнүгүү, эс алуу, бөлүшүү жана чыгармачылыкты айкалыштырган балдар үчүн кызыктуу оюн жана алардын башкы баракчасы муну чагылдырат. Йога позаларын аткарып жаткан ар кандай каармандардын анимациясы программалоо жөндөмүн көрсөтүү эмес, бул продукттун рухунун чагылдырылышы.

Йогангды балдарыңыздын балалыгынын бир бөлүгү кылуу үчүн бир эле учурда сүйкүмдүү жана аракетке чакыруу. Алар "Сатып алуу" баскычы менен импульстук сатып алуучуларга кайрылышат, ошондой эле потенциалдуу кардарга окуу куралдарын жетектөө менен алгач продукт жөнүндө көбүрөөк билүүгө жардам беришет.

Алардын узунураак меню тилкеси B2B жана B2C саткандыгы менен акталат, ошондуктан алар ар кандай нерселерди издеген ар кандай конокторго ээ жана алардын баары издеп жаткан нерсени тез табышы керек.

Алардын тил баскычы "EN" жана "FR" опциялары менен байкалбаган баскыч болуп саналат. Алардын тар тил варианттары бар, бирок алар өздөрүнүн эң чоң рынокторун так аныкташкан жана колдонуучу үчүн мүмкүн болгон эң жакшы тажрыйбаны берүүгө көп көңүл бурушкан.

Аскер же боз

Бул тизмедеги көптөгөн ыңгайлаштырылган көркөм чыгармалар, биз билебиз. Бул ушунчалык ар тараптуу элемент жана бул веб-сайттар аларды белгилүү бир көрүнүштү жана сезимди түзүү үчүн абдан жакшы колдонушат.

Navy and Grey бул тизмедеги акыркы мисал, анда биз мурда мактаган өзгөчөлүктөр да бар, сиз аларды да аныктадыңызбы? Бул абдан татаал тажрыйбаны түзөт, ал өзүнө тартып турат. Ошол терс мейкиндиктин баарын көрүп, мени тынчтандырат, бул веб-сайтты карап чыгуу идеясы мени эч кандай таң калтырбайт жана ачык меню тилкеси мен издеген нерсемди эч кандай күрөшсүз таба турганыма ынандырат.

Мен алардын "Көйнөктөр" менен "Костюмдарды" менюда кантип ажыратканын баалайм, бул тигүү бизнеси үчүн ылайыктуу чечим, көптөгөн башка дүкөндөр бул продуктылар үчүн кошумча баракчаларды түзүшмөк, жана бул да жөндүү чечим, бирок Navy же Grey үчүн, бул жылмаланган көрүнүшкө салым кошот.

Бул веб-сайт, атап айтканда, алардын тил баскычын жогорку оң жагына койду, жана алар тандаган шрифт веб-сайттын калган бөлүгү менен бирдей. Ал эми ылдыйкы сол жакта алар тез байланыш үчүн Whatsapp баскычын кошушту.

Аудиторияңыз үчүн сонун веб-сайтты түзүңүз

Тизмеде көрсөтүлгөн веб-сайттар сонун, анткени алар жакшы дизайндын жалпы жоболорун карманышат, бирок ошондой эле, бардык чечимдер негиздүү болушу мүмкүн, себеби алар турган бизнес чөйрөсү болушу мүмкүн, бирок максаттуу аудитория да болушу мүмкүн. Андыктан чечим кабыл алууда бизнесиңиздин инсандыгын, идеалдарын жана аудиторияңызды эстен чыгарбаңыз.

Негизгиси издөөнү кантип жөнөкөйлөтүү жана конокторуңузду эң аз чыкылдатуулар менен издеп жаткан нерсеге кантип алып баруу жөнүндө ойлонуу.

Кыскача айтканда, конокторуңузга башкы бетке кирээр замат аракетке чакыруу бериңиз жана контрастты түзүү жана билдирүүңүз сыяктуу маанилүү нерселерди баса белгилөө үчүн терс мейкиндикти колдонуңуз; жана акыркы, бирок жок дегенде, жөнөкөй меню жана тил баскычы бар.

Сиз эл аралык сатууга даяр көрүнөсүз жана бул макаланы окуп жатып, балким, көптөгөн фантастикалык идеяларды ойлоп таптыңыз. ConveyThis жөнүндө көбүрөөк билип, онлайн сатууларыңызды жогорулатыңыз!