Во-первых, нужно точно определить, чего хочет пользователь ЂЂЂ перелистнуть страницу блока или проскроллить
Начнем с ключевых моментов, на которые надо обратить внимание при разработке листалки:
Сегодня речь пойдет о swipe, в простонародье ЂЂЂ листалке. Swipe позволяет перелистывать «страницы» привычным движением пальца. О том, как грамотно реализовать swipe, я расскажу на примере блока новостей на главной странице портала Mail.Ru.
Пользователь взаимодействует пальцами с самим экраном. И в зависимости от того, какие движения и сколькими пальцами производит пользователь, интерфейс реагирует по-разному: если быстро коснулся экрана и отпустил палец, то срабатывает клик; если коснулся и провел пальцем по экрану ЂЂЂ скролл; если провел двумя пальцами ЂЂЂ zoom; и великое множество других вариантов реакции.
Сенсорное управление существенно отличается от привычного управления мышкой.
Смартфоны с сенсорными экранами достаточно сильно распространены и стали незаменимыми помощниками многим из нас. Потому нельзя не учитывать их особенности при разработке мобильных веб-интерфейсов.
Этим постом мы продолжаем серию статей на тему разработки веб-интерфейсов для touch-устройств.
Touch-web: Swipe / Блог компании Mail.Ru Group / Хабрахабр
Комментариев нет:
Отправить комментарий