Как изменить модальное окно
Модальное окно · Bootstrap на русском
Модальные окна Имеют обтекаемую форму, но гибкая, диалоговое окно с минимальным набором функций и по умолчанию.
Содержание
autofocus атрибут HTML не имеет никакого эффекта в Bootstrap модальные глаголы. для достижения такого же эффекта, использовать некоторые пользовательские JavaScript:
$('#myModal').on('shown.bs.modal', function () { $('#myInput').focus() })Открытие нескольких модальных окон не поддерживается
Не открывайте новое модальное окно пока другое всё ещё открыто. Отображение более одного модального окна требует написание дополнительного пользовательского кода.
Размещение разметки модального окна
Всегда старайтесь поместить разметку модального окна в верхнем уровне HTML-документа, чтобы избежать влияния других элементов на внешний вид модального окна и/или его функциональность.
Пример статического
Обработанную модальное окно Заголовок, тело, и набор действий в футере.
<div> <div role="document"> <div> <div> <button type="button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5>Modal title</h5> </div> <div> <p>One fine body…</p> </div> <div> <button type="button" data-dismiss="modal">Close</button> <button type="button">Save changes</button> </div> </div><!-- /.модальное окно-Содержание --> </div><!-- /.модальное окно-диалог --> </div><!-- /.модальное окно -->Демо
Переключить модальное окно через JavaScript нажав на кнопку ниже. Он будет скользить вниз и исчезают в верхней части страницы.
Текст в модальном окне
Моллис УДО, есть номера commodo предполагаемое luctus, ниси erat porttitor лигулы.
Информеры в модальном окне
Эта кнопка должна вызвать диалоговое окно по клику.
Подсказки в модальном окне
Эта ссылка и эта ссылка должна иметь подсказку при наведении.
Переполняя текст для отображения прокрутки;
Кра маттис миннеаполис пурус сидеть амет любого fermentum.. Одио хусто Кра, dapibus AC и это в, egestas егет квам. Морби Лео рисус, порта переменного тока миннеаполис переменного тока, преддверия на Эрос.
Praesent commodo курсус "магна", ООО "нисл" scelerisque миннеаполис эт. Vivamus sagittis lacus Вэл augue laoreet взгляд долор auctor faucibus.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
Кра маттис миннеаполис пурус сидеть амет любого fermentum.. Одио хусто Кра, dapibus AC и это в, egestas егет квам. Морби Лео рисус, порта переменного тока миннеаполис переменного тока, преддверия на Эрос.
Praesent commodo курсус "магна", ООО "нисл" scelerisque миннеаполис эт. Vivamus sagittis lacus Вэл augue laoreet взгляд долор auctor faucibus.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
Кра маттис миннеаполис пурус сидеть амет любого fermentum.. Одио хусто Кра, dapibus AC и это в, egestas егет квам. Морби Лео рисус, порта переменного тока миннеаполис переменного тока, преддверия на Эрос.
Praesent commodo курсус "магна", ООО "нисл" scelerisque миннеаполис эт. Vivamus sagittis lacus Вэл augue laoreet взгляд долор auctor faucibus.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
Launch demo modal
<!-- Кнопка запуска модального окна --> <button type="button" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <!-- Модальное окно --> <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div role="document"> <div> <div> <button type="button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5>Modal title</h5> </div> <div> ... </div> <div> <button type="button" data-dismiss="modal">Close</button> <button type="button">Save changes</button> </div> </div> </div> </div>
Сделать модальности можно
Не забудьте добавить role="dialog" и aria-labelledby="...", ссылаясь на модальное окно Заголовок, чтобы .modal, и role="document" к .modal-dialog сам.
Кроме того, вы можете дать описание вашего модальное окно диалог с aria-describedby на .modal.
Опционные размеры
Модальные окна Имеют два дополнительных размера, доступные через классы модификатор, который будет размещен на .modal-dialog. Эти размеры ударом в некоторые точки останова, чтобы избежать горизонтальной полосы прокрутки на узких окнах.
Large modal Small modal
<!-- Большие модальное окно --> <button data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button> <div tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div> <div> ... </div> </div> </div> <!-- Небольшой модальное окно --> <button type="button" data-toggle="modal" data-target=".bd-example-modal-sm">Small modal</button> <div tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div> <div> ... </div> </div> </div>
Удалить анимацию
Для модальности, которые просто появляются, а не исчезают, просмотреть, удалить .fade класс от модальное окно разметки.
<div tabindex="-1" role="dialog" aria-labelledby="..." aria-hidden="true"> ... </div>С помощью блочной системы
Чтобы воспользоваться преимуществами Bootstrap блочная система в модальное окно, просто гнездо .container-fluid В .modal-body, а затем использовать обычные блочная система классов внутри этого контейнера.
.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-2 .col-md-offset-4
.col-md-6 .col-md-offset-3
Level 1: .col-sm-9Level 2: .col-xs-8 .col-sm-6
Level 2: .col-xs-4 .col-sm-6
Launch demo modal
<div tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true"> <div role="document"> <div> <div> <button type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h5>Modal title</h5> </div> <div> <div> <div> <div>.col-md-4</div> <div>.col-md-4 .col-md-offset-4</div> </div> <div> <div>.col-md-3 .col-md-offset-3</div> <div>.col-md-2 .col-md-offset-4</div> </div> <div> <div>.col-md-6 .col-md-offset-3</div> </div> <div> <div> Level 1: .col-sm-9 <div> <div> Level 2: .col-xs-8 .col-sm-6 </div> <div> Level 2: .col-xs-4 .col-sm-6 </div> </div> </div> </div> </div> </div> <div> <button type="button" data-dismiss="modal">Close</button> <button type="button">Save changes</button> </div> </div> </div> </div> <div> <button type="button" data-toggle="modal" data-target="#gridSystemModal"> Launch demo modal </button> </div>Изменения модальное окно Контента, основанного на кнопку пуска
Есть куча кнопок, вызывает модальное окно, просто с немного разным содержанием? Используйте event.relatedTarget и HTML data-* атрибуты (возможно через jQuery) варьировать содержимым модального окна в зависимости от того, какая кнопка была нажата. См подробные сведения в документации Модальных событий relatedTarget.
<div> <button type="button" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button> <button type="button" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button> <button type="button" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button> <div tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div role="document"> <div> <div> <button type="button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5>New message</h5> </div> <div> <form> <div> <label for="recipient-name">Recipient:</label> <input type="text"> </div> <div> <label for="message-text">Message:</label> <textarea></textarea> </div> </form> </div> <div> <button type="button" data-dismiss="modal">Close</button> <button type="button">Send message</button> </div> </div> </div> </div> </div>$('#exampleModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) // Кнопка, что спровоцировало модальное окно var recipient = button.data('whatever') // Извлечение информации из данных-* атрибутов // Если необходимо, вы могли бы начать здесь AJAX-запрос (и выполните обновление в обратного вызова). // Обновление модальное окно Контента. Мы будем использовать jQuery здесь, но вместо него можно использовать привязки данных библиотеки или других методов. var modal = $(this) modal.find('.modal-title').text('New message to ' + recipient) modal.find('.modal-body input').val(recipient) })Модальные окна с динамической высоты
Если Высота модальное окно изменения во время ее открытия, Вам необходимо позвонить $('#myModal').data('bs.modal').handleUpdate() подрегулировать модальное окно’s позиции в случае появляется полоса прокрутки.
Использование
В модальное окно плагин переключает ваш скрытый Контент по требованию, через атрибуты данных или JavaScript. Он также добавляет .modal-open на <body> по умолчанию прокрутка поведение и создает .modal-backdrop, чтобы обеспечить щелкните область для увольнения показаны модальные глаголы при нажатии вне модальное окно.
С помощью данных атрибутов
Активируйте модальное окно без записи JavaScript. Набор data-toggle="modal" на элемент контроллера, кнопки, вместе с data-target="#foo" или href="#foo", чтобы предназначаться для определенного модальное окно для переключения.
<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>Через JavaScript
Вызов модальное окно с кодом myModal С одной строки JavaScript:
$('#myModal').modal(options)Варианты
Параметры могут передаваться через атрибуты данных или JavaScript. Для атрибутов данных, введите имя параметр data-, а на data-backdrop="".
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
| backdrop | boolean or the string 'static' | true | Включает в себя модальное окно-фон элемента. Кроме того, укажите static на фоне которого не закрыть модальное окно по щелчку. |
| keyboard | boolean | true | Замыкает модальное окно При нажатии клавиши Escape |
| show | boolean | true | Показывает модальное окно При инициализации. |
Методы
.modal(options)
Активирует ваш Контент в модальное окно. Принимает необязательный варианты object.
$('#myModal').modal({ keyboard: false }).modal('toggle')
Переключение вручную на модальное окно. Возвращает абоненту до модальное окно фактически было показано или скрыто (т. е. shown.bs.modal или hidden.bs.modal события).
$('#myModal').modal('toggle').modal('show')
Вручную открывает модальное окно. Возвращает абоненту до модальное окно фактически было показано (т. е. shown.bs.modal события).
$('#myModal').modal('show').modal('hide')
Вручную скрывает модальное окно. Возвращает абоненту до модальное окно На самом деле был скрытым (т. е. hidden.bs.modal события).
$('#myModal').modal('hide')События
Bootstrap модальное окно класс предоставляет несколько событий для навески модальное окно функциональности. Все модальное окно события обстреляли модальное окно сама по себе (т. е. <div>).
| Тип События | Описание |
|---|---|
| show.bs.modal | Это событие возникает сразу же, когда show способ экземпляра называется. Если вызываемое щелчком, щелчке элемент, как relatedTarget свойство события. |
| shown.bs.modal | Это событие запускается, когда модальное окно стала видимой для пользователя (будет ждать CSS переходы для завершения). Если вызываемое щелчком, щелчке элемент как relatedTarget свойство события. |
| hide.bs.modal | Это событие сразу же выполняется, когда вызывается экземпляр метода hide. |
| hidden.bs.modal | Это событие запускается, когда модальное окно закончил быть скрыта от пользователя (будет ждать CSS переходы для завершения). |
$('#myModal').on('hidden.bs.modal', function (e) { // сделать что-то... })7 фундаментальных моделей управления изменениями
моделей управления изменениями
- Модель управления изменениями Левина : трехэтапный подход к изменению поведения, отражающий процесс таяния и изменения формы кубика льда.
- ADKAR модель : ориентированный на человека подход для облегчения изменений на индивидуальном уровне.
- 8-ступенчатая модель изменений Коттера : процесс, в котором используется опыт сотрудников для снижения сопротивления и принятия изменений.
- Кривая изменений Кюблера-Росса : стратегия, которая разбивает то, как люди обрабатывают изменения, с использованием 5 стадий горя.
- McKinsey 7s model : процесс, сосредоточенный вокруг согласования семи фундаментальных элементов любой организации
- PDCA : циклический и итеративный процесс управления изменениями, ориентированный на постоянное улучшение.
- Bridges Transition Model : ориентированная на людей модель, ориентированная на управление опытом людей, переходящих к изменениям.
Хотя определения различаются, управление изменениями обычно относится к тому, как команды и компании осуществляют организационные изменения. Часто называемые единственной константой, изменение - и управление им - это постоянно развивающийся процесс, затрагивающий всех. И хотя не существует единого правильного или неправильного способа смягчить последствия изменений, есть несколько проверенных моделей управления изменениями, к которым организации возвращаются снова и снова.
Модель управления изменениями Левина
Разработанная в 1940-х годах модель управления изменениями Левина остается актуальной благодаря своей простой, но эффективной структуре.Согласно тезке модели изменений Курту Левину, управление организационными изменениями можно разбить на три более мелких, более управляемых этапа:
Физик по профессии, Левин использовал пример превращения куба льда в ледяной конус и применил его к управлению организационными изменениями.
Модель управления изменениями Левина (Щелкните изображение, чтобы изменить онлайн) Во-первых, команда или организация должны «разморозить» свой текущий процесс и восприятие при подготовке к предстоящим изменениям.Этот шаг помогает команде подойти к задаче или вызову с чистого листа, без предвзятости или вредных привычек.
Теперь пора внести изменения. Эффективное изменение требует четкой и постоянной связи по всем затронутым каналам как во время, так и после развертывания.
Наконец-то пора «заморозить». Предполагая, что на этапе «изменения» произошла точная обратная связь и постоянное взаимодействие, на этапе повторного замораживания новый процесс фиксируется. Подобно формам для льда, командам и организациям необходимо отойти от старой формы, прежде чем они смогут вписаться в новую.
Модель изменений Левина, хотя для одних она слишком упрощена, другие предпочитают ее за способность выявлять старые шаблоны или упущенные из виду проблемы, а также за чистый подход к новым способам мышления.
ADKAR модель
Модель ADKAR известна своим подходом к управлению изменениями, ориентированным на людей. Модель изменений ADKAR, созданная Джеффри Хайаттом, помогает облегчить изменения на индивидуальном уровне, поскольку изменения часто связаны не столько с самими изменениями, сколько с реакцией людей на них.ADKAR - это аббревиатура от:
- Осведомленность: Осведомленность о необходимости изменений
- Желание: Желание участвовать и поддерживать изменения
- Знание: Знание как изменить
- Возможность: Возможность реализации изменения
- Армирование: Армирование для поддержания изменения
Модель изменений ADKAR (Щелкните изображение, чтобы изменить в Интернете) Поскольку успешная реализация организационных изменений напрямую зависит от сотрудников, важно, чтобы люди имели четкое представление о том, какие изменения происходят, почему они происходят и как они на них влияют. лично.Модель ADKAR помогает людям обрабатывать изменения через четко определенные этапы, которые позволяют им понять и принять изменения.
Погрузитесь глубже, чтобы узнать, как использовать модель ADKAR для управления изменениями.
Узнайте, как
Модель
с 8-ступенчатым переключением KotterРазработанная Джоном Коттером после опроса более 100 постоянно меняющихся организаций, 8-ступенчатая модель изменений Kotter также больше ориентирована на людей, переживающих большие организационные изменения, а не на сами изменения.Восемь шагов:
- Создайте ощущение срочности.
- Создайте сильную коалицию.
- Сформируйте стратегическое видение.
- Получите всеобщее участие.
- Разрешить действие, сняв барьеры.
- Составляйте краткосрочные победы.
- Поддерживает ускорение.
- Смена института.
Процесс управления изменениями Kotter умело превращает потенциально сопротивляющихся людей в восприимчивых участников за счет доверия, прозрачности и командной работы.Благодаря определению конечной цели, вовлечению всех и совместной реализации предстоящих изменений этот процесс остается давним фаворитом среди моделей управления изменениями.
8-ступенчатая модель изменения Коттера (Нажмите на изображение, чтобы изменить онлайн) Кривая изменения Кюблера-Росса
Наиболее широко известная как пять стадий горя, кривая изменений Кюблера-Росс также может рассматриваться как надежная стратегия управления изменениями из-за ее разбивки того, как люди воспринимают изменения в целом.Организации могут лучше подготовиться к изменениям, если они также предвидят возможную реакцию своих сотрудников. Пять этапов:
- Отказ
- Гнев
- Торг
- Депрессия
- Приемка
Если команды и компании упускают из виду, на кого их изменения влияют больше всего, то их попытки внести эти изменения будут напрасными. Смена организации - это не замена шины; необходимо учитывать эмоциональные факторы.
Одно предостережение, которое следует учитывать при использовании этой стратегии управления изменениями, заключается в том, что эти этапы не всегда являются последовательными и что каждый может проходить их по-разному, поэтому ее эффективность не всегда является прогнозируемой. Таким образом, его также можно использовать в дополнение к другим моделям управления изменениями для двойного подхода.
Кривая изменения Кюблера-Росса (Щелкните изображение, чтобы изменить в Интернете) McKinsey 7s model
Модель McKinsey 7s была разработана в консалтинговой фирме McKinsey Томасом Дж.Петерса и Роберта Х. Уотермана в 1970-х годах, чтобы оценить, как разные части организации работают вместе. Согласно модели 7s, каждая организация состоит из семи основных элементов:
Жесткие элементы (легче всего идентифицировать и контролировать)
- Стратегия
- Строение
- Система
Мягкие элементы (более субъективно и сложно изменить)
- Общие значения
- Персонал
- Стиль
- Навыки
Эти элементы взаимосвязаны, и если один элемент изменяется, изменение будет распространяться и повлиять на другие элементы.Компании склонны использовать модель 7s, когда они вносят изменения в организацию и нуждаются в согласовании различных отделов и процессов.
Например, если компания быстро вырастет с 15 сотрудников до 50, штат, общие ценности и структура организации, вероятно, изменятся и повлияют на другие элементы. Используя модель 7s, можно понять изменения и перестроить элементы во время роста, чтобы все работало гладко.
Модель McKinsey 7S (Щелкните изображение, чтобы изменить в Интернете) PDCA модель
Также известная как колесо Деминга или цикл управления, модель PDCA была разработана Уильямом Демингом в 1950-х годах.Модель PDCA, обозначающая «планирование-выполнение-действие-изменение», представляет собой циклический и итеративный процесс для постоянного изменения и улучшения.
Пример планирования, выполнения, проверки, действия (щелкните изображение, чтобы изменить в Интернете) Он помогает организациям вносить улучшения, следуя простому процессу: разработать план, протестировать план, реализовать план, оценить успешность плана и внести необходимые изменения . Промыть и повторить.
Как мощный и универсальный цикл, PDCA лучше всего использовать при проведении контролируемых трейлов, обнаружении неэффективности и разработке новых процессов в компаниях и отраслях.
Узнайте, как применить модель PDCA для улучшения вашего бизнеса.
Узнайте, как
Мосты Transition Model
Подобно кривой изменений Кюблера-Росса, модель перехода мостов представляет собой еще один ориентированный на людей подход к управлению изменениями. Однако, в отличие от кривой изменений Кублера-Росса, модель перехода мостов фокусируется на переходе к изменению и опыту людей, а не на самом изменении.
Согласно модели перехода Bridges, ключ к управлению изменениями не в результатах изменений, а в том, как сотрудники отпускают старое и принимают новое.Модель перехода Bridges лучше всего использовать во время крупных изменений, чтобы помочь сотрудникам в процессе. Когда люди переходят к изменениям, происходят три стадии:
- Конец, проигрыш и отпуск : Каким бы противоречивым это ни казалось, первый шаг в модели перехода начинается с конца и обычно является наиболее эмоциональным для сотрудников. Неспособность признать чувства сотрудников может заставить их отказаться от изменений, поэтому важно четко сообщить о цели и преимуществах изменения.
- Нейтральная зона : на этом этапе сотрудники адаптируются к изменениям и быстро осваивают новые процессы. При возникновении проблем общайтесь быстро и четко, чтобы избежать путаницы и разочарования.
- Новое начало : Последний этап перехода - принятие. У сотрудников есть чувство направления и они понимают, почему изменения должны были произойти. Выделите успех изменений, чтобы продемонстрировать ощутимые результаты упорного труда работников.
Переходная модель Bridges (Щелкните изображение, чтобы изменить его в Интернете) Подготовка к изменениям
Модели управления изменениями помогают организациям подготовиться к предстоящим изменениям.Независимо от того, работаете ли вы над крупными изменениями в масштабах компании или обновляете процессы в своем отделе, правильные инструменты позволяют планировать даже самые широкие изменения в организации.
Узнайте больше об этих методологиях с указанными выше ресурсами.
.Как осуществить изменения с помощью модели 8-Step Change от Kotter
«Нет ничего более болезненного для человеческого разума, чем большие и внезапные изменения».
—Мэри Уоллстонкрафт Шелли, Франкенштейн
Наш мир - это мир перемен. Мы все подчиняемся законам времени и пространства, и жизнь диктует, что все мы изменяемся, вольно или невольно. Однако организационные изменения часто встречают сопротивление, особенно в организациях, которые существуют долгое время.Независимо от того, являетесь ли вы лидером в организации или одним из многих сотрудников, которые заставляют ее работать, внедрение изменений может быть пугающей перспективой, особенно с учетом длинного списка повседневных задач, которые уже сопутствуют любому бизнесу.
Но адаптация - это необходимость для устойчивого бизнеса, поэтому даже успешные компании, работающие с проверенными системами или методами, должны обновлять свои методы и обеспечивать их долговечность с течением времени. Когда происходят большие изменения, отличное руководство может иметь значение для компаний, которые процветают, и компаний, которые исчезают.Лидеры, которые могут беспрепятственно ориентироваться, также настраивают себя на самые большие выгоды.
При исследовании организационных изменений многие громкие голоса высказали свое мнение по этому поводу. Когда дело доходит до моделей управления изменениями в деловом мире, никто не говорит громче, чем д-р Джон Коттер, автор книги 1995 года Leading Change. Как профессор Гарвардской школы бизнеса и всемирно известный идейный лидер в области организационных изменений, Коттер разбил процесс изменений на восемь этапов управления изменениями, которые мы теперь называем 8-ступенчатой моделью изменений Коттера.
Давайте подробнее рассмотрим каждый шаг.
Модель Kotter Change с 8 этапами (Щелкните изображение, чтобы изменить онлайн) Посмотрите на модель Kotter Change
Доктор Коттер разработал свою модель изменений после наблюдения за многочисленными лидерами и организациями до, во время и после процесса преобразования или реализации их стратегий. Модель изменений Коттера разбивает руководство организационными изменениями на следующие этапы управления изменениями:
1. Создайте ощущение срочности
Поговорка «Если не сломалось, не чини», кажется, доминирует в культуре многих организаций.Таким образом, все эффективные изменения должны быть представлены как решение проблемы. Ваш бизнес может добиться этого, если вы:
- Оцените любые потенциальные угрозы, которые могут возникнуть в ближайшем или отдаленном будущем. Эти угрозы могут включать оценку изменений в технологии, продвижения ваших конкурентов, изменений рыночного спроса и т. Д.
- Обращайтесь к потенциальным возможностям, которыми могла бы воспользоваться ваша компания.
- Начните откровенный диалог, в котором вам будет предоставлена возможность убедительно объяснить свое видение, а заинтересованным сторонам будет предоставлена возможность выразить озабоченность и открыто подумать о вашем предложении.
- Обратитесь за поддержкой к заинтересованным сторонам, клиентам и влиятельным лидерам отрасли, чтобы укрепить свои позиции.
2. Сформируйте мощную коалицию
Чтобы возглавить крупное изменение компании, вам понадобятся союзники и заинтересованные стороны. Объединение других заметных членов компании, поддерживающих ваше видение, посылает мощный сигнал и быстро помогает распространить поддержку. Попробуйте один из этих проверенных способов сделать это:
- Определите ключевых лидеров изменений и заинтересованных сторон в вашей организации и попросите их поддержки в реализации вашего видения.
- Создайте коалицию, которая постоянно и открыто действует как одна команда.
- Оцените слабые стороны коалиции и компенсируйте их, вовлекая множество членов из разных отделов и уровней компании. Разнообразие должностей и уровней работы поможет распределить силу видения на бесчисленное количество должностей в вашей компании.
3. Создайте видение перемен
Процесс изменений начался, потому что у вас было видение того, как все можно и нужно делать по-другому.Сделать это видение ясным и понятным имеет первостепенное значение для достижения желаемых вами изменений. Используйте визуальные эффекты, чтобы наметить процессы и системы, чтобы увидеть, что работает, а что нет - они могут помочь вам определить срочность и создать четкое видение изменений.
В рамках этого процесса вы также должны:
- Определите основные ценности, которые вы хотите воплотить в своих изменениях.
- Разработайте формулировку миссии или одно-два предложения, которые охватывают наиболее важные части будущего, которое вы представляете.
- Создайте логичную стратегию для реализации этого видения.
- Убедитесь, что заинтересованные стороны и члены вашей коалиции могут ясно и кратко изложить свое видение.
- Репетируйте миссию и заявление о видении, часто читая их.
Карта процесса как есть / будет с горячими точками (щелкните изображение, чтобы открыть интерактивный шаблон) 4. Расскажите о видении
У вашей организации, вероятно, много коммуникаций, с которыми вы будете конкурировать.По этой причине недостаточно просто отправить свое видение по электронной почте или поделиться им с членами вашей организации. Чтобы эффективно инициировать изменение, вы должны повторять его при каждой возможности, а также демонстрировать поведение, которое вы хотите видеть. Для этого необходимо:
- Часто говорите убедительно и убедительно о своем видении.
- Свяжите свое видение со всем в вашей компании, от операций до морального духа компании, и свяжите все со своим видением.
- Поделитесь визуальными эффектами, созданными на предыдущем шаге, чтобы наглядно продемонстрировать различия между текущим и будущим состояниями.
- Публично и откровенно противостоять заботам и тревогам людей.
Шаблон бизнес-процесса (щелкните изображение, чтобы изменить в Интернете) 5. Устранение препятствий
Как вы, несомненно, уже заметили к этому моменту, следует ожидать сопротивления переменам. Чтобы получить импульс для реализации своего видения, вы должны дать себе лучший шанс, проявив инициативу и устраняя препятствия на пути к принятию вашей новой идеи. Для этого вам необходимо:
- Найдите лидеров отрасли, которые смогут повысить ценность ваших изменений, реализовав их.
- Оцените состояние вашей организации и убедитесь, что ваше видение согласовано с различными уровнями организации, и наоборот.
- Определите тех, кто наиболее сопротивляется вашим изменениям, и работайте над устранением их опасений или создайте упреждающие решения для преодоления их сопротивления.
- Вознаграждайте и признавайте тех, кто поддерживает и внедряет изменения на ранней стадии.
6. Создавайте краткосрочные победы
Изменение осуществляется не просто искрой, а постоянным током.Создание импульса для вашего видения важно для того, чтобы оно закрепилось. Краткосрочные победы - отличные мотиваторы для тех, кто работает над вашим новым видением, и отличный способ бороться с любыми скептиками или критиками вашего видения. Вот несколько способов сделать это:
- Находите краткосрочные проекты, которые не требуют больших затрат и не требуют одобрения потенциальных противников.
- Тщательно выберите правильный проект или цель - неудача в достижении ранней цели может подорвать ценность предлагаемого вами изменения.
- Награждайте членов команды, которые играют важную роль в достижении целей.
7. Построить на размене
Ранних побед, хотя они и хороши для начала перемен, недостаточно для их поддержания. Быстрые победы могут обмануть вас или ваших товарищей по команде, что процесс изменений завершен, но настоящие изменения должны быть урегулированы повторением и расширением. Чтобы использовать изменения, вам необходимо:
- Анализируйте, что пошло правильно, а что пошло не так после каждой победы.
- Постепенно ставьте более амбициозные цели, достижение которых может дать экспоненциальный импульс.
- Привлечь дополнительных влиятельных заинтересованных сторон или агентов изменений.
8. Якорь изменений в корпоративной культуре
Последний шаг к процессу изменений - обеспечение его включения в культуру вашей компании. Время, смена руководства и смена персонала могут быстро и легко испарить влияние ваших изменений. Чтобы ваши изменения оставались частью корпоративной культуры:
- Обсуждайте прогресс при каждой возможности. Делитесь историями об успехах вашего видения изменений и повторяйте истории других.
- Продолжайте узнавать ключевых коалиций и меняйте участников, создавая возможности отдать должное их вкладу и их наследию в изменения, которые вы предусмотрели.
- Прививайте основные ценности вашего изменения каждому новому сотруднику и процессу ориентации.
- Получите поддержку со стороны всех новых руководителей на ранней стадии, чтобы сохранить наследие предшествующих лидеров в вашем плане преемственности.
Модель для всех областей
МодельКоттера из 8 шагов наблюдается практически во всех сферах организационной психологии, от бизнеса до политики, образования и даже спорта.Знание этих шагов поможет вам на всех уровнях вашей организации, будь то руководство крупными изменениями в компании или поддержка реализации чужого видения.
В следующий раз, когда вы возьметесь за новый проект или возглавите новую повестку дня, включите 8-шаговую модель изменений Kotter и сделайте заметки о том, насколько хорошо ваши изменения подействовали. Улучшение вашей способности справляться с изменениями будет иметь огромное значение во всех сферах вашей жизни.
Схема курса
При внедрении управления изменениями в любом проекте или процессе визуальные эффекты неоценимы в передаче информации и представлении видения новой аудитории.Они помогают закрепить идеи, но также расставляют по приоритетам самые важные сообщения. Составление схемы процесса изменений - самый надежный способ определить курс трансформации, которую вы хотите осуществить.
Пример производственного процесса (щелкните изображение, чтобы изменить в Интернете) 
Подробный пример плана обслуживания (щелкните изображение, чтобы изменить в Интернете) Представляете ли вы четкие и понятные примеры того, почему вашей компании необходимо изменение, или демонстрируете шаги, предлагаемые для реализации изменения, блок-схема или диаграмма помогут вашим заинтересованным сторонам понять ваше видение, принять его , и принять новое видение с ясностью и последовательностью.Благодаря интуитивно понятному интерфейсу для простого создания понятных наглядных пособий и интеграции с ведущими платформами для совместного использования ваших диаграмм в масштабах всей компании Lucidchart - лучший выбор для лидеров изменений.
.python - Как автоматически изменять поля модели в django
Переполнение стека- Около
- Продукты
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд
datepicker - Как изменить структуру модели angular power bootstrap ngbDatepicker
Переполнение стека- Около
- Продукты
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
