3 заметки с тегом

интерфейс

Apps VS Bots

Боты победят информационные приложения.

Сначала о сайтах, смартфонах и приложениях и уже потом о причинах моего предсказания.

Сначала был сайт

Первой волной интернетизации были сайты и лендинги, все серъёзные компании запустили собственные сайты, потом все кто хотел казаться серъёзными тоже запустили сайты.

Потом пришёл смартфон

Не перестаю удивляться тому, как изменилось определение слова телефон и сматфон скоро исчезнет, его поглотит телефон

С приходом смартфона мир изменился — интернет в кармане стал достаточно удобным для потребления массами. К этому моменту сделать сайт было уже не так дорого, и поэтому все те, кто хотел казаться серъёзными уже запустили сайты. Но появился App Store и снова разделил серъёзных и тех, кто притворяется, в следующей волне интернетизации — запустить собственное приложения на старте было дорого.

Ситуация изменилась потому что приложений слишком много

Новизна платформы и отсутствие чёткого понимания рынка и заказчиками и разработчиками привело к перенасыщению приложениями. Это перенасыщение привело к тому, что пользователи стали менее терпеливыми, ведь если приложение не делает того, что мы ожидаем — можно найти другое такое же, но которе делает.

Помню на заре моего знакомства с компьютером у меня было полторы игры — Duke Nukem, нет не 3D, и Dune 2 — обе были заиграны наизусть. Когда у меня появился личный компьютер с CD-ROM и сборниками игр — мало из них было пройдено хотя бы наполовину. Вместо этого при первой неудаче или непонятном моменте игра удалялась и вместо неё появлялась другая.

Поэтому сейчас во всех приложениях мы видим приветливые и назойливые on-boarding инструкции: нажмите сюда, потом сюда, потом туда. Таким образом разработчики пытаются познакомить нас с интерфейсом приложения, которое мы видим впервые. Это конечно плохой дизайн интерфейса и приложения в общем, особенно в играх, но об этом в другой раз.

Появление бота

Мессенджеры, самые успешные приложения, привели к появлению ботов. Сначала все компании добавили себе в контакты Скайп, потом Вотсап, а теперь Телеграм и Фейсбук Мессенджер. Первый потихоньку загибается, второй потихоньку куплен Фейсбуком, а вот Телеграм и Мессенджер активно развивают платформы для разработки ботов.

бот это программа симулирующая общение с человеком, реагирует на сообщение или специальные команды. Простыми ботами можно считать телефонные системы типа «нажмите 1 для бухгалтерии, нажмите 2 для тех поддержки или 0 для связи с оператором»

Бот решает сразу две задачи:

  1. не нужно устанавливать новое приложение
  2. пользователь уже знаком с интерфейсом, знает как пользоваться приложением

Поэтому боты победят приложения, во всяком случае информационные. Такие как у Казпочты. Сегодня узнал, что есть бот Казпочта который помог найти отделение, время работы отделения, записаться туда и после визита начать отслеживать посылку. Для работы с ботом не пришлось скачивать новое приложение, регистрироваться или изучать интерфейс — вэри найс!

2017   ux   интерфейс

Секретные коды доступа

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

Какие бывают
Как правило коды длинные и сложные: пять—шесть цифр, восемь символов — буквы и цифры. Вероятно длинна кода обусловлена мерами безопасности — чем длиннее и разнообразнее код, тем сложнее его подобрать или угадать.

Какими должны быть
Простыми и короткими — 4 цифры, что бы было легко запомнить и за один раз без ошибок ввести. Безопасность и всё остальное что там еще можно придумать должно быть заботой разработчиков.

update:
Можно сделать и из 3 цифр.
—реальная реальность у Остина

—полная дичь у Меломана

2017   ux   интерфейс

jQuery: плавная прокрутка к разделу

говорили мы учителям в школе «зачем нам физика, зачем нам математика!»

Вступление: а вот зачем
Физика: формула скорости
Математика: знание об абсолютных значениях и решение простых уровнений
:-)

Классная штука jQuery, сколько лет пользуюсь — не нарадуюсь, даже с появлением упрощений в ванилле — jQuery по простоте использования и совместимости равных нет.

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

Первый сайт по запросу «лендинг пейдж» http://marketing-time.kz — при прокрутке страницы меню остаётся висеть сверху, нажимаем на раздел «контакты» и браузер не перескакивает к разделу, а прокручивает страницу вниз.

У такой прокрутки один недостаток — скорость зависит от расстояния прокрутки. На том же сайте нажимаем «Главная» затем «Контакты», и потом «О компании» — с «Главной» до «Контактов» сайт прокручивается с большей скоростью, чем от контактов до «О компании».

Связанно это с тем, что в jQuery при создании анимации параметр регулирующий выполнение скрипта — время. Скрипту даётся команда — прокрути сайт от А до Б за 1 секунду, и скрипт прокручивает. В случае с переходом от «Главной» до «Контактов» между А и Б намного большее расстояние, чем в случае с переходом от «Контактов» до «О компании».

Регулируя время выполнения скрипта прокрутки в зависимости от расстояния можно добиться плавной и приятной глазу прокрутки. Расстояние мы можем посчитать, скорость меняться не должна, то есть константа, рассчитать нужно время. Скорость исчисляется в расстоянии на время, например километры в час или метры в секунду, то есть скорость = расстояние / время, для получения времени нужно расстояние поделить на скорость.

Вот пример того, как это реализовано на сайте http://isg-group.kz, к сожалению сайт переделали и от плавной прокрутки избавились :-( :

$('.menu .item').on('click', function(e) {
		e.preventDefault();
		var destination = $($(e.target).attr('href')).offset().top - 111,
			speed = 3;
		var distance = Math.abs(destination - window.scrollY);
		$('body, html').animate({scrollTop: destination}, distance/speed);
	});

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

Math.abs

что бы получить абсолютное значение — без знака плюс или минус.

2016   jquery   ux   интерфейс