https://ivanzviahin.by/blog/tags/cheklist/ It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. Ivan Zviahin en E2 (v3849; Aegea) Ivan Zviahin ivanzviahin@gmail.com It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. no 170 https://ivanzviahin.by/blog/all/krasota/ Thu, 04 Nov 2021 23:16:17 +0000 Ivan Zviahin https://ivanzviahin.by/blog/all/krasota/ <p>на русском · <a href="https://ivanzviahin.by/blog/all/aesthetic-and-clean-things-work-better/">in english</a></p> <p>Или почему люди иногда выбирают чистый и красивый продукт вместо функционального. Человеческий мозг — сложная штука, миллионы исследователей ищут ответы на вопросы каждый день. Как воспринимает информацию человеческий мозг? Есть ли там какая-то система или формализация? Дон Норман предлагает упрощённую модель, которая мне очень нравится, она состоит из трёх уровней и отвечает на все вопросы.</p> <h2>1. Висцеральный уровень</h2> <p>Этот уровень самый первый, он происходит очень быстро и ПОЛНОСТЬЮ неосознанно. Мы не можем контролировать этот процесс. Нам нравится красота и чистота, нам не нравится что-то грязное и страшное. Это никак не связно с тем, насколько продукт понятен, эффективен или прост. Этот уровень только о привлекательности или отторжении.</p> <h2>2. Поведенческий уровень</h2> <p>Этот уровень в большей степени происходит неосознанно тоже. Главный тезис — мы ожидаем что-то от каждого действия. Информация, которую мы получаем, оценив итоги действия, подтверждает или опровергает наши ожидания, и это выливается в удовлетворения или огорчения.</p> <h2>3. Аналитический уровень</h2> <p>Именно на этом уровне возникает понимание, рассуждения, принятие решений. Это самый долгий этап, он осознанный. И нам кажется, что существует только он. Именно рассуждения на этом уровне заставляют нас рекомендовать продукт, советовать, использовать или избегать.</p> <h2>Итого</h2> <p>Дизайнер должен работать со всеми тремя уровнями. Все они играют важную роль. Когда первый уровень, например, положительный, а на поведенческом мы столкнулись с трудностями, то у нас может сложиться ощущение, что этот продукт хорош собой. И мы можем выбрать его вместо более функционального. Именно поэтому иногда красивые вещи работают лучше, чем функциональные. Но не всегда...</p> 145 https://ivanzviahin.by/blog/all/check-list-to-verify-the-interface/ Sat, 23 May 2020 17:38:25 +0000 Ivan Zviahin https://ivanzviahin.by/blog/all/check-list-to-verify-the-interface/ <p>на русском · <a href="https://ivanzviahin.by/blog/drafts/self-checking-the-interface/">in english</a></p> <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/checklist.png" width="1590" height="628" alt="" /> </div> <p>Перед каждым экраном интерфейса я задаю себе вопросы:</p> <ol start="1"> <li>А есть ли в этом случае у человека какая-то привычка? Есть ли в мире какие-то привычные паттерны такого интерфейса? Могу ли я сделать максимально приближённый интерфейс к этой привычке?</li> <li>Не заставляю ли я делать что-то пользователя, что может сделать компьютер? Например, поле сразу в фокусе.</li> <li>Не потерял ли я данные, которые дал мне пользователь?</li> <li>Убрал ли я все лишнее с этого экрана? Есть ли возможность соединить какую-то функциональность? Могу ли я добавить какую-то полезность?</li> <li>Я стараюсь представить, что я не видел ничего до попадания на конкретный экран. А понятно ли мне на этом экране всё, с учётом всего вышесказанного?</li> <li>Сделал ли я всё, чтобы не использовать модальный интерфейс? Могу ли я показать все функции сразу? Могу ли я использовать квазирежим? Хорошо ли я продумал навигацию стеков?</li> <li>Легко ли мне попасть в каждый элемент? Показал ли я области клика?</li> <li>Подумал ли я об обратной связи каждого действия? Она должна быть быстрой, постоянной и ненавязчивой. Местами эмоциональный, где то нужно. Подготовил ли я анимацию важных элементов интерфейса? Нужна ли тактильная обратная связь и звуковая?</li> <li>А действительно ли мой интерфейс находится в границах ментальной модели пользователя? Могу ли я снизить сопротивление, если выхожу за границы этой модели?</li> <li>Систематизирован ли мой интерфейс? Могу ли я что-то переиспользовать? Соответствуют ли все элементы дизайн-системе?</li> <li>Выглядит ли мой интерфейс просто, понятно и <a href="https://ivanzviahin.by/blog/all/krasota/">красиво?</a> Не потерял ли я простоту, пытаясь объяснить что это за экран?</li> <li>Не забыл ли я про даркмод?</li> <li>Не забыл ли я про планшеты? Про маленькие смартфоны?</li> <li>Не забыл ли я учесть, как будет выглядеть интерфейс с увеличенным шрифтом?</li> <li>Описал ли я все крайние состояния? Сколько строк текста? Как позиционировать картинки и так далее. Как выглядит экран без данных?</li> <li>Нет ли лишних лоудеров? В идеале не должно быть лоудеров вообще. Нужны ли скелетоны?</li> <li>Если есть пуши, то не забыл ли я показать куда они ведут?</li> <li>Обсудил ли я синтаксис с редактором?</li> <li>Добавил ли я вишенку на торт? Сделал ли я что-то мелкое, но важное, что удивит пользователя?</li> </ol>