Көптілді веб-сайтыңыздың макет идеялары: пайдаланушы тәжірибесін жақсарту

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

Бұл факт: веб-сайтыңыздың сәттілігі оның орналасуына, пайдаланушылардың оны пайдалану немесе шолу кезіндегі сезімдеріне байланысты. Бұл сіздің келушілеріңізге олардың сайтыңыз туралы пікіріне жақсы немесе нашар әсер етеді және олар сатып алуды қарастырады ма.

Әзіл емес! Сандық агенттіктер қоғамының (SoDA) есебіне сәйкес , веб-сайтты қолданушылардың нашар тәжірибесі бизнеске зиян келтіреді. Сонымен, мінсіз макетке ие болу веб-сайт пен пайдаланушы тәжірибесі дизайнының маңызды аспектісі болып табылады.

Сіз олардың кейбір мүмкіндіктерді бөлісетінін байқаған боларсыз, өйткені барлық басқа салалар сияқты, трендтер де дизайн әлемін дауылмен қабылдайды. Қазіргі уақытта толық қанық кескіндер мен үш бағаналы дизайн дизайнерлер үшін өте танымал.

Бірақ мәселе міне, сіз алдын ала білуіңіз керек, кез келген жол жарамды, екеуінің де жақсы және жаман жақтары бар. Сонымен, сіз не істеу керек деп ойлайсыз? Опциялар - бұл элементтердің ұжымдық қиялдағы таныстығын пайдалану немесе сіз ерекшеленіп, басқаша нәрсе жасау арқылы дүкеніңізге назар аударуды шеше аласыз! Бұл сұраққа жауап беру оңай емес және сіздің таңдауыңыз мақсатты аудиторияңызға байланысты болады.

Керемет веб-сайттың сипаттамалары

Ұлылыққа жету мүмкіндіктері әртүрлі формаларда және көптеген жерлерден келеді, жұмыс істеуге көп, нұсқалар көп, әлеует көп деп айта аламыз. Ең жақсы таңдау сіздің мақсатты аудиторияңызға және сіз жүргізетін бизнес түріне байланысты болады. Бұл таңдаулар сіздің бренд имиджін қалыптастырады және көрсетеді.

Adobe мәліметтері бойынша, адамдардың үштен екісі уақытты басқанда қарапайым нәрседен гөрі әдемі жасалған нәрсені оқығанды қалайды; және 38% адамдар веб-сайт тартымсыз болса, оны тастап кетеді. Бұл ерекшеліктері жоқ өте жалпы мәлімдемелер сияқты көрінеді. Бірақ UX және UI әрқашан дизайн мамандарымен зерттеледі, сондықтан бейтаныс адамның пікірі бойынша «әдемі» анықтамасын іздеудің орнына, біз әдемі бола алатын нәрселерді іздеп, контекстімізде сұлулық нені білдіретінін анықтауымыз керек.

Барлық бизнес бірдей болмағандықтан, жақсы веб-сайттың критерийлері де сәйкес келмейді, бірақ біз веб-сайтты жобалау міндетін құрайтын барлық әртүрлі элементтер туралы айта аламыз және сіз өзіңіздің бизнес аймағыңыз туралы ойлана отырып, олар туралы ойлана аласыз. және принциптері.

1. Кедергісіз : Мазмұныңыздың арасына бос орын қалдырыңыз, пайдаланушыны қызықтыратын нәрсені ғана көрсетуге тырысыңыз. «Әшекейлерден» құтылыңыз. Маңызды теріс кеңістікке ие болыңыз, осылайша элементтер оңай оқылады.
2. Интерфейс : навигацияны қарапайым етіңіз. Бір бөлімнен екіншісіне тікелей жолдар болыңыз.
3. Көрнекі иерархия : Графикалық элементтерді маңыздылық ретімен орналастырыңыз. Ең маңызды нәрселер бірінші кезекте тұруы мүмкін немесе ең көп орын алуы мүмкін, келушілерге әртүрлі элементтер арқылы көздерін бағыттау арқылы шарлауға көмектеседі. Мысалы, адамдар алдымен үлкенірек нәрселерді оқиды .
4. Түстер палитрасы және кескін таңдауы : Бір сөзбен айтқанда, ашық түстер ерекшеленеді, сондықтан екпін ретінде тамаша жұмыс істейді және дұрыс кескінмен жұптастырылған кезде келушілерді ұзақ уақыт қызықтыра аласыз!
5. Ұялы телефонға ыңғайлы : 2019 жылдың шілдесіндегі жағдай бойынша, барлық жаңа веб-домендер үшін әдепкі мобильді бірінші индекстеу болып табылады, сонымен қатар іздеулердегі ұялы телефонға ыңғайлы веб-беттердің қатары көтерілді . Сондықтан мобильді нұсқаңыздың орналасуы да жақсы жұмыс істейтініне көз жеткізіңіз.
6. Тілге ауысу түймесі : фактілер біз сіз тұратын ел қай жерден сатып алуға болатынын шектемейтін трансшекаралық экономикада өмір сүріп жатқанымызды айтса, көптілді веб-сайттың болмауы мүмкін емес, егер сіз гүлденгіңіз келсе. .

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

Керемет жаңалық! Сіз демалуға болады, көптілді веб-сайтты жасау қиын емес, бұл ConveyThis көмегімен веб-сайтыңыздың орналасуының бір бұрышына кішкентай тіл түймешігін қосу сияқты оңай. Интернетте халықаралық бизнес жүргізу ешқашан оңай болған емес.

Кейбір веб-сайт макеттерін қарастырайық және оларды соншалықты тартымды ететін нені талдаймыз.

Крабтри және Эвелин

Crabtree & Evelyn, Германияда бастау алған, бірақ тамаша макет пен тіл опциялары арқылы бизнесін жаһандық етіп алған дене және иіс шығаратын кәсіпорыннан бастайық.

Өнімдердің әртүрлілігі соншалықты кең болғандықтан, олар келушілерді олардың орналасуына қамқорлық жасау және мұқият дизайн шешімдерін қабылдау арқылы таңдады, мысалы, бастапқы бетінің экранын қарапайым хабарламамен толтыру, бұл жағдайда мереке маусымы туралы. , және төмен айналдырған кезде немесе «Қазір сатып алу» түймесін басқанда, келуші өнімдерге бағытталады.

Бұл шынымен де талғампаз және таза көрініс, келушілер тәжірибені баурап алатын ұзаққа созылатыны сөзсіз. Мәзірге келетін болсақ, іздеудің екі нұсқасы бар, егер сіз іздеген нәрсені тарылтқан болсаңыз, кілт сөзді теруге болатын іздеу түймесі; немесе дүкен түймесін басыңыз, содан кейін санат, топтама бойынша қайда немесе қалай зерттегіңіз келетінін таңдаңыз немесе сыйлық жинақтарын тексеріңіз.

Ал енді ең таңғаларлық нәрсе, тіл ауыстырғышына. Сіз оны беттің төменгі жағында таба аласыз және оны басқан кезде ол сізге баламалары бар ашылмалы мәзірлері бар ағымдағы дүкен параметрлерін көрсетеді.

Бұл туралы біз бұрын тіл түймелерінің түрлері туралы мақалада айтқан болатынбыз , олардың екі нұсқасы бар, олардың бірі аймаққа, екіншісі тілге арналған, өйткені біз әркім өз тілінде немесе өз тілінде шолу жасамайтынын білеміз. ел. Бұл веб-сайт жақсы орындалған локализация жұмысының тамаша үлгісі болып табылады. Веб-сайтыңызды бүкіл әлемдегі пайдаланушылар үшін қалай жақсырақ етуге болатындығы туралы қосымша ақпаратты білу үшін ConveyThis командасына хабарласыңыз!

Сандық теңге

Ең алдымен, керемет жұмыс. Барлық жерде керемет шешімдер қабылданады, солай емес пе? Контраст пен фокус аймақтарын орнату үшін түстің фантастикалық қолданылуы. Осы сайттың барлық жақсы жақтарын тізіп көрейік: теріс кеңістік, әртүрлі өлшемді қаріптер, реттелетін өнер туындысы, түс және реңк.

Әртүрлі өлшемді элементтердің орналасуы оқуды қай жерден бастау керектігін көрсетеді және бос орын оқырманға үзіліс жасауға уақыт береді.

Мұнда визуалды иерархияның айқын мысалы бар:

Ең аздан ең маңыздысына қарай: жеңіл реңктердегі іскер серіктестер, шағын шрифтпен «Бұл орындалады», қара фон және ақ әріптермен «сөйлейік» түймесі, үлкен және қалың қаріппен «Эволюциялық цифрлық» және «маркетинг» бұрынғы қаріппен, бірақ жасыл түспен бөлектелген.

Бұған қоса, «Оны орындаңыз» және «Кел, сөйлесейік» императивтері де келушінің шолу тәжірибесіне көмектеседі.

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

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

Йога

Мұнда бізде тазартылған веб-сайттардың тамаша мысалы бар. Теріс кеңістік көп және түсті фигуралар анимацияланған, бұл келушілерде қызығушылық сезімін тудырады! Кездейсоқ браузерлер міндетті түрде қалады және веб-сайттың қалған бөлігін қарап шығады және Yogang туралы көбірек біледі. Керемет дизайн.

Йоганг – бұл физикалық белсенділікті, релаксацияны, бөлісу мен шығармашылықты біріктіретін балаларға арналған көңілді ойын және олардың басты беті осыны көрсетеді. Йога позаларын орындайтын әртүрлі кейіпкерлердің анимациясы бағдарламалау дағдыларын көрсету емес, бұл өнімнің рухының көрінісі.

Йоганды балаларыңыздың балалық шақтарының бір бөлігіне айналдыру үшін бір уақытта сүйкімді және әрекетке шақыру. Олар «Сатып алу» түймесі арқылы импульсті сатып алушыларды қызықтырады, сонымен қатар әлеуетті тұтынушыға оқулықтарды басшылыққа ала отырып, алдымен өнім туралы көбірек білуге көмектеседі.

Олардың ұзағырақ мәзір жолағы олардың B2B және B2C сататындығымен негізделген, сондықтан олар әртүрлі нәрселерді іздейтін әртүрлі келушілерге ие және олардың барлығы іздеген нәрсені тез табуы керек.

Олардың тіл түймесі – «EN» және «FR» опциялары бар көзге көрінбейтін түйме. Олардың тар тіл нұсқалары бар, бірақ олар өздерінің ең үлкен нарықтарын нақты анықтады және пайдаланушы үшін мүмкін болатын ең жақсы тәжірибені қамтамасыз етуге көп көңіл бөлді.

Әскери-теңіз немесе сұр

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

Navy and Gray - бұл тізімдегі соңғы мысал, оның біз бұрын мақтаған ерекшеліктері де бар, сіз оларды да анықтадыңыз ба? Бұл өте күрделі тәжірибе береді, ол баурап алады. Бұл мені тыныштандырады, барлық жағымсыз кеңістікті көре отырып, мен бұл веб-сайтты шолу идеясымен мүлдем таң қалмаймын және анық мәзір жолағы мен іздеген нәрсені еш қиындықсыз таба алатыныма сендіреді.

Мен олардың мәзірдегі «Көйлектер» мен «Костюмдерді» қалай ажыратқанын бағалаймын, бұл тігін бизнесі үшін қолайлы шешім, көптеген басқа дүкендер осы өнімдер үшін ішкі беттер жасаған болар еді, және бұл да ақылға қонымды шешім, бірақ Navy немесе Grey үшін, бұл жылтыр көрініске ықпал етеді.

Бұл веб-сайт, атап айтқанда, жоғарғы оң жаққа тіл түймешігін қойды және олар таңдаған қаріп веб-сайттың қалған бөлігімен бірдей. Ал төменгі сол жақта олар жылдам байланысу үшін Whatsapp түймесін қосты.

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

Көрсетілген веб-сайттар тамаша, өйткені олар жақсы дизайнның жалпы қағидаларын ұстанады, сонымен қатар, барлық шешімдер негізделуі мүмкін болғандықтан, себептер олар орналасқан бизнес саласы болуы мүмкін, бірақ ол мақсатты аудитория болуы мүмкін. Сондықтан шешім қабылдағанда бизнесіңіздің жеке басын, идеалдарын және аудиториясын есте сақтауды ұмытпаңыз.

Ең бастысы - іздеуді қалай жеңілдету және келушіні ең аз басу арқылы іздеген нәрсеге қалай апару туралы ойлану.

Қысқаша айтқанда, келушілерге басты бетке кірген бойда әрекетке шақыру беріңіз және контраст жасау және хабарлама сияқты маңызды нәрселерді бөлектеу үшін теріс кеңістікті пайдаланыңыз; және соңғы, бірақ кем дегенде, қарапайым мәзір мен тіл түймесі бар.

Сіз халықаралық деңгейде сатуға дайын сияқтысыз және осы мақаланы оқығанда көптеген фантастикалық идеяларды ойлап тапқан шығарсыз. ConveyThis туралы көбірек біліңіз және онлайн сатылымдарыңызды арттырыңыз!