Ідэі макета для вашага шматмоўнага вэб-сайта: паляпшэнне карыстальніцкага досведу

Стварыць або распрацаваць вэб-сайт не так проста, як выбраць з асартыменту шаблонаў той, які вы лічыце самым крутым. Нягледзячы на тое, што знешні выгляд вэб-сайта з'яўляецца вельмі важным фактарам, гэта не адзінае, пра што вам трэба падумаць, перш чым прыняць рашэнне.

Гэта факт: поспех вашага вэб-сайта звязаны з яго макетам, тым, як адчуваюць сябе карыстальнікі падчас яго выкарыстання або прагляду. Гэта вызначана ўплывае на меркаванне вашых наведвальнікаў аб вашым сайце ў лепшы ці горшы бок і ў тым, ці будуць яны разглядаць магчымасць пакупкі.

Без жартаў! Згодна са справаздачай Таварыства лічбавых агенцтваў (SoDA) , дрэннае карыстанне вэб-сайтам шкодзіць бізнесу. Такім чынам, наяўнасць ідэальнага макета з'яўляецца ключавым аспектам дызайну вэб-сайта і карыстацкага досведу.

Магчыма, вы таксама заўважылі, што ў іх ёсць некаторыя агульныя рысы, таму што, як і ва ўсіх іншых галінах, тэндэнцыі таксама захопліваюць свет дызайну. У цяперашні час малюнкі без рамкі і дызайн у тры калонкі ў модзе сярод дызайнераў.

Але вось праблема, вы павінны ведаць загадзя, што любы шлях сапраўдны, у абодвух ёсць свае плюсы і мінусы. Такім чынам, што вы думаеце, што вы павінны зрабіць? Ёсць варыянты: скарыстацца знаёмствам гэтых элементаў у калектыўным уяўленні, або вы можаце вырашыць вылучыцца і прыцягнуць увагу да вашай крамы, зрабіўшы нешта зусім іншае! Адказаць на гэтае пытанне няпроста, і ваш выбар будзе залежаць ад вашай мэтавай аўдыторыі.

Характарыстыкі выдатнага сайта

Мы з упэўненасцю можам сказаць, што магчымасці для дасягнення велічы прыходзяць у розных формах і з многіх месцаў, ёсць шмат над чым працаваць, шмат варыянтаў, шмат патэнцыялу. Ваш лепшы выбар будзе залежаць ад вашай мэтавай аўдыторыі і тыпу бізнесу, якім вы кіруеце. Гэтыя выбары фармуюць і адлюстроўваюць імідж вашага брэнда.

Па дадзеных Adobe , дзве траціны людзей аддалі перавагу б прачытаць нешта прыгожа аформленае, чым што-небудзь простае, калі не хапае часу; і 38% людзей пакінуць сайт, калі ён непрывабны. Здаецца, гэта вельмі агульныя заявы, у якіх адсутнічае шмат канкрэтыкі. Але UX і UI заўсёды вывучаюцца экспертамі ў галіне дызайну, таму замест таго, каб шукаць вызначэнне «прыгожага» на думку незнаёмца, мы павінны шукаць рэчы, якія мы маглі б зрабіць прыгожымі, і вызначаць, што азначае прыгажосць у нашым кантэксце.

Паколькі не ўсе прадпрыемствы аднолькавыя, крытэрыі для добрага вэб-сайта таксама не будуць супадаць, але мы можам пагаварыць пра ўсе розныя элементы, якія ўваходзяць у задачу распрацоўкі вэб-сайта, і вы можаце разважаць над імі, адначасова думаючы пра сферу свайго бізнесу і прынцыпы.

1. Без мітусні : пастаўце прастору паміж вашым кантэнтам, паспрабуйце адлюстраваць толькі тое, што цікавіць карыстальніка. Пазбаўцеся ад «упрыгожванняў». Майце істотную адмоўную прастору, каб элементы лягчэй чыталіся.
2. Інтэрфейс : зрабіць навігацыю простай. Ёсць простыя шляхі ад аднаго раздзела да іншага.
3. Візуальная іерархія : Размясціце графічныя элементы ў парадку важнасці. Самыя важныя рэчы могуць быць першымі або могуць займаць больш за ўсё месца, дапамагайце сваім наведвальнікам арыентавацца, праводзячы іх вочы праз розныя элементы. Напрыклад, людзі спачатку чытаюць большае .
4. Колеравая палітра і выбар выявы : у двух словах, яркія колеры вылучаюцца і, такім чынам, выдатна працуюць у якасці акцэнтаў, а ў спалучэнні з правільнымі выявамі вы можаце даўжэй зацікавіць наведвальнікаў!
5. Зручнасць для мабільных прылад : Па стане на ліпень 2019 г. па змаўчанні для ўсіх новых вэб-даменаў выкарыстоўваецца індэксацыя ў першую чаргу для мабільных прылад, а таксама павышаны рэйтынг вэб-старонак, зручных для мабільных прылад, у выніках пошуку. Таму пераканайцеся, што макет вашай мабільнай версіі таксама працуе добра.
6. Кнопка пераключэння мовы : калі факты кажуць, што мы жывем у трансгранічнай эканоміцы, дзе краіна, у якой вы жывяце, не абмяжоўвае, дзе вы можаце купляць, не мець шматмоўнага вэб-сайта - гэта не варыянт, калі вы хочаце развівацца .

Як выглядаюць шматмоўныя сайты?

Выдатная навіна! Вы можаце расслабіцца, стварэнне шматмоўнага вэб-сайта - гэта не цяжкае выпрабаванне, гэта так жа проста, як дадаць невялікую кнопку мовы ў адзін з кутоў макета вашага сайта з дапамогай ConveyThis . Вядзенне бізнесу ў Інтэрнэце на міжнародным узроўні ніколі не было прасцей.

Давайце паглядзім на некаторыя макеты вэб-сайтаў і прааналізуем, што робіць іх такімі прывабнымі.

Крэбтры і Эвелін

Давайце пачнем з Crabtree & Evelyn, прадпрыемства па вытворчасці духаў і цела, якое пачало сваю дзейнасць у Германіі, але вывела свой бізнес на глабальны ўзровень дзякуючы выдатнаму макету і моўным варыянтам.

Паколькі асартымент прадуктаў вельмі шырокі, яны вырашылі не перагружаць сваіх наведвальнікаў, клапоцячыся пра іх размяшчэнне і прымаючы дбайныя дызайнерскія рашэнні, напрыклад, запаўняючы экран сваёй галоўнай старонкі спачатку простым паведамленнем, у дадзеным выпадку пра сезон адпачынкаў. , і калі вы пракручваеце ўніз або націскаеце кнопку «Купіць зараз», наведвальнік пераходзіць да прадуктаў.

Гэта сапраўды вытанчаны і чысты выгляд, наведвальнікі напэўна застануцца даўжэй, захопленыя ўражаннямі. Што тычыцца меню, ёсць два варыянты пошуку: кнопка пошуку, дзе вы можаце ўвесці ключавое слова, калі вы звузілі тое, што вы шукаеце; або націсніце кнопку крамы, а затым выберыце, дзе і як вы жадаеце даследаваць, па катэгорыях, па калекцыі або праверце падарункавыя наборы.

А цяпер самая дзіўная рэч, якая калі-небудзь была, пераключальнік мовы. Вы можаце знайсці яго ўнізе старонкі, і калі вы націснеце яго, ён паказвае вам бягучыя налады крамы з выпадальным меню з альтэрнатывамі.

І гэта тое , пра што мы гаварылі раней у артыкуле пра тыпы моўных кнопак . Гэта фантастыка, што ў іх ёсць два варыянты, адзін для вобласці, а другі для мовы, таму што мы ведаем, што не ўсе праглядаюць на сваёй мове або на сваёй краіна. Гэты вэб-сайт з'яўляецца выдатным прыкладам добра зробленай лакалізацыі. Звяжыцеся з камандай ConveyThis , каб даведацца больш аб тым, як вы можаце зрабіць свой вэб-сайт больш гасцінным для карыстальнікаў ва ўсім свеце!

Лічбавы манетны двор

Перш за ўсё, ашаламляльная праца. Выдатныя рашэнні паўсюль, вам не здаецца? І фантастычнае выкарыстанне колеру для стварэння кантрасту і факусіроўкі. Давайце пералічым усе добрыя рэчы гэтага сайта: негатыўная прастора, шрыфты рознага памеру, ілюстрацыі, колер і адценне.

Размяшчэнне элементаў рознага памеру паказвае вам, з чаго пачаць чытанне, а прабел дае чытачу час зрабіць паўзу.

Вось наглядны прыклад візуальнай іерархіі:

Ад найменшага да самага важнага: дзелавыя партнёры больш светлымі адценнямі, «Make it happen» дробным шрыфтам, кнопка «давайце пагаворым» з чорным фонам і белымі літарамі, «Evolutionary digital» буйным тлустым шрыфтам і «маркетынг» тым жа шрыфтам, што і раней, але вылучаны зялёным.

Акрамя таго, імператывы «Зрабіць гэта» і «Давайце пагаворым» таксама дапамагаюць наведвальнікам у праглядзе вэб-сайтаў.

Панэль навігацыі такая ж простая і зразумелая, як у Crabtree & Evelyn, а панэль сацыяльных сетак справа - выдатны выбар для кампаній, якія ў значнай ступені разлічваюць на сацыяльныя сеткі ў якасці інструмента.

Вы можаце знайсці іх моўныя кнопкі ўнізе старонкі, яны невялікія, але ўсе параметры бачныя, а іх колеры яркія і моцна адрозніваюцца ад каляровай палітры Digital Menta, таму іх лёгка знайсці.

Ёга

Вось у нас цудоўны прыклад разабраных вэб-сайтаў. Тут шмат негатыўнай прасторы, а каляровыя фігуры ажыўленыя, што выклікае ў наведвальнікаў пачуццё цікаўнасці! Звычайныя браўзеры абавязкова застануцца і паглядзяць на астатнюю частку вэб-сайта і даведаюцца больш пра Yogang. Бліскучы дызайн.

Yogang - гэта вясёлая гульня для дзяцей, якая спалучае фізічную актыўнасць, адпачынак, абмен і творчасць, і іх хатняя старонка адлюстроўвае гэта. Анімацыя розных персанажаў, якія выконваюць позы ёгі, - гэта не дэманстрацыя навыкаў праграмавання, гэта адлюстраванне духу прадукту.

Адначасова чароўны і заклік да дзеяння, каб зрабіць Yogang часткай дзяцінства вашых дзяцей. Яны звяртаюцца да імпульсіўных пакупнікоў з дапамогай кнопкі «Купіць», а таксама дапамагаюць патэнцыйнаму кліенту спачатку даведацца больш пра прадукт, накіроўваючы яго да падручнікаў.

Іх даўжэйшая панэль меню апраўдана тым, што яны прадаюць B2B і B2C, таму ў іх розныя тыпы наведвальнікаў, якія шукаюць розныя рэчы, і ўсе яны павінны хутка знайсці тое, што шукаюць.

Іх кнопка мовы - гэта незаўважная кнопка з опцыямі «EN» і «FR». У іх вузкія моўныя варыянты, але яны дакладна вызначылі свае найбуйнейшыя рынкі і засяродзіліся на забеспячэнні найлепшага вопыту для карыстальніка.

Цёмна-сіні або шэры

Мы ведаем, што ў гэтым спісе шмат нестандартных твораў мастацтва. Гэта такі ўніверсальны элемент, і гэтыя вэб-сайты так добра выкарыстоўваюць яго для стварэння асаблівага выгляду і адчування.

Цёмна-шэры - апошні прыклад у гэтым спісе, ён таксама мае асаблівасці, якія мы хвалілі раней, вы таксама іх ідэнтыфікавалі? Гэта стварае вельмі вытанчаны вопыт, гэта захапляе. Гэта прымушае мяне адчуваць сябе спакойна, бачачы ўсю гэтую негатыўную прастору, я зусім не перагружаны ідэяй прагляду гэтага вэб-сайта, а празрыстае меню ўпэўнівае мяне, што я знайду тое, што шукаю, без усялякіх праблем.

Я цаню тое, што яны падзялілі «Кашулі» і «Касцюмы» ў меню, гэта падыходнае рашэнне для пашыўнага бізнесу, многія іншыя крамы стварылі б падстаронкі для гэтых тавараў, і гэта таксама разумнае рашэнне, але для цёмна-сіняга або шэрага, гэта спрыяе таму паліраванаму выгляду.

Гэты вэб-сайт, у прыватнасці, размясціў кнопку мовы ўверсе справа, а шрыфт, які яны абралі, такі ж, як і на астатнім вэб-сайце. І ўнізе злева яны дадалі кнопку Whatsapp для хуткага кантакту.

Стварыце выдатны вэб-сайт для вашай аўдыторыі

Пералічаныя вэб-сайты выдатныя, таму што яны прытрымліваюцца агульных прынцыпаў добрага дызайну, а таксама таму, што ўсе рашэнні могуць быць апраўданымі, прычынамі могуць быць сфера бізнесу, у якой яны знаходзяцца, але гэта таксама можа быць мэтавая аўдыторыя. Таму памятайце, што пры прыняцці рашэнняў памятайце аб ідэнтычнасці вашага бізнесу, яго ідэалах і аўдыторыі.

Галоўнае - падумаць, як спрасціць пошук і як прывесці наведвальніка да таго, што ён шукае, з найменшай колькасцю клікаў.

У двух словах, дайце вашым наведвальнікам заклік да дзеяння, як толькі яны заходзяць на галоўную старонку, і выкарыстоўвайце адмоўную прастору, каб стварыць кантраст і вылучыць важныя рэчы, напрыклад, ваша паведамленне; і апошняе, але не менш важнае, ёсць простае меню і кнопка мовы.

Вы выглядаеце гатовым прадаваць на міжнародным узроўні і, напэўна, прыдумалі шмат фантастычных ідэй, чытаючы гэты артыкул. Даведайцеся больш пра ConveyThis і павялічце свае онлайн-продажы!