Адаптивный дизайн: Как сделать адаптивный дизайн сайта для всех устройств?

Содержание

Адаптивный дизайн

Адаптивный дизайн (англ. Adaptive Web Design) – вариант верстки сайта, при котором страницы отображаются одинаково корректно на десктопах, планшетах, смартфонах. При адаптивной верстке (ее также называют резиновой) нет необходимости создавать дополнительные версии – с сайтом удобно работать с любых устройств.

Резиновая верстка подразумевает «эластичный» макет сайта – тексты, видео, изображения. В зависимости от размера экрана и браузера пользователя страница сайта меняет свой вид: исчезают горизонтальная полоса прокрутки, скрываются отдельные элементы.

В основе технологии лежат подходы Аарона Густавсона (который ввел в обиход понятие «адаптивный дизайн») и Итана Маркота (автора определения responsive web design – «отзывчивый веб-дизайн»).

Применение адаптивной верстки позволяет пользователю максимально эффективно взаимодействовать с сайтом; то есть основная цель такого дизайна – не просто корректное отображение на разных устройствах, а ответ на запрос посетителя сайта и удовлетворение его потребности (получение информации или удобная быстрая онлайн-покупка).

Необходимость адаптивного дизайна связана с ростом мобильного трафика и факторами ранжирования Яндекс и Google. Сайты, адаптированные для мобильных устройств, снабжаются в выдаче пометкой «моб.» (в Google) или «для мобильных» (в Яндексе).

Проверить, оптимизирован ли сайт для мобильных устройств, можно с помощью Google Search Console.


Пример отображения страницы сайта с десктопа


Так выглядит эта же страница сайта с мобильного: адаптивная верстка, раскрывающееся меню, корзина – ничего лишнего.


Нижняя часть страницы сайта при адаптивной верстке. Функциональный футер: страницы оплаты, доставки, самовывоза + социальные кнопки и поиск.

Для чего нужен адаптивный дизайн сайта

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

Проще говоря, чтение материалов сайта и навигация по ним не должна вызывать проблем как на настольном компьютере, так и на планшете, смартфоне и т. д. Адаптивный дизайн сайта необходим, потому что в последнее время пользователи для доступа в интернет используют самые разные устройства. Кстати, о других веб-технологиях можно почитать в блоге solonik. И смартфоны с планшетами занимают здесь не последнее место, и с каждым годом их доля только растет. Как показывает статистика, почти 50% трафика многих популярных сайтов поступает с мобильных устройств.

Адаптивный дизайн дает ряд преимуществ по сравнению с сайтами без такой функции.

  1. Вы не теряете посетителей из-за того, что ваш сайт сложен для чтения и навигации на мобильных устройствах.
  2. Сайт с адаптивным дизайном получает более высокое место в поисковой выдаче.
  3. Благодаря тому, что материалы сайта комфортно читать на любом устройстве с выходом в интернет, ваши посетители не уйдут к вашим конкурентам.
  4. Хорошо выглядящий сайт повышает доверие со стороны посетителей и побуждает их возвращаться, переводя их разряд постоянных.

Если ваш сайт использует какой-либо CMS движок, вроде WordPress, Drupal или Joomla, то найти в интернете шаблон или тему с адаптивным дизайном не составит особого труда. Это может быть как коммерческая тема, стоимость которой впрочем в настоящее время не так уж и велика, так и бесплатная, правда в этом случае придется приложить определенные усилия по настройке и подгонке ее под ваш сайт. Если же ваш сайт состоит из статических HTML страниц, то вам придется самому доработать их, либо обратиться за помощью к специалисту. Тем не менее, все усилия по внедрению адаптивного дизайна безусловно окупятся сторицей.

что это и в чем его особенности?

70% поискового трафика и 51% всей активности сети идёт с мобильных устройств. Столько людей просматривают сайты с небольших экранов – пожалуй, стоит позаботиться об их удобстве и позитивном опыте. Иначе все эти люди не останутся на вашем сайте надолго, не оставят заявок и ничего не купят. Как же подцепить эту огромную аудиторию? С помощью эффективного – адаптивного – дизайна.

Что такое адаптивный дизайн?

Это метод разработки веб-страниц, который заключается в автоматической оптимизации под размер и пропорции любого экрана. Проще говоря, адаптивный дизайн делает ваш сайт красивым для всех посетителей. И удобным, вне зависимости от устройства, с которого зашёл пользователь. 

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

Как работает адаптивный дизайн?

Адаптивный сайт потому так и называется, что он адаптируется к размеру устройства и браузера для правильного отображения контента. Вы выставляете контрольные точки на целевые диапазоны, которые определяют конкретные дисплеи. То есть указываете, какой макет используется для какого соотношения сторон и разрешения. А движок проверяет, какой экран у устройства посетителя, и выдаёт нужный дизайн.


А отзывчивый дизайн?

Это более совершенная версия адаптива. Здесь движок не выбирает из нескольких вариантов, а плавно подстраивает размер элементов под параметры экрана и браузера.


Первый – адаптивный, второй – отзывчивый.

О чём стоит помнить?

  • Кнопки. Палец человека намного больше курсора на экране компьютера. Кнопки и гиперссылки должны быть не менее 48х48 пикселей, чтобы их можно было нажать с первого раза.
  • SVG. Это подходящий формат для векторной графики, который прекрасно масштабируется без потери качества.
  • Адаптируемые изображения. Не все изображения можно перевести в формат SVG. В случае с фото и другими растровыми картинками используйте CSS-правила для автоматической подстройки изображений под размер экрана.
  • Шрифты. Убедитесь, что ваш шрифт читается на всех устройствах. Google рекомендует использовать размер шрифта в минимум 16 CSS-пикселей.
  • Возможности устройства. Потенциальные и реальные клиенты не могут позвонить вам через свои компьютеры, но со смартфонами это реально. Попробуйте изменить призыв к действию «Напишите сейчас!» на «Позвони сейчас!» и укажите номер своего рабочего телефона вместо электронной почты.
  • Проверка. Протестируйте свой адаптивный сайт на разных устройствах и в разных браузерах. Как именно – читайте в отдельном разборе.

Адаптив или отдельная мобильная версия?

Есть два основных подхода к созданию мобильных сайтов: адаптация одной версии к разным экранам и разработка отдельной мобильной версии. 

Первый вариант универсален. Второй подходит только для очень функциональных ресурсов типа Facebook или Twitter. Адаптивный или отзывчивый дизайн более рентабелен, так как требует меньше вложений. Этот дизайн проще разрабатывать и поддерживать. Это тот же код, который выглядит по-разному на разных устройствах, но все элементы остаются в наличии. 

Но если вы хотите сделать отдельную версию с изменённым функционалом (проще или со специальными мобильными фичами), лучше создать мобильный сайт с нуля. 

Адаптивный дизайн | maximsoldatkin.com

Как выравнивать текст в блоках и сами блоки, если сайт полностью резиновый? Не получится сделать так, чтобы все элементы всегда были выравнены относительно друг друга. Что-то рассчитано на растяжение, что-то фиксировано. Я расскажу и покажу, что такое адаптивный дизайн. Также вы можете записаться на мой видео-курс по веб-дизайну.

 

Адаптивный дизайн: как сделать?

Как на самом деле быть с адаптивностью? Стоит сказать, откуда взялась адаптивность.

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

Существует адаптивный дизайн под разные размеры экранов. В чем суть:

Рис.1 Адаптация под различные размеры экрана (Agima – bfm.ru)

В данном примере (рис.1) мы видим сайт сделанный под  laptop, размер экрана 1024, потом айпай 768, под мобильный телефон, вайфон в горизонтальном отображении 480 и вертикальная развертка.

Адаптивный дизайна сайта: фазы

И вообще, суть адаптивного веб-дизайна сайта – соответствующий дизайн под каждую фазу. Адаптивность это определенные фазы, определенный размер экранов.

На проектирование дизайна влияет:

Кстати, рекомендую посмотреть прямо сейчас:

  1. Количество фаз. Количество размеров экрана в адаптивном дизайне, которые вы задаете.
  2. Переход между фазами.

Вообще фазы и переходы.

Рис.2 Фазы и переходы

Если мы в первом примере (рис.2), то видим резиновый сайт, который изменяется при изменении размера сайта.

Если мы смотрим на правый пример, то здесь есть просто три фазы и размер сайта фиксированный. Вот раз фаза, вторая и третья. Третья, более менее, двигается, но все равно. То есть третья получается здесь резиновая.

И применимо к адаптивному дизайну, у нас есть переменные, то как мы можем влиять на то, что будет происходить на экране, с чем мы будем взаимодействовать.

Адаптивный веб-дизайн: переменные

  1. Размер картинок
  2. Размер шрифта
  3. Количество контента, которым мы располагаем на экране.

Посмотрим на пример Boston (рис.3), здесь все эти переменные используются. Во-первых, размер картинок. Явно видим, что они увеличиваются, размер шрифта также меняется.

Часто можно видеть, что  шрифт привязан к размеру блока, он изменяется резко, рывками. Если мы завязываем размер шрифта на размере страницы, соответственно мы можем со шрифтом обращаться плавнее.

Рис.3 Размер картинок и шрифта, количество контента

Рис. 4 Размер картинок и шрифта, количество контента

Дальше, еще один пример (рис.4). Здесь мы видим, что явно меняется размер картинки. Здесь нет шрифта, но есть блоки. Размер шрифта изменился, и блоки поменяли свое место, и также меняется количество контента. То есть, блоки адаптируются под размер страницы.

Для правильного дизайна адаптивного сайта необходимо делать как минимум две адаптации на фазу: максимум и минимум.

Рис.5 Две адаптации на фазу: максимум и минимум.

То есть, допустим, в примере мы видим размер максимум, размер минимум. После этого фаза меняется, то есть, допустим, изменилось количество колонок. Также мы смотрим по этой фазе, какой максимальный размер, какой минимальный размер, и настраиваем размеры блоков. Что-то у нас фиксировано. Давайте вернемся на предыдущий слайд (рис.4). Здесь вот эта картинка меняется, то есть она сразу адаптивна (от большого к маленькой). Здесь также может быть промежуточная фаза. Вот этот блок остается фиксированным какое-то время. Потом он резко увеличивается в размерах и снова уменьшается.

Опять же, изменяется количество контента на экране.

Делаем адаптивный дизайн

Опять же напомню, что адаптивный веб-дизайн сайта — это, прежде всего, комфорт для посетителя. Человек заходит на сайт, ему удобно, он быстрее находит то, что ему нужно и не приходится совершать какие-то дополнительные манипуляции. А для дизайнера, вы можете убеждать клиента делать какие-то дополнительные адаптации. И тем самым вы можете с одного проекта зарабатывать больше денег, делая не один сайт, а предложить клиенту адаптацию за какой-то процент. У вас макет соответственно уже готов, дизайн уже готов, правки уже будут минимальные, вам нужно лишь адаптировать ваш дизайн.

И во-вторых, адаптивный дизайн сайта – это дополнительная прибыль и для клиента, и для дизайнера. Про клиента уже говорили, что он сразу попадает туда, куда ему нужно попасть.

И как подойти к адаптивному дизайну.
Обозначьте количество фаз (и сами размеры этих фаз в зависимости от устройства). И для каждой фазы должно быть два размера: максимальный и минимальный, и соответственно, адаптируйте дизайн для каждой фазы.

Ну а вообще я рекомендую вам посмотреть интересный и бесплатный мастер-класс о профессии веб дизайнера.

 

Адаптивный дизайн сайта

Админ АкроВеб

По статистике каждый 3-й пользователь рунета выходит в сеть с планшета или мобильного телефона. А согласно прогнозам, к 2020 году около 70% мирового населения будут пользоваться смартфонами. Это значит, в какой бы сфере ни работала ваша компания, самое время позаботится об адаптивном дизайне сайта, чтобы он стал удобнее для тех, кто используют мобильные устройства.

Зачем ограничивать бизнес только пользователями персональных компьютеров? Дайте возможность узнать о вашей компании людям, которые заходят в Интернет с мобильных гаджетов.

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

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

Какие преимущества вы получите с адаптивным дизайном сайта?

Если вы заказываете сайт с адаптивным дизайном или редизайн сайта под адаптивный, тратить средства на отдельную мобильную версию веб-страниц не придется. Обратившись к нам, вы получите:

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

SEO-преимущества – вам не придется привлекать трафик отдельно на мобильную версию сайта. Меньшее количество дублей и концентрация на одном домене позволят поисковым системам быстрее и точнее индексировать именно ваш ресурс.

Простота внесения новой информации – если вы захотите добавить на сайт новый блок, достаточно сделать это один раз, и он будет доступен вне зависимости от устройства.

Индивидуальный подход к разработке и созданию нового интерфейса.

Расширение границ вашего бизнеса за счет охвата большей аудитории.

Такие популярные сервисы, как Google и Яндекс, рекомендуют порталам и интернет-магазинам создавать адаптивные версии сайтов. Сегодня именно им отдается предпочтение при выдаче результатов поиска. Позаботьтесь об адаптивном веб-дизайне, и его универсальность позволит вам идти в ногу со временем! Какие бы новые гаджеты ни появились, сайт будет отображаться на экранах в лучшем виде.

Адаптивный дизайн, или Когда не все помещается в экран

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


Но эта статья все же не об этих моделях. В ней описываются некоторые особенности малоизвестных проектных шаблонов, таких как «гибкие» интерфейсы автомобильных сайтов-конфигураторов, выпадающей меганавигации (список открытых окон из двух и более колонок), содержания сетки интерфейса, карт и диаграмм, а также адаптивных художественных направлений. Обратите внимание на то, что эта статья не техническая. Она об интересных UX-моделях пользовательских интерфейсов, встречающихся повсеместно, а не о программных шаблонах. Будьте внимательны, чтобы не пропустить ответы на свои вопросы. 


Сегодня при проектировании адаптивных или динамических веб-сайтов, правильнее переходить от работы над отдельными страницами к разработке гибких дизайнерских систем. Таким образом, мы сначала сосредотачиваемся на деталях, затем, объединяя их, создаем более крупную структуру, которая в итоге превращается в страницу интерфейса. Именно так можно решить задачу единого интерфейса для основной и мобильной версий сайта и для экранов разного размера. Но и в этом случае мы рассматриваем адаптивный дизайн интерфейса просто как систему разноразмерных окошек на странице, с различным расположением, и различным содержанием.

Сложность адаптивной графики

Я думаю, что правильнее рассматривать адаптивный дизайн как сложную структуру с множеством компонентов, которые включают текстовое оформление, расположение окон, удобство пользования, навигацию и производительность (указаны лишь некоторые параметры). Поэтому каждый раз приступая к проектированию, мы пытаемся разместить нужные детали в нужном месте, учитывая данные параметры и гарантируя создание устойчивой системы, которая, вместе с тем, может трансформироваться в зависимости от наших желаний и от настроек пользователя. Исходя из этого, сам процесс разработки адаптивных веб-сайтов, выглядит достаточно сложным и болезненным, не так ли? 

На самом деле, построение таких моделей — это действительно достаточно сложный процесс. Именно потому мы продолжаем исследовать чужие и пересматривать собственные проектные решения и разработки, пытаясь везде найти лучшие примеры. Они могут быть очень полезными, так как служат подсказками, когда мы оказываемся в тупике и не знаем, что делать дальше — они помогают нам сэкономить время, позволяют повторить примеры, которые уже доказали свою целесообразность. Это не значит, что мы применяем одни и те же приемы в каждом проекте, но мы можем взять их за основу, переработать их и создать новые, в зависимости от поставленной задачи. И после этого такие проектные модели могут стать невероятно ценными. 

В этой статье мы внимательно изучим пять проектных адаптивных моделей: начиная от автомобильного конфигуратора (это программа для графического конструирования) до карт и инфографики. 

Приготовьтесь — будет интересно!

Адаптивный интерфейс для автомобилестроения

Давайте представим, что вам звонят из солидной компании, которой нужно усовершенствовать веб-сайт. Как оказалось, новый интерфейс им нужен был еще вчера, а грандиозный заказ подтвердят только через несколько недель. Время работает на вас, да и бюджет неплохой. 

Что, если бы той компанией была BMW, и вам необходимо было создать адаптивный автомобильный конфигуратор, который позволил бы клиентам компоновать и покупать автомобиль по своему вкусу? Вам пришлось бы нарисовать все контуры машины, ее внутренний и внешний вид, механизмы… А еще предусмотреть панорамный обзор каждого автомобиля со сравнительными характеристиками на случай, если пользователь захочет посмотреть сразу несколько автомобилей одновременно. Понятно, что интерфейс должен быть адаптивным. 

Время на исходе, а как вы приблизились к решению этой задачи?

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

В первоначальном виде это может выглядеть как макет на одну страницу с несколькими разделами, каждый из которых имеет несколько кнопок или переключателей. Мы могли бы использовать множество графических клавиш, сгруппировав их в логические разделы, что позволило бы пользователям легко перемещаться по ним. Нам также была бы необходима такая навигация, которая бы дала возможность пользователям работать с теми деталями, которые они уже выбрали. Кроме того, каждый раз, когда пользователь выбирает один из компонентов автомобиля, данное изменение должно отображаться немедленно. 

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

Если мы посмотрим на автомобильный конфигуратор BMW, то мы его сразу узнаем. На небольшом экране пользователи могут выбрать название модели в выпадающем меню или фотографию из автомобильного ряда. В мобильной версии конфигуратора пользователь, в основном (75% взаимодействия), применяет функцию прокрутки. 

Таким образом, внизу экрана целесообразно добавить навигацию и кнопку «далее». Чтобы пользователи могли быстро переходить между разделами конфигуратора, мы также можем использовать значок «обзор», который запрашивает полноэкранный обзор всех этапов работы. 

Вместо иконок для каждого раздела, которые могли быть собраны на одной странице, у каждого этапа есть своя страница. А на каждой странице, если мы не можем вывести на экран все команды сразу — например, все цвета или все виды колес — мы можем предоставить пользователям слайдер. Пролистав графическую строку влево или вправо, можно найти необходимую или понравившуюся функцию. Очевидно, мы должны сфокусироваться именно на деталях автомобиля в каждом из этапов процесса. Таким образом, мы сможем удалить все вспомогательные функции и подсказки и скрыть их (возможно, в другом выпадающем меню).


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

А еще на больших экранах мы можем эффективнее использовать пространство, переместив текущие позиции пользователя на боковые панели — в горизонтальную либо вертикальную области. При этом сам автомобиль будет всегда оставаться в центре внимания. Именно здесь разработчики автомобильного конфигуратора BMW решили применить панорамный обзор, в дополнение к функции сохранения промежуточных результатов для возможности их дальнейшего использования. Эти функции были бы удобны и при использовании конфигуратора на телефоне или на планшете. 

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

По сути, это не самый сложный автомобильный конфигуратор, как это могло показаться изначально. Мы привели здесь много примеров, но только немногие из них адаптивные. А вот автомобильный конфигуратор Ferrari выделяется из общей массы подобных проектов из-за его особенностей. Здесь, среди прочего, можно переключать дневное и ночное освещение или компоновать сразу две версии автомобиля и мгновенно увидеть и сравнить их характеристики.

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

Адаптивная или раскрывающаяся навигация

В одном из своих эссе создатель системы управления проектами Basecamp Джейсон Фрид утверждал, что «основная трудность в процессе разработки продукта и дизайна интерфейса исходит от попыток сбалансировать необходимое, удобное и возможное». 

Это звучит, как достаточно обобщенное наблюдение, но на практике оно оказывается действительно ценным. Фактически, каждый раз при попытке организовать и разработать навигацию мы группируем навигационные элементы именно в эти три блока. То, как вы их сгруппируете — и определит порядок выведения навигации на экран по всему веб-сайту. Что же это значит?

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

• Удобное — это все, что касается функций и разделов, которые используются часто, но не постоянно. Это то, где мы как разработчики должны сбалансировать критическое и некритическое. Такие элементы зачастую сложно выявить. Обычно эти разделы претендуют на роль основных навигационных элементов, которые доступны по щелчку кнопки или переключателя в выпадающем меню. 

• Возможное — все, что касается блоков веб-сайта, которые редко используются и обычно не требуют особого внимания. Они должны быть доступными, но не находиться на виду и, тем более, в центре экрана. Лучше, чтобы они были скрытыми. Эти элементы обычно хорошо работают во вспомогательной навигации. 

Итак, что будет, если мы используем это разделение задач применительно к навигации интерфейса? 

В первую очередь мы занялись бы определением «необходимых» позиций (например, поиском наиболее посещаемых разделов веб-сайта) и выведением их на экран во всевозможных модулях. Мы смогли бы выявить «удобные» навигационные функции с комфортным раскрытием (например, кнопкой «Мeню» или переключателем), обеспечить доступ к «возможному» на отдельной странице, как только пользователь нажимает на один из модулей подразделов «Меню», и не располагать эти позиции на основной панели навигации. 

Как правило, отображение «возможного» на основной панели навигации нежелательно или даже вредно. Однако окончательное решение следует принимать после анализа результатов тестирования на удобство и простоту использования. 

При создании интерфейса для сайта Всемирного фонда дикой природы пошли именно по этому пути. Вместо того, чтобы вывести на экран сразу все модули навигации во всех режимах просмотра, там выбрали наиболее важные из них. А возможность доступа ко всем остальным оставили только при необходимости. В режиме увеличенного просмотра верхняя функциональная панель навигации представлена в виде семи выпадающих меню. В режиме уменьшенного экрана вы можете видеть только две ссылки («О проекте» и «Пожертвовать»), расположенные на самом видном месте экрана. Здесь же есть линейка иконок, скрывающих список основных навигационных функций, но не ссылки, которые открываются на весь экран в виде всплывающих окон после наведения на них курсора мыши. Эти функции остаются доступными, когда пользователь выполняет прокрутку страницы раздела.

В данном случае

  • «очевидными» или «необходимыми» позициями могли бы быть функции «Внести» и «Принять»;
  • «удобными» — основные категории в линейке меню;
  • «возможными» — все функции, доступные после открытия каждого отдельного раздела. 

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

Это правда. Но с более конкретной навигацией можно ожидать и более высокой активности пользователей, и большее количество переходов на функции, которые видимы сразу. Неужели вы действительно хотели бы сразу увидеть все содержание раздела, представленное списком простых ссылок? 

Однако в некоторых ситуациях, видимость и доступность таких элементов целесообразны. Особенно, если многие пользователи часто возвращаются к веб-сайту или даже к определенным разделам. Анализ этих данных позволит ответить на вопросы, должны ли такие элементы войти в «удобный» или в «возможный» блоки. И именно здесь нужно разрешить все наши сомнения.

Данную стратегию можно применить к линейной навигации, а также к раскрывающемуся меню. Такой подход часто выбирают большие веб-сайты с десятками разделов. И это хорошая возможность вывести на экран одновременно большое разнообразие продуктов и разделов. Да, это хорошо работает на рабочем столе, по крайней мере там, где есть достаточно пространства. Но такой интерфейс не годится для мобильной версии. Что мы можем сделать в этом случае? У нас есть несколько вариантов.

Еженедельная газета The Guardian использует комбинацию раскрывающегося меню и шаблона «приоритет +», чтобы вывести на экран как можно больше элементов на всех этапах просмотра. Затем эти элементы помещаются в выпадающее меню каждый раз, когда они больше не востребованы. На маленьких экранах расположение элементов линейное со всеми навигационными функциями, представленными в большом списке. Выбор нужной позиции выводится на экран в верхней части.

Газета Financial Times решила представить интерфейс в виде большого меню, снабженного вкладками. Вместо того, чтобы все элементы вывести на экран в длинном списке ссылок, каждую группу представили как вкладку, которая открывается после наведения на нее курсора или после клика. 

Институт вероисповедания, труда и экономики (Institute for Faith, Work, Economics) использует подобный метод для упрощенной навигации. Если первичная навигация помогает выбрать раздел сайта, то вторичная создана для того, чтобы направлять пользователя к определенным страницам. В данном случае на больших экранах в режиме ожидания представлена вторичная навигация. На маленьких экранах вторичная навигация выведена на правую сторону навигационной панели. Стрелка справа указывает на вторичную навигацию. Вероятно, что этот указатель должен быть крупнее.

Сайт Food & Company размещает ряд элементов в виде красочных картинок. На больших экранах эти изображения сразу привлекают внимание пользователей и отправляют его к заинтересовавшему разделу. На маленьких экранах изображения заменены текстом, и все элементы интерфейса организованы намного компактнее.


Сайт Евровидения (EuroVision) имеет последовательное расположение навигационных элементов и позволяет flexbox (инструмент управления блоками веб-сайтов) заботиться о заполнении пространства экрана рационально и автоматически. Результат не всегда совершенен, но это быстро и просто. И не критично для макета.

Самый простой способ расположить мега выпадающее меню, группируя разделы по порядку друг за другом. В этом случае выпадающее меню представляет собой список открытых окон, требует меньше места и потому может быть удобнее других элементов. Однако для пользователей было бы удобным более компактное расположение элементов и вкладок. 

Расположение в интерфейсе множества графических элементов и нескольких уровней навигации говорит о том, что проект несовершенен и требует упрощения. 

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

Не каждый скрытый раздел в проекте следует сохранять, ведь часто они просто не востребованы.

Заполнение адаптивной мозаикой

Порой навигация принимает причудливые формы. А что еще остается делать, если вы хотите на основную страницу вывести самые интересные и привлекательные элементы? Тогда разработчик уходит от скучных квадратов и идеальных кругов, выстроенных в стандартную сетку интерфейса. Но как перестроить эту стандартную сетку и как сделать эти необычные элементы адаптивными? 

Легче всего это сделать, расположив элементы в вертикальный список разделов.

На сайте Sapporo применили этот прием. Здесь мозаика не повторяется многократно на странице, а превращение каждого раздела в отдельный блок, работает очень хорошо.

Но это не оптимальное решение для всех веб-сайтов. Typekit представляет сложный образец заполнения мозаикой с уникальным размещением блоков. В данном случае, на странице необходимо было расположить множество блоков. В результате для их вертикального выравнивания потребовалась бы очень длинная страница. Вместо этого разработчики Typekit решили заменить мозаику полосой прокрутки в уменьшенном виде. Пользователи могут провести пальцем влево или вправо для того, чтобы познакомиться с разделами. Хорошо бы было добавить переключатели «предыдущий» и «следующий» в верхнем правом углу каждой полосы прокрутки для того, чтобы помочь пользователям легко перемещаться между этими разделами.

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

Сайт Музея мирового футбола ФИФА (FIFA World Football Museum) отображает блоки наполнения интерфейса в виде сфер. Разработчиков на это вдохновила официальная эмблема ФИФА — шар. Каждая сфера выстроена из шестиугольников, а ее края используются в качестве соединителей между блоками.

На больших экранах шестиугольники больше. Они выводят на страницу содержание блоков в виде всплывающих окон. На меньших экранах содержание тоже выводится на экран, но в ограниченном объеме. При смене окон просмотра шестиугольники перестраиваются, но прием мозаичного заполнения остается. 

Чтобы показать доступные свойства и функции, сайт TPS Real Estate использует всплывающие окна с замаскированным видео. Пока страница загружается, планы этого видео используются в качестве основных картинок и формируют каркас страницы. После клика на один из экранов, его содержание становится доступным и вытесняет компоновочные планы страницы.

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

Самый простой способ сделать заполняющую мозаику адаптивной — превратить ее в список блочных элементов. Можно использовать полосы прокрутки или перестраивать в различные виды мозаику, но так, чтобы пользователи могли переключиться на любой режим по своему желанию.

Адаптивные карты и схемы

Как правило, даже самая совершенная заполняющая интерфейс мозаика не столь детализирована, как большая карта или специфическая инфографика. Часто на картах используются своеобразные фильтры поиска — например, чтобы позволить пользователям визуально выбрать район города, где они хотели бы приобрести недвижимость. Очевидно, поле ввода упростило бы такой поиск — но только, если пользователи точно знают, что они ищут. Что делать, если вы хотите вывести на экран диапазон цен для конкретных территорий, используя цвета и текст так, чтобы пользователь мог щелкнуть мышью по интересующей его зоне и изменить ее масштаб?

Проблема карты состоит в том, что при уменьшении ее масштаба мы часто теряем точку поиска, которая необходима для удобной и точной навигации. Одним из вариантов решения проблемы мог бы стать вывод на маленькие экраны карт более низкого качества и меньшего разрешения. А на больших экранах качество карт и их деталировка была бы лучшей. Другим вариантом могло бы быть применение менее точного поиска или предложение пользователю нескольких вариантов поиска, если они не знают точно, что ищут на карте. Например, карта мира на веб-сайте Кремля (Kremlin’s website) позволяет пользователям выбирать несколько стран сразу и затем предлагает список данных с запросами об интересующей стране. Традиционные средства управления интерфейсом для изменения масштаба карты также доступны. Однако, выбирая Aндорру, запасайтесь терпением, ведь поиск территории на карте потребует больше времени и усилий, чем выбор страны из списка, предложенного сайтом. У этого веб-сайта есть десятки других полезных моделей и шаблонов. И мы рассмотрели их в тематическом обзоре веб-сайта Кремля в прошлом году. Советуем почитать!

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

Другой интересный вариант применения карт состоит в изменении точных очертаний территорий на схематические. Это то, что канал новостей CNN решил сделать для политической карты «Оценка кандидата». Вместо того, чтобы изобразить на карте территории штатов в точном размере и очертании, CNN представляет каждый штат в системе координат (по широте и долготе) схематически, с буквенными аббревиатурами внутри и результатами поддержки избирателей по каждому штату. Картинка мало похожа на реальную карту, но она хорошо визуализирует представленные данные и может быть использована в мобильной версии вместо длинного списка вертикальных таблиц с данными штатов.

Адаптивное художественное направление

Модификация картинок и точность деталей для различных по размеру экранов является одним из краеугольных камней адаптивного художественного направления. Можно предположить, что в веб-дизайне, художественное направление чаще всего применяют исключительно для специальных страниц. Например, страниц перехода (переадресации). Здесь мы точно должны быть уверены, что продукт представлен отлично. Значит, стоит потрудится, чтобы изменение визуальных эффектов соответствовало размерам экранов. 

Иногда это не только предпочтительно, но и необходимо. У Emirates airlines веб-сайт не адаптивный. Компания использует и мобильную версию сайта. Но, к удивлению, содержание обоих веб-сайтов похоже, хотя и очень отличается с точки зрения художественного оформления.

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

В мобильной арабской версии сайта женщина смотрит справа налево и держит стакан десерт в левой руке. Такое же изображение и в основной арабской версии сайта. 

Интересно и то, что на веб-сайте Эмиратов в мобильной версии важные элементы, такие, как бронирование рейса и выбор места, не выделены цветом или кнопками, а просто расположены выше других позиций. Это еще один прием, который может разнообразить модели интерфейсов.

Еще один пример, где необходимо адаптивное художественное направление — это обучающие сайты. Чтобы рассказать историю главного героя — бегуна из Токио, сайт о марафоне Kobe Marathon QBB использует серию мультипликационных картинок. Изображения различны для больших и маленьких экранов. Эти же картинки остаются фоновыми для всех страниц.

Эту идею можно развить и позволить пользователям изменять размер изображений в рамках комикса. Это удобно для просмотра каждого отдельного кадра из всей линейки изображений. Именно так делают в Аль-Джазире (Al Jazeera). Когда пользователь открывает кадр в мобильной версии, кадр увеличивается и оказывается в центре экрана, вытеснив все остальные картинки. Для перемещения по кадрам, пользователю достаточно провести пальцем по экрану влево или вправо.

Художественное направление адаптивного дизайна целесообразно применять для стартовых страниц и страниц переадресации. Такие приемы полезны для многоязычных проектов или обучающих веб-сайтов.

Проектные модели заслуживают большего доверия и внимания пользователей. Изучение опыта коллег помогает разрешить типичные проблемы, избежать потери времени и выбрать правильную концепцию развития. 

Сложные интерфейсы могут быть поделены на более простые составляющие и переформатированы для основной и мобильной версий сайтов. Выпадающие мегаменю (список открытых окон, состоящий из двух и более колонок) для больших экранов можно преобразовывать в ряд вкладок или в сгруппированные навигационные панели для малого экрана. С заполняющей мозаикой мы можем превратить блоки в полосы прокрутки, что позволит пользователям переключаться между режимами просмотра. Для карт и сложной инфографики, пользователи могут выбрать несколько объектов одновременно и обозначить окончательный выбор на следующем этапе пользования. 

Адаптивное художественное направление — это сложнее, но оно может существенно улучшить страницы переадресации и любой обучающий проект.

Источник: smashingmagazine.com

Адаптивный дизайн сайта — статья о современной верстке от GuruLabs

Ни для кого не секрет, что информационные технологии с невероятной скоростью поглотили все наше пространство. Буквально за последние два-три года процент проведенного времени в телефоне/планшете значительно увеличился. Приоритет отдаётся именно маленькой версии устройств из-за своей мобильности и комфортности использования.

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

Сразу возникает мысль, что это совершенно иной сайт, специально автоматизированный под телефонную версию. В наши дни такой приём практически ушёл из своего пользования. Универсальный, автоматически адаптированный сайт, который подстраивается под любой размер экрана-адаптивный веб-дизайн.

 

Основные отличия адаптивного сайта и мобильной версии сайта/приложения.

Мобильные версии и приложения специально разработаны для удобства и быстроты поиска необходимой информации. Но, конечно, и здесь имеются недостатки, которые делают весомый перевес на использование адаптивных разработок в веб-дизайне.

1. Каждая операционная система=своё собственное приложение/сайт.

Под определённый вид операционной системы оптимизируются и остальные разработки, а это имеет большие временные рамки и сильно бьет по финансовой стороне.

2. Хочешь воспользоваться-загрузи.

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

3. Двойная работа или синхронизация.

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

4. Посещаемость снижается.

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

5. Новая технология=мало специалистов.

Одним из самых весомых минусов адаптивного дизайна является-недостаток хороших специалистов в данной отрасли. Так как сфера достаточно молодая, чувствуется сильная нехватка знаний и наличия квалифицированных работников для более быстрого развития.

 

 

Виды адаптивных веб-дизайнов

Развитие мобильных сайтов стремительно набирает обороты. Идёт полная оптимизация всех сторон развития и адаптации веб-дизайна. Ещё несколько лет назад, спрос был на два вида макета сайтов: статичный или фиксированный, и резиновый. Статичный макет имел стандартные разрешения экрана устройств пользователей, поэтому при открывании странички, ты должен был иметь подходящий гаджет, чтобы была возможность нормально просмотреть необходимую информацию.

Резиновый макет или жидкий мог подстраиваться под любой размер экрана. Задумка была следующая: величина структурных элементов сайта выражалась не в привычных нам абсолютных показателях-пикселях, а в относительных-процентах. Но опять же, жидкие макеты учитывают лишь устройства ПК, что конечно сказывается на картинке изображения, если вдруг вы решите зайти со смартфона.

Что касается адаптивных мобильных дизайнов, в данный период времени мы имеем три вариации:

 

Адаптивный макет или гибридный.

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

Минус данной адаптации в том, что нельзя заранее предугадать вид контента на всех устройствах, поэтому есть вероятность того, что расстояния могут не совпасть с заданными значениями.

 

Отзывчивый макет.

Здесь мы пользуемся идеями, которые придумали ещё наши предки. Отзывчивые макеты используют функции резиновой классификации-масштабируют все в процентах %.

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

 

Смешанный макет.

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

 

Типы адаптивных веб-дизайнов

MostlyFluid-«самый гибкий»

Основа макета-резиновая сетка. При увеличении сетка не растягивается, а увеличиваются только поля. При уменьшении, из-за недостатка места формат не сжимается, а выстраивается в колонки друг под другом без потери качества изображения.

 

ColumnDrop-«сброс колонок»

При уменьшении ширины экрана дополнительные блоки группируются друг за другом в столбец, но не все сразу подряд, а постепенно.

 

LayoutShifter-«сдвиг макета»

Количество контрольных точек больше, при переходе к другому разрешению, начнут сдвигаться не только колонки, но и сам контент сайта. Трудоёмкий макет, зато, эффективный.

 

TinyTweaks- «маленькие хитрости»

Дизайн подходит для сайта, состоящего из одной колонки наполнения, то есть, лендинги или одностраничные сайты. Изменение размера меняет масштабирование и типографику всего сайта.

 

OffCanvas-«за границами»

Вариация дизайна, которая пришла из мобильных приложений-при большом масштабе, видно все меню, колонки, переходы, при приближении, видна лишь основная информация и при необходимости можно открыть скрытые элементы. Мобильно, эффективно. Возможно, за данным макетом будет будущее всех разработок.

 

Все макеты можно комбинировать между собой. Это основные принципы-шаблоны. Какой подойдёт-лучше определиться при решении той или иной задачи.

 

За мобильными устройствами будущее. Наша студия интернет-решений GuruLabs идет в ногу со временем. Если дизайн, то обязательно адаптивный!

Остались вопросы? Нужен современный, продающий сайт? Обращайтесь по телефону, указанному на сайте. Сделайте первый шаг к запуску своего проекта!

08.07.2019 13:22

Что такое адаптивный дизайн? | Фонд интерактивного дизайна (IxDF)

Различия между отзывчивым и адаптивным подходами к дизайну выявляют важные возможности для нас, веб-дизайнеров и дизайнеров приложений. Выбор с пониманием может дать вам возможность планировать и выполнять свои проекты с лучшей целью, целью и результатами.

В связи с широким распространением и разнообразием мобильных устройств нам, как дизайнерам, необходимо учитывать различные размеры экранов. Это проблема, с которой в настоящее время сталкивается каждый веб-дизайнер и дизайнер приложений.Сегодня существует огромное количество способов, с помощью которых пользователи могут получить доступ к информации в Интернете, от гигантского корпоративного монитора до смарт-часов. У дизайнеров, стремящихся преодолеть разрыв между устройствами, есть два варианта дизайна: адаптивный сайт или адаптивный сайт .

Автор/правообладатель: Стефани Вальтер. Условия авторского права и лицензия: CC BY-SA 3.0

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

Адаптивный дизайн

Автор/владелец авторских прав: Мухаммад Рафизелди.. Условия авторского права и лицензия: CC BY-SA 3.0

Термин адаптивный дизайн впервые был использован веб-дизайнером и разработчиком Итаном Маркоттом в его книге Адаптивный веб-дизайн . Адаптивный дизайн реагирует на изменений ширины браузера на , корректируя размещение элементов дизайна до соответствия в доступном пространстве.

Адаптивный веб-сайт отображает содержимое в зависимости от доступного места в браузере. Если открыть адаптивный сайт на рабочем столе, а затем изменить размер окна браузера, содержимое будет динамически перемещаться, чтобы упорядочить само (по крайней мере, теоретически) оптимально для окна браузера . На мобильных телефонах этот процесс происходит автоматически; сайт проверяет доступное пространство, а затем представляет себя в идеальном расположении.

Адаптивный дизайн — это просто.Поскольку он гибкий, это означает, что пользователи могут получить доступ к вашему онлайн-миру и наслаждаться им на своих портативных устройствах так же, как и на большом мониторе. Чтобы это было правдой, адаптивный дизайн требует очень хорошей концептуализации сайта и глубокого знания потребностей и желаний конечных пользователей!

Адаптивный веб-дизайн

Адаптивный веб-дизайн был представлен в 2011 году веб-дизайнером Аароном Густафсоном в его книге Адаптивный веб-дизайн: создание богатого опыта с прогрессивным улучшением. Он также известен как прогрессивное улучшение веб-сайта.

Там, где адаптивный дизайн зависит от изменения шаблона дизайна, чтобы он соответствовал доступной площади, адаптивный дизайн имеет несколько фиксированных размеров макета . Когда сайт обнаруживает доступное пространство , он выбирает макет , наиболее подходящий для экрана. Таким образом, когда вы открываете браузер на рабочем столе, сайт выбирает наилучший макет для этого рабочего стола; изменение размера браузера не влияет на дизайн.

Некоторые сайты быстро перешли на адаптивный дизайн. Amazon, USA Today, Apple и About.com настроили себя как веб-сайты, оптимизированные для мобильных устройств. Макет, отображаемый на мобильном сайте с адаптивным дизайном, может отличаться от десктопной версии. Однако это связано с тем, что дизайнеры выбрали другой макет для экрана телефона, а не оставили дизайн, чтобы попытаться изменить его.

В адаптивном дизайне обычно разрабатывается шесть дизайнов для шести наиболее распространенных размеров экрана; 320, 480, 760, 960, 1200 и 1600 пикселей.

Автономный мобильный дизайн

Существует также возможность создания веб-сайта только для мобильных устройств (обычно они обозначаются в адресной строке браузера с помощью префикса «m.»). Когда-то этот вариант был отличным подходом. Дизайнеры создавали сайты для мобильных устройств, настраивая элементы и макет для определенного формата. Google обеспечил ранжирование в поисковых системах для мобильных сайтов, но сегодня такие же предпочтения отдаются адаптивным и отзывчивым сайтам.

Большой недостаток создания отдельного сайта (вместо использования разных дизайнов или применения изменяемого дизайна) заключается в том, что он требует гораздо большего обслуживания, чтобы поддерживать однородность двух версий сайта.Ввиду отсутствия особого стимула делать это, в последнее время дизайн, предназначенный только для мобильных устройств, потерял популярность. Кажется маловероятным, что он вернется в ближайшее время.

Выбор между отзывчивым и адаптивным дизайном

Автор/правообладатель: Стефани Вальтер. Условия авторского права и лицензия: CC BY-SA 3.0

Адаптивный дизайн проще и требует на меньше работы для реализации. Это дает меньший контроль над вашим дизайном для каждого размера экрана, но на данный момент это, безусловно, предпочтительный метод для создания новых сайтов.Это также может иметь какое-то отношение к большому количеству дешевых шаблонов, доступных для большинства систем управления контентом (CMS), таких как WordPress, Joomla и т. д. — в конце концов, кто хочет изобретать велосипед?

Адаптивные дизайнеры создают единый дизайн для использования на всех экранах и обычно начинают со среднего разрешения и используют медиа-запросы, чтобы определить, какие корректировки будут сделаны для нижнего и верхнего пределов шкалы разрешения. Это, как правило, делает пользователей счастливыми, потому что знакомый веб-дизайн, кажется, гарантированно переносится на экран любого устройства.Единообразие и бесшовность являются решающими факторами в обеспечении хорошего пользовательского опыта.

Важно следить за визуальной иерархией адаптивных дизайн-проектов; вы хотите попытаться сохранить это, когда ваши элементы перетасовываются по экрану. Это означает много тестов с множеством различных устройств, чтобы убедиться, что вы доставляете товары. Если дизайн сайта относительно прост, он будет хорошо отображаться на экранах устройств, перетекая, как жидкость, из контейнера в контейнер.

SEO — еще один весомый аргумент в пользу адаптивного дизайна. Сайты с адаптивным дизайном (то есть с URL-адресом, который обслуживает все устройства) в настоящее время более удобны для поисковых систем.

У отзывчивого дизайна есть веские основания для использования. Ну, может быть; однако имейте в виду следующее:

  • Поскольку ваш веб-сайт будет «перетекать» с устройства на устройство, подстраиваясь под размер экрана, любая реклама, которую вы добавили, может не поместиться в пространстве. Внезапно «ярлык», предлагаемый с помощью адаптивного дизайна, может потребовать некоторого переосмысления и доработки.
  • Время загрузки зависит от настольного компьютера и мобильного устройства. Здесь большое внимание уделяется гибкости изображений. Большой дизайн, который быстро отображается на большом экране дома или в офисе, требует больше времени (и данных), чтобы появиться на вашем мобильном телефоне. Может ли меньший предварительный просмотр быть лучше для мобильной версии?

Адаптивный дизайн (теоретически) обеспечит лучший пользовательский опыт в зависимости от того, какое устройство пользователь использует для взаимодействия.В отличие от адаптивного дизайна, где экран «перетекает» из дизайна настольного компьютера в экран меньшего устройства, адаптивный дизайн предлагает индивидуальные решения. Как следует из названия, они адаптируются к ситуативным потребностям и возможностям пользователя. Как дизайнеры, мы можем показать пользователям, что мы в гармонии с их потребностями на мобильном устройстве, сделав наш дизайн сенсорным. Между тем, мы можем сделать то же самое для пользователей настольных компьютеров. Мы начинаем с версии сайта с самым низким разрешением и продвигаемся к самому высокому. Текущим стандартом является шесть дизайнов, но в зависимости от данных ваших пользователей вы можете использовать меньше дизайнов.

Сила адаптивного дизайна в том, что он кажется более соответствующим современному пользовательскому опыту, в то время как адаптивный дизайн демонстрирует более ориентированный на рабочий стол подход (при этом требования других устройств занимают второстепенное, почти пассивное место). Как пользователи, мы больше работаем со своими интеллектуальными устройствами. Нам нравится чувствовать, что наши устройства знают о том, через что мы проходим. Возьмем буквальный пример; если бы вы ехали по длинному туннелю, разве вы не предпочли бы экран GPS, который адаптируется к окружающей среде и регулирует свою яркость? Такая контекстно-зависимая производительность и удобство использования обнадеживают, в то же время подтверждая, что ваше интеллектуальное устройство достаточно умно, чтобы адаптироваться и быть очень полезным.

Вы также можете оптимизировать рекламу для соответствующих пользовательских интерфейсов с помощью адаптивного дизайна. Поскольку вы проектируете для разных разрешений (то есть для разных полей зрения), вы можете получить доступ к конкретным потребностям вашего пользователя. Абсолютная изощренность датчиков, скажем, в смартфоне, позволяет компаниям (и нам, дизайнерам) знать о наших пользователях больше, чем когда-либо прежде. Пользователь посещает любимый магазин, ресторан, спортзал и т. д. — отмечаясь там, он создает профиль. Исходя из этого (поведенческого таргетинга, также известного как персонализация), мы можем разработать точно настроенную рекламу.

Еще одно преимущество — исследования показывают, что компания с адаптивным веб-сайтом часто превосходит в тестах скорости компанию с адаптивным веб-сайтом. Это тоже не маленькая разница; Адаптивные сайты часто в 2-3 раза быстрее, чем адаптивные, и предоставляют пользователю гораздо меньше данных, чтобы обеспечить пользовательский опыт.

Адаптивный дизайн имеет ряд существенных преимуществ. Тем не менее, в разработке дизайна для обеспечения наилучшего пользовательского опыта и предоставления лучших решений мы должны помнить, что нам нужно потратить время на изучение наших вариантов и реалий наших пользователей.

Адаптивный дизайн имеет недостатки. Во-первых, обычно это намного больше работы, чем создание адаптивного дизайна. По этой причине большинство адаптивных дизайнов используются для модернизации существующих сайтов, чтобы их можно было использовать на нескольких устройствах. Таким образом, кажется, что первоочередная задача — обновить традиционные сайты, позволив им работать на большем количестве устройств.

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

Наконец, в то время как роботы поисковых систем все лучше отсеивают и сортируют обращения, чтобы различать ваши сайты «.com» и «m .com», разумно принять статус-кво. Большинство поисковых систем по-прежнему не ранжируют идентичный контент по нескольким URL-адресам одинаково. Это означает помнить, что адаптивный дизайн может удержать вас от SEO.

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

The Take Away

Автор/правообладатель: Brisbane Web Design. Условия авторского права и лицензия: Public Domain

Современный веб-дизайн дает нам три варианта использования: отзывчивый, адаптивный и автономный дизайн, хотя автономный дизайн вышел из употребления.

Адаптивный дизайн позволяет дизайнерам отображать контент в зависимости от доступного места в браузере. Это обеспечивает согласованность между тем, что сайт показывает на настольном компьютере, и тем, что он показывает на портативном устройстве.Адаптивный дизайн — это «традиционный» вариант, который на сегодняшний день остается наиболее популярным подходом.


Плюсы

Минусы

  • Однородность и бесшовность = хороший UX.
  • Множество шаблонов для использования.
  • Оптимизация для SEO.
  • Часто легче реализовать
  • Меньший контроль размера экрана.
  • Элементы могут перемещаться
  • Рекламные объявления теряются на экране.
  • Более длительное время загрузки мобильных устройств.

Adaptive Design , разработанный в 2011 году, больше занимается тем, что конструктор имеет несколько фиксированных размеров макета. Он предлагает альтернативу подходу «один размер подходит для всех».

Плюсы

Минусы

  • s ​​901UX Позвольте лучшим дизайнерам создавать подходящие устройства.
  • Мобильные устройства могут определять среду своего пользователя.
  • Дизайнеры могут оптимизировать рекламу на основе пользовательских данных с интеллектуальных устройств.
    • Трудоемкость создания — большинство адаптивных дизайнов модернизируют традиционные сайты, чтобы сделать их более доступными.
    • Планшеты и нетбуки могут иметь проблемы с конфигурацией сайта, ориентированной на смартфоны или настольные компьютеры.
    • Проблемы с поисковой оптимизацией — Поисковые системы не могут оценить идентичный контент на нескольких сайтах.

    Выбор между отзывчивым и адаптивным дизайном требует тщательного рассмотрения. Хотя может быть разумным придерживаться адаптивного дизайна ради целесообразности (экономия затрат, улучшение SEO и сохранение контента пользователей с беспрепятственным взаимодействием между устройствами), крайне важно полностью проверить плюсы и минусы обоих дизайнов . Адаптивный дизайн может больше подстраиваться под меняющиеся потребности пользователей в полевых условиях; таким образом, жизненно важно держать руку на пульсе перемен.

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

    Подумайте о своем товаре или услуге. Имеет ли он доступ к пользователям в определенных настройках? Что такого в их поведении, что вы можете использовать, чтобы информировать и вовлекать их? Помните, умнее становятся не только мобильные устройства.В наших домах и офисах у нас есть нечто большее, чем традиционные настольные компьютеры. Теперь широкий спектр интеллектуальных устройств воспринимает окружающую среду и реагирует на нее, от часов и обогревателей до множества устройств, составляющих «Интернет вещей». Это эпоха, полная более умных объектов. Мы должны проектировать, все больше думая об этом умении.

    Ресурсы и где узнать больше

    Главное изображение: Автор/правообладатель: tfinc. Условия авторского права и лицензия: CC BY-SA 3.0

    Holst, C.(2012). «Адаптивный и адаптивный макеты и оптимальные метки полей формы». Убойный журнал. Получено с: http://www.smashingmagazine.com/2012/11/08/ux-desi… [2014, 1 сентября]

    Ицкович, А. (2012). «Создание адаптивной системы для улучшения UX». Убойный журнал . Получено с: http://www.smashingmagazine.com/2012/12/creating-an-adaptive-system-to-enhance-ux/

    Найт, К. (2011). «Отзывчивый веб-дизайн: что это такое и как его использовать». Убойный журнал. Получено с: http://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/The Smashing Editorial. (2012). «Руководство и учебные пособия по адаптивному веб-дизайну». (NB — это отличный ресурс для поиска лучших статей Smashing Magazine об адаптивном дизайне.)

    Цао, Дж. (2015). «Отзывчивый дизайн против адаптивного: какой лучший выбор для дизайнеров?». Студия UXPin.Получено с: http://studio.uxpin.com/blog/responsive-vs-adaptive-design-whats-best-choice-designers/

    Бин Узайр, С. (2013). «Отзывчивый против адаптивного дизайна». Крутящий момент . Получено с: http://torquemag.io/responsive-design-vs-adaptive-design/


    Клинические испытания с адаптивным дизайном: методология, проблемы и перспективы

    Indian J Pharmacol. 2010 август; 42(4): 201–207.

    Раджив Махаджан

    Кафедра фармакологии, Институт медицинских наук и исследований Адеша, Батинда — 151 109, Пенджаб, Индия

    Капил Гупта

    1 Кафедра биохимии, Институт медицинских наук и исследований Адеша, Батинда — 151 109 109, Пенджаб, Индия

    Кафедра фармакологии, Институт медицинских наук и исследований Адеша, Батинда — 151 109, Пенджаб, Индия

    1 Кафедра биохимии, Институт медицинских наук и исследований Адеша, Батинда — 151 109, Пенджаб , Индия

    Поступила в редакцию 5 мая 2010 г .; Пересмотрено 17 июня 2010 г.; Принято 26 июня 2010 г.

    Это статья с открытым доступом, распространяемая в соответствии с лицензией Creative Commons Attribution License, которая разрешает неограниченное использование, распространение и воспроизведение на любом носителе при условии правильного цитирования оригинальной работы.

    Эта статья была процитирована другими статьями в PMC.

    Abstract

    Разработка новых лекарств — это трудоемкий и дорогостоящий процесс. В последнее время наблюдается застой в разработке новых соединений. Более того, процент отсева в клинических исследованиях также растет.Опасаясь дальнейшего застоя, Управление по санитарному надзору за качеством пищевых продуктов и медикаментов выпустило инициативу критического пути в 2004 году и список возможностей критического пути в 2006 году, тем самым подчеркнув необходимость продвижения инновационных дизайнов испытаний. Одним из предложенных нововведений были клинические испытания с адаптивным дизайном, метод, способствующий введению заранее определенных модификаций в дизайн или статистические процедуры текущего испытания в зависимости от данных, полученных в ходе соответствующего испытания, что делает испытание более гибким.Испытания с адаптивным дизайном предлагаются для ускорения клинических исследований за счет сокращения затрат и времени. Несмотря на то, что концепция адаптивных клинических испытаний широко используется в течение последних 40 лет, в этом вопросе по-прежнему отсутствует единообразие и понимание. В этом обзоре освещаются важные методологии адаптивного дизайна, помимо охвата позиций регулирующих органов по этому вопросу.

    Ключевые слова: Адаптация, клинические испытания, инновации, статистический анализ

    Введение

    Разработка нового лекарственного средства является дорогостоящим и трудоемким процессом.В последние несколько десятилетий было признано, что увеличение расходов на биомедицинские исследования не отражает увеличения успешности фармацевтических разработок. Низкий уровень успеха фармацевтической разработки может быть связан с быстро растущими затратами и сложностью, что приводит к снижению готовности / способности выдвигать новых кандидатов в клинику. Застой в разработке инновационных продуктов даже вызвал тревогу в Управлении по санитарному надзору за качеством пищевых продуктов и медикаментов США (FDA).В официальном документе 2004 года, теперь известном как Инициатива критического пути (CPI), FDA обратило внимание на тревожное снижение количества инновационных медицинских продуктов, представляемых на одобрение FDA.[2] Неприемлемый уровень отсева на клинической стадии разработки приводит к глубоким изменениям в архитектуре, дизайне и анализе клинических испытаний. Более того, фармацевтическая промышленность постепенно приходит к пониманию того, что клинические испытания с классической структурой не обеспечивают достаточной гибкости, чтобы использовать постоянно появляющиеся знания, генерируемые в ходе испытаний.[3] Чтобы преодолеть разрыв между фундаментальными научными исследованиями и разработкой медицинской продукции, были разработаны улучшенные и инновационные методы тестирования, чтобы в конечном итоге улучшить способ открытия, разработки и вывода лекарств на рынок.[4]

    Одним из нововведений, настоятельно рекомендуемых FDA, является использование методов адаптивного дизайна в клинических испытаниях и потенциальное использование байесовского подхода в клинических исследованиях и разработках.[5] Европейское агентство по лекарственным средствам (EMEA) также опубликовало проект документа в 2006 году, касающийся клинических испытаний с гибким или адаптивным дизайном при разработке новых лекарств.[6] Целью адаптации в клинических испытаниях является предоставление исследователю гибкости для определения оптимальной клинической пользы изучаемого тестового лечения без ущерба для достоверности и целостности предполагаемого исследования.[7] Хотя концепция клинических испытаний с адаптивным дизайном все еще находится в зачаточном состоянии, с ростом знаний появляются положительные сигналы как от регулирующих органов, так и от промышленности.

    Что такое клиническое исследование с адаптивным дизайном

    Адаптивный дизайн определяется как дизайн, позволяющий вносить изменения в исследование и/или статистические процедуры исследования после его начала без ущерба для его валидности и целостности.[8] Цель состоит в том, чтобы сделать клинические испытания более гибкими, эффективными и быстрыми. Из-за требуемого уровня гибкости эти пробные планы также называются «гибкими планами».

    Гибкость здесь не означает, что пробную версию можно изменить в любое время по желанию. Модификация и адаптация должны быть запланированы заранее и должны основываться на данных, собранных в ходе самого исследования. Соответственно, новый проект руководства FDA для промышленности по клиническим испытаниям с адаптивным дизайном определяет клиническое исследование с адаптивным дизайном как «исследование, включающее перспективно запланированную возможность модификации одного или нескольких определенных аспектов дизайна исследования и гипотез, основанных на анализе данные (обычно промежуточные данные) от участников исследования.«Анализ накапливаемых данных исследования выполняется в заранее запланированные моменты времени в рамках исследования, с формальной статистической проверкой гипотезы или без нее.[9]

    Термин «проспективный» здесь означает, что адаптация была запланирована до того, как данные были исследованы неслепым образом. Изменения в дизайне исследования, происходящие после промежуточного анализа данных неслепого исследования, а также те, которые не были запланированы проспективно, не входят в сферу применения настоящего руководства. Кроме того, аспекты дизайна исследования, которые пересматриваются на основе информации, полностью полученной из источников, не относящихся к конкретному исследованию, не считаются адаптивным дизайном, независимо от того, были ли такие адаптации запланированы проспективно или произошли в ответ на непредвиденные внешние события.Тем не менее, проспективные пересмотры исследования, основанные на информации, полученной как из внешнего, так и из внутреннего источника исследования, считаются адаптивным дизайном.[9]

    Под адаптацией понимается изменение процедуры исследования и/или статистической процедуры в ходе проведения клинического исследования. Процедуры исследования могут включать критерии приемлемости, исследуемую дозу, продолжительность лечения, конечные точки исследования, процедуры лабораторного тестирования, диагностические процедуры, критерии оценки и оценки клинического ответа.Статистические процедуры включают рандомизацию, дизайн исследования, гипотезы исследования, размер выборки, мониторинг данных и промежуточный анализ, план статистического анализа и/или методы анализа данных.[8]

    Исходная информация

    Использование методов адаптивного дизайна для модификации испытаний и/или статистических процедур текущих клинических испытаний на основе накопленных данных практикуется в клинических исследованиях в течение многих лет. Концепция адаптивного дизайна восходит к 1970-м годам, когда были введены адаптивные процедуры рандомизации и класс дизайнов для последовательных клинических испытаний.[10] Из-за этой исторической связи большинство методов адаптивного дизайна в клинических исследованиях называются адаптивной рандомизацией[11], групповым последовательным дизайном[12] и промежуточной переоценкой размера выборки для достижения желаемой статистической мощности[. 13] В 1990 г. был представлен усовершенствованный план Фазы I – метод непрерывной повторной оценки (CRM), который позволил лучше контролировать степень токсичности, наблюдаемой во время испытания, был гибким в отношении целевого уровня максимально переносимой токсичности и давал более надежная оценка максимально переносимой дозы.Это породило целое семейство моделей CRM.[14]

    Недавно было признано потенциальное использование методов адаптивного дизайна в клинических испытаниях. Для разработки адаптивных дизайнов были созданы рабочие группы Фармацевтических исследований и производителей Америки (PhRMA) и Организации биотехнологической промышленности (BIO).[15]

    Типы испытаний с адаптивным дизайном

    На основе используемых адаптаций, обычно рассматриваемые методы адаптивного дизайна в клинических испытаниях включают адаптивный дизайн рандомизации, групповой последовательный дизайн, дизайн с переоценкой размера выборки, дизайн с отбрасыванием проигравших, адаптивный дизайн определения дозы, адаптивный дизайн биомаркеров, адаптивный дизайн смены лечения, адаптивный дизайн гипотезы, адаптивный бесшовный дизайн исследования фазы II/III и множественный адаптивный дизайн.[10]

    Другим способом классификации клинических испытаний с адаптивным дизайном является их классификация по разным правилам, которых в основном четыре. Правило распределения определяет, как субъекты будут распределяться по разным группам в исследовании, и включает в себя адаптивную к ответу рандомизацию и ковариативное адаптивное распределение. Правило выборки определяет, сколько субъектов будет отобрано на следующем этапе, и состоит из схемы переоценки размера выборки (как слепой, так и неслепой) и схемы исключения проигравшего.Правило остановки определяет, когда прекратить испытание, и состоит из группового последовательного плана и адаптивного плана смены лечения. Правило принятия решения включает изменения, не охваченные другими тремя категориями, и состоит из адаптивного к гипотезе плана и изменения первичной конечной точки или статистического метода или дизайна популяции пациентов. Иногда добавляется пятое правило, состоящее из нескольких адаптаций, а также адаптивных бесшовных планов испытаний фазы II/III.[16,17]

    Адаптивный дизайн рандомизации

    или неравные вероятности назначения лечения.Цель состоит в том, чтобы увеличить вероятность успеха.[10] Обычно применяемые процедуры адаптивной рандомизации включают адаптивную к лечению рандомизацию, ковариатно-адаптивную рандомизацию [18] и рандомизацию с адаптивной реакцией [11,19]. Эту адаптацию невозможно использовать в длительных испытаниях, поскольку предлагаемая модификация зависит от ответ испытуемых, уже включенных в исследование, и, как следствие, испытание будет более отсроченным.[10]

    Групповой последовательный дизайн

    При групповом последовательном дизайне исследование может быть остановлено досрочно, если есть проблемы с безопасностью или эффективностью, и в зависимости от результатов промежуточного анализа могут быть внесены дополнительные изменения.[10] Следует отметить, что стандартные методы группового последовательного проектирования могут быть неприемлемыми, например, они могут быть не в состоянии контролировать общую частоту ошибок первого рода на желаемом уровне 5%, если есть сдвиг в целевом значении. популяции пациентов из-за дополнительных адаптаций или поправок к протоколу.[20,21]

    Групповые последовательные планы уже используются в клинической онкологической установке. Наиболее известным примером является план исследования фазы I «3+3» для определения максимально переносимой дозы. В испытании 3+3 трое пациентов начинают с данной дозы, и, если дозолимитирующих токсических эффектов не наблюдается, к испытанию добавляются еще трое пациентов с более высокой дозой.При наличии одного случая предельной токсичности в первой группе добавляют еще троих больных в той же дозе. Если два (или все три) в любой когорте проявляют дозолимитирующую токсичность, следующая более низкая доза объявляется максимально переносимой.[22]

    План переоценки размера выборки

    Размер выборки может быть изменен или переоценен в этом типе плана на основе данных наблюдений в промежуточный период, что может быть выполнено слепым или неслепым способом на основе критериев лечения размер эффекта, условная мощность и/или вероятность воспроизводимости.Не следует сначала начинать с небольшого числа субъектов, а затем проводить переоценку размера выборки при промежуточном анализе, по крайней мере можно упустить клинически значимую разницу в текущем исследовании.[10] Следует отметить, что наблюдаемая разница при промежуточном анализе, основанном на небольшом количестве субъектов, может не иметь статистической значимости. Таким образом, стандартные методы повторной оценки размера выборки, основанные на наблюдаемой разнице с ограниченным числом субъектов, могут быть предвзятыми и вводить в заблуждение.[23,24] получившие неполноценное лечение при промежуточном анализе могут быть исключены.На основании результатов промежуточного анализа на этом этапе также могут быть добавлены дополнительные группы лечения.[10] Этот дизайн полезен в клинической разработке Фазы II, особенно когда существуют неопределенности в отношении уровней доз. Как правило, схема «отбрасывай проигравших» представляет собой двухэтапную схему. В конце первого этапа низшие руки будут отброшены на основании некоторых заранее определенных критериев. Затем победители переходят к следующему этапу.

    Дизайн с адаптивным подбором дозы []

    План с проигравшим (с промежуточной рандомизацией, адаптированной к ответу) максимально переносимая доза, которая используется для определения уровня дозы для следующей фазы клинических испытаний.[27] Для дизайна с адаптивным определением дозы обычно рассматривается метод CRM[28] в сочетании с байесовским подходом.[29] Байесовский подход был разработан специально для работы с новыми данными по мере их поступления и для обновления исследуемых вероятностей. Вместо того, чтобы определять вероятность того, что эффективность лекарства могла проявиться случайно, байесовское испытание даст вероятность того, что лекарство было эффективным.[22]

    Дизайн, адаптированный к биомаркерам

    В этом типе дизайна можно вносить изменения в текущее исследование на основе реакции различных биомаркеров, связанных с рассматриваемым заболеванием.Дизайн, адаптированный к биомаркерам, можно использовать для выбора подходящей популяции пациентов, определения естественного течения болезни, раннего выявления болезни и помощи в разработке персонализированной медицины. [30,31] Однако следует помнить, что существует разрыв между определением биомаркеров, связанных с клиническими исходами, и созданием прогностической модели между соответствующими биомаркерами и клиническими исходами в клинической разработке.[32]

    Дизайн с адаптивным переключением лечения

    В дизайне с переключением лечения допускается переход пациента с одного варианта лечения на другой, если есть опасения по поводу безопасности или эффективности.Но в таких исследованиях оценка выживаемости становится очень сложной, если рассматриваемое заболевание имеет неблагоприятный прогноз. Высокий процент субъектов может сменить лечение из-за прогрессирования заболевания, что приводит к путанице.[10]

    В этом случае необходима корректировка размера выборки для достижения желаемой мощности.[33]

    План с адаптацией к гипотезам

    План с адаптацией к гипотезам относится к плану, допускающему модификации или изменения гипотез на основе промежуточных результатов анализа.Дизайн адаптивной гипотезы часто завершается до блокировки базы данных или до раскрытия данных. Некоторые примеры включают переключение с гипотезы превосходства на гипотезу не меньшей эффективности и переключение между первичной конечной точкой исследования и вторичными конечными точками.[34]

    Адаптивный бесшовный дизайн фазы II/III

    Этот дизайн сочетает в себе цели отдельных этапов IIb и III в одном испытании[10]. В этом дизайне для окончательного анализа используются данные пациентов, зарегистрированных до и после адаптации.[35] В бесшовном адаптивном дизайне переход фазы II в исследование фазы III происходит без паузы, что значительно экономит время на разработку лекарств. Возможны два вида бесшовного дизайна: функционально бесшовный, который просто стремится использовать экономию времени; и бесшовный вывод, который использует новые статистические методы, чтобы извлечь выгоду из объединения соответствующих данных из части Фазы II с данными Фазы III в окончательном анализе. Адаптивный бесшовный дизайн фазы II/III представляет собой двухэтапный дизайн, состоящий из так называемого этапа обучения (этап IIb) и этапа подтверждения (этап III).Типичный подход заключается в том, чтобы усилить исследование для подтверждающей фазы фазы III и получить ценную информацию с определенной уверенностью, используя подход доверительного интервала на стадии обучения фазы II.[36]

    Его достоверность и эффективность, однако, были поставлены под сомнение.[37] Кроме того, неясно, как проводить комбинированный анализ, если цели исследования (или конечные точки) схожи, но различаются на разных этапах.[38] Несмотря на то, что были предложены некоторые модификации тестовой статистики и формул для расчета и распределения размера выборки для контроля общей ошибки I рода на заранее заданном уровне, в случаях, когда цели исследования на разных этапах различаются (например,г., определение дозы на первом этапе и подтверждение эффективности на втором этапе), а когда происходит сдвиг в популяции пациентов, вызванный поправками к протоколу, картина пока далека от удовлетворительной.

    Множественно-адаптивный дизайн []

    Адаптивный бесшовный дизайн фазы II/III (2a) и его сравнение с классическими исследованиями фазы II и III (2b)

    Множественно-адаптивный дизайн представляет собой любую комбинацию вышеуказанных адаптивных дизайнов. Обычно рассматриваемые дизайны с множественной адаптацией включают либо сочетание адаптивного группового последовательного дизайна, дизайна «отбрасывай проигравших» и адаптивного бесшовного дизайна испытания, либо адаптивного дизайна с повышением дозы с адаптивной рандомизацией.[30] На практике статистический вывод для дизайна с множественной адаптацией часто затруднен.

    Проблемы, препятствия и разногласия на пути адаптивных испытаний []

    Множественный адаптивный дизайн (сочетающий рандомизацию с адаптивной реакцией, дизайн с отбрасыванием проигравшего и бесшовный дизайн фазы II/III)[10]

    На практике, обычно во время проведения клинического исследования в протокол вносятся от трех до пяти поправок. Одним из основных последствий многих поправок к протоколу является то, что целевая популяция пациентов могла измениться в ходе процесса, что могло привести к совершенно другой целевой популяции пациентов в конце исследования.В результате результирующая фактическая популяция пациентов после определенных модификаций процедур исследования представляет собой 90 362 движущихся 90 363 целевых популяций пациентов, а не фиксированную целевую популяцию пациентов, и, следовательно, общий уровень ошибок типа I не может контролироваться [40].

    Кроме того, значительная адаптация исследования и/или статистических процедур текущих исследований может привести к совершенно другому исследованию, которое не сможет ответить на клинические вопросы, на которые должно ответить исследование.Кроме того, значительные изменения могут привести к систематической ошибке/изменениям в сборе данных по мере продолжения исследования.[40]

    Существуют также некоторые эксплуатационные трудности с адаптивными испытаниями.[41] В этих испытаниях обычно используется байесовский статистический подход, но он сложен в вычислительном и логистическом отношении и не может быть практически осуществим во всех ситуациях. Чистая логистика высокоуровневого адаптивного дизайна также требует тщательного обдумывания. Быстрый и надежный сбор электронных данных, по-видимому, является обязательным для исследования, которое зависит от постоянного обновления.Для реализации адаптации комитет по мониторингу данных должен собираться регулярно и быстро. Более того, адаптивные дизайны требуют компьютерного моделирования клинических испытаний для разработки дизайна и протокола, что требует большего количества рабочей силы.[42] Адаптивные испытания также усложняют поставку лекарств во время испытаний. Еще одна область, вызывающая озабоченность, — текущий уровень понимания контактными исследовательскими организациями (КИО) адаптивных испытаний. Многие CRO не имеют долгой истории выполнения этих обязанностей.Поэтому спонсоры исследования должны быть уверены, что персонал, проводящий эти исследования от их имени, обладает соответствующими знаниями.[16]

    Также отсутствует единообразие в определении адаптивных клинических испытаний. Более того, только FDA и, в некоторой степени, EMEA проявляют инициативу в проведении клинических испытаний с адаптивным дизайном; другие регулирующие органы не столь энтузиазма. Также существуют разногласия с регулирующими органами, поскольку в адаптивном испытании может быть полное размытие исследовательской и подтверждающей фаз.[43] Более того, адаптация поощряется в предварительных исследованиях фазы I или IIa, но подвергается критике в подтверждающих исследованиях фазы III. Некоторые схемы, такие как изменение гипотезы или конечной точки или изменение выбора тестовой статистики, сами по себе вызывают споры.[16]

    Регуляторные перспективы

    Хотя гибкость проведения клинических испытаний, связанная с адаптивным дизайном, кажется очень привлекательной, при внедрении методов адаптивного дизайна в клинических испытаниях основной проблемой является их достоверность и целостность с точки зрения регулирования.[44] Таким образом, существует несколько регуляторных проблем. Во-первых, какой уровень адаптации будет приемлем для регулирующих органов? Во-вторых, каковы нормативные стандарты для процесса рассмотрения и утверждения клинических данных, полученных в результате адаптивных клинических испытаний с различными уровнями модификации? В-третьих, стало ли клиническое испытание совершенно другим клиническим испытанием после внесения изменений, направленных на достижение целей исследования, изначально запланированного клинического испытания?

    Эти проблемы должны быть решены регулирующими органами до того, как методы адаптивного дизайна смогут широко применяться в клинических исследованиях и разработках.Именно для решения этих проблем FDA выпустило проект руководства для промышленности по клиническим испытаниям с адаптивным дизайном.[9] Аналогичный проект был выпущен Комитетом по лекарственным средствам для человека (CHMP) EMEA в 2006 г.[6], и регулирующие органы США и ЕС, научные круги и отраслевые эксперты организовали совместный семинар[43].

    Из-за повышенной сложности некоторых исследований с адаптивным дизайном и неопределенностей в отношении их рабочих характеристик FDA поощряет более раннее и более широкое взаимодействие между спонсором и FDA, чем во время классического исследования.В течение раннего и среднего периодов разработки лекарств после клинических испытаний с адаптивным дизайном спонсоры, у которых есть конкретные вопросы об элементах адаптивного дизайна в предварительном исследовании, могут запросить отзыв FDA либо путем выявления конкретных проблем и запроса отзыва вместе с представлением протокола, либо запросив встречи для обсуждения конкретных вопросов.

    На более поздних стадиях разработки лекарственного средства, если известно достаточно знаний и информации о разрабатываемом лекарственном средстве, адаптивный дизайн может быть первоначально обсужден на совещании в конце фазы 2.Однако, если перед проведением адаптивного исследования имеются лишь ограниченные знания об определенных критических аспектах применения препарата, рекомендуется обсуждение с FDA раньше, чем обычно, например, на встрече в конце фазы 2A.[9]

    В обзорном документе EMEA по адаптивным испытаниям не обсуждаются конкретные статистические методы, но в этом документе подчеркивается озабоченность тем, что, хотя повышенная гибкость, доступная в настоящее время, может вполне соответствовать потребностям на ранних этапах разработки лекарств, их использование на поздних этапах фазы II или подтверждающие исследования фазы III заслуживают более осторожного подхода.[6] Совместный семинар регулирующих органов США и ЕС также поощрял использование адаптивных дизайнов только в предварительных исследованиях, а не в подтверждающих исследованиях.[45]

    Адаптивный дизайн в сравнении с обычными испытаниями

    В традиционных или классических клинических исследованиях человек принимает/отвергает нулевую гипотезу в четко определенной популяции. Никакие изменения в дизайне исследования, статистических методах или популяции пациентов не допускаются после начала исследования без документирования поправок к протоколу и разрешения Институционального/Независимого комитета по этике, в то время как в адаптивных дизайнах разрешены заранее указанные модификации на основе промежуточного анализа.В классических исследованиях одновременно проводится не более двух или трех групп исследований, в то время как в клинических исследованиях с адаптивным дизайном одновременно могут тестироваться многие группы лечения [].

    Таблица 1

    Сравнение между обычным методом проб и адаптивного проб

    Конструктивные особенности Обычные Trial Адаптивный дизайн
    Проектирование Более жесткая Гибкая
    оружие Лечение Максимальная два или три Многие одновременно
    гипотезы Проверка гипотезы при рассмотрении Fit данные в гипотезу
    Модификации Не допускается без изменений протокола заранее оговоренном Разрешено
    Фазы Фазы I — II хорошо определены могут быть бесшовными фазами 2/3. Anization много простой , требующий промежуточного анализа
    . испытание
    Представление регулирующих органов Хорошо одобрено Все еще спекулятивно

    Преимущества адаптивного дизайна

    Одним из очевидных преимуществ испытаний адаптивного дизайна является то, что потенциальные модификации дизайна предварительно утверждаются и комитеты по этике утверждаются контролирующими органами и комитетами по этике заранее. внесение изменений в протокол не требуется.Логистика для изменения лечения или дозы также может быть запланирована заранее. Более того, существует полная гибкость реагирования на непредвиденные события, и существуют варианты для введения любых новых доз, изменения конечных точек и т. д. Также сохраняется достоверность результатов, особенно при слепых данных или при наличии брандмауэров, когда только ограниченное число людей имеет доступ к результатам.[46] Существует также широкое нормативное признание, особенно в случае поисковых клинических испытаний с адаптивным дизайном.[45]

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

    Недостатки и риски, связанные с адаптивным дизайном

    Внедрение адаптивного дизайна при разработке лекарств имеет свою цену.Первый недостаток заключается в том, что после адаптации использование байесовского подхода для статистического анализа является скорее принуждением, чем выбором, и многие исследователи по-прежнему считают байесовские статистические методы нестандартными.[47] Даже после применения байесовских статистических методов иногда становится трудно контролировать ошибку 1-го рода в адаптивных испытаниях. Другой риск заключается в том, что специальные изменения, основанные на неслепых данных, могут поставить под угрозу достоверность исследования. Даже в проекте EMEA подчеркивается возможность нарушения целостности исследования из-за частых промежуточных анализов.[6] Существует также риск развития тенденции проводить адаптационные испытания слишком рано, что ставит под угрозу общие результаты исследования. Прежде всего, все еще далеко до всеобщего принятия регулирующими органами.[46]

    Как свести к минимуму риск

    Чтобы свести к минимуму риск, связанный с частыми промежуточными анализами, в проекте EMEA 2006 г. были подчеркнуты два важных вопроса, которые необходимо рассмотреть. Во-первых, необходимость выполнения любого промежуточного анализа должна быть очень сложной и во-вторых, общее количество промежуточных анализов должно быть хорошо обосновано.Обе эти проблемы должны быть тщательно спланированы и решены. Должен быть достигнут баланс между необходимостью оценки накапливаемой информации и риском нарушения честности исследования. Следует избегать рутинного раскрытия слепых, особенно когда можно предвидеть, что будет недостаточно информации для прекращения исследования из-за доказанной эффективности или бесполезности или серьезных опасений по поводу безопасности экспериментального лечения.[6]

    Чтобы еще больше минимизировать риск, не рекомендуется вносить изменения в дизайн продолжающегося исследования фазы III.Также рекомендуется, чтобы исследования с адаптивным дизайном нуждались, по крайней мере, в таком же тщательном изучении гетерогенности и обосновании для объединения результатов разных стадий, как это обычно требуется для объединения отдельных испытаний в метаанализе.[6]

    Текущий сценарий

    Текущие сигналы фармацевтической промышленности положительны. Регулирующие органы на основных рынках заняли решительную позицию в отношении клинических испытаний с адаптивным дизайном. Многие компании, занимающиеся разработкой программного обеспечения и информационными технологиями, разрабатывают программное обеспечение и системные решения для управления клиническими испытаниями для поддержки клинических испытаний с адаптивным дизайном.[48] ​​Двухэтапные адаптивные проверки концепции и адаптивные клинические испытания с определением дозы уже использовались для исследований мигрени.[49] Адаптивный дизайн 3+3 уже используется в онкологических исследованиях.[22]

    Недавно «Консорциум биомаркеров» запустил новаторское мультиагентное адаптивное клиническое испытание для лечения рака молочной железы, предназначенное для одновременного применения нескольких экспериментальных препаратов для лечения рака молочной железы в рамках проекта под названием «Исследование серийных исследований для прогнозирования». Ваш терапевтический ответ с визуализацией и молекулярным анализом (ИСПЫТАНИЕ I-SPY 2).«Консорциум биомаркеров» — это уникальное государственно-частное партнерство, возглавляемое Фондом национальных институтов здравоохранения (NIH). В этом испытании адаптивный дизайн позволит исследователям использовать ранние данные от одной группы пациентов, чтобы принимать решения о том, какие методы лечения могут быть более полезными для пациентов на более поздних этапах исследования, и быстрее устранять неэффективные методы лечения.[50,51]

    Совет по научным и промышленным исследованиям Индии запустил инициативу по разработке лекарств с открытым исходным кодом (OSDD), связывающую адаптивные разработки с предконкурентным исследовательским сотрудничеством.Этот проект направлен на борьбу с туберкулезом и представляет собой интернет-проект без интеллектуальной собственности.[52] Причина адаптивных клинических испытаний, безусловно, будет усилена запуском адаптивных клинических испытаний в таком крупном масштабе.

    Перспективы на будущее

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

    Для промышленности

    Эти конструкции позволят протестировать большее количество доз в фазах I и II, что приведет к лучшему пониманию воздействия соединения на пациентов в дозах, которые клинически значимы, что приведет к принятию более эффективных решений, касающихся разработки лекарственного средства и, для успешных соединений, лучший дизайн фазы III испытания, тем самым помогая уменьшить неудачу лекарства на этой стадии или, что еще хуже, на более позднем этапе его разработки.Бесшовные испытания Фазы I и Фазы IIa позволили бы изучить эффективность и токсичность с самого начала, при этом исследование безопасности проводилось бы непосредственно на пациентах, а не на здоровых добровольцах. Такая непрерывность либо позволила бы прекратить испытание досрочно, если соединение неэффективно, либо позволило бы продолжить его с дополнительными группами доз. Также станет возможным реагировать на изменения на рынке, такие как одобрение продукта конкурента, и общий эффект будет заключаться в том, что процесс разработки лекарств станет менее трудоемким и более дешевым.

    Для регулирующих органов

    Эти проекты способствуют более тесной связи между регулирующими органами и спонсорами с самого начала испытания, что сводит к минимуму вероятность неудачи. Они будут очень кстати для клинической разработки лекарств от редких заболеваний. С более активной ролью регулирующих органов; будет ускорено более конструктивное сотрудничество между регулирующими органами, промышленностью и академическими кругами в форме консорциумов или OSDD для поиска вариантов лечения трудноизлечимых состояний.

    Для пациентов

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

    Заключение

    Преимущества клинических испытаний с адаптивным дизайном многочисленны. Они имеют не только положительную прогностическую ценность в том смысле, что эффективность лекарственного средства устанавливается раньше при использовании бесшовных дизайнов, но также имеют отрицательную прогностическую ценность в том смысле, что неэффективные методы лечения могут быть устранены на более ранней стадии.Регулирующие органы также заняли положительную позицию в отношении адаптивных испытаний. Но на этом этапе рекомендуется проявлять осторожность, поскольку радикальные изменения часто рассматриваются как отсутствие планирования и могут быть встречены критикой, особенно когда они проводятся на поздних этапах испытаний II или III фазы для оценки эффективности. Кроме того, не каждое испытание можно спасти с помощью адаптации и адаптивного дизайна. Это не должно быть лекарством от плохого планирования. Несмотря на то, что в настоящее время могут возникнуть некоторые проблемы с выполнением адаптивного дизайна, с выпуском проекта руководства для промышленности по клиническим испытаниям с адаптивным дизайном все больше и больше компаний вынуждены использовать клинические испытания с адаптивным дизайном, что делает процесс разработки лекарств короче и быстрее. дешевле.

    Сноски

    Источник поддержки: Нет

    Конфликт интересов: Не объявлено.

    Ссылки

    1. Вудкок Дж. Вступительные комментарии FDA: Дизайн клинических исследований и вопросы оценки. Клинские испытания. 2005; 2: 273–5. [PubMed] [Google Scholar]3. Маке Х.А., редактор. Адаптивные клинические испытания: инновации в дизайне, управлении и анализе испытаний. Нидхэм, США: Кембриджский институт медицинских технологий; 2007 г. Отчеты CHI Insight Pharma — Адаптивные испытания в обзоре текущей практики — май 2007 г.[Google Академия]4. Вудкок Дж., Вусли Р. Инициатива критического пути FDA и ее влияние на разработку новых лекарств. Анну Рев Мед. 2008; 59:1–12. [PubMed] [Google Scholar]6. Рефлексия по методологическим вопросам в подтверждающих клинических испытаниях с гибким планом дизайна и анализа. Лондон, Великобритания: EMEA; 2006. Европейское агентство по лекарственным средствам. Отчет №: Док. Ссылка CHMP/EWP/2459/02. [Google Академия]7. Коффи С.С., Кайралла Дж.А. Адаптивные клинические испытания: прогресс и проблемы. Наркотики Р Д. 2008;9:229–42. [PubMed] [Google Scholar]8.Чоу С.К., Чанг М., Понг А. Статистическое рассмотрение адаптивных методов в клинической разработке. Дж. Биофарм Стат. 2005; 15: 575–91. [PubMed] [Google Scholar] 11. Розенбергер В.Ф., Сталлард Н., Иванова А., Харпер К.Н., Рикс М.Л. Оптимальные адаптивные дизайны для испытаний с бинарными ответами. Биометрия. 2001; 57: 909–13. [PubMed] [Google Scholar] 12. Ван С.К., Циатис А.А. Приблизительно оптимальные однопараметрические границы для последовательных испытаний. Биометрия. 1987; 43: 193–200. [PubMed] [Google Scholar] 13. Ши У.Дж. Групповая последовательная переоценка размера выборки и двухэтапный адаптивный дизайн в клинических испытаниях: сравнение.Стат мед. 2006; 25: 933–41. [PubMed] [Google Scholar] 15. Gallo P, Chuang-Stein C, Dragalin V, Gaydos B, Krams M, Pinheiro J, рабочая группа PhRMA. Адаптивный дизайн в клинической разработке лекарств — краткое изложение рабочей группы PhRMA. Дж. Биофарм Стат. 2006; 16: 275–83. [PubMed] [Google Scholar] 16. Сиецема В.К. Материалы 22-го -го -го ежегодного европейского собрания. Монако: 2010. Последние достижения в адаптивных дизайнах клинических испытаний. 8-10 марта. [Google Академия] 18. Чоу С.К., Шао Дж. Вывод для клинических испытаний с некоторыми поправками к протоколу.Дж. Биофарм Стат. 2005; 15: 659–66. [PubMed] [Google Scholar] 19. Хардвик JP, Стаут QF. Оптимальные малоступенчатые схемы. J Вывод статистического плана. 2002; 104:121–45. [Google Академия] 20. Дженнисон С., Тернбулл Б.В. Нью-Йорк: Чепмен и Холл; 2000. Групповые последовательные методы с применением в клинических испытаниях. [Google Академия] 21. Дженнисон С., Тернбулл Б.В. Метаанализ и адаптивный групповой последовательный дизайн в процессе клинической разработки. Дж. Биофарм Стат. 2005; 15: 537–58. [PubMed] [Google Scholar] 23. Лю Цюй, Чи ГЮ.О размере выборки и выводах для двухэтапных адаптивных планов. Биометрия. 2001; 57: 172–7. [PubMed] [Google Scholar] 24. Hung HM, Cui L, Wang SJ, Lawrence J. Адаптивный статистический анализ после изменения размера выборки на основе промежуточного обзора размера эффекта. Дж. Биофарм Стат. 2005; 15: 693–706. [PubMed] [Google Scholar] 25. Бауэр П., Кизер М. Объединение различных этапов разработки методов лечения в рамках одного испытания. Стат мед. 1999; 18:1833–48. [PubMed] [Google Scholar] 26. Сэмпсон А.Р., Силл М.В.Дизайн Drop-the-Losger: обычный корпус. Биом Дж. 2005; 47: 257–81. [PubMed] [Google Scholar] 27. Чжан В., Сарджент Д.Дж., Мандрекар С. Адаптивный дизайн для определения дозы, учитывающий как токсичность, так и эффективность. Стат мед. 2006; 25: 2365–83. [PubMed] [Google Scholar] 28. О’Куигли Дж., Шен Л.З. Метод постоянной переоценки: вероятностный подход. Биометрия. 1996; 52: 673–84. [PubMed] [Google Scholar] 29. Чанг М., Чоу С.К. Гибридный байесовский адаптивный дизайн для испытаний доза-эффект. Дж. Биофарм Стат. 2005; 15: 677–91. [PubMed] [Google Scholar] 30.Чаркраварти А. Регуляторные аспекты использования суррогатных маркеров в клинических испытаниях. В: Буржиковски Т., Моленбергс Г., Буйс М., редакторы. Оценка суррогатной конечной точки. Нью-Йорк: Спрингер; 2005. [Google Scholar]31. Ван С.Дж., О’Нил Р.Т., Хун Х.М. Подходы к оценке эффекта лечения в рандомизированных клинических исследованиях с использованием геномной субпопуляции. Фарм Стат. 2007; 6: 227–44. [PubMed] [Google Scholar] 32. Чанг М. Нью-Йорк: CRC Press; 2007. Теория адаптивного дизайна и реализация с использованием SAS и R. [Google Scholar]33.Брэнсон М., Уайтхед В. Оценка эффекта лечения в исследованиях выживаемости, в которых пациенты меняют лечение. Стат мед. 2002; 21: 2449–63. [PubMed] [Google Scholar] 34. Хоммель Г. Адаптивные модификации гипотез после промежуточного анализа. Биом Дж. 2001;43:581–9. [Google Академия] 35. Келли П.Дж., Сталлард Н., Тодд С. Адаптивный групповой последовательный дизайн для клинических испытаний фазы II/III, в которых выбирают одно лечение из нескольких. Дж. Биофарм Стат. 2005; 15: 641–58. [PubMed] [Google Scholar] 36. Мака Дж., Бхаттачарья С., Драгалин В., Галло П., Крамс М.Адаптивные бесшовные проекты фаз II/III — предыстория, эксплуатационные аспекты и примеры. Информация о наркотиках J. 2006; 40: 463–74. [Google Академия] 37. Циатис А.А., Мехта С. О неэффективности адаптивного дизайна для мониторинга клинических испытаний. Биометрика. 2003; 90: 367–78. [Google Академия] 38. Чоу СК, Лу Кью, Це СК. Статистический анализ двухэтапного адаптивного дизайна с разными точками исследования. Дж. Биофарм Стат. 2007; 17:1163–76. [PubMed] [Google Scholar] 39. Чоу СК, Ту Ю.Х. О двухэтапном бесшовном адаптивном дизайне в клинических испытаниях.J Formos Med Assoc. 2008; 107: 52–60. [PubMed] [Google Scholar]40. Фэн Х, Шао Дж, Чоу С.К. Групповой последовательный тест для клинических испытаний с меняющейся популяцией пациентов. Дж. Биофарм Стат. 2007; 17:1227–38. [PubMed] [Google Scholar]41. Куинлан Дж. А., Крамс М. Внедрение адаптивного дизайна: логистические и операционные соображения. Информация о наркотиках J. 2006; 40: 437–44. [Google Академия]42. Куинлан Дж., Гайдос Б., Мака Дж., Крамс М. Барьеры и возможности для реализации адаптивных дизайнов при разработке фармацевтических продуктов.Клинские испытания. 2010;7:167–73. [PubMed] [Google Scholar]43. Corriol-Rohou S. Материалы семинара 2 nd EMEA/EFPIA по адаптивному дизайну в подтверждающих клинических испытаниях. Лондон, Великобритания: 2009 г. 2 nd Семинар по клиническим испытаниям EMEA-EFPIA 2009 г.: Введение. 02 апр. [Google Scholar]44. Ван М., Ву Ю.С., Цай Г.Ф. Регуляторный взгляд на адаптивный дизайн испытаний. J Formos Med Assoc. 2008; 107:3–8. [PubMed] [Google Scholar]45. Ван СЖ. Материалы 2-го -го -го семинара EMEA/EFPIA по адаптивному дизайну в подтверждающих клинических испытаниях.Лондон, Соединенное Королевство: 2009 г. Точка зрения регулирующего органа. 02 апр. [Google Scholar]47. Бауэр П., Браннат В. Преимущества и недостатки адаптивных дизайнов для клинических испытаний. Наркотиков Дисков сегодня. 2004; 9: 351–7. [PubMed] [Google Scholar]48. Ян Р. Управление клиническими испытаниями: обеспечение операционной эффективности. Экспресс Фарма. 2010;5:16–7. [Google Академия] 49. Sagkriotis A, Scholpp J. Сочетание проверки концепции с определением дозы: использование адаптивных дизайнов в клинических испытаниях мигрени. Кефалагия.2008; 28:805–12. [PubMed] [Google Scholar]51. Джонс Д. Адаптивные испытания набирают обороты. Nat Rev Drug Discov. 2010;9:345–8. [PubMed] [Google Scholar]52. Как А. Раскрывая секреты кода. Экспресс Фарма. 2010;5:27–30. [Google Scholar]

    Adaptive Design — mdp

    Успех многих инженерных систем зависит от того, насколько они удовлетворяют потребности пользователей. Когда безопасность является критическим фактором, компьютерные модели человека используются для обеспечения оптимальных конструкций безопасности.Изменчивость травм часто вызвана различиями в человеческом теле среди населения. Например, анализ данных о травмах показал, что среди взрослого населения маленькие женщины, пожилые и тучные пассажиры подвергаются повышенному риску смерти и серьезных травм в автокатастрофах по сравнению с пассажирами среднего роста, молодыми и мужчинами. . К сожалению, традиционный процесс разработки компьютерных моделей человека для оценки травм в основном сосредоточен на трех размерах и формах человеческого тела (т.э., маленькая женщина, мужчина среднего размера и крупный мужчина), а ограниченные размеры не учитывают морфологические вариации скелета, внутренних органов и внешней формы тела за пределами трех антропометрических категорий.

    Исследователи из Института транспортных исследований Мичиганского университета (UMTRI) совершенствуют моделирование ударов при авариях, расширяя учитываемые типы размеров и форм тел. Наше параметрическое моделирование человека позволяет быстро изменять размер и форму базовой модели человека в зависимости от возраста, пола, телосложения, веса или других антропометрических переменных.Этот метод обеспечивает основу для моделирования ударов людей с широким диапазоном размеров и форм тела.

    Общая цель исследования — разработать следующее поколение параметрических моделей человеческого тела, представляющих все население. Такие модели позволят моделировать популяционное или индивидуальное моделирование, которое будет служить для адаптивных/индивидуализированных конструкций для обеспечения безопасности человека, таких как адаптивные автомобильные ремни и подушки безопасности, персонализированные шлемы и другие устройства безопасности и спортивное оборудование.

    В настоящее время у команды есть следующие текущие проекты:

    Параметрическая модель головы для прогнозирования черепно-мозговой травмы и сотрясения мозга

    • Этот проект предназначен для разработки параметрических моделей скальпа, черепа и мозга, чтобы выяснить, влияют ли пол, размер и форма головы на риск черепно-мозговой травмы.

    Параметрическая модель для детей для прогнозирования травм при падении детей и случаев жестокого обращения с детьми

    • Этот проект предназначен для разработки детских моделей головы для представления морфологии головы в широком возрастном диапазоне.Модель головы будет расширена до моделей всего тела, которые послужат объективным инструментом для дифференциации травм от детских падений и жестокого обращения с детьми.

    Параметрическая модель шейного отдела позвоночника

    • Этот проект предназначен для разработки параметрических моделей шейного отдела позвоночника для представления геометрических вариаций позвонков. Модель потенциально может быть использована для оценки травм во многих сценариях аварий, особенно хлыстовых травм при ударах сзади.

    Параметрическая модель верхней конечности

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

    Параметрическая модель всего тела для защиты пассажиров при автомобильных авариях

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

    Сведения о КОМАНДЕ

    Время и место встречи: Вся наша команда MDP обычно собирается раз в две недели по понедельникам с 17:00 до 18:30 по восточному времени виртуально, но личные встречи могут быть доступны, если это будет разрешено в 2022 году.Наша лаборатория расположена в здании UMTRI Building, 2901 Baxter Road; Варианты онлайн-встреч доступны по мере необходимости; наша команда успешно работает удаленно с марта 2020 года. Лучшее время будет определено после определения студентов. Каждая подгруппа назначает удобное время для еженедельных встреч и совместной работы. Обязательство на два срока начнется в январе 2022 года.

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

    Дополнительная информация

    Что такое адаптивный дизайн клинических испытаний?

    Содержание обновлено 16 сентября 2021 г.

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

    Преимущества адаптивного дизайна клинических испытаний

    Адаптивный дизайн потенциально может сократить количество пациентов в исследовании и количество исследований в целом. Испытания с адаптивным дизайном могут даже давать более информативные результаты испытаний. Адаптивный дизайн особенно полезен для адекватно контролируемых клинических испытаний на безопасность и эффективность. Они также могут быть весьма полезными в исследованиях ранней фазы и поисковых испытаниях, а также в испытаниях, проводимых позже для выполнения постмаркетинговых обязательств.

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

    Адаптивный и неадаптивный пробный дизайн

    Чтобы понять, что такое адаптивный дизайн и как его можно эффективно использовать, в ноябре 2019 года FDA выпустило окончательное руководство «Адаптивный дизайн для клинических испытаний лекарств и биологических препаратов».В руководстве адаптивный дизайн определяется как «дизайн клинического исследования, который позволяет вносить перспективные изменения в один или несколько аспектов дизайна на основе накопления данных от субъектов, участвующих в этом исследовании».

    Знакомый пример адаптивного дизайна существует в исследованиях с повышением дозы на ранней стадии. В этих исследованиях часто используются проспективно запланированные промежуточные обзоры фармакокинетических (ФК) и данных по безопасности комитетом по обзору, который затем принимает решения о дальнейших действиях. В таких случаях протокол должен четко и перспективно определять членство в комитете и критерии того, следует ли прекратить дозировку, повторить предыдущую дозу или перейти к более высокой дозе.Неадаптивные дизайны испытаний не предусматривают таких возможностей модификации.

    Неадаптивная пробная версия

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

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

    Адаптивный дизайн клинических испытаний

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

    Примером адаптивного дизайна может быть использование основанного на модели подхода для выбора доз фазы 2. Затем модель можно было бы адаптировать по мере поступления промежуточных данных и использовать для информирования об изменениях в дизайне исследования, чтобы уменьшить количество субъектов, получающих субоптимальные дозы.Это позволяет больше сосредоточиться на дозах, которые могут быть эффективными. Адаптивный дизайн также может включать критерии бесполезности, которые полезны в тех случаях, когда лекарство может быть неэффективным. Вместо того, чтобы ждать завершения исследования, адаптивный дизайн может использовать промежуточные данные, чтобы оценить, приведет ли зачисление большего количества субъектов к провалу исследования.

    Другим примером того, где адаптивный дизайн может быть полезным, является определение подходящего размера выборки для исследования. В традиционном неадаптивном исследовании существует риск недостаточной мощности исследования, если оценки дисперсии и эффекта лечения чрезмерно оптимистичны; аналогичным образом, если эти оценки параметров слишком консервативны, вы можете получить чрезмерно большую исследуемую группу.Если исследование недостаточно мощное, то данные исследования не будут достаточно надежными со статистической точки зрения, чтобы подтверждать значимые выводы. Если исследуемая популяция слишком велика, то значительное количество времени и денег тратится впустую. Используя адаптивный дизайн, размер выборки можно скорректировать на основе накопления данных исследования таким образом, чтобы избежать этих нежелательных результатов.

    Что можно изменить в адаптивных пробных версиях?

    Несмотря на то, что модификации являются обычным явлением в испытаниях с адаптивным дизайном, не все модификации могут быть подходящими для каждого испытания.Вы должны тщательно продумать, какие аспекты сделать «адаптивными», поскольку неправильный выбор или слишком большая гибкость могут привести к предвзятости.

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

    • Адаптация процедур рандомизации
    • Отказ от или добавление групп лечения или доз
    • Адаптация к размеру выборки на основе промежуточных результатов
    • Адаптивное обогащение популяции пациентов
    • Предварительно заданные правила остановки для эффективности или бесполезности

    Четыре основных аспекта адаптивного проектирования

    В руководстве FDA от 2019 г. определены четыре ключевых принципа, которые следует учитывать при планировании испытания адаптивного дизайна:

    1. Контроль вероятности ошибочных выводов
    2. Оценка эффектов лечения
    3. Планирование испытаний
    4. Поддержание проведения испытаний и добросовестности

    Контроль вероятности ошибочных выводов

    Одной из стратегий, используемых в адаптивном дизайне, является планирование предварительного неслепого теста в середине запланированного исследования, чтобы определить, достигнута ли конечная точка эффективности.Раннее достижение конечной точки может значительно сократить время и ресурсы, необходимые для испытания. Если конечная точка не достигнута, испытание продолжается с последующим испытанием, когда испытание завершено. Во втором случае увеличение количества тестов увеличит вероятность ошибки этого окончательного анализа. Следовательно, при перспективном планировании следует учитывать потенциальное влияние на статистическую достоверность окончательного анализа.

    Неадаптивные исследования исторически основывались на статистической теории, чтобы обеспечить надлежащий контроль над ошибками типа I и типа II.Обычно это предполагает использование заранее заданного уровня значимости, например 5%. Однако этот подход невозможен для проектов, которые адаптируют несколько элементов. В таких случаях моделирование клинических испытаний может быть полезным инструментом, помогающим в адаптивном дизайне испытаний. Гипотетические клинические испытания могут быть смоделированы при ряде допущений для получения оценки ошибки при этих допущениях.

    Оценка эффектов лечения

    Одним из потенциальных источников смещения могут быть изменения, связанные с типом данных в первичном анализе (т.g., конечные точки, популяции), что может затруднить интерпретацию эффекта лечения. Методы корректировки оценок для уменьшения погрешности, если они доступны, следует планировать на перспективу и использовать для представления результатов. В тех случаях, когда такие методы не всегда могут быть доступны, следует оценить как минимум степень систематической ошибки, а оценки эффекта лечения следует представлять и интерпретировать с соответствующей осторожностью.

    Планирование испытаний

    Перспективное планирование должно быть строгим и включать ожидаемое количество и сроки промежуточных анализов, тип(ы) адаптации, используемые методы статистического вывода и конкретный алгоритм, определяющий решение об адаптации.Комплексный план анализа, разработанный до начала испытания, повышает уверенность в том, что адаптивные решения не были приняты на основе незапланированного накопления знаний.

    Поддержание судебного поведения и честности

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

    Потенциальные проблемы адаптивного дизайна

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

    Наконец, адаптивный дизайн может быть не лучшим вариантом для всех клинических испытаний.Это включает короткие исследования (например, 2–8 недель) в популяциях, которые могут быть набраны очень быстро (т. е. менее 3–6 месяцев), поскольку набор необходимо приостановить на время проведения промежуточных анализов. И наоборот, адаптивный дизайн может хорошо подходить для более длительного исследования, когда промежуточные данные из краткосрочной конечной точки (например, через 6 недель) используются для прогнозирования долгосрочной конечной точки (например, 6-12 месяцев), поскольку прекращение лечения пациента набор в этом случае не нужен.

    Адаптивный дизайн, как правило, работает лучше и с меньшим риском, когда только несколько проблем (например,g., доза, подгруппы населения и конечные точки) необходимо изучить. Для программ, в которых существует значительная неопределенность в отношении многих параметров, проведение исследовательского испытания до разработки «адекватно контролируемого» испытания может дать дополнительную информацию, по крайней мере, в отношении некоторых из этих параметров. Это может уменьшить неопределенность и сделать подход более эффективным и информативным. Наконец, внесение значительных изменений в дизайн испытаний, особенно на этапах II и III, может привести к неопределенности результатов.

    Выводы

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

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

    Скачать блог в формате PDF

    Свяжитесь с нами

    Заявление о расширении CONSORT (ACE) адаптивных дизайнов: контрольный список с пояснениями и рекомендациями по разработке отчетов о рандомизированных испытаниях, в которых используется адаптивный дизайн

    Соответствующие более общие/специализированные руководства по отчетности
    (т.
    Универсальный
    CONSORT 2010 Заявление : Schulz KF, Altman DG, Moher D, для группы CONSORT.Заявление CONSORT 2010: обновленные рекомендации по составлению отчетов о рандомизированных исследованиях с параллельными группами.

    Ann Int Med. 2010;152(11):726-32. PMID: 20335313
    БМК Медицина. 2010;8:18. PMID: 20334633
    БМЖ. 2010;340:c332. PMID: 20332509
    Дж. Клин Эпидемиол. 2010;63(8): 834-40. PMID: 20346629
    Ланцет. 2010;375(9721):1136 дополнительное веб-приложение
    Акушерство Гинекол. 2010;115(5):1063-70. PMID: 20410783
    Открытая мед. 2010;4(1):60-68.
    ПЛОС Мед.2010;7(3): e1000251. PMID: 20352064
    Испытания. 2010;11:32. PMID: 20334632

    Specialized
    CONSORT Harms : Ioannidis JPA, Evans SJW, Gotzsche PC, O’Neill RT, Altman DG, Schulz K, Moher D, для группы CONSORT. Лучшая отчетность о вреде в рандомизированных исследованиях: расширение Заявления CONSORT. Энн Интерн Мед. 2004;141(10):781-788. PMID: 15545678

    CONSORT Неполноценность : Piaggio G, Elbourne DR, Pocock SJ, Evans SJW, Altman DG, для группы CONSORT.Отчетность о не меньшей эффективности и эквивалентности рандомизированных исследований. Расширение заявления CONSORT 2010. ДЖАМА. 2012 г.; 308(24): 2594-2604. PMID: 23268518

    CONSORT Cluster : Campbell MK, Piaggio G, Elbourne DR, Altman DG; Группа КОНСОРТ. Заявление Consort 2010: расширение кластерных рандомизированных испытаний. БМЖ. 2012;345:e5661. PMID: 22951546

    CONSORT Herbal : Gagnier JJ, Boon H, Rochon P, Moher D, Barnes J, Bombardier C, для группы CONSORT. Отчетность о рандомизированных контролируемых испытаниях травяных вмешательств: подробное заявление CONSORT.Энн Интерн Мед. 2006;144(5):364-367. PMID: 16520478

    CONSORT Нефармакологические лечебные вмешательства : Бутрон И., Альтман Д.Г., Мохер Д., Шульц К.Ф., Раво П.; КОНСОРТ НПТ Групп. Заявление CONSORT для рандомизированных испытаний нефармакологических методов лечения: обновление 2017 г. и расширение CONSORT для тезисов немедикаментозных испытаний. Энн Интерн Мед. 2017;167(1):40-47. PMID: 28630973

    CONSORT Abstracts : Хоупвелл С., Кларк М., Мохер Д., Вейджер Э., Миддлтон П., Альтман Д.Г., Шульц К.Ф., группа CONSORT.CONSORT для сообщения о рандомизированных контролируемых испытаниях в журналах и тезисах конференций: объяснение и разработка. ПЛОС Мед. 2008 г.; 5(1):e20. PMID: 18215107

    Хоупвелл С., Кларк М., Мохер Д., Уэйджер Э., Миддлтон П., Альтман Д.Г., Шульц К.Ф., CONSORT Group. CONSORT за отчеты о рандомизированных испытаниях в журналах и тезисах конференций. Ланцет. 2008;371(9609):281-3. PMID: 18221781

    CONSORT Pragmatic Trials : Zwarenstein M, Treweek S, Gagnier JJ, Altman DG, Tunis S, Haynes B, Oxman AD, Moher D; группа КОНСОРТ; Группа «Прагматические испытания в здравоохранении (Практика)».Улучшение отчетности о практических испытаниях: расширение заявления CONSORT. БМЖ. 2008; 337: а2390. PMID: 184

    STRICTA Контролируемые испытания акупунктуры : Макферсон Х., Альтман Д.Г., Хаммершлаг Р., Юпинг Л., Тайсян В., Уайт А., Мохер Д.; СТРИКТА Ревизионная группа. Пересмотренные стандарты отчетности о вмешательстве в клинические испытания акупунктуры (STRICTA): расширение заявления CONSORT. ПЛОС Мед. 2010;7(6):e1000261. PMID: 20543992

    CONSORT PRO : Калверт М., Блейзби Дж., Альтман Д.Г., Ревики Д.А., Мохер Д., Брандейдж М.Д.; КОНСОРТ ПРО Групп.Отчетность о результатах, о которых сообщают пациенты, в рандомизированных исследованиях: расширение CONSORT PRO. ДЖАМА. 2013;309(8):814-22. PMID: 23443445

    CONSORT-CENT : Вохра С., Шамсир Л., Сэмпсон М., Букуту С., Шмид С.Х., Тейт Р., Никлс Дж., Цукер Д.Р., Кравиц Р., Гайятт Г., Альтман Д.Г., Мохер Д.; группа ЦЕНТ. Расширение CONSORT для отчетности об испытаниях N из 1 (CENT) 2015 Statement.BMJ. 2015;350:h2738. PMID: 25976398

    CONSORT для ортодонтических испытаний : Pandis N, Fleming PS, Hopewell S, Altman DG.Заявление CONSORT: Применение внутри и адаптация для ортодонтических испытаний. Am J Orthod Dentofacial Orthop. 2015;147(6):663-679. PMID: 26038070

    TIDieR : Хоффманн Т., Гласзиу П., Бутрон И., Милн Р., Перера Р., Мохер Д., Альтман Д., Барбур В., Макдональд Х., Джонстон М., Лэмб С., Диксон-Вудс М., Маккаллок П., Вятт Дж., Чан А., Мичи С. Улучшение отчетности о вмешательствах: шаблон для описания и воспроизведения вмешательства (TIDiR), контрольный список и руководство. БМЖ. 2014;348:g1687. PMID: 24609605

    Simulation Research : Ченг А., Кесслер Д., Маккиннон Р., Чанг Т.П., Надкарни В.М., Хант Э.А., Дюваль-Арно Дж., Лин И, Кук Д.А., Пусик М., Хуэй Дж., Мохер Д., Эггер М. , Ауэрбах М; Международная сеть педиатрических инноваций, исследований и образования на основе моделирования (INSPIRE) Руководящие принципы отчетности Исследователи.Рекомендации по составлению отчетов для исследований в области моделирования здравоохранения: дополнения к заявлениям CONSORT и STROBE. Одновременное здоровье c. 2016;11(4):238-248. PMID: 27465839

    CONSORT для пилотных и технико-экономических испытаний : Элдридж С.М., Чан С.Л., Кэмпбелл М.Дж., Бонд С.М., Хоупвелл С., Табейн Л., Ланкастер Г.А.; от имени консенсусной группы PAFS. Заявление CONSORT 2010: расширение рандомизированных пилотных и технико-экономических испытаний. Пилотный проект и технико-экономическое обоснование. 2016;2:64. PMID: 27965879

    Формулы CONSORT-CHM : Cheng C-W, Wu T-X, Shang HC, Li Y-P, Altman DG, Moher D, Bian Z-X; для группы CONSORT-CHM Formulas 2017.Расширение CONSORT для формул китайской фитотерапии 2017: рекомендации, объяснение и разработка. 2017. Энн Стажер Мед. Ссылка на полный текст.

    CONSORT для рандомизированных исследований с участием одного человека : Pandis N, Chung B, Scherer RW, Elbourne D, Altman DG. Заявление CONSORT 2010: дополнительный контрольный список для отчетности в рандомизированных испытаниях с участием отдельных лиц. БМЖ. 2017;357:j2835. PMID: 28667088

    CONSORT Equity : Welch VA, Norheim OF, Jull J, Cookson R, Sommerfelt H, Tugwell P; CONSORT-Equity и Бостонский симпозиум по акциям.Расширение и доработка CONSORT-Equity 2017 для улучшения отчетности о справедливости в отношении здоровья в рандомизированных исследованиях. БМЖ. 2017;359:j5085. PMID: 29170161

    CONSORT-SPI : Монтгомери П., Грант С., Мэйо-Уилсон Э., Макдональд Г., Мичи С., Хоупвелл С., Мохер Д.; от имени Группы КОНСОРТ-СПИ. Отчеты о рандомизированных испытаниях социальных и психологических вмешательств: расширение CONSORT-SPI 2018. Испытания. 2018;19:407. PMID: 30060754

    Рандомизированные исследования со ступенчатым клином : Hemming K, Taljaard M, McKenzie JE, Hooper R, Copas A, Thompson JA, Dixon-Woods M, Aldcroft A, Doussau A, Grayling M, Kristunas C, Goldstein CE , Кэмпбелл М.К., Гирлинг А., Элдридж С., Кэмпбелл М.Дж., Лилфорд Р.Дж., Вейер С., Форбс А.Б., Гримшоу Дж.М.Отчет о рандомизированных исследованиях кластера со ступенчатым клином: расширение заявления CONSORT 2010 с объяснением и уточнением. БМЖ. 2018;363:k1614. PMID: 30413417

    CONSORT для рандомизированных исследований с несколькими группами в параллельных группах : Juszczak E, Altman DG, Hopewell S, Schulz K. Отчет о рандомизированных исследованиях с несколькими группами в параллельных группах: расширение заявления CONSORT 2010. ДЖАМА. 2019;321(16):1610-1620. PMID: 31012939

    Расширение CONSORT 2010 для рандомизированных перекрестных испытаний : Dwan K, Li T, Altman DG, Elbourne D.Заявление CONSORT 2010: расширение рандомизированных перекрестных испытаний. БМЖ. 2019;366:14378. PMID: 31366597

    CENT для TCM : Li J, Hu JY, Zhai JB, Niu JQ, Kwong JSW, Ge L, Li B, Wang Q, Wang XQ, Wei D, Tian JH, Ma B, Yang KH, Дай М., Тянь Г.Х., Шан Х.К.; CENT для рабочей группы TCM. Расширение CONSORT для сообщения об испытаниях традиционной китайской медицины N из 1 (CENT для традиционной китайской медицины): рекомендации, пояснения и уточнения. Дополнение Ther Med. 2019;46:180-188. PMID: 31519276

    STRICTOC : Zhang X, Tian R, Lam WC, Duan Y, Liu F, Zhao C, Wu T, Shang H, Tang X, Lyu A, Bian Z.Стандарты отчетности о вмешательстве в клинические испытания банок (STRICTOC): расширение заявления CONSORT. Чин Мед. 2020;15:10. PMID: 32021646

    CONSORT-AI : Liu X, Rivera SC, Moher D, Calvert MJ, Denniston AK; от имени рабочей группы SPIRIT-AI и CONSORT-AI. Рекомендации по отчетности для отчетов о клинических испытаниях вмешательств с использованием искусственного интеллекта: расширение CONSORT-AI.
    БМЖ 2020;370:m3164. PMID: 329
    Нат Мед. 2020: 26 (9): 1364–1374.PMID: 32

    3
    Ланцет Цифровое здоровье. 2020;2(10):e537-e548. PMID: 33328048

    CONSORT-ROUTINE : Kwakkenbos L, Imran M, McCall SJ, McCord KA, Fröbert O, Hemkens LG, Zwarenstein M, Relton C, Rice DB, Langan SM, Benchimol EI, Thabane L, Campbell MK, Сэмпсон М., Эрлинге Д., Веркойен Х.М., Мохер Д., Бутрон И., Раво П., Николл Дж., Уэр Р., Сове М., Флетчер Дж., Торгерсон Д., Гейл С., Ющак Э., Томбс Б.Д. Расширение CONSORT для отчетности о рандомизированных контролируемых исследованиях, проведенных с использованием когорт и регулярно собираемых данных (CONSORT-ROUTINE): контрольный список с объяснением и уточнением.БМЖ. 2021;373:n857. PMID: 33926904

     

    Клинические испытания адаптивного дизайна | Adaptive Clinical Trial

    Слушать, учиться, адаптироваться.

    Гибкость — один из самых мощных инструментов в вашем арсенале пробных проектов. Вот почему адаптивные дизайны испытаний дают вам возможность снизить риск неудачи за счет учета анализов в ключевых точках, поэтому параметры дизайна исследования, такие как размер выборки, дозировка или выбор пациентов, могут быть соответствующим образом скорректированы.

    Фактически, отчет 2018 года под названием Императив инноваций: будущее разработки лекарств , подготовленный The Economist Intelligence Unit (EIU), показал, что адаптивные дизайны испытаний повышают вероятность запуска новой терапии в среднем на 13%. В некоторых терапевтических областях этот процент еще выше – до 32% в онкологии. Однако, хотя этот подход обнадеживает, он все еще не используется широко.

    Внедряя адаптивные дизайны испытаний, вы получаете возможность тщательно оценивать клинические данные в режиме реального времени, чтобы принимать обоснованные решения об изменении направления исследования для увеличения шансов на успех.Хорошо спроектированный и выполненный адаптивный пробный дизайн может:

    • увеличить вероятность успеха вашей новой терапии
    • максимизировать информацию из испытания
    • сократить сроки разработки
    • снизить общие затраты на разработку и
    • снизить риск для добровольцев исследования и спонсоров
    • максимизировать вероятность успеха с регулирующими органами и плательщиками

     

    Типы адаптивных пробных дизайнов
    Типы приспособлений Описание
    Адаптивный подбор дозы Используется для определения минимальной эффективной дозы (МЭД) и/или максимально переносимой дозы (МПД).Метод непрерывной переоценки (CRM) или модель байесовской логистической регрессии (BLRM)
    Обогащение популяции (например, на основе биомаркерных или фармакогеномных данных) Неслепой промежуточный анализ интересующих подмножеств для выявления подгрупп со значительно более высоким ответом на лечение на основе научных обоснований. Субъекты могут пройти биомаркерное или геномное тестирование для определения права на участие в клиническом исследовании или для принятия промежуточных решений о продолжении работы с выбранными субпопуляциями или всей популяцией
    Повторная оценка размера выборки (SSR) Корректировка размера выборки или повторная оценка на основе неслепых промежуточных данных без завышения вероятности ложноположительного результата при окончательном анализе
    Адаптивная рандомизация Изменение запланированной рандомизации на основе накопления данных исследования, таких как исходные ковариаты или ответы
    Бесшовные исследования фазы I/II — испытания с повышением и увеличением дозы Сочетает повышение дозы с фазой расширения для получения первых данных о деятельности
    Бесшовная фаза II/III Объединяет фазу II и фазу III в одно испытание, включает решение об адаптации исследования при промежуточном анализе и использует данные до и после адаптации в окончательном анализе
    Основные протоколы Включает модели зонта, корзины и платформы.Основные протоколы могут быть очень полезными на ранней стадии разработки для скрининга различных соединений в портфолио и выбора лучших для каждого из показаний или тестирования одного соединения по нескольким показаниям для выбора тех показаний, при которых соединение особенно эффективно. В зонтичных планах исследуются множественные методы лечения одного заболевания, в то время как корзиночные испытания оценивают одно лекарство при множественных заболеваниях или подтипах заболеваний (например, различные типы опухолей, которые имеют общие геномные характеристики).Платформенные испытания оценивают несколько видов лечения при множественных заболеваниях и позволяют добавлять или удалять схемы лечения на основе заранее заданных алгоритмов принятия решений 90 165
    Включение реальных данных (RWD) Реальные данные как часть разработки, формирующие синтетические рычаги управления

    Дополнительные услуги, которые мы предоставляем:

    • Статистическая экспертиза для разработки адаптивных планов испытаний для оптимизации планов исследований и планов клинической разработки 
    • Опыт биостатистики в планировании и проведении адаптивных испытаний, байесовское адаптивное определение дозы, повторная оценка размера выборки, бесшовные планы для объединения фаз разработки, выполнение моделирования сценариев дизайна и принятия решений
    • Руководство проектом с опытом управления адаптивными пробными проектами:
      • Мы разрабатываем весь план, привлекая специалистов всех специальностей: ученых, менеджеров данных, статистиков, медицинских экспертов, экспертов по регулированию, логистики и технологий.Все они здесь, чтобы внести свой вклад в разработку и проведение испытания
      • .
      • Ресурсы для клинического мониторинга, которые понимают, как быстрая смена дизайна влияет на рабочую нагрузку на месте, мотивацию и удержание сотрудников и т. д. 
      • Персонал по управлению данными с опытом адаптации структур баз данных к меняющимся проектам исследований
      • Мы сотрудничаем с соответствующими разработчиками технологий для работы над гибкими решениями платформы данных для сбора, синтеза и анализа данных из разных источников 
      • Эксперты по регулированию, которые имеют отношения с различными контролирующими органами и могут говорить с контролирующими органами, ожидая, что они будут максимально приемлемыми для конкретного плана развития

    Что такое адаптивный дизайн? (с картинками)

    Адаптивный дизайн — это создание объектов, которые способствуют простоте доступа для всех людей.Как правило, этот термин ассоциируется с инвалидностью, но теоретически все люди могут получить пользу от модификации определенных объектов, чтобы они лучше соответствовали телу или разуму человека. Большинство людей считают, что создание общедоступных объектов и систем предпочтительнее индивидуальной модификации объектов для повышения доступности, но текущие и практические решения жизненных проблем также чрезвычайно важны. Типы модификаций, характерные для адаптивного дизайна, обычно носят индивидуальный характер, но могут помочь с мобильностью, позиционированием и даже обучением.

    Большинство объектов и систем в мире рассчитаны на несуществующее «нормальное» тело.Адаптивный дизайн — это философия, которая выступает за внесение изменений в эти объекты, чтобы повысить удобство использования для человека. Рассматриваемый человек может иметь очень специфическую инвалидность, например, неспособность сидеть прямо, и в этом случае объект может использоваться в ряде ситуаций, в которых сидение является проблемой. В качестве альтернативы дизайн может быть предназначен для дополнения определенного существующего объекта, например инвалидной коляски.

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

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

    Часто можно улучшить доступность, используя базовые инструменты и дизайнерские материалы.Люди могут создавать адаптивные решения, используя недорогие материалы, такие как картон или пенопласт. Эти продукты не всегда самые привлекательные, но они могут быть очень функциональными. Многие группы стремятся помочь родителям в создании этих предметов для детей и предоставить людям технологии, необходимые им для полноценного участия в их жизни.

    Leave a Reply