{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "ivan's blog: posts tagged чеклист", "_rss_description": "It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast.", "_rss_language": "en", "_itunes_email": "ivanzviahin@gmail.com", "_itunes_categories_xml": "", "_itunes_image": "https:\/\/ivanzviahin.by\/blog\/user\/userpic-square@2x.jpg?1711411913", "_itunes_explicit": "no", "home_page_url": "https:\/\/ivanzviahin.by\/blog\/tags\/cheklist\/", "feed_url": "https:\/\/ivanzviahin.by\/blog\/tags\/cheklist\/json\/", "icon": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913", "author": { "name": "Ivan Zviahin", "url": "https:\/\/ivanzviahin.by\/blog\/", "avatar": "https:\/\/ivanzviahin.by\/blog\/user\/userpic@2x.jpg?1711411913" }, "items": [ { "id": "170", "url": "https:\/\/ivanzviahin.by\/blog\/all\/krasota\/", "title": "Красивые вещи лучше работают", "content_html": "

на русском · in english<\/a><\/p>\n

Или почему люди иногда выбирают чистый и красивый продукт вместо функционального. Человеческий мозг — сложная штука, миллионы исследователей ищут ответы на вопросы каждый день. Как воспринимает информацию человеческий мозг? Есть ли там какая-то система или формализация? Дон Норман предлагает упрощённую модель, которая мне очень нравится, она состоит из трёх уровней и отвечает на все вопросы.<\/p>\n

1. Висцеральный уровень<\/h2>\n

Этот уровень самый первый, он происходит очень быстро и ПОЛНОСТЬЮ неосознанно. Мы не можем контролировать этот процесс. Нам нравится красота и чистота, нам не нравится что-то грязное и страшное. Это никак не связно с тем, насколько продукт понятен, эффективен или прост. Этот уровень только о привлекательности или отторжении.<\/p>\n

2. Поведенческий уровень<\/h2>\n

Этот уровень в большей степени происходит неосознанно тоже. Главный тезис — мы ожидаем что-то от каждого действия. Информация, которую мы получаем, оценив итоги действия, подтверждает или опровергает наши ожидания, и это выливается в удовлетворения или огорчения.<\/p>\n

3. Аналитический уровень<\/h2>\n

Именно на этом уровне возникает понимание, рассуждения, принятие решений. Это самый долгий этап, он осознанный. И нам кажется, что существует только он. Именно рассуждения на этом уровне заставляют нас рекомендовать продукт, советовать, использовать или избегать.<\/p>\n

Итого<\/h2>\n

Дизайнер должен работать со всеми тремя уровнями. Все они играют важную роль. Когда первый уровень, например, положительный, а на поведенческом мы столкнулись с трудностями, то у нас может сложиться ощущение, что этот продукт хорош собой. И мы можем выбрать его вместо более функционального. Именно поэтому иногда красивые вещи работают лучше, чем функциональные. Но не всегда...<\/p>\n", "date_published": "2021-11-04T23:16:17+00:00", "date_modified": "2021-12-13T18:26:48+00:00", "_date_published_rfc2822": "Thu, 04 Nov 2021 23:16:17 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "170", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [] } }, { "id": "145", "url": "https:\/\/ivanzviahin.by\/blog\/all\/check-list-to-verify-the-interface\/", "title": "Самостоятельная проверка интерфейса", "content_html": "

на русском · in english<\/a><\/p>\n

\n\"\"\n<\/div>\n

Перед каждым экраном интерфейса я задаю себе вопросы:<\/p>\n

    \n
  1. А есть ли в этом случае у человека какая-то привычка? Есть ли в мире какие-то привычные паттерны такого интерфейса? Могу ли я сделать максимально приближённый интерфейс к этой привычке?<\/li>\n
  2. Не заставляю ли я делать что-то пользователя, что может сделать компьютер? Например, поле сразу в фокусе.<\/li>\n
  3. Не потерял ли я данные, которые дал мне пользователь?<\/li>\n
  4. Убрал ли я все лишнее с этого экрана? Есть ли возможность соединить какую-то функциональность? Могу ли я добавить какую-то полезность?<\/li>\n
  5. Я стараюсь представить, что я не видел ничего до попадания на конкретный экран. А понятно ли мне на этом экране всё, с учётом всего вышесказанного?<\/li>\n
  6. Сделал ли я всё, чтобы не использовать модальный интерфейс? Могу ли я показать все функции сразу? Могу ли я использовать квазирежим? Хорошо ли я продумал навигацию стеков?<\/li>\n
  7. Легко ли мне попасть в каждый элемент? Показал ли я области клика?<\/li>\n
  8. Подумал ли я об обратной связи каждого действия? Она должна быть быстрой, постоянной и ненавязчивой. Местами эмоциональный, где то нужно. Подготовил ли я анимацию важных элементов интерфейса? Нужна ли тактильная обратная связь и звуковая?<\/li>\n
  9. А действительно ли мой интерфейс находится в границах ментальной модели пользователя? Могу ли я снизить сопротивление, если выхожу за границы этой модели?<\/li>\n
  10. Систематизирован ли мой интерфейс? Могу ли я что-то переиспользовать? Соответствуют ли все элементы дизайн-системе?<\/li>\n
  11. Выглядит ли мой интерфейс просто, понятно и красиво?<\/a> Не потерял ли я простоту, пытаясь объяснить что это за экран?<\/li>\n
  12. Не забыл ли я про даркмод?<\/li>\n
  13. Не забыл ли я про планшеты? Про маленькие смартфоны?<\/li>\n
  14. Не забыл ли я учесть, как будет выглядеть интерфейс с увеличенным шрифтом?<\/li>\n
  15. Описал ли я все крайние состояния? Сколько строк текста? Как позиционировать картинки и так далее. Как выглядит экран без данных?<\/li>\n
  16. Нет ли лишних лоудеров? В идеале не должно быть лоудеров вообще. Нужны ли скелетоны?<\/li>\n
  17. Если есть пуши, то не забыл ли я показать куда они ведут?<\/li>\n
  18. Обсудил ли я синтаксис с редактором?<\/li>\n
  19. Добавил ли я вишенку на торт? Сделал ли я что-то мелкое, но важное, что удивит пользователя?<\/li>\n<\/ol>\n", "date_published": "2020-05-23T17:38:25+00:00", "date_modified": "2023-08-23T13:35:34+00:00", "image": "https:\/\/ivanzviahin.by\/blog\/pictures\/checklist.png", "_date_published_rfc2822": "Sat, 23 May 2020 17:38:25 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "145", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "https:\/\/ivanzviahin.by\/blog\/pictures\/checklist.png" ] } } ], "_e2_version": 3849, "_e2_ua_string": "E2 (v3849; Aegea)" }