Как сделать кнопку вернуться назад
В iOS 14 появился удобный механизм возврата в приложениях. Как пользоваться
Apple, как никто другой, умеет делать удобную продукцию. Мне кажется, всё дело в том, что она уделяет огромное внимание даже незначительным, на первый взгляд, аспектам. Чего только стоит возврат к началу страницы по нажатию на верхнюю часть экрана или удобный скроллер для быстрого перемещения по веб-странице. А кнопка возврата в предыдущее приложение, из которого вы только что вышли? Это же настоящий шедевр, особенно на устройствах без жестового управления вроде iPhone SE или iPad. Но в iOS 14 разработчики Apple зашли ещё дальше в обеспечении удобства использования и представили новый механизм навигации.
Кнопка возврата позволяет выбрать раздел, в который вы хотите вернуться
Честно говоря, обнаружить этот механизм специально довольно сложно. О нём можно либо узнать от кого-то, либо найти его чисто случайно. Ведь, говоря откровенно, никто в здравом уме не станет нарочно тыкать в ставшие привычными элементами, чтобы отыскать в них проявления новых возможностей. А, между тем, иногда в них всё-таки попадается кое-что совсем нетипичное.
Как вернуться назад на iOS
Выпадающее окно появляется при удерживании стрелки возврата
Новый механизм, о котором идёт речь, состоит в облегчении навигации по операционной системе и используемому софту. Проще всего принцип его работы будет объяснить на примере приложения «Настройки». Там, как известно, предусмотрено несколько подуровней, когда пользователь переходит из одной вкладки в другую, потом в третью и иногда даже в четвёртую. А, чтобы выйти оттуда, нужно было либо нажать на кнопку домой (на устройствах с поддержкой жестов свайпнуть вверх) либо нажимать на кнопку возврата, которая неизменно присутствует в левом верхнем углу.
Теперь же, если вам нужно попасть в один из предыдущих разделов, достаточно зажать кнопку возврата и дождаться появления выпадающего меню с названиями предыдущих вкладок, по которым вы проследовали. То есть, если ваш путь имел вид «Настройки» — «Конфиденциальность» — «Службы геолокации» — «Системные службы», в выпадающем окне будет возможность вернуться в разделы «Службы геолокации», «Конфиденциальность» или «Настройки» на ваш выбор. Поверьте, описано это гораздо сложнее, чем устроено на самом деле.
Возврат назад в приложениях на iOS
А так механизм работает в Safari, позволяя перемещаться не только назад, но и вперёд
Но если по настройкам вам, скорее всего, приходится путешествовать туда-сюда не очень часто, то вот перемещаться между страницами в браузере наверняка доводится. Там, к счастью, удобный механизм возврата тоже работает. Для его активации, как и в «Настройках» нужно нажать на кнопку возврата и удерживать до появления окна с выпадающим меню. Оно предложит все предыдущие страницы, которые вам пришлось открыть, чтобы попасть на текущую. Правда, применять данный механизм удобно для переключения между открытыми вкладками в пределах одного сайта.
Вообще, если немного поэкспериментировать, становится понятно, что механизм возврата в нужный раздел работает во многих штатных приложениях iOS. Вот лишь небольшой перечень тех, в которых мне удалось заставить его работать:
А это приложения Википедии и IMDb
Сторонних приложений, поддерживающих это нововведение, пока не так много. Однако Apple предоставляет разработчикам возможность по интеграции механизма в любые типы софта благодаря распространению фреймворка UIMenu. Всё, что требуется от разработчика, это найти применение нововведению, а потом добавить в его код нужный компонент. Это уже сделали разработчики приложений Wikipedia, IMDb и Documents. Возможно, есть и другие, но их я не проверял.
Новости, статьи и анонсы публикаций
Свободное общение и обсуждение материалов
Лонгриды для вас
iOS 14.2 Golden Master, или GM — это заключительная бета-версия iOS 14.2, которая имеет все нововведения и изменения релизной сборки 📱 Рассказываю, что нового в обновлении и когда оно выйдет официально
iOS 14, чей релиз состоялся 16 сентября может смело считаться одним из самых стабильных обновлений мобильной ОС от Apple. Несмотря на то, что пара незначител…
Если раньше в Mac mini можно было поставить даже 128 ГБ 😮 оперативной памяти, то в новый — максимум 16 ГБ. Неужели Apple научилась обходить нехватку ОЗУ? Или Mac mini превратили в печатную машинку? Разбираемся.
Как кнопка «Назад» способна уничтожить юзабилити сайта?
Многие исследования юзабилити показывают, что пользователи (как новички, так и опытные), часто используют кнопку «вернуться назад» в браузере. К сожалению, разработчики интерфейсов и маркетологи редко задумываются, какие последствия это может иметь для юзабилити — учитывая современные модели веб-дизайна, которые используют приложения, анимацию, видео и прочее. Часто техническая структура таких макетов некорректно реагирует на функцию «вернуться назад», чем разрывает ментальный шаблон пользователей и ухудшает их опыт.
Последствия этого могут быть ужасны: во время экспериментов неадекватная реакция сайта на нажатие кнопки «назад» была причиной ухода многих пользователей, причем с бранью и нелестными отзывами. В большинстве случаев даже почтенные, седовласые испытуемые страшно выходили из себя.
Из этой статьи вы узнаете:
Решение действительно очень простое, однако им часто пренебрегают даже самые крупные бренды. Исправим эту ошибку?
Ожидания пользователей
Коротко: пользователи ждут, что кнопка «вернуться назад» покажет им то, что они воспринимают как предыдущую страницу. Слово «воспринимают» очень важно, ведь между тем, что кажется предыдущей страницей, и тем, что является ей технически — колоссальная разница.
Возникает вопрос: что именно пользователи интерпретируют как новую страницу? В большинстве случаев, если страница существенно отличается визуально, но при этом концептуально связана с сайтом, то она воспринимается как новая. Поэтому очень важно отслеживать, как сайт обрабатывает различные интерактивные элементы: лайтбоксы, формы, фильтры и прочее.
Большая часть посетителей не разбирается в технических моментах, а полагается только на интуитивные представления о том, как должен работать ресурс. Поэтому при нажатии кнопки «назад» они ожидают страницу, на которой уже получили важный опыт, а получают страницу со слегка измененным интерфейсом.
Ниже приведены наиболее популярные интерактивные элементы и рекомендации по их использованию для максимального улучшения пользовательского опыта и юзабилити.
1. Наложения и лайтбоксы
Цель внедрения наложений и лайтбоксов — показать пользователю элемент, который возникает поверх страницы. Поэтому пользователи воспринимают подобные элементы как новые страницы, и нажимают кнопку «назад», чтобы вернуться в исходное положение — но попадают совсем не туда, куда ожидали. Это особенно прискорбно, ведь использование лайтбоксов только умножает отрицательное восприятие web-страницы — большинство пользователей не любят эти элементы на сайтах интернет-магазинов.
2. Фильтры и сортировка
Использование фильтров часто преображает страницу и дает человеку новый опыт. Поэтому страница после сортировки воспринимается как новая, даже если на ней ничего не подгружалось. Это происходит потому, что после каждого взаимодействия посетителя со страницей интернет-магазина получается новая выдача результатов.
Данный пример подчеркивает, что люди не вникают в технические аспекты при определении новой страницы, но используют только интуицию и сформировавшееся восприятие.
3. Форма регистрации/оплаты
Страница оплаты воспринимаются как новые страницы, и даже хуже — как многоступенчатый процесс, каждый этап которого можно отменить кнопкой «вернуться назад».
Подобный подход может принести проблемы, простой пример — человек хочет вернуться на шаг назад в заполнении формы, чтобы отредактировать введенную информацию. Нажатие кнопки «назад» возвращает его в корзину, и удаляет все (!) введенные данные. Раздражение и уход с сайта — закономерный эффект.
4. Использование AJAX
Технология AJAX может не оправдать ожидания пользователей: технически каждая страница AJAX находится под тем же URL, однако создается впечатление, что открываются новые страницы.
В контексте электронной коммерции у пользователей есть четкое восприятие того, что страница 3 и страница 4 — отдельные, и с четвертой к третьей можно перейти с помощью кнопки «назад».
Пользователи не готовы отказаться от кнопки «назад»
Учитывая, как широко применяется эта функция интернет-браузера, вопрос несоответствия ожиданий пользователя с видением разработчиков становится критическим — не стоит воспринимать его легкомысленно.
Особенно полюбилась кнопка «вернуться назад» пользователям мобильных приложений и сайтов. Как показало исследование мобильных версий сайтов, большинство пользователей использовало эту функцию на всех предложенных ресурсах. Причем использование кнопки не ограничивается откатом одной страницы — некоторые испытуемые нажимали ее до 15 (!) раз подряд.
Пользователи ПК тоже часто нажимают кнопку — но не так, как владельцы мобильных, ибо пользователям настольных компьютеров доступна удобная навигация по сайту.
Решение
Хорошая новость: HTML5 может предложить относительно простое решение проблемы, и называется оно HTML5 History API. Конкретнее — функция history.pushState() позволяет изменять URL без перезагрузки страницы. Соответственно сайт будет вести себя адекватно ожиданиям пользователя, нажавшего кнопку «вернуться назад».
Это означает, что при активации какого-либо интерактивного элемента сайт может вносить изменения в историю браузера пользователя. Конечно, функция применима не только к элементам, о которых мы говорили сегодня, но и ко всем прочим. Используя этот прием, вы можете быть уверены, что сайт оправдает ожидания пользователей.
Будьте разумны
Постарайтесь не переусердствовать с использованием history.pushState(). Эта сила должна быть применена разумно. Не стоит задавать отдельный URL для каждого слайда из фотогалереи и прочих мелких деталей. Иначе пользователь не почувствует разницу: по-прежнему, при нажатии «назад» ему потребуется пройти сквозь десятки незначительных изменений.
Любое значительное визуальное и контекстуальное изменение, воспринимающееся как отдельная страница, должно быть под своим URL.
Как кнопкой назад вернуться на туже позицию в предыдущем активити?
Здравствуйте я начинающий. Проблема в следующем:
Есть main_activity.xml в котором в scrollview находится большое количество LinearLayout. Ниже пример(здесь оставил только 2, по факту их около 100). По кликам на эти LinearLayout открываются новые активити. А при нажатии кнопки НАЗАД возвращает в предыдущее активити в самый верх.
Как сделать так чтобы по нажатию кнопки Назад возвращало на ту позицию от куда был клик, а не в самый верх.
А то получается что я проскролил, кликнул, прочитал, нажал назад и оказался в самом верху, нужно заново скролить до того места откуда был клик. Коды ниже:
Это разметка. Клики идут по android:id=»@+id/kart1″ (всего их до kart100)
android:id=»@+id/kont1″
android:layout_width=»match_parent»
android:layout_height=»match_parent»
android:orientation=»vertical»>
android:id=»@+id/kont2″
android:layout_width=»match_parent»
android:layout_height=»wrap_content»
android:layout_margin=»16dp»
android:orientation=»vertical» >
android:id=»@+id/kart1″
android:layout_width=»match_parent»
android:layout_height=»match_parent»
android:background=»@drawable/kont_res1″
android:orientation=»horizontal»>
android:layout_width=»92dp»
android:layout_height=»92dp»
android:layout_margin=»10dp»
android:orientation=»horizontal»>
android:id=»@+id/image_kart1″
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:background=»@drawable/kart_fon»
android:scaleType=»centerCrop»
android:src=»https://qna.habr.com/q/@drawable/kart1_avran»/>
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_marginEnd=»18dp»
android:layout_gravity=»center»
android:orientation=»horizontal»>
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:fontFamily=»sans-serif-medium»
android:textSize=»16sp»
android:lineHeight=»21sp»
android:text=»@string/rast1″
android:textColor=»@color/black»/>
android:id=»@+id/kart2″
android:layout_width=»match_parent»
android:layout_height=»match_parent»
android:layout_marginTop=»10dp»
android:background=»@drawable/kont_res2″
android:orientation=»horizontal»>
android:layout_width=»92dp»
android:layout_height=»92dp»
android:layout_margin=»10dp»
android:orientation=»horizontal»>
android:id=»@+id/image_kart2″
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:background=»@drawable/kart_fon»
android:scaleType=»centerCrop»
android:src=»https://qna.habr.com/q/@drawable/kart2_adonis»/>
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:layout_marginEnd=»18dp»
android:layout_gravity=»center»
android:orientation=»horizontal»>
android:layout_width=»wrap_content»
android:layout_height=»wrap_content»
android:textSize=»16sp»
android:lineHeight=»21sp»
android:textColor=»@color/black»
android:fontFamily=»sans-serif-medium»
android:text=»@string/rast2″/>
Это клик по которому переходим в новое активити (таких переходов тоже 100)
public class MainActivity extends AppCompatActivity <
@Override
protected void onCreate(Bundle savedInstanceState) <
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout linearLayout = (LinearLayout)findViewById(R.id.kart1);
linearLayout.setOnClickListener(new View.OnClickListener() <
@Override
public void onClick(View v) <
try <
Intent intent = new Intent(MainActivity.this, Rast1.class);
startActivity(intent);
finish();
Это системная кнопка назад в предыдущее активити
@Override
public void onBackPressed() <
try <
Intent intent = new Intent(Rast1.this, MainActivity.class);
startActivity(intent);
finish();
>catch (Exception e) <
>
>
А это я добавил в кнопку назад в верхнюю левую часть экрана
@Override
public boolean onOptionsItemSelected(MenuItem item) <
switch (item.getItemId()) <
case android.R.id.home:
super.onBackPressed();
Intent intent = new Intent(Rast1.this, MainActivity.class);
startActivity(intent);
finish();
>
return super.onOptionsItemSelected(item);
>
Если можно подробнее напишите или если получится вставьте в мой код, а то я новичок))
Поиск: «кнопка назад»
Добрый день, возник вопрос как перенести кнопку назад и поставить ее рядом с кнопкой далее при оформлении заказа.У меня сейчас это выглядит так.https://yadi.sk/i/_ZNvGrvEhqSk3Если перенести ее вниз то она перестает работать.код отвечающий за.
Приветствую, кто подскажет, как можно сделать кнопку назад, к примеру в корзине, чтобы человек мог вернуться на предедущую страницу?
Всем привет срочно пропала кнопка назад и не отображается под категории
Просто кричит об этом: http://take.ms/wYk7ZЕсть идеи?
Когда нажимаю кнопку назад на браузере у меня как будто слетают все стили пока не обновлю страницуТема default должно показывать как на скрине ниже )Подскажите в чем проблема
Здравствуйте, сделал кнопку «Вернуться назад» в корзине, даже не кнопку, а просто ссылку с кодомВернуться назадТеперь при возвращении назад в корзине.
Добрый день!Столкнулся с такой проблемой: при добавлении товара в корзину и нажатии в браузере кнопки «назад», информация о товарах в корзине (в дополнительном блоке) не сохраняется, пока не обновишь страницу. Т.е. заходим на сайт, переходим.
Нужно реализовать ссылку/кнопку «вернуться в каталог» на странице с товаром или в корзине. Первое, что приходит на ум: но по.
Кто нибудь сталкивался, ужасно тормозит админка, особенно когда редактируешь товар или шаблон. Например в шаблоне надо вставить или заменить код выделяешь мышкой то место выделение происходит с опозданием, в ставка нового кода тоже с опозданием. В.
Обратите внимание https://support.webasyst.ru/forum/386/predlozheniy. пункт номер два до сих пор не реализован, а вы попробуйте поредактировать списки с 500-1000 товаров проматывая подгружаемый список дальше проблема которая опять же связана с пунктом.
Сегодня было выпущено обновление Shop Script 6.2.1. Что нового: 1. Добавлена возможность отключения ленивой загрузки списков товаров в бекенде для включения постраничной навигации. В настройках магазина в разделе «Общие настройки» добавлена.
Необходимо сделать в админке сайта, вариант загрузки товаров в категориях по-странично, а не подгружающимся списком. У меня, например, 21.000 позиций и их надо редактировать (добавлять в различные категории и т.д.). Но если, например, виснет браузер.
Здравствуйте!Столкнулся с такой проблемой при работе с системой WebAssyst Shop-Script:при заходе на сайт интернет-магазина вместо цифры 0 возле Корзины отображается сумма денег, при этом сама корзина пуста. При клике на ссылку «Корзина» так.
Добрый день. Как можно сделать так, чтобы пользователю выводилась информацию в фроненде о том, сколько товаров в данный момент у него лежит в корзине. То есть как сделать числовой счетчик возле корзины, который будет расти по мере увиличения.
В теме Гипермаркет отсутствует вывод информации о сроках доставки при оформлении заказа
сайт: www.akvamed.comОписание доработок с картинками здесь: https://www.dropbox.com/s/ptup0mafzkot6x6/%D0%B4%D. Вкратце: 1. Навигация в подгруппах. Когда заходим в подгатегорию, пропадает навигация для возврата в предыдущую категорию. Т.е.
При нажатии на категорию сейчас появляются подкатегории (только при нажатии, отображаются списком как и основное меню + кнопка назад).Как сделать чтобы при наводке на категорию выпадал список подкатегорий? В main.html пробовал заменить:
Добрый деньПодскажите пожалуйста как правильно воспользоваться плагином Smarty конструкцией
Webasyst — это CMS нового поколения, совмещающая в себе инструменты для управления сайтом и интернет-магазином с полезными приложениями для совместной работы с коллегами и взаимодействия с клиентами. Единый центр управления бизнесом через интернет.
Платформа
Магазин Webasyst
Помощь
Мы получаем и обрабатываем персональные данные посетителей сайта в соответствии с Политикой обработки персональных данных. Отправка персональных данных с помощью любой страницы сайта подразумевает согласие со всеми пунктами Политики.