Error-driven design

Итак, вы пришли работать дизайнером в давно существующий продукт. Какие проблемы решать в первую очередь, в каких местах интерфейса наводить порядок, да и всегда ли лучшие решения лежат в плоскости интерфейса?
Расскажу, как мы ставили на ноги eBay для бизнеса, руководствуясь не интервью, аналитикой и внезапными инсайтами... А методом последовательного устранения ошибок в его логике.

Анимированная версия в Keynote: https://yadi.sk/d/Ko-iQbyXpQXhZg

Transcript

1. ERROR-DRIVEN DESIGN Алёна Кирдина Evil Martians 1
10. 10 Lobotomy Bier von AF Brew
11. 11 Укажите размер Укажите размер и цвет Укажите размер, цвет и материал Укажите размер, цвет, материал, бренд и данные кредитной карты
12. Длина заголовка не должна превышать 80 символов Стоимость доставки товара не может превышать $10 Мы не смогли подобрать категорию товара. Выберите ее вручную. Специфики вариаций товара должны отличаться друг от друга В ближайшем будущем eBay будет допускать только наличие ресурсов HTTPS (не HTTP) в объявлениях. Обновите или удалите ресурсы HTTP. 12
13. Длина заголовка не должна превышать 80 символов Стоимость доставки товара не может превышать $10 Мы не смогли подобрать категорию товара. Выберите ее вручную. Специфики вариаций товара должны отличаться друг от друга В ближайшем будущем eBay будет допускать только наличие ресурсов HTTPS (не HTTP) в объявлениях. Обновите или удалите ресурсы HTTP. 13
14. 14 Ваших программистов надо выслать в жаркие страны на съедение аборигенам!
15. Round 1: Отображаем ошибки правильно
19. 19 Ошибки на уровне поля Ошибки на уровне продукта Ошибки на уровне раздела
20. 20 by Anton Lovchikov
21. Сработало ли?
22. Сработало ли?
23. 23 Продавцы хотят думать о бизнесе, а не исправлять ошибки
24. Round 2: Пытаемся исправить ошибки сами
27. 27 Заполните свойства товара «Brand» и «MPN»
28. 28 Заполните свойства товара «Brand» и «MPN»
29. 29 Заполните свойства товара «Brand» и «MPN»
30. 30 1 Если поле можно заполнить автоматически — смело заполняйте
31. 31 Условия доставки товара не выбраны
32. 32 Условия доставки товара не выбраны
33. 33 Условия доставки товара не выбраны
34. 34 2 Всегда оставляйте людям пару готовых вариантов на выбор
35. 35 Вы превысили лимиты по количеству товаров
36. 36 Вы превысили лимиты по количеству товаров
37. 37 Вы превысили лимиты по количеству товаров
38. 38 Вы превысили лимиты по количеству товаров
39. 39 3 Не грузите людей лишними техническими действиями. Пусть страдает машина (с)
40. 40 Бонус: А что с запретами на продажу товаров?
41. 41 Бонус: А что с запретами на продажу товаров?
42. 42 Бонус: А что с запретами на продажу товаров?
43. 43 4 Лучшая защита от ошибки — естественный барьер, который поможет ее избежать
44. К чему это всё привело
45. 45 Год назад Удавалось опубликовать какие-то товары сразу же. Остальные не получали от продукта никакой пользы, пока не исправят ошибки 72% пользователей
46. 46 Сейчас Сразу же успешно публикуют часть товаров и получают пользу от продукта 94% пользователей
47. 47 Кол-во пользователей за год выросло в 3,2 раза
48. 48 Кол-во опубликованных товаров увеличилось в 4 раза
49. 49 Дизайн-системы тоже не стояли на месте :-)
50. 50 Дизайн-системы тоже не стояли на месте :-)
51. Кому нужен error-driven design
52. 52 EDD — не ваша тема, если: Продукт на стадии запуска Продукт простой и статичный по структуре
53. 53 Вполне ваша тема, если: Продукт живет длительное время Продукт сложный, много форм и состояний Есть интеграции со сторонними API
54. Алгоритм применения
55. 55 Причина возникновения ошибки? Анализируем Действия пользователя Задача для разработчика. Дизайнер может повлиять на способ отображения Смотрим, что за действия Корректируем сценарий или ставим ограничитель Выводим список ошибок по ним Выделяем ключевые процессы Сбой на стороне системы
56. Области применения
57. 57 Оценка дизайнер, менеджер Отладка QA, разработка Приоритизация Поддержка
58. А при чем тут дизайн?
59. Пользователь (да и команда тоже) Сложный продукт со множеством интеграций
60. 60 Дизайнер
61. Пользователи, поддержка Заказчик, команда разработки 61 Дизайнер
62. Не разрабатывайте интерфейсы решайте задачи —
63. Спасибо за внимание! egodyston aljona.katz evilmartians_ru t.me/evilmartians