Переговоры: возможность принять финальное решение

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

Для этого есть набор методов:

let el = document.querySelector(".someClass")
el.childNodes // дочерние элементы
el.nextSibling // сосед справа
el.parentNode // родительский элемент

Подробнее в видео: https://youtu.be/MoEWUWIDFDs

И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

✨Домашнее задание ✨

Взять пример из урока: https://codepen.io/detepr/pen/rQYYbx
1. Посчитать сумму цен всех подарков и вывести её в консоль
2. Отсортировать подарки по цене

На основе тех же данных можно быстро собрать прототип.

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

Статья на Медиуме: https://medium.com/p/3153e280cfbf

Пример кода: https://codepen.io/detepr/pen/dmxYyX

Скринкаст: https://www.youtube.com/watch?v=gw-EaA2xAgc&t=25s

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

https://youtu.be/hc4rxfdcqxU На русском. Уильям Юри, автор книги «Достичь согласия», предлагает элегантный, простой (но нелегкий) способ достижения консенсуса в самых сложных ситуациях - от семейных неурядиц до, например, ближневосточного конфликта.

https://youtu.be/IQegEgH62wU На русском. Не про переговоры, но полезно для творческих людей как опыт креативной работы с желанием добиться нужного тебе результата. О творческих манипуляциях. Певица Аманда Палмер начинает с рассказа о своём опыте работы на улицах Нью-Йорка (подайте доллар 2х-метровой невесте!). Она размышляет о новых отношениях между артистом и поклонниками.

Хорошая статья (https://theoryandpractice.ru/posts/16210-ya-ne-sovsem-ponimayu-vashu-pozitsiyu-kak-vyyti-pobeditelem-iz-peregovorov-mezhdunarodnogo-masshtaba) на русском по тематике переговоров «Я не совсем понимаю вашу позицию»: как выйти победителем из переговоров международного масштаба

Далее материалы на английском языке

https://youtu.be/g2J6YOiLNr4 На английском. После 15 лет работы в британском МИДе Карн Росс стал «независимым дипломатом» и основывал собственную некоммерческую организацию, которая представляет небольшие и, как правило, еще непризнанные государства в международных организациях. В ходе конференции BIF-5 он призывал к новой дипломатии, которая дает слово представителям небольших стран.

https://youtu.be/uKByBgqxOw4 На английском. Что происходит в голове у людей, когда они заключают сделку? Поведенческий экономист Колин Кэмерер демонстрирует результаты исследования, которое выявило, что мы практически не можем угадать образ мыслей других людей.

https://youtu.be/JTN9Nx8VYtk На английском. Почему мы спорим? Чтобы разубедить своих оппонентов в их правоте и, главное, чтобы победить! Правда? Философ Дэниел Г. Коэн показывает, как наша общепринятая форма спора — война, в которой один человек должен выиграть, а другой проиграть — упускает подлинные преимущества активной дискуссии, которые могли бы помочь противоборствующим сторонам избежать обид и взаимных претензий.

https://www.ted.com/talks/howard_rheingold_the_new_power_of_collaboration?language=ru
Говард Рейнгольд рассказывает о грядущем мире сотрудничества, общественных СМИ и коллективном действии и о том, что Википедия является результатом естественного человеческого инстинкта работать в группе.

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

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

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

Главное не забывать, что внутреннюю речь пользователя мы только предполагаем. В реальности всё не так. Её нужно проверять ю-тестами, в идеале — с реальным «мышлением вслух».

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

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

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

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

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

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