Первый всадник приехал на коне бледном. Как вы думаете, за что отвечает иконка слева внизу на картинке выше?
«ЭТО СКАЧИВАНИЕ?» - скажут капитаны очевидность. «ЭТО ИМПОРТ ДАННЫХ» - пробухтят дорогие UX-гуру. «ПЕРЕХОД ПО ВНЕШНЕЙ ССЫЛКЕ?» - робко пискнет особо смелый читатель. ХРЕНА С ДВА, - так и хочется выкрикнуть мне, но я же воспитывался в школе №236 на дальнем севере Москвы под трубами ТЭЦ-21, так что отвечу галантно: отнюдь. Эта иконка отвечает за разовую перемотку страницы на экран вниз. Не ожидали-с?
Это, дамы и господа, наглядная демонстрация криворукости дизайнера и (не)умения его работы с интерфейсными паттернами - устоявшимися в силу той или иной традиции интерфейсными элементами, которые несут для пользователя заведомо понятный смысл. Кнопка с дискетой отвечает за сохранение, поле для ввода с лупой - за поиск, иконка с домиком - на переход на главный экран/страницу. Паттерны бывают простыми, а бывают сложными - например, картинкой с кругляшками и стрелками внутри - это слайдер, который мы пинали тут ногами несколькими постами выше.
Паттерны облегчают пользователям жизнь, поскольку люди сразу могут понять, как разобраться с незнакомым доселе интерфейсом - и почувствовать себя как дома. Важная хитрость паттернов заключается в том, что они индивидуальны для разных групп пользователей, и то, что будет годно и понятно для пенсионера, пользующегося iOS, будет полностью непонятно для юнца на Андроиде.
(паттернами, к слову сказать, мы окружены и в реальной жизни - скажем, паттерном является стул (который мебель, дорогие мои остряки) - при взгляде на него мы понимаем, что на нем можно сидеть; паттерном является выключатель на стене - при виде него мы понимаем, что он включает/выключает свет; паттерном является зеленая стрелка запасного выхода. И так далее.)
Паттернов до одури много, но в ряде случаев приходится придумывать и вводить новые интерфейсные приемы, элементы, переключатели и обозначения. Это вполне рабочая ситуация, и в этом случае важно придумать конструкцию, которая будет опираться или на известные паттерны (и сразу подсказывать, как оно работает), или же на что-то радикально новое, к чему пользователь привыкнет уже после первого раза использования.
Но есть еще и третий, заведомо проклятый путь дизайнера-морального калеки: взять уже существующий паттерн и наделить его случайными новыми функциями! «ДИСКЕТКА ТЕПЕРЬ НЕ СОХРАНЕНИЕ А ВЫХОД ИЗ ПРОГРАММЫ ХЕ ХЕ ХЕ» - говорит дизайнер и не знает, что помимо выделенного котла в UX-аду он будет наказан уже и в этой жизни - жалобами от пользователей, которым он поломал их привычный опыт и внес раскол между ожидаемым результатом и реальностью. Как вы можете догадаться, так поступил наш сегодняшний экспонат, который на привычную иконку со смыслом «Скачать/Импортировать» навесил космически другой смысл скролла вниз (который иногда решается стрелочкой с кружочком - но именно с кружочком! Прочувствуйте разницу).
«НО ЛЁХА ПОЛЬЗОВАТЕЛЕЙ МОЖНО ПЕРЕУЧИВАТЬ НА НОВЫЕ ПАТТЕРНЫ» - скажете вы. Можно, конечно, но для этого вам потребуется быть не сайтом тату-салона в Харькове, а кем-то массивным - например, Эпплом, Гуглом или Майкрософтом. И все равно пользователи вас проклянут - так что лучше просто не делайте так.
«ЭТО СКАЧИВАНИЕ?» - скажут капитаны очевидность. «ЭТО ИМПОРТ ДАННЫХ» - пробухтят дорогие UX-гуру. «ПЕРЕХОД ПО ВНЕШНЕЙ ССЫЛКЕ?» - робко пискнет особо смелый читатель. ХРЕНА С ДВА, - так и хочется выкрикнуть мне, но я же воспитывался в школе №236 на дальнем севере Москвы под трубами ТЭЦ-21, так что отвечу галантно: отнюдь. Эта иконка отвечает за разовую перемотку страницы на экран вниз. Не ожидали-с?
Это, дамы и господа, наглядная демонстрация криворукости дизайнера и (не)умения его работы с интерфейсными паттернами - устоявшимися в силу той или иной традиции интерфейсными элементами, которые несут для пользователя заведомо понятный смысл. Кнопка с дискетой отвечает за сохранение, поле для ввода с лупой - за поиск, иконка с домиком - на переход на главный экран/страницу. Паттерны бывают простыми, а бывают сложными - например, картинкой с кругляшками и стрелками внутри - это слайдер, который мы пинали тут ногами несколькими постами выше.
Паттерны облегчают пользователям жизнь, поскольку люди сразу могут понять, как разобраться с незнакомым доселе интерфейсом - и почувствовать себя как дома. Важная хитрость паттернов заключается в том, что они индивидуальны для разных групп пользователей, и то, что будет годно и понятно для пенсионера, пользующегося iOS, будет полностью непонятно для юнца на Андроиде.
(паттернами, к слову сказать, мы окружены и в реальной жизни - скажем, паттерном является стул (который мебель, дорогие мои остряки) - при взгляде на него мы понимаем, что на нем можно сидеть; паттерном является выключатель на стене - при виде него мы понимаем, что он включает/выключает свет; паттерном является зеленая стрелка запасного выхода. И так далее.)
Паттернов до одури много, но в ряде случаев приходится придумывать и вводить новые интерфейсные приемы, элементы, переключатели и обозначения. Это вполне рабочая ситуация, и в этом случае важно придумать конструкцию, которая будет опираться или на известные паттерны (и сразу подсказывать, как оно работает), или же на что-то радикально новое, к чему пользователь привыкнет уже после первого раза использования.
Но есть еще и третий, заведомо проклятый путь дизайнера-морального калеки: взять уже существующий паттерн и наделить его случайными новыми функциями! «ДИСКЕТКА ТЕПЕРЬ НЕ СОХРАНЕНИЕ А ВЫХОД ИЗ ПРОГРАММЫ ХЕ ХЕ ХЕ» - говорит дизайнер и не знает, что помимо выделенного котла в UX-аду он будет наказан уже и в этой жизни - жалобами от пользователей, которым он поломал их привычный опыт и внес раскол между ожидаемым результатом и реальностью. Как вы можете догадаться, так поступил наш сегодняшний экспонат, который на привычную иконку со смыслом «Скачать/Импортировать» навесил космически другой смысл скролла вниз (который иногда решается стрелочкой с кружочком - но именно с кружочком! Прочувствуйте разницу).
«НО ЛЁХА ПОЛЬЗОВАТЕЛЕЙ МОЖНО ПЕРЕУЧИВАТЬ НА НОВЫЕ ПАТТЕРНЫ» - скажете вы. Можно, конечно, но для этого вам потребуется быть не сайтом тату-салона в Харькове, а кем-то массивным - например, Эпплом, Гуглом или Майкрософтом. И все равно пользователи вас проклянут - так что лучше просто не делайте так.