Удобство пользователя должно быть на первом месте.
К сожалению, в Интернете слишком много решений, заимствованных годами потому, что «как и все», но от которых давно следовало отказаться.
Ниже приведены несколько таких подходов из моей личной коллекции.
Написанное не претендует на истину, все темы дискуссионны.
Подтвердите пароль или адрес электронной почты при регистрации
Как часто случается, что человек пропускает и вводит неправильный пароль, когда внимательно вводит его первый раз при регистрации? Что будет, если он ошибется в пароле при регистрации? Какие эмоции вы испытываете, когда вас просят подтвердить пароль? Был ли когда-нибудь случай, когда вы не копировали подтверждение электронной почты из первого поля, а вводили его вручную?
Подтверждение пароля не требуется.
Ошибки при регистрации случаются крайне редко, и самое худшее, что может случиться – это необходимость сбросить пароль или зарегистрироваться заново.
Отказ от повтора полей позволит сэкономить количество ругательств, произнесенных пользователем, и оставит хорошее первое впечатление о сервисе.
Твиттер это уже осознал, но с этим нужно определиться.
Пользователи будут вам благодарны.
Невозможность использовать услугу до подтверждения электронной почты
Чтобы начать пользоваться сервисом, подтвердите свою учетную запись по ссылке из письма.
Почему? Для какой службы электронная почта действительно важна? Позвольте пользователям сразу воспользоваться услугой, просто повесьте сверху табличку с напоминанием и отключите функционал, связанный с электронной почтой.
Использование сервиса может быть ограничено, но оно будет существовать.
Необходимость закрыть страницу сервиса, на котором вы только что зарегистрировались, — нонсенс.
Позвольте людям поиграть с вашим сервисом.
У вас есть социальная сеть? Пусть они спокойно создают себе профиль, не присылайте им в это время уведомления по электронной почте, все остальное работает нормально и без подтвержденного письма.
А благодарность пользователя вернется в виде радостного первого впечатления от сервиса.
Необходимость входа в систему после регистрации или валидации
Если вы только что ввели пароль, почему вам нужно вводить его еще раз, чтобы войти? А если вы пришли по ссылке с валидации почты, разве вы не знаете, что за пользователь зашел на сервис? Так почему же вы заставляете его входить в систему, если знаете о нем все? Безопасность? Люди сохраняют пароли в браузере, а большинство сервисов используются вообще без выхода из системы; доступ к учетной записи уже давно перестал быть главным приоритетом безопасности.А если человек пришёл по ссылке с почты, то у него есть к ней доступ, и он может восстановить пароль, получив такой же доступ к аккаунту.
Тогда зачем мучить обычных пользователей требованием ввести пароль для входа еще раз? Пустите их к себе на службу, они рвутся начать ею пользоваться, но вы мешаете.
Капча должна быть читаемой
Сколько раз вы ругались на reCAPTCHA, не имея возможности прочитать, что там написано? Но больше всего пользователя раздражает именно капча.
А капча, в которой невозможно ничего прочитать, — настоящее испытание для нервов.
Может это капча и пора закрывать страницу регистрации? Я был свидетелем того, как мой друг обновлял рекапчу 5 раз, пока наконец не смог ее прочитать.
Слишком много мирных жителей пострадало в борьбе с роботами.
Капча должна быть в первую очередь удобной для людей.
А вместо роботов уже давно можно платить копейки тысяче азиатов, которые руками наберут капчу.
Используйте капчу, которую легко понять с первого раза.
И забудьте о рекапче!
first_and_last_warning=on
Ограничения на поля ввода
В целях вашей безопасности пароль должен быть не короче 8, но не длиннее 12 символов и содержать хотя бы одну заглавную букву, цифру и знак препинания.
Хоть раз каждый из нас мучительно придумывал новый пароль, потому что старый не вписывался в придуманные разработчиком условия.
«В целях безопасности» мне пришлось поместить этот пароль в текстовый файл на рабочем столе или в электронной почте, потому что невозможно запомнить что-то свежепридуманное для одного сервиса.
И уже через пару месяцев вы сможете восстановить забытый пароль.
Мы заботимся о вашей безопасности.
Предоставьте пользователю возможность самостоятельно думать о безопасности.
Ограничения паролей не решают проблему, а лишь вызывают ругательства со стороны живых людей.
Пароль из 5 символов может быть F;#z2, а пароль из 9 символов — alexander.
Подтверждение сохранения настроек, заданных посредством флажка и выбора
Зачем подтверждать флажок? Помните, зачем вообще нужно подтверждение? Мало кто переосмысливает такие базовые вопросы, многие просто копируют, потому что это делают другие, и у других, вероятно, есть веские причины.
Чаще всего этого не происходит. Подтверждение спасает вас от спонтанных нажатий.
Иногда очень хочется что-то написать в поле ввода, тыкать в кнопки.
А может быть, по клавиатуре прошел кот? Чтобы не отменять мучительно сделанное из любопытства, создают кнопку «сохранить изменения».
Как ни странно, это ключевое слово.
Что произойдет, если мы случайно активируем настройку флажка? Нам нужно отменить это, верно? И делается это в один клик по тому же флажку.
Так не лучше ли сохранить настройки напрямую, нажав на галочку? Как и в случае с паролем, ошибки возникают гораздо реже, чем осмысленные нажатия, и отменяются в один клик.
Не заставляйте пользователей каждый раз сохранять изменения в блоке флажков.
Все крупные сервисы уже это делают.
Поместите фокус в поле ввода.
Выберите поле, из которого будете копировать Это скорее совет, а не часто наследуемое плохое решение.
Ведь когда решения нет, то и наследовать нечего.
Но почему его там нет, ведь это так тривиально легко сделать, и так повышает удобство для пользователя? Так просто поместить курсор в поле при открытии страницы с текстовой формой.
Хабрахабр, а почему курсор автоматически не ставится в заголовок или хаб-выбор на странице создания нового поста? А на странице поиска (habr.ru/search) только одно поле ввода? Не перестаю удивляться безумному количеству сервисов, где приходится делать лишний клик, даже если основной функционал страницы находится в одном поле (как это часто бывает при том же поиске).
Даже Amazon не уделяет внимания полю поиска на главной странице (в отличие от ebay).
?Элемент управления каруселью
Идея с каруселью хороша, но не стоит копировать ее только потому, что это круто.
Это не всегда весело.
Сколько раз вам приходилось тщательно целиться в точки на карусели, чтобы переключить картинку? Сколько раз вы искренне смотрели на картинку, но она автоматически переключалась на следующую, и из-за скорости переключения вы не успевали ни на одну из нее посмотреть? Каруселей много, но хороших очень мало.
Это красиво, но также должно быть удобно.
Кнопки социальных сетей
Социальные сети прекрасны – живой отклик людей повышает популярность вашего сервиса.
В погоне за социальным безумием сервисы создают 100 500 социальных кнопок, чтобы пользователям всех социальных сетей было удобно.
Эти кнопки выделяются из дизайна сайта, загромождают визуальное восприятие и приводят к обратному эффекту: страница превращается в новогоднюю гирлянду, вот только не мигает. Будьте осторожны с социальными кнопками.
Раз, два, а может и три… не стоит добавлять сразу 10 кнопок «Поделиться», как это делают многие сервисы.
От страницы к вкладке и отдельным страницам навигации.
Не так часто, но в Интернете до сих пор встречаются навигационные страницы, суть которых заключается лишь в том, чтобы описать, какая ссылка на какой ссылке находится.
Это страница, которая открывается при нажатии на раздел, а не на сам раздел.
Когда я нажимаю на «Настройки» я хочу сразу увидеть настройки, а на «Друзья» я хочу видеть список друзей.
Почему бы не открыть сразу первый, самый важный раздел, вместо страницы навигации? В любом случае, если разделам нужны подписи или их слишком много, то нужно переосмыслить навигацию и понятность интерфейса.
Ограничения по размеру фотографий
Размер загружаемой фотографии не может быть более 100 килобайт. Серьезно? Я взял себе аватарку на цифровую зеркалку, которая на выходе дает 15 мегабайт, и теперь, чтобы загрузить аватарку, мне нужно установить редактор или Google Photoshop онлайн, и потратить 10 минут на сжатие фото по размеру и объему? Может мне просто сменить услугу? Вряд ли в 2012 году вы сможете тратить место на диске для загрузки фотографий профиля, которые потом все равно сжимаются на сервере.
Так почему я не могу просто загрузить фото? Даже крупные сервисы, такие как formspring и foursquare, по-прежнему страдают от такой экономии на совпадениях.
Многие современные сервисы делают все, чтобы максимально усложнить регистрацию и создание профиля.
Самые лояльные пользователи, прошедшие все препятствия, никуда не денутся.
Но все ли туда доберутся?
Зебра в столах
Если вы используете таблицу, скорее всего, у вас уже что-то не так.
Посмотрите на гигантов: списки давно заменили таблицы.
Но если вы вышли из-за стола, не раскрашивайте его, сэкономьте глаза пользователя.
Правильно организованный список читается без визуального разделения строк: посмотрите на Gmail. Список из сотен букв не режет глаза; вы прекрасно понимаете, какая строка принадлежит какой дате и предмету.
Или список диалогов ВКонтакте.
Он не цветной, но линии прекрасно читаются.
А теперь представьте, если бы каждая четная линия в нем была окрашена в другой цвет. О, мои глаза! Чтобы пойти против сильных традиций, нужна решимость.
Благодарные пользователи вас не забудут. 
Теги: #интерфейсы #устаревшие решения
-
Бутан
19 Oct, 24 -
Бесплатная Трансляция Dotnext 2018 Москва
19 Oct, 24 -
Wordpress 2.5: Редизайн
19 Oct, 24 -
Сибирский Студент. Фотоотчет
19 Oct, 24 -
Postbox 1.0B7 Выпущен
19 Oct, 24 -
А Что, Если Просто Перевернуть Его?
19 Oct, 24
