[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page-content-\u002Fnotes\u002Ftop-samykh-povtoryaemykh-oshibok-v-interfeyse":3,"content-navigation-notes-ua":100},["Reactive",4],{"id":5,"name":6,"language":7,"time_to_read":8,"published_at":9,"url":10,"filter":11,"dictionary":12,"components":14,"reference_name":13,"navigation":31},"718788ce-ff02-4121-81ff-5a085f91c49d","Топ найбільш повторюваних помилок в інтерфейсі.","ua",2,1573575000,"\u002Fnotes\u002Ftop-samykh-povtoryaemykh-oshibok-v-interfeyse",{},{"id":13,"uuid":13,"reference_name":13},"notes",[15,20,79],{"seo":16},[17,18],{"title":6},{"description":19},"Розбираємо помилки інтерфейсу. Топ найбільш повторюваних помилок в інтерфейсі | Solar Notes | Solar Digital",{"preview":21},[22,23,51,62,64],{"short-title":6},{"authors":24},[25],{"id":26,"name":27,"language":7,"url":28,"dictionary":29,"is_page_content":30,"reference_name":31,"time_to_read":31,"alternate":32,"components":33},"e894c985-2fa2-4423-ac3e-a6924074ef7b","Кирило Соляр","\u002Fblog\u002Fauthors\u002Fkirill-solyar","authors",true,null,{"ua":28},{"preview":34},[35,46,47,49],{"avatar":36},{"url":37,"title":38,"alt":38,"image_title":39,"mime_type":40,"type_name":41,"breakpoints":42},"https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fce5f70bb-760f-40ee-b9eb-0b641984795e\u002F340230320_733689881788215_8538350499098024934_n.webp","340230320_733689881788215_8538350499098024934_n","","image\u002Fwebp","image",{"md":43,"sm":44,"xs":45},"https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fce5f70bb-760f-40ee-b9eb-0b641984795e\u002Fmd.webp","https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fce5f70bb-760f-40ee-b9eb-0b641984795e\u002Fsm.webp","https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fce5f70bb-760f-40ee-b9eb-0b641984795e\u002Fxs.webp",{"title":27},{"slug":48},"kirill-solyar",{"text":50},"Засновник агентства SOLAR Digital",{"categories":52},[53,58],{"id":54,"name":55,"url":56,"dictionary":57},"4aa574ec-187a-4235-95bc-cfc43fae1067","Дизайн","\u002Fdesign","categories",{"id":59,"name":60,"url":61,"dictionary":57},"1b61b0d9-3855-46a2-b0e9-728de8364a75","Технології","\u002Ftechnologies",{"article-number":63},"01",{"notes-tags":65},[66,71,75],{"id":67,"name":68,"url":69,"dictionary":70},"69b5baea-2981-47e5-9039-3cf53cc6eb77","Продажі","\u002Ftag-sales","notes-tags",{"id":72,"name":73,"url":74,"dictionary":70},"95e35055-3db0-477b-9dab-b2e4f14c33b4","Новини","\u002Ftag-news",{"id":76,"name":77,"url":78,"dictionary":70},"2dd1d410-5b96-46d4-ba7b-fc02dde1668c","Аудит","\u002Ftag-audit",{"content":80},[81,83,96],{"text":82},"\u003Cp>\u003Cspan>Топ найбільш повторюваних помилок в інтерфейсі.\u003C\u002Fspan>\u003C\u002Fp>\u003Cp>\u003Cspan>Минулого тижня виступав перед підприємцями КМБ. Розбирали реальні сайти на молекули. Лише практика, лише хардкор. 2 години аналізу, як можна покращити користувальницький досвід і де зараз бізнес недоотримує грошей через помилки дизайну та веб розробки. Ділюсь списком помилок, які зустрічалися найчастіше:\u003C\u002Fspan>\u003C\u002Fp>\u003Col>\u003Cli>\u003Cspan>Валідація номера телефону. Проблема: люди вводять номери дуже по різному і немає єдиного стандарту. Рішення: враховувати всі найпоширеніші сценарії введення номера. Саме: +380, +38, 093, 93, 0038093, (093), 093-ххх-хх-хх, 380 (93)ххххххх, +380ХХххххххх. Валідацію номера телефону можна прямо в окремий пост винести! А якщо у вас міжнародна діяльність, все стає ще цікавіше.\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>Меню. Зручніше побачити в головному меню найголовніші розділи сайту. Наприклад, на сайті доставки важливіше показати Суші\u002FПіца\u002FСалати, а не Про нас\u002FКонтакти\u002FНовини компанії.\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>Форма заявки. Дуже рідко користувачеві відразу підказують, які поля обов’язкові до заповнення. В результаті він вводить бажаний мінімум інформації і натискає «відправити». Але замість бажаного відправлення, бачить помилки та вимоги щось дозаповнити. Краще відразу дати підказки, щоб не затьмарити користувальницький досвід і заощадити час на заповнення. Чим складніше заповнити форму, тим менше конверсія.\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>І знову форма. Багато хто зловживає кількістю полів. Подумайте, чи дійсно вам потрібно виносити в окреме поле номер парадної, посилання на твіттер? Багато форм заявок вдалося скоротити з 6–10 полів до двох: «ім’я+зручний спосіб зв’язку».\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>Довіра. Якщо у 10000 товарів ще 0 відгуків, краще автоматично приховувати таку позначку. Якщо вказувати адресу пошти, то замість @gmail солідніше виглядатиме пошта@мойдомен.ком. Якщо постити відгуки, то з посиланнями на джерело і не тільки 5 зірок. Люди люблять чесність. І не люблять пластмасові фотки з фотостоків)\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>Лід магніти. Мало хто стимулює цільову дію. Наприклад, пропозиція відправити PDF огляд трендів в обмін на імейл і передплату.\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>HTTPS - на наявність сертифіката звертають увагу не тільки реальні відвідувачі, але і пошукова система, ранжуючи ваш сайт в пошуку.\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan>Цільова дія. Багато хто ставить дві візуально рівнозначні кнопки один біля одного. Відвідувач не розуміє, що від нього очікують і конверсія цільової дії істотно падає. Найкраще візуально виділити пріоритетний варіант дії.\u003C\u002Fspan>\u003C\u002Fli>\u003C\u002Fol>",{"wide-picture":84},[85],{"item":86},[87,94],{"image":88},{"url":89,"title":90,"alt":90,"image_title":39,"mime_type":40,"type_name":41,"breakpoints":91},"https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fdcb5873c-9b23-4ded-b6a9-ddba0d8ac923\u002F16051650050.webp","16051650050.webp",{"sm":92,"xs":93},"https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fdcb5873c-9b23-4ded-b6a9-ddba0d8ac923\u002Fsm.webp","https:\u002F\u002Fcms.solardigital.com.ua\u002Fuploads\u002Fdcb5873c-9b23-4ded-b6a9-ddba0d8ac923\u002Fxs.webp",{"alt":95},"тони старк",{"share-and-rating":97},[98],{"share-title":99},"Поделиться",{"data":101,"total_hints":131,"total_pages":131,"estimated_total_hints":131,"distribution":132},[102],{"id":5,"name":6,"url":10,"is_page_content":30,"time_to_read":8,"alternate":103,"components":105},{"ru":104,"ua":10},"\u002Fru\u002Fnotes\u002Ftop-samykh-povtoryaemykh-oshibok-v-interfeyse",[106],{"preview":107},[108,109,121,125,126],{"short-title":6},{"authors":110},[111],{"id":26,"name":27,"language":7,"url":28,"dictionary":29,"is_page_content":30,"reference_name":31,"time_to_read":31,"alternate":112,"components":113},{"ua":28},{"preview":114},[115,118,119,120],{"avatar":116},{"url":37,"title":38,"alt":38,"image_title":39,"mime_type":40,"type_name":41,"breakpoints":117},{"md":43,"sm":44,"xs":45},{"title":27},{"slug":48},{"text":50},{"categories":122},[123,124],{"id":54,"name":55,"url":56,"dictionary":57},{"id":59,"name":60,"url":61,"dictionary":57},{"article-number":63},{"notes-tags":127},[128,129,130],{"id":67,"name":68,"url":69,"dictionary":70},{"id":72,"name":73,"url":74,"dictionary":70},{"id":76,"name":77,"url":78,"dictionary":70},1,{}]