Как стать автором
Обновить

Microsoft Edge планирует переместить адресную строку вниз на Android

Время на прочтение1 мин
Количество просмотров2.3K

Браузер Microsoft Edge на Android ждёт обновление, которое будет включать поддержку Copilot v2 с новыми моделями ChatGPT, а также расширений, и перенос адресной строки вниз.

Читать далее

10 ошибок мобильной версии сайта, которые убивают желание купить

Время на прочтение5 мин
Количество просмотров84K
Мобильный трафик растёт и занимает, в среднем, уже около 25% от всех посещений. Если раньше потеря этих посетителей была незначительной, то сейчас это каждый 4 или 5 пользователь. Думаю, статистику приводить не надо. Мы плотно и серьезно занялись разработкой новой мобильной версии виджета. Собрали весь опыт предыдущих ошибок и неделями тестировали результаты. Повторюсь, что мы разрабатывали мобильный виджет, а не улучшали собственный сайт. В результате собрали список самых смертельных ошибок в мобильной версии сайта. Прошлись по ошибкам мобильного дизайна и мобильной верстки. Все эти ошибки убивают конверсию мобильного трафика. И самое время обратить на это внимание:

1. Слишком длинные формы захвата.


Это настоящий убийца конверсии на любом сайте! Особенно к этому чувствительны мобильные версии, так как заполнять анкеты на телефоне, крайне, не удобно. Избавляйтесь от них.
На примере видно, насколько грамотно поступили ребята из Тинькоф банка, которые разбили длинную заявку «на кредит» на шаги. Заполнив всего 4 поля, посетитель станет лидом и, если он отвалится на втором шаге, то контакты его останутся.


Читать дальше →

«Ведомости»: российские банки доработают мобильные версии сайтов для перехода клиентов из iOS-приложений

Время на прочтение2 мин
Количество просмотров1.4K

Попавшие под западные санкции российские банки активно разрабатывают мобильные версии своих сайтов, пишут «Ведомости». Участники рынка считают, что это станет ответом на блокировки мобильных приложений в продуктах Apple.

Читать далее

Анализ целесообразности разработки мобильной версии сайта

Время на прочтение4 мин
Количество просмотров3.9K
Мобильная версия сайта — версия сайта, на которой информация подается единым потоком в одной колонке. В результате отсуствует горизонтальная прокрутка (и необходимость в ней), и сайт занимает 100% ширины дисплея.

Анализ браузеров


Мобильные устройства все больше приближаются к персональным компьютерам по функциональным возможностям. Проанализируем статистику мобильных ОС и браузеров по рунету (по данным liveinternet):
Читать дальше →

Подключение мобильной версии сайта

Время на прочтение3 мин
Количество просмотров58K
К разработке мобильной версии сайта можно подойти по-разному: создать отдельный стиль или полностью переработать дизайн и html-разметку. Но в обоих случаях важно определить, когда загружать мобильную версию сайта, а когда – компьютерную. Это можно сделать несколькими способами.

Читать дальше

Есть сайт или блог с RSS? Тогда мобильную версию сделать проще простого!

Время на прочтение3 мин
Количество просмотров1.3K
Всем уже давно понятно, что от мобильников никуда не деться, и как следствие, никуда не деться от того, что ваш блог будут читать с экрана мобильного телефона. И пусть мой блог с мобильника посещают не более 10 человек в месяц, я таки решился на то, что бы сделать мобильную версию. Но так-как я ленивый до невозможности, я нашёл способ сделать приемлемую мобильную версию за очень короткое время. Причём не только блога, но и любого сайта, который отдаёт RSS поток.
Читать дальше →

Реализация одного из вариантов мобильной версии сайта

Время на прочтение5 мин
Количество просмотров24K
Оговорюсь сразу, пишу для таких же непрофессионалов в сфере веб-разработки, как и я. По основному роду деятельности я фотограф. Надеюсь, кому-то поможет в аналогичной ситуации.

В определенный момент времени (откровенно говоря, очень поздний, надо было гораздо раньше сделать) озаботился я созданием мобильной версии своего сайта. Проанализировав основные способы реализации этой задачи (почитав это и это), пришел к выводу, что в моем случае (сайт фотографа) проще всего будет создать сильно урезанную отдельную версию на поддомене. Сильно вникать в подробности не буду, постараюсь осветить те моменты, на реализацию которых потратил больше всего времени.

Итак, поддомен мы создали, разместили на нем требуемые нам странички. Основные задачи, стоящие перед нами после этого:
  1. Правильный редирект мобильных и десктопных устройств на соответствующие версии сайта
  2. Возможность просмотра полной версии с мобильных устройств
  3. Так как на урезанной версии сайта некоторые страницы из полной отсутствуют, то надо обрабатывать эти случаи, не теряя посетителей
  4. Удобство мобильной версии сайта для пользователей
  5. Избегание всевозможных сеошных проблем — появления дублей и т.д.

Читать дальше →

GoMobi: создаем мобильные версии сайтов

Время на прочтение3 мин
Количество просмотров20K


Наверняка, многие из вас сталкивались с необходимостью создания мобильной версии сайта для удобства своих клиентов. Зачастую это предполагает полную переверстку дизайна с учётом принципов responsive design, что вполне оправдано для тяжелых сайтов, приносящих серьезную прибыль. Однако проводить подобные работы для более простых сайтов (например, сайтов-визиток) вряд ли эффективно.

В октябре REG.RU предложил своим клиентам новый сервис – «Конструктор мобильных сайтов goMobi», с помощью которого можно без существенных затрат и всего в несколько кликов создать мобильную версию любого сайта. При этом первый месяц использования предоставляется бесплатно.

В этом посте мы расскажем о том, как goMobi работает на практике.
Читать дальше →

Серверный редирект на мобильную версию сайта

Время на прочтение2 мин
Количество просмотров37K
image
Предлагаю вашему вниманию простое и дешевое (по ресурсам) решение для перенаправления пользователей мобильных устройств на легкую версию сайта. Решение ориентировано на highload сайты, оптимизация которых основана на кешировании гостевых запросов.
Проверка, является ли клиент мобильным устройством, производится веб-сервером nginx и в случае успеха клиент перенаправляется на поддомен или локейшн. Это существенно экономит ресурсы и позволяет добиться большей масштабируемости по сравнение с PHP методами.
Читать дальше →

Сравнение методов создания мобильных версий сайтов

Время на прочтение8 мин
Количество просмотров79K
Не так уж и давно наличие адаптивного или мобильного сайта стало не трендом, а реальной необходимостью — трафик с устройств продолжает расти, а пользователи уже начинают отказываться от больших компьютеров в пользу смартфонов и планшетов. Для создания таких сайтов сейчас, в основном, используются три метода: адаптивная верстка, разработка отдельной мобильной версии и RESS. Johan Johansson опубликовал сравнение этих методов, перевод которого мы и представляем вашему вниманию. Под катом много текста и картинок.
Читать дальше →

Как мы в 4 раза ускорили мобильную версию ВКонтакте

Уровень сложностиСредний
Время на прочтение9 мин
Количество просмотров6.4K

Для пользователей важно, чтобы сайт загружался быстро, — мало кто готов тратить время на ожидание. А ещё загрузка страниц влияет на оптимизацию в поисковых системах: чем быстрее открывается сайт, тем выше вероятность, что его найдёт целевая аудитория. 

Меня зовут Тарас Иванов, уже семь лет я развиваю фронтенд ВКонтакте, а сейчас руковожу командой, которая занимается производительностью и инфраструктурой. В статье я расскажу, как мы с командой ускорили загрузку m.vk.com в 4 раза, на какие метрики обращали внимание и какие сервисы использовали для оценки эффективности. Описанные способы и инструменты помогут повысить производительность в любом проекте: от многостраничных платформ с большим количеством legacy до свежих лаконичных лендингов. Актуально как для мобильной, так и десктопной версий.  

Читать далее

Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса

Время на прочтение9 мин
Количество просмотров114K

C 2007 года очень быстро растёт количество используемых в мире смартфонов. В числе прочих причин резкого скачка популярности несколько лет назад покупателей привлекла способность этих устройств отображать сайты так, как они выглядели на экранах компьютеров. Но, купив смартфон и начав им пользоваться, люди отмечали, что для чтения отдельных блоков текста на относительно небольшом экране приходилось постоянно масштабировать страницу. Плюс к тому, многие элементы управления сайтов оказалось неудобно использовать. Это происходило потому, что страницы не были рассчитаны на управление с помощью прикосновений к экрану и зачастую требовали компьютерную мышь или другой манипулятор. Для решения этих проблем начали появляться отдельные версии сайтов, предназначенные исключительно для устройств с маленьким экраном. При этом пользователям оказалось не нужно знать адреса мобильных сайтов. Вместо этого сервер считывает информацию об устройстве из обращённого к нему запроса и определяет, какую версию предпочтительнее отдать посетителю.


Сайт smashingmagazine.com на различных размерах экранов


Вскоре многим стало понятно, что разработка отдельной мобильной версии — это долго и дорого в поддержке. Кроме того, это противоречит идеологии веба, который подразумевает, что размеченный документ универсален и может быть прочитан практически на любом устройстве вывода. Для решения возникшего противоречия в CSS был добавлен стандарт Media Queries. Появились новые возможности по определению особенностей устройства, в частности появилась возможность применять различное оформление страницы для произвольных размеров окна.

Читать дальше →

Почему игра «Сатурн» бесплатная, отчёты перед ИРИ и ждать ли мобильную версию. Интервью с пиар-директором игры

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров6.8K

Ну что ж, я продолжаю рассказывать о том, что было на выставке «РЭД Экспо». На очереди — игровой проект, получивший финансирование от Института развития интернета (ИРИ) и вызывающий желание играть, а именно sci‑fi RPG «Сатурн». Эта игра — ещё одно доказательство того, что если сработанной команде государство выделяет деньги, может получиться хороший продукт. Я начал играть, и мне пока интересно и не душно. Посмотрим, что будет к концу. Я даже поддержал разработчиков (купил саундтрек), потому что игра бесплатная. Пока я делаю обзор на игру, предлагаю вашему вниманию интервью с пиар‑директором игры «Сатурн» Иваном Орловым. В интервью он расскажет, почему игра «Сатурн» бесплатная, сложно ли было отчитываться перед ИРИ и будет ли мобильная версия игры. Приятного чтения!

Читать далее

Расширение функциональности мобильной версии и прочие изменения на Хабре и Гиктаймс

Время на прочтение2 мин
Количество просмотров12K
Мы всегда старались, стараемся и будем стараться уделять внимание той обратной связи, которую дают наши пользователи касаемо наших продуктов. Правда, это случается не так часто — обычно это «штучные» идеи, присланные через форму обратной связи. Но не так давно пользователь limonte создал публикацию «Дорогой Хабр, я хочу чтобы ты лучше слышал своих юзернеймов», в которой призвал всех хабраюзеров принять участие в коллективном набрасывании идей по улучшению Хабра. Не могли пройти мимо этой публикации, поэтому под катом делимся первыми результатами взаимодействия.  

image

Как и зачем Mail.ru Group провела редизайн мобильной версии главной страницы портала

Время на прочтение5 мин
Количество просмотров4.8K


Появление новых сервисов стало испытанием для главной страницы Mail.ru — пользователям стало сложнее находить нужные разделы, и в компании решили обновить дизайн. Специалисты Mail.ru Group рассказали об изменениях в мобильной версии главной страницы портала, какие задачи он решает и к каким результатам позволил прийти.
Читать дальше →

Как улучшить мобильную версию сайта. Рекомендации и видеосоветы

Время на прочтение3 мин
Количество просмотров21K
Уровень подготовки веб-мастера: средний или высокий

Задумываетесь, как улучшить мобильную версию веб-сайта, и не знаете, с чего начать? Специально для вас мы подготовили список рекомендаций, которые помогут усовершенствовать ваш мобильный сайт. Часть рекомендаций мы сопроводили ссылками на известные примеры из практики и результаты исследований, а для некоторых даже сняли несколько видеосоветов (их можно смотреть с субтитрами на русском и ряде других языков). Эти советы и рекомендации помогут разобраться, как правильно интерпретировать данные из Google Analytics и Инструментов для веб-мастеров, чтобы улучшить мобильную версию вашего сайта.
Три шага к идеальному мобильному сайту

«Сбер» обновил веб-версию «СберБанк Онлайн» до уровня дизайна и навигации мобильной версии «СБОЛ»

Время на прочтение2 мин
Количество просмотров7.4K

В конце октября 2024 года «Сбер» сообщил, что разработчики финансовой организации обновили веб-версию «СберБанк Онлайн» до уровня дизайна и навигации мобильной версии для удобства пользователей.

Читать далее

EA закрывает мобильные версии игр Apex Legends и Battlefield

Время на прочтение1 мин
Количество просмотров2.8K

EA сообщила, что закрывает мобильную версию игры Apex Legends. Пользователи уже не могут воспользоваться внутренним магазином, а сервера отключат в мае 2023 года. Также студия приостановила разработку мобильного шутера Battlefield, чтобы пересмотреть видение франшизы.

Читать далее

Facebook отключил обмен сообщениями в мобильной версии, заставляя всех установить Messenger

Время на прочтение2 мин
Количество просмотров17K


Facebook убрал функцию обмена сообщениями в мобильной версии сайта. Теперь при попытке посмотреть полученное сообщение пользователям показывают заставку: «Ваши разговоры переносятся в Messenger». Простое нажатие на кнопку «Сообщения» сразу переносит вас в Play Store для установки Messenger!

Как обычно, PR-отдел объясняет действия заботой о пользователях, чтобы обеспечить им «наилучший опыт». Для этого «наилучшего опыта» выбрали единую платформу Messenger, чтобы не вносить путаницы разными вариантами отправки сообщений. Но это неприятная новость для миллионов людей, которые заходят на мобильную версию сайта специально чтобы избежать установки Messenger.
Читать дальше →
1
23 ...