Бывает, сервисы прикидываются добрыми друзьями, пока платишь.

А как только перестаешь платить, переобуваются и переходят к формализму и снисходительному тону.

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

Netflix остаются друзьями до конца и держат тональность и с теми, кто не платит. Давай, говорят, обновим платежную инфу и будем снова наслаждаться. Приятно.

Чтобы не прогадать, можно вообще не прикидываться другом и всегда держаться нейтрально, как Apple Music.

Dropbox оппубликовала пару новых материалов на своем ресурсе dropbox.design.

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

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

---

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

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

2) Инверсия
Заключается в рассмотрении сценариев ровно противоположных желаемому результату. Формируется образ «антирезультата» и, отталкиваясь от него, формируется путь поиска решения.

3) Лестница абстракций
Используется для поднятия на уровень абстракции выше, чтобы «увидеть лес за деревьями». Начинается с отправной задачи, от которой можно опуститься ниже для детализации, либо подняться выше для поиска альтернативного решения. Для погружения вниз стоит использовать вопрос «Как». Для уход на уровень выше стоит использовать вопрос «Зачем».

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

---

Это только часть моделей, описанных в статье, которые относятся к решению задач. В самом материле есть еще модели для принятия решений и коммуникации.

Я рекомендую самостоятельно глянуть полную версию статьи, там и с примерами проще понять, о чем речь, и более подробное описание можно почитать — https://dropbox.design/article/mental-models-for-designers

Евген Эсану прочитал обновлённую версию «Не заставляйте меня думать» Стива Круга и сформулировал рекомендации, которые могут пригодиться даже опытным дизайнерам.

1. Люди не читают, а сканируют. Дробите текст, выделяйте ключевые слова.
2. Создавайте явную визуальную иерархию. Делайте заметнее более важные объекты, группируйте связанные.
3. Не изобретайте колесо. Придерживайтесь сложившихся сценариев взаимодействия. Предлагая новое решение, прикиньте, во сколько (времени и усилий) обойдётся его внедрение.
4. Убирайте инструкции, интерфейс должен быть понятен без них. Если без инструкций не обойтись, смотрите пункт 1.
5. Учитывайте, что люди не знают, как работает ваш продукт, и не хотят разбираться.
6. Людям не так уж важны едва уловимые детали и эффекты в ваших продуктах. Убедитесь, что пользовательский сценарий полностью проработан, и полируйте дизайн после этого.
7. Не путайте фокус-группы и юзабилити-тесты. Первое — обмен мнениями и групповое обсуждение (например, продукта). Второе — наблюдение за человеком, который использует продукт.
8. Помните, что люди не похожи на вас. Принимая решения, не концентрируйтесь только на личных ощущениях.
9. Учитесь задавать правильные вопросы.
10. Пользователь не должен думать «где я», «с чего мне начать», «куда делось …», «что здесь самое важное», «почему они так назвали это», «это реклама или часть сайта?». Это отвлекает его от более важных вопросов: «Зачем я здесь» и «Что мне надо сделать».

В переводной статье почему-то нет ссылки на оригинал и даже его названия, так что стоит сослаться здесь:
— Перевод: https://usabilitylab.ru/blog/10-melkih-oshibok-v-dizajne-kotorye-my-po-prezhnemu-sovershaem/
— Оригинал: https://uxplanet.org/1cd5f60bc708

Работа в офисе

Что думал в начале 2019:
- По-настоящему эффективно работать можно только вместе, лицом к лицу с людьми.
- Самые крутые продукты создаются в офисах. Apple, Google, Facebook, Spotify, Tesla, SpaceX, что угодно — у всех есть Главный Офис, где и придумывается всё самое интересное.
- Удалённо работать могут только фрилансеры над отделяемыми неважными задачами.

Что думаю в начале 2020:
- Будущее за распределёнными компаниями и удалённой работой.
- Если у компании несколько офисов — это уже распределённая компания. Если на большинстве встреч ты созваниваешься с людьми по видеосвязи, то не так уж и важно, сидят ли они в другом офисе, в кафе или у себя дома.
- Figma, Slack, Notion, Miro, Loom и многие другие инструменты позволяют работать совместно, как будто вы сидите за соседними столами, даже если на самом деле вы в разных концах Земли.
- В работе бывают моменты, когда вы что-то придумываете, формируете — и тут правда есть ценность в том, чтобы быть физически в одной комнате, рисовать на одной доске. А есть моменты, когда основы придуманы и надо просто сфокусированно фигачить. И вот тут офис нередко может больше мешать, чем помогать.
- Города не резиновые. Если стремиться перевозить высокооплачиваемых айтишников со всего мира в один город, качество жизни там падает для всех. Посмотрите на Сан-Франциско. Дублин, кстати, рискует повторить ту же историю. В будущем всё больше людей будут жить вообще вне городов, потому что для работы достаточно хорошего интернета.

Иногда нужно обойти дерево узлов

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

Для этого есть набор методов:

let el = document.querySelector(".someClass")
el.childNodes // дочерние элементы
el.nextSibling // сосед справа
el.parentNode // родительский элемент

Подробнее в видео: https://youtu.be/MoEWUWIDFDs

И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO


✨Домашнее задание ✨

Взять пример из урока: https://codepen.io/detepr/pen/rQYYbx
1. Посчитать сумму цен всех подарков и вывести её в консоль
2. Отсортировать подарки по цене