15 советов по оптимизации кросс-устройства

Дизайн для всех устройств! Анна Дальстром будет говорить о важности Строительные устройства-агностические системы UX в Генерировать Лондон 21-23 сентября. Она пройдет, почему устройство - агностический дизайн имеет значение, что это значит и как мы идем об этом; Забронируйте сейчас !

Я начал возиться с помощью файлов журнала HTTP и строки пользовательского агента более чем 15 лет назад, анализируя и пытаясь понять все различные устройства, раскачивающиеся на ранних веб-сайтах John Lewis Ecommerce. Какой совет я бы дал себе, если бы я мог вернуться вовремя?

Это было бы так: каждый веб-сайт или продукт, на котором вы работаете, начнется, будет сломан - вы просто не знаете, где, на каком устройстве или браузере или насколько сильно. Если вы охотитесь на этих дефектах, вы сделаете более легкие деньги для ваших клиентов, чем почти все ваши другие работы, собранные вместе.

Мне приняли 15 лет, чтобы понять, что, несмотря на тенденцию к клиентам, чтобы быстро жаловаться, подавляющее большинство не будет сообщать об ошибках в вашем устройстве. Если вы получите небольшое количество жалоб, у вас, вероятно, есть серьезное катастрофа на ваших руках. Если вы не получите жалобы, он, вероятно, все еще сломан.

Мы не можем полагаться на посетителях сайта, чтобы быть нашим «канаревкой в ​​угольной шахте» для устройств и проблем с браузером - мы должны взять на себя ответственность и стать умнее и более активным в том, как мы тестируем. Совместимость устройства является правой не привилегией, а попадание неправильно - это форма пренебрежительной дискриминации.

В данной статье говорится о ключевых правилах запоминания для оптимизации кросс-устройства и тестирования A / B. Сначала решайте подсказки оптимизации. Если вы делаете основные ошибки с совместимостью устройств, производительностью и удобством использования, нет точек беспокойства с тестированием A / B. Найти и исправить сломанные вещи в первую очередь. Затем, когда у вас достаточно трафика, чтобы запустить тесты A / B (не менее 500 преобразований или оформление заказа в месяц) - вы можете внести новые ошибки.

01. Не думайте, что отзывчиво решает все

Я когда-то построил крошечный мобильный сайт, который не отзывчивый, но теперь в настоящее время принимает лучшую часть миллиарда евро в доход каждый год. Для задач необходимы, это идеально. Он не отзывчивый в условиях макета жидкости, но он реагирует на потребности почти всех, кто его использует. Знать разницу.

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

Я вижу много адаптивных сайтов, которые имеют поверхностную щедрость, но терпят неудачу, потому что команда проигнорировала знания клиентов. Один хороший пример - это Сайт электронной коммерции Это произошло отзывчивым и потерянным 40 процентов его дохода. Он построил отличный мобильный опыт, но настольная версия высосала, и именно 80 процентов денег пришли. Зная, где золотой гусь помогает, если вы хотите избежать его убийства!

02. Сначала сделайте ваше исследование

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

Использование аналитических данных с Пользовательский опыт Исследования, опросы или обратная связь - это быстрый и легкий способ удалить фигня, эго и предположения о «путешествии». Один час проинформированных данных стоит тысяча часов необычного мнения.

Дальнейшее чтение: ' Конверсионные исследования за один час '; « Инструменты воспроизведения сеанса для исследования '.

03. Отслеживайте людей, а не устройства

Если вы не используете настройку аналитики, которые отслеживают пользователей, вы просто получите вместо этого устройства для отслеживания. Компании жалуются, что их «мобильный» трафик не преобразует - и мы находим, что трафик фактически преобразует, просто на совершенно другое устройство.

Люди могут использовать свой телефон для просмотра и добавления продукта в их корзину, но найдите сложно пройти через каприз, поэтому заканчивайте продажу на своем ноутбуке. Сайт думает об этом как двух человек: мобильный клиент и настольный клиент.

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

04. Не игнорируйте более широкий контекст

В этом мире Hyper-Mobile Device Context - это все. То, что вам нужно у Airline App, может быть очень разным 48 часов до вашего полета по сравнению с тем, когда вы работаете за воротами. Для этого человека с телефоном нужно учитывать факторы, которые влияют на опыт. Они могут включать в себя задачи, цели, устройство, местоположение, скорость передачи данных, просмотра, срочность, мотивацию, затраты на данные, расходы на вызов или даже погода на момент их визита!

05. Выйти из офиса

Создание лучших продуктов не должно привлекать долгие дни, проведенные в офисе. Почему бы не разбить рабочий день с посещениями кофейни и пабов? Это один из самых дешевых способов найти клиентов для UX Research. Предлагая пиво или кофе в обмен на обратную связь на вашем прототипе или дизайне, является бесценным возвратом на инвестиции. И не забывайте веб-сайт - если у вас есть трафик, вы можете набирать людей и запустить тесты с ними онлайн.

Дальнейшее чтение: ' UX Tools, чтобы управлять им все '.

06. Не думайте, что все используют iPhone

В большинстве аналитических установок моделей iPhone смешается вместе, предлагая это основные устройства клиентов. Если вы просто посмотрите на модели в ваших данных, это перекоснет ваше мышление; Вам нужно разделить устройства по ОС или платформе, чтобы увидеть реальную картину. Google Analytics может сказать, что моя топ-модель - это «iPhone», но даже несколько лучших моделей Samsung могут складывать до гораздо большей аудитории.

Каждый раз, когда кто-то соблазн сосредоточиться на своих собственных предпочтениях персонального устройства вместо клиента, направьте их на диаграмму выше справа (стоит придерживаться ее на своей офисной стене), чтобы напомнить им, что говорит данные.

Дальнейшее чтение: ' Окончательное руководство по использованию Google Analytics для оптимизации кросс-устройства '.

07. Не забудьте отслеживание звонка

Упоминание о свободной и редко используемой технике. Если у вас есть сенсорные устройства, которые могут делать телефонные звонки, вы можете отслеживать вызовы. Просто добавьте событие (или PageView) на данные вашей аналитики каждый раз, когда кто-то подключил номер телефона, чтобы позвонить вам. Тогда вы будете знать, сколько звонков вы получаете, именно то, с какой веб-страницей людей, которые называли маркетинговые кампании или источники, поехали самые звонки.

Я использовал эти данные, чтобы проанализировать учетную запись PPC для большой компании. Когда мы участвуем в продавах, исходящих из телефонных звонков, он полностью изменил наши предложения. Экономия составляла 40-70 процентов более низких счетов для PPC, но одинаковую сумму доходов.

08. Используйте реальные данные для отслеживания скорости веб-сайта

Не многие люди знают, что Google Analytics собирает измерения настоящих посетителей, насколько медленно ваши страницы, каждый день. Вместо того, чтобы представить себе производительность (как вы просматриваете свой сайт на Wi-FiConnection), вы можете позволить данным сказать вам, где он отстой. Посмотрите на отчет TOM Timings: это записывает, как долго веб-страница и контент нагрузки требует нагрузки. Сделание сайтов Quicker - это чейнджер игры.

Существует огромная корреляция между производительностью и скоростью преобразования, поэтому, если она медленно, вы тратите маркетинговые деньги, чтобы отправить людей к вашим конкурентам!

Дальнейшее чтение: ' Интерпретировать скорость сайта '.

09. Скопируйте метод тестирования, а не творческий

Когда вы посмотрите на тесты, другие компании работали, вы понятия не имеете, если они полностью берут тест или нет. Их данные, метод, QA или размер выборки могут показать, что они сделали элементарные ошибки. Они могли бы запустить тест на слишком короткий период времени или не проверяться, если он собирал данные точно. Вы просто не знаете.

И даже если у вас есть все фоновые данные, вы все равно не могли предсказать, если их метод будет работать для вас. Ваши клиенты, маркетинг, веб-сайт и все остальное совершенно другое. Короче говоря, правила наилучшей практики для тестирования в основном связаны с копированием метода, а не творческим.

Дальнейшее чтение: ' Бесконечные сосания лучших экспертов практики и оптимизации '; « Когда оптимизация преобразования лучшие практики проваливаются '.

10. Не проверяйте без планирования

Есть миллионы вещей, которые вы могли бы проверить в местах по всему сайту. Если вы просто «начнем», вы можете в конечном итоге получить оптимальный сайт - но смерть от жары вселенной вы получит вас первым. Если в вашем опыте есть вещи, сломанные в вашем опыте, вам нужно исправить это сначала (перед тестированием), как иначе он будет перетащить все остальное. Как только у вас есть основы производительности и совместимости устройства, используйте аналитику для определения возможностей.

«Просто изменение вещей» не достаточно хорошая причина для проверки; Вам нужны доказательства или представление, чтобы провести хороший тест. Лучшее обучение исходит с больших вопросов для канала в вашем тестировании.

11. Установите свою гипотезу

Гипотезный комплект является одним из самых полезных вещей, которые я преподаю:

Поскольку мы увидели [данные / обратная связь], мы ожидаем, что [изменение] приведет к [воздействию]. Мы измеряем это, используя [Метрика данных].

Спрашивая людей оказывать свой вопрос или тест на A / B таким образом, заставляет их думать о том, почему они проводят тест и как будет измеряться успехом.

Дальнейшее чтение: Гипотезный комплект 3. Отказ

12. Первое запустить калькулятор теста

Это действительно хорошая практика для запуска калькулятора теста перед тестом A / B. Если он говорит, что это займет около девяти миллионов лет, чтобы закончить, вы можете сделать что-то более полезное с вашей жизнью.

13. Не останавливайся на 95% уверенности

Это очень распространенная ошибка Noob, чтобы сделать с тестированием A / B. Вы должны заранее решить ваше время тестирования, а затем запустить его на то время, остановите его и проанализируйте его. Большинство тестов, которые работают в реальном мире, являются полностью вымышленными - и именно поэтому люди разочарованы, когда обещанный «лифт» в обращении не приходит. Вызывая тесты ошибочно или ждет слишком долго для результатов - это общие проблемы, которые следует избегать.

Дальнейшее чтение: ' Статистическое значение неравномерно неравномерно '; « Почему каждый интернет-маркетолог должен быть статистиком '.

14. Сегмент по классу устройства

Если у вас есть разные устройства или точки останова в вашем дизайне, тест A / B будет выглядеть совершенно другим. Если вы не уверены, как ваш дизайн смотрит на все устройства, как вы можете быть уверены, что это вообще работает? Если вы не анализируете и сестрируете данные различными классами устройств или «точки останова», как вы узнаете поведенческую смену? Один из моих клиентов хранит точный дизайн, который видел клиента в своем слое данных, что очень полезно.

Всегда понимайте, как вы ориентируетесь или сегментируете людей через классы мобильных, планшетных и настольных устройств. Нет «среднего» посетителя - не когда устройство впечатляет так безусловно.

15. Не забывайте тестирование QA

Если вы не разработали смесь вашего устройства, вы, вероятно, не проверяете проверку ваших тестов A / B. Это означает, что довольно много из них, вероятно, сломаны - и если ваши тесты A / B нарушены, ваши данные и принятие решений, вероятно, являются ошибочными. Около 30-40 процентов всех моих тестовых дизайнов отключается базовый QA, даже с высококачественными разработчиками - это JavaScript для вас! Предположим, что это сломано, пока не доказано иначе.

Резюме

Здесь я охватил ряд советов по улучшению вашего перекрестного устройства. Когда вы начинаете, зная смесь вашего устройства и понимание клиентов за этими устройствами жизненно важно. Следующий этап - это работать с данными, чтобы помочь вам приоритетировать ваши усилия. Создание хорошего списка тестирования (с помощью Google Analytics) сокращает усилия для разработчиков, но увеличит количество дефектов, которые вы удаляете на популярных устройствах.

Разработка больших перекрестных устройств является тщательным балансом данных, интуицией, сочувствием и экспериментами. Если вы позволите этим занимать пространство, обычно заполненное эго и мнением, хорошая работа будет процветать. Когда Стивен Хокинг сказал: «Величайший враг знаний не невежество, это иллюзия знаний».

Узнайте о важности устройства-агностического дизайна с Анна Дальстром в Генерировать Лондон ! В Строительные устройства-агностические системы UX Она объяснит, почему вы должны позволить руководству контента и отойти от проектирования страниц, чтобы сосредоточиться на модулях, которые эти взгляды состоят из. Забронируйте свой билет сейчас !

Эта статья изначально появилась в Чистый журнал Выпуск 279; Подпишись сейчас !