web 2.0

Рекомендованный контент на сайте: ради него пользователи готовы пожертвовать своими данными

Перевод исследования UX-специалиста Nielsen Norman Group Авроры Харли.

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

Персонализированные пользовательские интерфейсы могут включать в себя разные элементы: от комбинаций клавиш до цветовых схем. Одна из особенно полезных форм такой персонализации — рекомендации.

Рекомендуемый контент можно встретить в соцсетях, стриминговых сервисах, на коммерческих и новостных сайтах и в других местах. Например, YouTube, на котором есть миллионы видео, показывает пользователю лишь несколько рекомендуемых роликов и каналов.

Исследование

Мы решили узнать больше об ожиданиях пользователей и их ментальных моделях касательно индивидуальных рекомендаций. Для этого Далее...

Ускорить сайт с множеством картинок: руководство по отложенной загрузке изображений

Перевод материала сооснователя сервиса для оптимизации изображений ImageKit Рахула Нанвани.

Изображения важны для каждого сайта и приложения. Невозможно представить себе сайт без рекламного баннера, изображения продукта или логотипа.

Но изображения часто много весят, и это в первую очередь влияет на размер страницы. Согласно данным сайта HTTP Archive, средний вес страницы на компьютере составляет 1511 КБ. Изображения занимают почти 650 КБ, что примерно 45% от общего числа.

Теперь важно сделать быструю загрузку страницы с изображениями. В этом материале расскажу об отложенной загрузке — методе, который поможет сократить время загрузки страницы и уменьшить её размер, не жертвуя картинками.

Основные возможности — вкратце

Вот видео, демонстрирующее принцип работы. Обратите внимание, как при прокрутке страницы серый плейсхолдер заменяет изображение.

Далее...

Искусственный дизайн-интеллект вместо конструкторов сайтов

Конспект материала Фреда О'Брайена о будущем веб-дизайна.

Современные технологии позволяют проектировать искусственный интеллект для дизайна. С помощью машинного обучения ИИ (точнее, Artificial Design Intelligence — ADI) «понимает» правила, по которым работает творчество, и применяет их.

Люди постепенно осознают потенциал новых технологий. Разговоры об автоматизации могут пугать, но лучше перебороть свой страх и принять новое. Возможно, мы стоим на пороге появления идеального дизайн-помощника в лице ADI, считает автор Фред О'Брайен.

Что такое искусственный дизайн-интеллект

В начале материала даётся определение ADI.

Искусственный дизайн-интеллект — это ИИ, который использует машинное обучение для выявления и реализации тенденций веб-дизайна. Это технология, которая может создавать сайты самостоятельно. Пользователи указывают свои пожелания, и ADI генерирует персонализированный дизайн.

В последние несколько лет появились специализированные платформы, такие как Bookmark и Grid, со встроенной опцией виртуального дизайн-помощника. Причём Grid привлекла $4,6 млн инвестиций в 2014 году. Однако продукты стартапа так и не стали популярными.

Далее...

Для иллюзии быстрой загрузки страниц: правила создания скелетного экрана на сайтах и в приложениях

Перевод исследования продуктового дизайнера компании Clio Билла Чанга.

Несколько лет назад я написал статью, где изложил методы создания иллюзии быстрой загрузки страниц в приложениях и интернете.

Вскоре после публикации у меня состоялась интересная дискуссия с коллегами — дизайнерами и инженерами — на тему «как узнать, действительно ли эффективен скелетный экран загрузки?»

Этот вопрос был очень актуален, потому что не было точных исследований, подтверждающих эффективность данного паттерна (которые, как нам показалось, нужно было провести).

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

Но действительно ли они работают?

Далее...

Вместо того чтобы создавать чат-бота, подумайте о дизайне сайта

Перевод материала директора отдела исследования Nielsen Norman Group Ралуки Будиу о том, насколько чат-боты удобны для пользователей.

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

В одной из предыдущих статей мы обсудили шесть качеств виртуального помощника:

  • голосовой ввод;
  • интерпретация естественной речи;
  • голосовой ответ;
  • умение учитывать контекст;
  • самостоятельные действия;
  • интеграция всех данных качеств.

Чат-бот должен обладать только двумя из этих атрибутов: интерпретацией естественной речи и умением учитывать контекст. Другими словами, чат-бот должен уметь получать запросы на естественном языке, а также понимать и правильно интерпретировать их (а затем выполнять).

Далее...

Защитить пользователя и повысить безопасность продукта с помощью дизайн-мышления

Конспект материала продуктового дизайнера Серены Чен.

В сфере высоких технологий широко распространён миф о том, что удобство в использовании и безопасность взаимоисключают друг друга. Чем выше уровень безопасности продукта, тем сложнее его использовать. И наоборот: простой в применении означает менее защищённый.

По мнению Серены Чен, хорошо проработанный UX-дизайн и безопасность неотъемлемы друг от друга. Безопасная система должна быть управляемой, надёжной и удобной для использования.

Удобная для использования система уменьшает недопонимание между человеком и продуктом, она уменьшает вероятность непредвиденного поведения, что ведёт к более высокому уровню безопасности.

Почему нам кажется, что эти вещи несовместимы? Что удерживает нас от создания систем безопасности, которые понятны и просты в использовании?

Далее...

Чтобы пользователь не закрыл приложение ещё при загрузке: правила создания начального экрана

Перевод материала креативного директора студии мобильной разработки Gorilla Arm Дункана Кэмпбелла.

Идеальный экран-заставка скрывает в себе несколько ключевых функций. Хотя эти функции часто скрыты за заставками, понимая их значение, можно разработать эффективный экран.

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

Что такое экран загрузки

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

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

Далее...

Анализ сложности интерфейса: что это и с чего начать

Объясняет исследователь пользовательского опыта в IBM Габриэлла Кампанья.

Несколько месяцев назад мы с руководителем отдела исследований дизайна IBM Security Риком Собесиаком и руководителем отдела дизайна IBM Systems Тимом О'Кифом выступили с докладом на сессии «Лучших практик в области исследования дизайна» об анализе сложности интерфейса. Рик и Тим разработали этот метод вместе с IBM Research, и мне посчастливилось поучиться у них.

Я применила этот метод к IBM PowerAI Vision — продукту моей команды, — чтобы продемонстрировать важность работы над UX по снижению сложности конкретной задачи или последовательности задач. После этой презентации я получила много сообщений в Slack и электронных писем от других групп разработчиков, желающих провести анализ сложности.

Я считаю, что для исследователей UX важно развивать компетенции и использовать несколько количественных методов, а также сочетать их с качественными, чтобы составлять хорошие пользовательские истории.

Обзор метода

Далее...

Метод анализа сложных проблем, который использовал Стив Джобс при создании линейки продуктов Apple

Перевод материала основателя Userfocus Дэвида Трэвиса о диаграммах, упрощающих исследование пользовательского опыта.

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

Один из моих любимых примеров — решение Стива Джобса. Когда Джобс в 1997 году вернулся в Apple, он посмотрел на линейку продуктов и понял, что в ней беспорядок. Было пятнадцать платформ и множество вариантов продукта для каждой. Он хотел упростить линейку Apple, поэтому в 1998 году представил на Macworld Expo сетку продуктов с четырьмя квадрантами.

Одной осью на сетке была платформа (стационарная и портативная), другой — сегмент рынка (потребительский и профессиональный). Затем Джобс переориентировал Apple на создание наилучшего продукта в каждом квадранте, что привело к появлению iMac и iBook в потребительском сегменте, а Power Mac и PowerBook — в профессиональном.

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

Далее...

Пользователи нелогичны, а инновации нужны не всем: ожидания и реальность дизайнеров при разработке продуктов

Автор блога UX Planet Евгений Ешану описал в двух частях основные ошибки.

Для меня прелесть создания продукта в том, что обычно результат никогда не соответствует первоначальной задумке. Часто этот процесс выглядит как полный беспорядок, и приходится пройти через несколько итераций, чтобы добиться идеальной версии продукта. На этом пути мы совершаем ошибки, о которых даже не задумываемся.

Я проиллюстрирую некоторые ожидания дизайнеров и ошибки, которые мы совершаем при разработке цифровых продуктов. Эта статья — продолжение другого моего материала «Десять ошибок в дизайне, которые мы до сих пор делаем».

Мы путаем, что нужно пользователю, а что нет

В конце фильма «Принц и нищий» есть сцена, где настоящий принц обнаруживает, что похожий на него нищий использовал Великую печать королевства как щелкунчика. Почему? Потому что ему нужен был орех, а печать — большой и тяжёлый кусок металла, с помощью которого можно разбить скорлупу.

Далее...

  • Новее
  • 1