КРАТКИЯТ ОТГОВОР.
Mobile first означава да започнем проектирането от телефона. Четим текст, удобни бутони, ясни условия и лесен контакт са по-важни от умаленото компютърно оформление.
Добрата мобилна версия на сайт започва от въпрос: какво трябва да направи клиентът, когато държи телефона в ръка? Да разбере услуга, да намери адрес, да сравни продукт или да ви се обади. Отговорът определя подредбата много преди цветовете и ефектите.
Собственикът често разглежда проекта на голям монитор. Клиентът може да го отвори в автобуса, между две срещи или пред самия обект. На тези хора не им трябва умален плакат. Трябва им работещ път до необходимата информация.
Mobile first означава да започнем проектирането от малкия екран. Първо подреждаме най-важното за телефона, а после развиваме оформлението за по-големи екрани. Така мобилното използване има собствена логика още от началото.
Мобилна версия на сайт: проверете своите посетители
Не приемайте универсален процент за истина за всеки бизнес. Хотел, местна услуга и доставчик на професионално оборудване могат да имат различен начин на посещение. Данните за конкретния сайт са по-полезни от число, взето от несвързан пазар.
Ако имате настроена аналитична система, прегледайте устройствата за подходящ период. Сравнете и действията: откъде идват запитванията и на кои страници хората се затрудняват. Голям брой мобилни посещения не е единствената причина да се грижите за телефона; всеки подходящ клиент трябва да може да използва сайта.
Ако още нямате данни, започнете с реалните ситуации. Как човекът получава линка ви? Къде търси адреса? От какво устройство отваря публикация в социална мрежа? Тези въпроси дават добър ориентир, без да изискват измислена статистика.
Какво означава mobile-first indexing за Google?
Google използва мобилната версия на съдържанието при индексиране и класиране. Индексиране означава търсачката да обработи и включи страницата в своята система. Това не е обещание за първа позиция и не означава, че сайтът с най-красив телефонен изглед печели автоматично. Официални насоки на Google за мобилно индексиране.
Практическият извод е да не скривате важната информация от мобилните посетители. Основното съдържание, заглавията и описанията трябва да бъдат последователни между версиите. Подредбата може да е различна, когато това улеснява четенето.
Ако на компютър услугата е подробно обяснена, а на телефон остават само снимка и бутон, губите полезен контекст за хората и търсачката. Вместо да премахвате необходимите условия, подредете ги в четими секции. Проверете какво действително се зарежда и може да бъде достигнато.
Четимият текст е част от дизайна
Отворете страницата и започнете да четете, без да увеличавате. Основният текст трябва да е удобен, а редовете да не излизат извън екрана. Няколко големи заглавия не компенсират дребните условия, които определят избора на клиента.
Дайте на текста въздух с кратки абзаци и ясни подзаглавия. Посетителят може да търси конкретен отговор, а не да чете от начало до край. За услуга това може да бъде срокът, за ресторант — менюто, а за хотел — условията за настаняване.
Проверете и контраста. Светлосив текст върху почти бял фон може да изглежда фин на монитора, но да се чете трудно навън. Същото важи за надписи върху снимки, които са различно изрязани на телефон.
Бутоните трябва да позволяват спокойно действие
Пробвайте менюто и основните бутони с палец. Важните действия трябва да са лесни за разпознаване и достатъчно отделени едно от друго. Не е добре човекът да натиска многократно или случайно да отваря съседен линк.
Номерът за контакт трябва да позволява обаждане с докосване. Ако предлагате Viber или WhatsApp, тествайте поведението и осигурете алтернатива за хората без съответното приложение. Иконата сама по себе си може да не обяснява към какъв разговор води.
При форма използвайте подходящи полета и ясни етикети. Не изисквайте подробна фирмена информация, когато задачата е само първи разговор. След изпращането трябва да се вижда потвърждение, а при грешка човекът да разбере как да я поправи.
Скоростта и изскачащите прозорци се усещат най-силно на телефон
Добър сайт за телефон трябва да работи и извън бързата офисна мрежа. Изображенията, видеото и външните инструменти трябва да бъдат избрани с мисъл за задачата. Движението може да създава усещане за качество, но не трябва да забавя достъпа до услугата.
Опитайте страницата през мобилни данни. Вижте дали първо се появява полезната информация и дали бутоните реагират. Ако голямо изображение измества оформлението след зареждане, човекът може да загуби мястото, на което е читал.
Проверете банерите, чата и изскачащите предложения. Когато няколко слоя покриват почти целия екран, посетителят трябва първо да се освободи от тях. Оставете видими съдържанието и начина за затваряне, вместо да превръщате първата среща в поредица от пречки.
Направете петминутен тест от собствения си телефон
Изберете задача, която действително е важна за бизнеса. Например да намерите конкретна процедура и да запазите разговор или да разгледате продукт и да изпратите запитване. Не използвайте предварително запомнените преки пътища.
- Отворете началната страница и кажете с едно изречение какво предлага бизнесът.
- Намерете една услуга или продукт и прочетете нужните условия.
- Намерете телефона и проверете дали може да се натисне.
- Попълнете формата с ясно обозначено тестово запитване и потвърдете получаването.
- Отворете същата страница през мобилни данни и проверете чакането и движението на съдържанието.
Помолете и човек, който не познава сайта, да повтори задачата. Наблюдавайте къде спира, без веднага да подсказвате. Това дава по-полезна информация от въпроса „Харесва ли ти дизайнът?“.
Адаптивен дизайн или отделен мобилен сайт?
Адаптивен дизайн означава страницата да променя оформлението според ширината на екрана. Съдържанието може да е на един и същ адрес, а колоните, изображенията и менюто да се подреждат различно. Това е подходяща отправна точка за много бизнес сайтове.
Отделен мобилен сайт използва различни страници или адреси за телефона. Такова решение изисква допълнително внимание към поддръжката и съответствието на съдържанието. Не е автоматично по-добро само защото в адреса има обозначение за мобилна версия.
Mobile first е начинът на проектиране, а адаптивният дизайн е начин за изграждане на оформлението. Те могат да работят заедно. Важният въпрос е дали сайтът помага на клиента на неговото устройство, а не какъв технически термин стои в офертата.
Ако тестът е показал повече проблеми, вижте и останалите грешки в уебсайта. За промени в обхвата и бюджета използвайте разбивката на цената за изработка на уебсайт.
Нека започнем от екрана на вашите клиенти
Сайтът ви затруднява използването от телефон? Разкажете ни кои действия са важни и къде хората се спират. Ще обсъдим промени, които правят информацията и контакта по-ясни на малък екран.
