Когато отворите статистиката на почти всеки бизнес сайт, картината е една и съща: повечето посетители идват от телефон. Въпреки това много сайтове все още се проектират на голям монитор и после „се свиват“ за мобилни. Резултатът е познат — дребен текст, бутони, които трудно се натискат, и менюта, които се отварят наполовина.
Какво означава mobile first
Mobile first е подход, при който проектираме първо за най-малкия екран и едва след това добавяме оформление за таблет и десктоп. Започваме от ограничението, а не от лукса на свободното място.
- Съдържанието е на първо място. На 375 пиксела няма място за излишни елементи, затова ясно подреждаме кое е най-важно.
- Удобно за пръстите. Бутоните и линковете са достатъчно големи и отдалечени, за да се натискат лесно с палец.
- Бързо зареждане. Започваме с по-малко код и изображения, а по-големите екрани получават допълнителното само когато има нужда.
Как изглежда процесът при нас
- Подреждаме съдържанието и основните действия за телефон.
- Правим дизайна за 375 px и го тестваме на реални устройства.
- Разширяваме оформлението за 768 px (таблет) и 1440 px (десктоп).
- Проверяваме скоростта и достъпността на всеки размер.
Сайт, който работи добре на телефон, почти винаги работи добре и на голям екран. Обратното рядко е вярно.
Защо това е важно и за SEO
Google индексира сайтовете по тяхната мобилна версия. Ако мобилното изживяване е бавно или неудобно, това се отразява на позициите ви — независимо колко добре изглежда сайтът на компютър.
Същият подход прилагаме и при по-малките проекти. Онлайн поканите за сватба, например, гостите почти винаги отварят от телефона си, затова ги проектираме първо за малък екран.
Не сте сигурни как се представя вашият сайт на телефон? Пишете ни и ще ви изпратим кратък преглед с конкретни препоръки.
