0:00 Это подкаст Дизайн Такой.
0:04 В нашем подкасте мы говорим о дизайне продуктов, которые меняют нашу жизнь.
0:09 Сто лет назад дизайнеры работали с книгами, плакатами и городской навигацией.
0:14 Про экраны телефонов и приложений никто и не думал.
0:17 А сегодня я применяю знания этих людей в работе, потому что других у меня просто не было.
0:22 Графические интерфейсы развились.
0:24 Некоторым, например, операционным системам уже по несколько десятков лет.
0:28 Мы задумались, зачем мы до сих пор читаем труды Рудера, Чихельда и теоретиков прошлого века, которые думали о железных лидерах и форматах бумаги.
0:36 Чему сейчас они могут нас научить?
0:39 Оказывается, что многому.
0:40 В ходе разговора мы поняли, что наш опыт неразрывно связан с опытом дизайнеров начале 20 века.
0:46 По-прежнему интерфейс или книжный разворот должен быть понятным, логичным и рациональным.
0:51 Он отталкивается от функции.
0:53 Этот эпизод - попытка понять, зачем нам глубже изучать дизайн-теорию и надо ли вообще.
0:59 Если коротко, то да, надо.
1:01 С вами подкаст дизайн такой.
1:03 Сегодня мы тепло, лампово вдвоем помемри об истории дизайна?
1:20 Все эти, значит, классики Чихль, Трудер, Герстнер, и прочее, и Баухаус, и прочее - они все говорят про что-то, что было сто лет назад, где там какие-то блин медные таблички, чернила, пергаменты, наборные доски.
1:37 Сегодня 2022 год: рети на 4К-5, нафига нужны эти деды, у которых м-дэш, вот этот вот дефис, тире - оно длины буквы М, и поэтому называется М-дэш
1:57 типа нафига вот эту фигню знать, собственно.
2:05 Возможно, я уже рассказывал об этом.
2:07 Про то, как я пошел на интенсив
2:13 по Баухаус дизайну от дизайн воркаут.
2:16 Это такие такая школа Дима Барбанель.
2:22 на этом интенсиве нам сказали: принесите все: бумагу, какой-то картон, пластик, вообще, несите все, из чего можно что-то делать, лепить.
2:35 Ну, то есть, прям приносите кучу материалов.
2:39 Мы же там Баухаус, вроде как изучаем.
2:42 А, Баухаус, типографика это была.
2:44 Дима Барбаналь говорит: я теперь буду вам называть каждые 30 секунд разные эмоции, разные слова.
2:50 А вы должны будете очень быстро используя подручные средства на листе бумаги на определенном формате, изобразить то слово, которое я вам говорю.
3:00 Вот вам 30 секунд изобразите злость, секунд, изобразите радость, вот вам 30 секунд, изобразите любовь, и так далее.
3:11 У тебя мозг очень быстро должен туда компилировать, и ты тренируешь его, изображать, то есть ты тренируешь мозг и некие компиляции делать,
3:21 как такого компота, да?
3:24 Поветут такого компотать.
3:27 И ты учишься отражать
3:32 используя графические какие-то приемы.
3:35 Когда злость, ты делаешь острые углы, какую-то напряженную, очень композицию, все близко друг к другу и очень некомфортно.
3:44 Когда любовь все более округлая, какое-то легкое, да и ты понимаешь эти приемы, когда я уже весь этот день прошел этого интенсива, я понял, что эти приемы хорошо отражаются в нынешней работе, потому что у тебя бывают страницы на сайте или какие-то экраны в твоем приложении на которых тоже нужно передать определенную эмоцию или настроение.
4:11 Например, мы делаем продукт Ясно Лайф - это продукт, в котором психологи помогают людям онлайн-консультации, и он должен передавать спокойствие.
4:20 В этом продукте не должно быть каких-то какого-то напряжения, кнопки должны быть скругленные.
4:26 То есть, ну, квадратные кнопки в таком продукте это острые углы, это не.
4:31 Да, это даже не про квадратные кнопки.
4:34 Это про то, что ты пакуешь смыслы в короткие сообщения.
4:37 Тебе нужно очень быстро за короткий промежуток времени передать: то, что ты умничка, ты выполнил ежедневный челлендж.
4:48 А сегодня уровень твоего холестерина повысился до критических значений.
4:59 Ну, да, как эти, как боты из всех стреляло.
5:03 И ты должен это делать быстро.
5:05 Твоя задача - упаковать хорошо, смысл в короткое емкое сообщение, сообщение передать, и оно дошло.
5:14 И ты вот так вот пакуешь, передаешь, пакуешь, передаешь.
5:16 Если твои смыслы упаковались, твои метафоры понятны, ты хороший дизайнер.
5:23 Ну да, это мы говорим именно про метафоры.
5:25 Просто я вспомнил пример.
5:26 Мы делали упражнения вот прям так, как их делали люди в Баухаусе, которые приходили и учились у там.
5:38 Вот это прям те упражнения, которые он давал.
5:41 Это быстрый пример, вот который я осознал тогда.
5:44 Как те техники, которые тогда люди проходили, они помогают.
5:48 Ты открываешь хедспейс и, ты понимаешь, что эти иллюстрации, этот цвет, эти закругления, все типа графика, оно передает именно то настроение, тот смысл, который должно.
6:01 Это все не случайно сделано.
6:03 И дело тут не в гайдах, дело тут не в Уикс-исследованиях и не в данных.
6:08 А дело в том, что дизайнер профессионально умеет
6:12 передать тот настрой, тот смысл, который заложен в этот бренд, в этот продукт - это то, что мы должны уметь.
6:22 И эта суть дизайна она не поменялась за сто лет вообще никак.
6:27 Слушай, ну в этом плане, знаешь, тебе еще повезло, потому что ты это не в 12 учил.
6:31 В школе в чем проблема?
6:33 Ты сидишь на алгебре и учишь тригонометрию, такой: а нафига оно мне надо?
6:38 А нафига оно мне надо?
6:39 Ты хотя бы к концу дня понял, нафига оно тебе надо.
6:46 Типа эти упражнения, они напрямую не видны.
6:51 Поэтому возникает вопрос: зачем?
6:53 Но в результате твоей работы они отражаются, и это кайф.
6:57 Все то, о чем мы говорим сегодня, было придумано в начале 20 века.
7:03 Потому что до этого времени это все описано.
7:06 Можно почитать в книге Новая типографика Яна Чихальда.
7:10 До этого времени дизайн отталкивался от формы.
7:13 Когда человек верстал книгу, он верстал в первую очередь так, чтобы было красиво, чтобы это красиво выглядело.
7:19 И поэтому, когда вы открываете псалтырь, читать его очень сложно, потому что сначала хотели сделать красиво, а потом уже задумывались о том, читабельно это или нет.
7:29 В начале 20 века все поменялось, потому что дизайнеры обозначили, что нет, нужно в первую очередь задумываться о функции, а от функции должна уже меняться форма.
7:43 Поэтому текст должно быть удобно читать.
7:46 И дизайн начал меняться.
7:49 Именно в ту сторону, и в том направлении, в котором мы сейчас его видим, в котором мы сейчас работаем.
7:57 В описании и книги - Новая типографика есть
8:04 Задача этой книги состоит в том, чтобы выявить связи типографики с другими видами искусства, внести ясность относительно типографических элементов и современных требований к типографическому оформлению.
8:14 И тут очень хорошее слово есть: связь с типографикой с другими видами искусства.
8:19 С дизайном происходит то же самое.
8:20 Дизайн сам едва ли является самостоятельной дисциплиной.
8:23 Он опирается на 10 тысяч других дисциплин, точно так же, как физика использует методы математики, арифметику, алгебру, тригонометрию.
8:35 Она ее использует, но при этом она не является математикой.
8:38 Дизайн использует типографику, дизайн использует композицию, композицию художественную, композицию фотографии, цветовую композицию.
8:47 Дизайн это использует, но не является
8:52 самостоятельным, поэтому приходится это знать.
9:02 Я не умею работать в стол.
9:04 У меня в портфолио либо реальный проект, либо ничего.
9:09 По одной простой причине я не понимаю, зачем.
9:12 Меня мотивации просто не хватает.
9:14 Вот, у меня то же самое.
9:15 Я не понимаю, как можно делать какие-то концепты или дизайны чего-то.
9:18 Мне всегда очень важна цель, для чего я это делаю, и аудитория, для кого я это делаю.
9:23 Я не могу делать продукт ни для чего и ни для кого.
9:26 В общем, тебе очень хорошо на работе.
9:32 В этом плане, чтобы себя попробовать, есть челленджи.
9:34 Вот они прям для проверки себя, своих навыков, либо каких-то новых направлений и инструментов.
9:41 Да, и челленджи очень хорошо помогают развивать навык.
9:44 То есть ты либо учишься там суперкрутые макеты делать, или там 3д и так далее.
9:50 Концепты - вот то, про что мы говорили, развивают хорошо мышление и привлекают внимание к тебе, но не у всех получается придумать себе самому проект и самому его делать несколько месяцев.
10:00 Есть третий вариант - это конкурс.
10:02 Это крутой вариант для развития, потому что есть понятная цель - победить.
10:07 И есть свобода действий.
10:09 Ту главное требование - просто быть лучшим.
10:11 Ну, и к тому же на конкурсах всегда есть жюри, а значит, работу оценят, дадут внятный фидбэк и полезный фидбэк.
10:17 А для дизайнера фидбэк - это всегда очень важно.
10:20 С 1 января стартовал отборочный тур на конкурс Рус.
10:25 Рус - это самый масштабный конкурс для дизайнеров в России.
10:29 Его проводит команда дизайна ВК и проходит он уже 10 лет.
10:32 Почему стоит участвовать?
10:34 Во-первых, он не только для продуктовых дизайнеров.
10:36 В этом году чемпионат пройдет по трем направлениям: брендинг, интерфейсы и промо.
10:41 Хочешь урвать, все сразу - дерзай, ограничений нет.
10:45 Во-вторых, жюри работы оценят эксперты дизайна-индустрии из команд ВК, Кретил, Клей, Райфайзенбанка и МТС.
10:53 На каждом этапе жюри не только выставит оценки, но также приведет вебинары и даст обратную связь всем участникам.
10:59 Участие во всероссийском конкурсе гарантирует вам внимание получше концептам на бихансе.
11:03 Эчары и руководители дизайн-команд следят за конкурсом и ищут себе сотрудников.
11:08 И так происходит каждый год.
11:09 К тому же призовой фонд составляет 300 тысяч рублей.
11:12 Довольно приятный бонус для участников.
11:14 Отборочный тур зимнего чемпионата проходит с 1 января по 1 февраля.
11:19 А если ты не успеваешь зимой, то можешь принять участие в летней серии.
11:23 В этом году конкурс проходит два раза.
11:26 Узнайте больше на рашндип.ру.
11:28 Переходите по ссылке в описании эпизода, наших соцсетях и телеграм-канале.
11:32 Регистрируйтесь, выполняйте отборочные задания.
11:35 Тем более, в этом году это так просто.
11:37 Настолько, что мы сами решили попробовать.
11:39 Я уже делаю задание для отборочного тура.
11:45 Если мы начнем по порядку, все это проходить, мы начнем с композиции, Зачем вот эти основы композиций, которые описаны в этих книгах и работах начала 20 века, как они нам помогают сейчас в работе?
12:00 Ведь у нас же интерфейсы, а тебе какая разница, что композиционно хорошо оформлять?
12:06 Типа, афишу или карточку веб-стория.
12:11 Это форма одна и та же.
12:14 Да, очень странно, когда мы, например, пытаемся уместить очень много в одну карточку.
12:20 Есть такие дизайнеры, которые любят этим заниматься.
12:24 То есть, вот нам, например, нам нужно на один экран уместить все.
12:29 Мы в этот момент забываем, мы опять идем к
12:35 очень странная идея.
12:36 Давайте все уместим в один экран, чтобы это к форме экрана подходил отталкиваться, ну будем отталкиваться от формы, а не отталкиваться от того, что это должно быть удобно прочитать, и это должно быть удобно для чтения, поэтому должна быть определенная расстояние между строчками, определенная композиция.
12:58 Так, чтобы ты четко расставлял акцент.
13:01 Это главное, это побочное, это следующее.
13:04 И то же самое, например, с приложением, когда у тебя одинаковые блоки друг за другом идут, если это не список или какой-то там
13:12 какая-то таблица, то нужно как-то эти блоки разбавлять, как это в приложениях банков, например, у Тинькова делается, и так далее.
13:19 То, что ты описываешь, это затык при переходе с носителя на носитель, когда ты графический дизайнер, ты делаешь и действительно справляешься с этой задачей, так что ты уместил все.
13:32 Потому что у тебя есть лист, у тебя есть формат, у тебя есть там а4, опять, 1 и так далее.
13:38 И ты паришься: у тебя вот этот лифт, менюшечка.
13:43 Поэтому ты там реально упарываешься и все это вмещаешь.
13:48 А потом ты переходишь на скрол.
13:51 Приходишь в веб с вот такими вот здоровенными заголовками: где один параграф - это один экран.
13:59 но примерно ты можешь выстраивать свою композицию в рамках одного блока, и в этом плане у тебя одна какая-то карточка в приложении, например, это отдельный свой какой-то композиционный отдельный блок, который имеет свою композицию.
14:13 И даже книжная, вот эта вот книжная верстка с тем, как ты там располагаешь элементы, она даже применима к этим к этим блокам.
14:21 Ты можешь знание, ты можешь почитать, а как люди верстали страницы в книгах, и подумать: так ага, а мне это сейчас поможет этот блок сверстать.
14:31 Эту карточку в дизайне.
14:33 Знаешь, что забавно?
14:34 Несмотря на то, что мы сейчас говорим про интерфейсы, вот я вспоминаю те книги, которые у меня на полке сейчас стоят.
14:39 Я точно помню, что есть приятные издания, которые открываешь, и о, читать хорошо.
14:45 Потом после них открываешь какое-то издание, такое попроще, и сказать: о, что-то как-то тяжело.
14:50 Вот, и тут мы подходим к типографике, потому что типографика - такая же важная вещь, и текст на экране как бы это он остается текстом.
15:02 такой же наборный текст, и в нем можно отредактировать межстрочные расстояния, расстояние между буквами, кернинг, трекинг и
15:14 сделать так, чтобы текст был удобно читать.
15:17 Еще ты можешь шрифт подобрать.
15:18 Почему, когда ты открываешь.
15:20 Вот почему-то, когда ты медиу открываешь, у тебя во всем приложении шрифт без засечек.
15:30 А именно в тексте статьи у тебя шрифт покрупнее, и с засечками.
15:35 Ну, потому что его читать удобно.
15:40 Нет, его реально приятнее читать.
15:44 У меня в ридерах стоит обычный Сан-Франциско.
15:52 У нас две разных церкви.
15:58 Но да, то, что привыкли верстать, это серифом, да, по-прежнему.
16:04 Кстати, про типографику.
16:09 Вот ты читаешь новую типографику.
16:11 Я люблю почитать журнал шрифт, допустим.
16:14 Да, вот про разность.
16:15 Ну, про то, что у нас разный подход.
16:18 Я беру книгу и фигачи, ты читаешь журнал или статьи.
16:23 Ну, я сижу, читаю статью, журнал, шрифт, допустим, про историю гротесков.
16:31 Полезно тем, что когда читаешь историю этих гротесков, у тебя появляется палитра.
16:39 помимо шрифта гельветика, ты знаешь, что там появился шрифт, как он называется, Атлас Гротеск, Еще что-нибудь, Авангард.
16:50 Просто знаешь, что можно выкрутиться вот так.
16:57 родственник, гельветики.
16:59 Просто страшненький.
17:00 Но если в нем трекинг собрать, немножечко - он такой: о, ничего нормально.
17:05 Когда ты-то знаешь, такой о, можно раз и выкрутиться.
17:08 Когда у тебя вообще ты связан, то ты зная это правило, что можно чуть-чуть его подсобрать, так оп, и неплохо.
17:18 Очень это работает хорошо.
17:20 Ну, то есть, типа, ты это решаешь, эту проблему, ты решаешь не тем, что мне бы дали деньги, я бы купил себе классный шрифт ГТ Америка там от грилли тайп, или купил бы себе классный швейцарский шрифт, но мне ничего не дали.
17:37 причесать, имеющийся у тебя.
17:39 Вот, ты важно, очень важную штуку сказал: то, чему не научат тебя в курсах скилл-бокса, натологии и так далее, тебе просто времени на это не хватит, чтобы тебе выдавать типографику, и учить тебя типографики так,
17:58 как нужно знать ее, чтобы действительно сделать хороший интерфейс или сделать хорошую, свертать хорошую книгу.
18:08 В тот момент начинаешь, ага, а в этом шрифте надо разрядку побольше сделать, и он в принципе будет норм.
18:15 Ты не идешь, как бы как Джуниор,
18:18 в Гугл, и не вводишь там статью: типа лучшие пары шрифтов в 2021 году, находишь там пару проксиманового с патансом и все, это такое.
18:32 Это вот та шрифтовая пара, которая мне нужна.
18:38 Я недавно занимался тем, что подбирал шрифты для продукта, которые там делал
18:46 как раз я сидел и смотрел так: вот этот шрифт норм.
18:49 Но если ему если его поджать, типа там что за это?
18:55 когда страничку добьете, шрифт не выкидываете, я их
19:01 Ты просто так сказал, я шрифты подбирал.
19:05 Страничка, страничку добьете, не выкидывайте, Зип, эта работа, которая у меня увлекла, я не заметил, как прошло
19:17 Я сидел и вот этим занимался, так, а меж строчный расстояние, вот такое или вот такое, а этот шрифт вот с этим, а этот вот с этим.
19:24 Это очень увлекательная и интересная работа, но
19:29 в нее можно бесконечно погружаться.
19:32 И вот я меньше, чем ты читаю какие-то статьи - журнала шрифт или из медиума про это, а стоило бы, потому что там люди продолжают задаваться вопросами.
19:45 Ага, вышел такой шрифт.
19:46 Мы его можем здесь применить.
19:48 А как это здесь работает?
19:49 А как это здесь работает?
19:51 И все методы, которые придумали люди в книжном дизайне, они вполне себе применимы к дизайну - именно к типографике в интерфейсах.
20:00 Потому что тебе нужно выделять заголовки.
20:02 У тебя есть первостепенные заголовки, второстепенные заголовки, у тебя есть основной текст.
20:08 Ты еще про навигацию рассказываешь.
20:10 Про навигацию по навигацию сканирование текста ты сейчас об этом рассказываешь.
20:15 Ну, в книжке навигация точно такая же.
20:17 Ты открыл страницу, и вот ты должен по ней понять, что происходит.
20:21 То же самое у тебя с интерфейсом.
20:23 Ты сказал про патесанс, супер совет.
20:27 Посмотрите Александру Королькову, которая за 40 минут объясняет вот такой креш-корс: за 40 минут она объясняет, что такое шрифт, куда в нем смотреть.
20:40 Как его, кстати, подбирать?
20:41 Она рассказывает за 6 минут - как собрать пару: что такое хорошая кириллица, что такое плохая кириллица.
20:46 И зачем вообще обращать на это внимание?
20:48 Шрифтовиков в мире мало.
20:52 То есть, шрифт - не твой основной профиль рабочий.
20:58 Но надо понимать, как это делать - просто куда смотреть, понять, какая хорошая кириллица, какая плохая кириллица.
21:06 Потому что мы, вот, как носители русского языка, нам нужно это делать.
21:09 У нее, кстати, есть классный совет:
21:12 как определять хорошую-плохую кириллицу.
21:15 Ну, смотри, вот, например, разработчиков их могут поспрашивать.
21:18 Ты приходишь на собес, тебя могут спросить: а вот сортировки, ты как у тебя с сортировками?
21:26 Я знаю, я знаю, у меня есть заметка, у меня есть заметка, я знаю, как проходить собеседование.
21:34 ну-ка, ну-ка, ну-ка.
21:39 Финальный массив менять нельзя.
21:41 Счетчик счет в массивах начинается с нуля, у первого элемента индекс нулевой.
21:45 Все, я прошел собеседование.
21:49 То есть тебя могу спросить и про это.
21:51 Тебя могут спросить и про алгоритмы, алгоритмы какие-то, да, и так далее.
21:55 То есть, есть теория, которая тебя могут вообще абсолютно рандомно поспрашивать на
22:01 собесе: на разработчика.
22:03 Это компьютер сайенс.
22:05 Да, она довольно старая.
22:07 И она появилась еще до того, как мы появился икс-код.
22:13 У нас с тобой классный.
22:15 А, нет, ты в другом кабинете учил информатику.
22:18 У нас в кабинете информатики висела надпись: что информатика это такая же наука о компьютерах, как
22:26 астрономия - это наука о телескопах.
22:32 Очень правильная фраза.
22:34 И на собеседование: там тебя могут спросить: на собеседование на дизайнера тебя не спросят.
22:39 А ну-ка, вот тут в этом шрифте: какой бы ты поставил вот трекинг?
22:45 Но некоторые даже не предполагают, что ты должен это уметь.
22:50 Но оно помогает лучше погрузиться,
22:57 и понимать, а почему вот эту шрифтовую пару, там какой-то
23:02 очередной сраный фрилансер, который там расписывает шрифтовые пары, самые лучшие в 2021 году, самые трендовые подборки - твою мать, шрифтов.
23:15 я же дел, как из любого сайта, сделать сайт с обворка.
23:20 Ставишь Гелрой, и как второй этот шрифт.
23:25 Как этот старой шрифт, как его дьявола.
23:30 Не знаю, вот эти вот чуваки, типа Игорь Джазов, солдатов или солдаткин, или как их вот эти вот с классными фамилиями, которые
23:38 супер топовые фрилансеры на обворке вот у них эти подборки шрифтов, чтобы понимать, почему эти два шрифта работают или не работают.
23:47 Ну, вот, ну, мне кажется, важно, важно в это погрузиться.
23:51 Плюс это просто суперинтересно, вот ну, понять, а как эта типографика работает.
23:58 А еще большой очень плюс, когда ты
24:02 когда ты понимаешь, ага, почитал тут немножко теории по типографике.
24:06 Тут теория по типографике.
24:08 Мы же с тобой как бы не говорим про то, что надо книгу читать.
24:12 Ты статью статьи читаешь.
24:16 Надо ее, кстати, перечитать.
24:19 И у всех по-разному голова устроена.
24:23 Но эту информацию чем больше ты узнаешь, тем больше ты начинаешь читать матрицу.
24:30 Ты такой берешь какую-то книжку, пришел в кафешку, взял книжку, открыл ее.
24:35 Такой прикольно здесь сделано, прикольно они подобрали.
24:39 И каждый раз, когда ты потом открываешь книгу, открываешь приложение, ты начинаешь разбирать,
24:46 и ты не просто какую-то условную там насмотренность тренируешь - типа насмотрелся ты на приложение, а теперь как сделаешь офигенное приложение.
24:54 Ты начинаешь анализировать каждый раз.
24:56 И вот это вот мне нравится, и мне кажется, это важно.
25:05 Я вернусь к вопросу, с которого мы начали.
25:08 Нафига оно надо, если оно было придумано 10 лет назад?
25:12 Ты являешься дизайнером в компании и в команде.
25:14 По умолчанию ты эксперт в дизайне, и ты знаешь про дизайн больше, чем все остальные.
25:21 Оставшиеся члены команды видят в тебе человека, который про дизайн знает больше, чем остальные.
25:27 У остальных другой мейджор, другой профиль, другая область их компетенции.
25:33 Они знают про это меньше, они на тебя, блин, полагаются, они за это тебе деньги платят.
25:42 Ну ты не ответил, ну окей, а нафига мне.
25:47 Ну, а вот, ну окей, они мне деньги платят, на меня полагаются.
25:50 Да, я и так делаю неплохой дизайн.
25:52 Зачем мне вот это вот это вот чихлида читать, или журнал шрифт вот этот открывать?
25:59 Ну, полагаются они на меня, но я же им отдаю макеты вовремя.
26:03 А, ну так блин, ну так у тебя у тебя вот ящичек есть с инструментами, у тебя там только два.
26:10 Когда у тебя больше знаний, у тебя там этих инструментов, 5 у тебя и киянка, и кайло, и стамеска, и шер-хебель.
26:20 А когда ты нихера не читал, у тебя только шер-хебель.
26:24 Как-то раз мы работали с братом и с отцом в гараже.
26:28 Кто-то строили гараж, по-моему.
26:31 Так если вы строили гараж, то не было гаража.
26:34 Да, там мы работали в будущем гараже, блин.
26:39 в том месте, где должен быть гараж.
26:41 Так и нужно было короче, камень какой-то, или что-то короче, убрать, или расколоть.
26:48 Я тогда сказал: типа, ну тут, наверное, только Хайло, можно это сделать.
26:52 И брат сказал мне: Ну разве что твоим.
26:58 Просто про Хайло ты сказал.
27:00 Когда говорят Кайло, я сразу вспоминаю слово Хайло.
27:03 Я тогда думал, что ты одно и то же.
27:04 Ну, вот чего ты меня пытаешься загасить?
27:07 Прикинь, разработчика, который умеет считать или выводить данные только одним приемом, в его жизнь придет тот случай, когда этот прием не сканает, когда его лоу-кик он просто не сработает.
27:23 Там, вместо, не знаю, не знаю, что там, как там, в джаваскрипте, там надо вместо лет использовать что-нибудь другое.
27:31 я по-другому не знаю, меня так не учили.
27:36 Ну, здесь мы приходим к тому, что это все держится на личной ответственности.
27:40 Потому что дизайнер может в принципе, очень легко людей вводить в заблуждение.
27:45 Мы это делаем, но здесь вот четвертый год.
27:47 Но здесь вот так нужно, потому что вот здесь вот то, вот то.
27:50 И как бы и как бы объяснить это решение по-своему а не приводить какие-то реально важные аргументы, которые основываются на каких-то накопленных
28:03 за целый век знаниях по дизайну.
28:06 Еще мы живем с тобой в России, а В России
28:09 главный документ о профпригодности дизайнера - это то, что он делал за последние год-два.
28:15 Да, это и круто, и не круто.
28:17 Это и круто, и не круто.
28:18 Круто, потому что у каждого есть шанс, возможность
28:24 Просто если ты одарен, у тебя ноутбук асер подключен к интернету, и фигма запускается.
28:32 И все остальное в интернете есть.
28:37 Сиди, и много делай.
28:38 И минус в том, что мы и не поймем.
28:42 Просто я говорю: вот сейчас мы еще про цвет поговорим - про фотографию маленькая.
28:47 Но мой аргумент, он в том, что
28:52 вот это слово насмотренность: прости, я тебя задолблюсь его этим словом, оно как бы: оно же, блин, не про то, что ты должен насмотреться.
29:02 А что, ну блин, ну я насмотрен, и вон мне сколько скриншотов валяется.
29:08 Оно должно быть не насмотренность, как мне кажется.
29:17 Подноторел, есть русское слово такое.
29:25 Вы должны собаку съесть, на Никита, а вы собаку съели?
29:32 прохистить такая штука: кейс, стадии, до изучения кейсов.
29:36 И ты, когда что-то насматриваешь, ты должен анализировать, а почему это хорошо, а это плохо.
29:44 Почему тебе это нравится, а это нет.
29:46 А чтобы это анализировать, нужно понимать, как ты можешь проанализировать.
29:51 Ну вот, я тебе даю даю тебе книгу или интерфейс скриншот говорю хороший
30:00 хороший а почему и вот тут если, ты сможешь объяснить почему, ну
30:09 Ты разберешь этот кейс и запомнишь что-то из него.
30:11 А если ты по наитию такой, ну это вроде классно, прикольно, прикольно.
30:16 Слушай, я тебе могу раскидывать ни одного аргу
30:18 Я тебе могу раскидать, почему фильм Никто Ильина Эль Шулера классный.
30:25 Типа он вешает ружья какие-то в сюжете показал это показал это показал это потом бах оно выстрелило ты не режиссер ну я не режиссер
30:39 идти и снимать свое кино и что-то подсмотреть у другого режиссера, ты должен понимать, как это работает,
30:48 и понимать, что ты подсматриваешь.
30:50 Потому что если ты не понимаешь, что ты подсматриваешь, то как ты будешь у этого учиться вот моя претензия к насмотренности понимаешь моя претензия к тому что взяли и использовали это эти паттерны в пятерочке
31:08 у пятерочки два года назад стали использовать
31:12 в новых магазинах, стали использовать плитку такую несимметричную.
31:17 Вы посмотрите, потому что я не смогу объяснить, как эта плитка выглядит?
31:22 Цель этой плитки, цель этого рисунка следующая, чтобы покупатель смотрел не в пол, чтобы он не пялился в пол, чтобы эта плитка настолько бесила, чтобы он смотрел не в пол, а на полки и на товары.
31:37 И вот сейчас дизайнеры, которые занимаются приложением пятерочки, они оформляют вот эту вот
31:46 Отталкивающий этот шрифт паттерн.
31:48 Они используются его в оформлении карточки в Апл Владимирови, они используют его как паттерн в приложении.
31:54 И у меня вопрос: вы используете то, что отталкивает, и то, на что не нужно смотреть для оформления.
32:04 Прикинь, я сейчас приеду к тебе и наклею обои, которые будут тебя выгонять из твоей комнаты.
32:16 Вы хотите сломать стереотип об этой плитке?
32:19 Или вы такие прикольно?
32:22 И не знали, зачем использовали?
32:24 Это как люди, которые показывают жесты в других странах, которые могут считаться неправильно.
32:32 Когда с менталитетом пролетели, такие, о, блин.
32:35 Когда ты показываешь, когда ты показываешь казу в Индии, то ты как будто показываешь средний палец человеку, потому что там это означает, что ты его обозвал козлом.
32:46 И вот у меня вопрос: типа: вы пежжены и такие вот охой, вы веселые, или вы не поняли, что вы сделали?
32:57 Да, вы просто взяли плитку и применили, или вы это намерены сделали, чтобы, например, привлечь внимание, а не оттолкнуть.
33:03 Чтобы все остальные карточки были такие
33:06 спокойненькие, а ваша раздражала и привлекала к себе внимание.
33:12 Это когда ты классный прием спер.
33:15 Постоянно кто-то что-то тырит.
33:19 Типа из одних дисциплин в другие принесли.
33:23 Но чтобы понимать, что тырить, ну, пришел ты, допустим,
33:28 Ну, вот Яна Рудковская.
33:31 Очень издалека я зайду.
33:36 разогнать этот пример.
33:38 Толкнемся от Яны Рудковской.
33:43 Без понимания того, что модно, что не модно, что красиво, что некрасиво, просто напихивает в свою хату куча дорогого говна.
33:53 Сумки Луи Виттин, какие-то столы, кровать романовых, какие-то очень дорогие платья, и тут же у нее Саприм.
34:02 И все это тоже тем же самым занимается Филипп Киркоров.
34:06 Вот эти вот люди, любители Филиппа Пляйна,.
34:11 это просто скупать все самое дорогое, и компоновать его в каком угодно стиле.
34:18 И давай посмотрим, как обставляет свою квартиру
34:24 граф, который уехал, потом в какого-нибудь графа, который уехал в начале 20 века из России после революции.
34:32 Там нет кровати Романовых, там нет 20 сумок Луевитон.
34:38 У человека есть хорошее понимание того,
34:42 какая дорогая вещь стоит того, чтобы в нее вложить деньги, а какая нет.
34:47 Что сумка Луи Витон должна быть одна, она удобная, это удобная сумка.
34:57 По идее, чемодан, Луи Витон - это просто классный чемодан.
35:02 Его не должно быть много, он должен быть один удобный чемодан.
35:06 То есть, и вот оно - разница: в когда ты понимаешь, что ты делаешь, когда ты не понимаешь, что ты делаешь, то же самое в дизайне.
35:13 Смотришь на один дизайн, у человека тени.
35:16 Вот недавно я в сберзвук зашел.
35:18 Твою мать, вот такие тени.
35:23 Огромные тени, которые тень ложится на остальные блоки, понимаешь?
35:30 Может, это был релиз - группы затмения?
35:36 Ты наводишь курсор на карточку, она увеличивается, и ее тень перекрывается, но ее тень ложится на соседнюю карточку.
35:44 суть этой тени, этого увеличения в том, чтобы показать человеку, что он навелся и
35:53 теперь эта карточка активна под курсором.
35:55 Для этого не нужно раздувать тень до исполинских размеров, она должна быть она должна быть увеличиться ровно настолько, чтобы человек понял, что он навелся и перебарщивать с этим не нужно.
36:07 И как бы ну, в Яндексе такого, ну, в Яндекс.музыке такого нет, а сбер в звуке такое есть.
36:13 Это все от понимания того, насколько нужно сильно увеличить.
36:17 Ну, сколько нужно сильно применять этот прием?
36:21 Вот Яна Рудковская забахивает все, забубенивает с какими-то дорогущими вещами.
36:30 Не знаю Илон Маск он покупает одну, которая нужна ему, и все понимает, какая вещь стоит денег, а какая нет, и для чего она нужна.
36:41 Да, он просто от налогов косит.
36:47 Так я с тобой согласен.
36:49 По композиции, по цвету, по типографике.
36:56 Ну, как бы, не все настолько беспочено все-таки теория в дизайне есть в дизайне интерфейсов она есть и есть привет 2
37:07 10 мы его не отрицаем тут мы переходим, да от, ю, переходим к ук, и тут тоже есть теория, которая подтверждена: если мы говорим
37:20 про дизайн, про композицию, цвет, типографику, то тут, наверное.
37:28 И вот в дизайне в нем нет каких-то цифр, да, ты не подтвердишь это исследованиями и научным методом: как ты подтвердишь, что ты передал ту эмоцию, которую должен был передать?
37:44 Это все очень на шарнирах такая штука ходит.
37:46 Но она отталкивается от профессионализма самого дизайнера, насколько ты смог это сделать.
37:52 А вот и у Х это другая штука.
37:55 Там есть исследования, которые четко на данных подтверждают
38:01 то, как мыслит человек, как видит человек, как слышит, какие у него есть изъяны, которыми мы можем воспользоваться, или которыми мы должны учитывать, когда мы проектируем что-то.
38:14 И эта теория складывалась на протяжении 20 века всего, и продолжает складываться до сих пор.
38:21 Ну, я опять же хочу сказать, что
38:24 то, как мы подход этот к дизайну описываем, он в районе уис особенно.
38:30 проинженерный подход.
38:32 Это прикладные науки, это опять сенс.
38:34 Они фундаментальные.
38:36 Типа, все, что ты знаешь, и все, что ты умеешь, ты применяешь.
38:39 Например, вот про Юкс-Где-то у Нильсона был доклад, и он на докладе рассказывал: А ну что такое продуктовый дизайн?
38:51 Это итерация, и перед этим он рассказывал про то, что у них был кейс, когда нужно было телефонную связь в Олимпийской деревне настроить.
39:01 То есть нужно было телефонов нет, мобильных, почты нет, ничего нет.
39:06 А люди должны как-то созваниваться.
39:08 И там нужна локальная АТС, и нужно раздать им номера.
39:14 И вот они решали эту проблему - то есть, как раздать, как присвоить номера на эти будки расставить, чтобы олимпийская деревня друг к другу звонила, друг с другом общалась.
39:25 Типа привязывать эти номера к номеру корпуса, этажа, номеру комнаты - вот такие проблемы решает.
39:32 Ну, вот уикс в том числе.
39:34 Типа нельзя просто людям номер раздать.
39:37 Да, мы просто когда мы говорим про уиз и у и я вот о чем подумал.
39:45 Чихльд, и что нам говорит история дизайна: вот сто лет назад люди говорили про
39:52 форму и про функцию.
39:53 Подожди, сейчас, вот буквально 20 секунд, я найду их манифесты, я прям из него зачитаю.
40:00 Вот, в книге Новая типографика есть
40:05 принципы новой типографики.
40:07 Там автор говорит про старую типографику, которая была
40:11 раньше, которая отталкивалась от формы.
40:14 Что мы сначала красиво делаем, а потом думаем, как это читать.
40:18 А новая типографика.
40:19 Вот один из ее принципов.
40:20 Новая типографика отличается от прежних тем, что она впервые пытается конструировать внешнюю форму исходя из функции текста.
40:29 Если мы сейчас заменим
40:32 внешнюю форму на уай, Функцию текста на ук то все вполне подходит под нашу работу, новый или там
40:47 пытается конструировать УАЙ исходя из Уикс.
40:52 Мы в самой сути дизайна
40:56 мы вообще никуда не ушли от того по про что говорили люди, что обозначили люди в начале 20 века - 100 лет назад, буквально 100 лет назад, они говорят, мы должны делать форму, отталкиваясь от функции.
41:16 А сейчас мы говорим, мы должны делать уи, отталкиваясь от
41:25 И это та связь, которая.
41:32 Только когда люди сто лет назад делали что-то, их интерфейс был книгой, бумагой, и
41:41 газетным разворотом, то наш интерфейс - это экран мобильного телефона и приложение.
41:47 Да, это сложнее, но сама суть, она осталась.
41:51 Оно не сложнее, у тебя медиум меняется, да.
41:54 Ты с бумаги переходишь на экран, с экрана, с десктопа переходишь на телефон.
42:01 Ну, не знаю, за последние 15 лет я бы сказал.
42:05 Вот это вот сдвиг он происходит, но принцип остается.
42:10 Сдвиг есть, методы, донесения и инструменты меняются, но при этом эта основа, она там остается..
42:18 Да И вот эта основа.
42:20 Я только что ее проговорил, прочитав
42:24 один из принципов новой типографики.
42:27 И все равно ее не спрашивают на собеседовании.
42:30 И все равно это не спрашивает на собеседование.
42:32 У тебя нет колокиума по закону Джейкоба, Хика, Фицца.
42:40 Уи - это огромное количество исследований, проведенных на протяжении всего 20 века,
42:50 которые касаются евристики, гешталь психологии, поведения человека и того,
42:58 что-то воспринимает, читает, как он думает.
43:03 Ученые как бы задавались этими вопросами не потому, что они хотели помочь дизайнерам.
43:07 Им просто было интересно.
43:09 Например, если мы возьмем книгу, я в тысячный раз про нее скажу: 100 главных принципов
43:16 дизайна, как удержать внимание, то там как раз эти исследования описаны.
43:26 Там она говорит про эти исследования - про то, ага.
43:33 про карточку в кофейне.
43:37 провели эксперимент и сделали два вида два вида карточек, по которым дадут бесплатный кофе.
43:44 На одной карточке было 10
43:50 заполнения типа ты 10 раз приходишь, берешь кофе, тебе проставляют штампики, и 11-ю чашку ты получаешь в подарок.
43:58 Было 10 пустых, на второй карточке было 12 кругляшочков, и один был изначально - прям на принтере уже сделан, пропечатан, а второй при тебе заполняли, когда ты получал эту карточку.
44:11 Это ты описываешь в любом редакторе есть пустой документ, или
44:18 типовой документ, с которым ты можешь работать.
44:20 Но тут смысл в другом.
44:22 Тут смысл эксперимента был в том, что когда у человека хоть какой-то небольшой прогресс есть,
44:30 он гораздо с большей вероятностью продолжит с этим работать.
44:35 Потому что люди, у которых уже было заполнено по сути, и тем, и другим нужно было заполнить 10 пустых пробелов для штампиков.
44:44 Только в первом случае у них были все пустые, а во втором их было 12, но 2 были заполненные.
44:50 Но во втором случае гораздо больше людей, я уже процент-то не скажу.
44:55 Гораздо больше людей вернулись и прошли это до конца, и получили свой бесплатный кофе, и принесли больше денег.
45:05 одна из вещей, которые ученые поняли про людей.
45:08 Если есть какой-то небольшой прогресс, то они продолжают.
45:10 Почему на сайтах банков, а теперь мы говорим про дизайн?
45:14 На сайтах банков есть прогресс-бар сверху при заполнении формы.
45:18 Да, и тебе шанс на то, что ты получишь кредит, он автоматически уже
45:26 то, что у тебя есть минимальные данные, там, твой номер телефона или фамилия.
45:30 Потому что твой мозг, он стремится к тому, чтобы закончить, завершить что-то.
45:34 Когда оне начато, в принципе, пофиг.
45:37 Когда ты уже начал и ты видишь какое-то начало, твой мозг - он такой так, надо закончить.
45:43 Ну, я не могу не доломать автобусную остановку, если кто-то ее начал ломать.
45:55 А вот вспомни на, партии: если ты не голубойй, дарису вагон другой.
46:01 Сколько вагонов там было?
46:04 Ну, кто-то же начал.
46:05 Кто-то же начал эти вагоны рисовать.
46:08 И под парту уже пошло все.
46:10 и туда Ну да, да, да.
46:16 это один из принципов.
46:17 И тут куча принципов, которые и закон там Джейкоба, да, мы говорили.
46:23 Да, мы сейчас говорим, еще говорим про него.
46:28 Оно, короче, тут опять же, оно все надо, но оно все не проверяется.
46:33 А еще что-что с Юиксом, в чем можно пролететь?
46:38 Ты можешь знать, ты можешь не знать метод.
46:41 Ты можешь знать метод и неправильно использовать, а можешь знать и правильно использовать.
46:46 То есть, окей, у тебя может сидеть попугай, который говорит: АБшку, АБшку, АБшку.
46:51 Нафига она тут не нужна, она тут?
46:54 Оно не гарантирует тебе результат.
46:57 А ты знаешь, как АБшку проводить?
46:59 Вот давайте АБшку, АБшку.
47:01 Вот, тут АБшку еще провести надо правильно.
47:04 А как ты поймешь, что у тебя один вариант лучше, а другой хуже?
47:07 А какое количество человек должно пройти АБшку?
47:11 Когда репрезентативно станет.
47:15 Ну, то есть, очень много вопросов, скоро.
47:18 Которые тебе задаст профессионал, и ты как бы должен тоже понимать, как эта АБ-шка работает и для чего ее проводить.
47:26 То есть ты должен понимать, ты не должен забивать гвоздь отверткой.
47:30 О, инструменты, кайло.
47:34 Хайло мне надо ничего делать.
47:36 Нужен понимать, что называется кайло, а не хайло, во-первых.
47:47 получается, что все-таки теория это есть, да, теория есть.
47:54 Она меняется потому что носители меняются, кейсы меняются, меняются, но основы там остаются.
48:02 есть основа дизайна.
48:07 Это и типографика, и цвет, композиция,
48:12 те основы, которые заложили люди сто лет назад.
48:16 И над которыми думали многие другие люди на протяжении этих 100 лет до 2021 года есть очень много работ, где люди ставят что-то под вопрос и пытаются понять, а как на самом деле.
48:31 Может быть, нам что-то стоит поменять в подходе к типографике, или к фотографии, или к цвету.
48:36 И то же самое в ЮИК.
48:38 Есть очень много статей на Нильсон Норман Групп, когда люди что-то объясняют и изучают.
48:46 Есть исследования, просто которые можно почитать интересные из мира психологии, там, эвристики.
48:54 Это все относится к юксу.
48:56 Есть методы исследований, которые
49:00 новых там не добавляется.
49:02 Они какие были, такие остались.
49:03 Слушай, даже когда я своей знакомой, она химик, ученый, рассказывал, ну вот что мы на работе делаем, ну, вот есть гипотезы, например, что пользователи они
49:13 ну вот им удобнее вот
49:17 использовать: ну, типа, нажимать на карточку, нежели на кнопку.
49:20 На карточке будет побольше информации, тогда они будут проваливаться туда вовнутрь, мы берем эту гипотезу и находим какой-нибудь способ ее проверить.
49:28 Значит, делаем прототип, идем и проверяем.
49:31 Она такая: ты мне описываешь научный метод, ну да,
49:36 это чисто научный метод.
49:38 Ты выдвигаешь гипотезу, придумываешь, как ее проверить.
49:41 Идешь, делаешь эксперимент, приходишь с данными - и либо подтверждаешь ее, либо опровергаешь: вот тебе исследование, вот тебе изобилити тестирование.
49:50 Но есть еще плохие, которые ты уже знаешь примерно как закончатся, и ты проводишь для того, чтобы просто подтвердить.
49:55 Чтобы подтвердить, да.
49:57 Это вот это прекрасно работает, когда в команде тебе говорят: да ну нафиг.
50:02 Да нет, да о,но работает.
50:03 Ты говоришь: ну ладно, пойду, исследование проведу, сейчас докажу, что не работает.
50:07 Ну, научная часть заключается в том, что ты не можешь полагаться на собственный опыт жизненный, на вот это коммонсен, гадфилень, и ну я привык.
50:19 Мне репрезентативно, и здесь используется научный метод.
50:23 ну, блин, околонаучный.
50:25 Не такой уж он научный, но научный.
50:27 Да, это знаешь как когда Ильи Красинского недавно смотрел Красинский с Кросильщиком не путать, а Красинский или как Илья Красинский рассказывает про юнит экономику наверное с да и если посмотреть два его видео, то в третьем вы знаете, о чем он будет рассказывать.
50:46 Да, и он, в принципе, всегда говорит про да.
50:50 то, как вести продукт.
50:54 Он говорил как раз про то, что вот он проводит лекцию и говорит: давайте вот подумаем: у скольких людей в зале здесь кто знает, что такое Ликс?
51:04 Все подняли руки, только а теперь пойдемте в супермаркет и спросим, сколько людей скажут, что они знают, что такое Ликс.
51:12 Мы не репрезентативны, и в этом плане УХ он, как бы все методы, все знания накоплены, они нам говорят о том,
51:24 как действительно все люди думают.
51:25 Если есть такой закон, типа закон ФИЦа, или закон Джейкоба - это законы, которые подтверждены исследованиями и экспериментами.
51:35 Ну, кстати, вот возвращаясь к закону Джейкоба, и к тому, что люди проводят время на других сайтах и связывая это с гайдами
51:44 претензии человека, который использует неудобный продукт, в том, что мне неудобно.
51:50 А не в том, что оно мне это не по гайдам.
51:53 Их в глаза видело не знаю, сколько человек.
51:57 Вот давай представим себе
51:59 базу, сколько людей пользуется приложением Почты России, и сколько людей может глядя на приложение Почты России, сказать, оно сделано по гайдам или нет.
52:10 Оно либо удобное, либо нет.
52:16 его рынок его рассудит вот так и не иначе.
52:19 Ну да, потому что вот мы приходим к тому: а зачем изучать то, что было сто лет назад.
52:24 Но потому что оно напрямую связано и неразрывно связано с тем, что мы сейчас делаем.
52:29 Мы можем насмотреться на биханс,
52:33 изучить фигму, за 3 месяца получить - условно профессию ук дизайнера и начать работать.
52:40 Но все, что мы будем делать, это копировать то, что делают другие люди, не понимая сути.
52:48 на самом деле в процессе этого копирования
52:52 можно начать изучать, погружаться, разбираться, анализировать.
52:58 И ты можешь через год, два, три
53:04 уже более глубоко понимать и основу дизайна типографику, цвет, композицию, и в ЮХ погрузиться, начитаться, и статей, исследований, и понимать.
53:14 Проанализировать все свои работы, которые ты наделал за это время, и глубже разбираться.
53:19 То есть, наверное, для старта
53:23 условно, но тебе не обязательно все это изучать, а потом уже начинать.
53:28 Ты можешь это все в процессе делать.
53:31 проблема - это просто в том, что
53:33 тебе дали, сказали, ну оно вот так.
53:39 Ну, нужно задать вопрос: а почему?
53:49 Да, потому что каждый раз, когда ты блин, а может здесь другой цвет сделать, а может, здесь другой шрифт.
53:55 Ну, от этих сомнений всех поможет избавиться знания теории и того, а почему вот этот шрифт подойдет, а это не подойдет.
54:02 О, кстати, тебе просто спокойнее будет.
54:05 Ты будешь понимать, почему ты вот так, а не будешь думать, потому что, когда ты по наитию делаешь, ты думаешь: блин, а может, по-другому?
54:12 Вот это вот так, а может, вот так.
54:16 еще, вот в том, что ты говоришь: есть пройденные пути.
54:21 Есть куча пройденных путей.
54:23 Это мы немножечко так про новейшую историю.
54:27 Типа, зачем изучать, какими были интерфейсы?
54:31 Была классная документалка.
54:33 Она вышла месяц назад - у Ворч про компанию Хэнд Спринг.
54:38 И они делали классный телефон, спринг-борд, в котором те классные прорывные вещи, которые мы такие сидим, такие Вау, как здорово!
54:52 То есть, для меня, например, вот как для человека, который пользовался телефоном, а потом пытал пользоваться смартфоном.
55:01 Для меня стало бомбой то, что
55:06 приложение, сообщения теперь не по одному, а они в чат организовались.
55:11 Это что так можно было?
55:13 Так вот, в Спрингборде это было 20 лет назад.
55:17 То есть, сообщения уже были сделаны 20 лет назад.
55:20 Поэтому истории мессенджеров, браузеров, чатиков, почтовых клиентов.
55:28 Они про то, что мы уже это пробовали, оно уже не работает.
55:33 И это полезно знать.
55:36 они меняются, блин, постоянно, к сожалению.
55:40 То есть, проблема - это как с игровой индустрией.
55:42 Она очень плохо каталогизируется и очень плохо архивируется.
55:45 И лучше всего игры сохранили пираты, а не издатели, не
55:54 И с интерфейсами то же самое.
55:56 Очень мало скриншотов остается, потому что мы что-то релизим, что-то меняем.
56:02 это архив решений - он полезный, он важный.
56:06 Да, и очень много людей пишут.
56:07 Если посмотреть статьи даже на медиуме 5-6-летней давности, интерфейсы-то другие были, и люди все равно объясняют, почему они перешли?
56:16 Вот, сделали редизайн, перешли от этого варианта к этому.
56:20 И у Шопифа куча статей, у Спотифа куча статей, у Фейсбука дизайнеры пишут.
56:27 Это все стоит читать, потому что за последние 20 лет дизайн интерфейсов прошел огромный путь.
56:35 Ну вот я на дог смотрю, он же не изменился, и верхний навбар он тоже не изменился.
56:43 Шрифт поменялся, экран поменялся, но принцип остался верхний наверху, нижний внизу.
56:49 Навигация та же сама.
56:50 Поэтому кейсы, которые
56:53 связаны с дизайном интерфейсов 20-летней давности они до сих пор релевантны, их можно читать, их можно смотреть, потому что, ну да, уй он отсталый, некрасивый, и так далее.
57:06 Но например, вот Майкрософт.
57:08 Мы сейчас на 100 раз задроченный уже кейс про вот эту вот эту вот полоску Рибан сверху в офисе и в Пуэрпонте.
57:19 Есть кейс, как они эту полоску меняли, есть история про то, что у них были вынесены дополнительные функции, типа рисования, шрифты, подбор, и так далее.
57:31 А по исследованиям они поняли, что вверху нужно выносить, вставить, анду, копировать и вырезать.
57:40 Это самые важные функции, которые должны быть в верхней полоске меню.
57:45 И очень многие люди - Майкрософт заблуждались.
57:47 Они думали, что очень многие люди пользуются Ц и Цил В, зачем нам это выносить в верхнее меню?
57:56 кнопкой самой на экране вставить и вырезать пользуются не меньше людей, чем шорткатами.
58:03 Меня похожий случай на работе произошел относительно недавно.
58:06 Нам нужно сделать такую навигацию, чтобы сотрудники быстро перебегали
58:13 Типа между менеджментом документов к профилям наших пользователей.
58:18 Я навигацию поменял.
58:20 У меня, видимо, какая-то банда минималистов.
58:22 Они говорят: не-не-не, убери эти кнопки, они же уже вон там есть.
58:27 То есть ты описал, но ты описал тот же самый случай, что и у меня.
58:32 Типа, зачем нам они здесь, если они же уже вон там есть?
58:35 Хотя, ну, в навигации нужно в каждый момент времени человеку объяснять, где он находится.
58:40 Ты находишься на этой странице.
58:43 Не надо делать из этого тайну, не надо делать из этого.
58:47 Навигация по приложению здесь не сильно отличается от навигации по городу или по метро.
58:52 Да, ты должен понимать, где ты башку поднял, башку поднял, вот у тебя вывеска на доме, а я здесь.
58:59 Да, в каждый момент должен понимать, где ты находишься и что происходит тоже самое то же самое в приложении.
59:06 Тут мы можем копать как историю интерфейсов и смотреть, а как выглядел фейсбук 10 лет назад и почему он так выглядел, или посмотреть на то, а как приложение Эверноут за последние 10 лет изменилось?
59:19 С чего они начали и к чему они сейчас пришли?
59:21 Кстати, в аси в ависе сверху слева.
59:24 Раньше не было никакой этой кнопки, что можно назад в то приложение вернуться, из которого ты ушел.
59:29 Потому что в мобильной навигации все еще тяжелее, тебе надо понимать, что там было справа, что там было слева, что было сверху, что снизу, и что там фоном.
59:38 И вот эта навигация появилась, что ты ушел оттуда, и ты можешь туда вернуться.
59:42 У нас есть очень большая область - это промышленный дизайн.
59:46 У которой можно учиться бесконечно, потому что это тоже интерфейсы.
59:51 Просто мы работаем над интерфейсами, которые у нас на экране отображаются это виртуальные кнопки.
59:57 А промышленные дизайнеры работали и работают с интерфейсами, которые тактильные.
1:00:02 Это кнопки реальные, на которые люди нажимают.
1:00:05 Но это не перестает быть интерфейсом.
1:00:08 Вот, допустим, у тебя новый терминал, новый банкомат, новый терминал, новый банкомат должен располагаться так, чтобы ты подошел к нему, тебе было куда свою сумку поставить.
1:00:21 там, не знаю, сотик свой положить, он на удобной высоте,
1:00:27 он шелестит деньгами, и ты слышишь, как деньги отчитываются.
1:00:32 Тлышишь, что что-то пошло не так.
1:00:35 То есть тебе там деньги не отчитываются.
1:00:36 Этот звук просто специально сделан.
1:00:38 Банкомат может работать бесшумно.
1:00:41 Но приятно, когда отчитывают кэш.
1:00:45 Вот этот звук, вот этот вот Этот звук просто специально сделан, там ничего не отчитывается в этот момент.
1:00:53 Хорошо, что не придется на монтаже оставлять.
1:00:55 Ты сам отчитал кэш.
1:00:57 Да, и когда вот этот вот к подсвечивается зелененьким, подсвечивается красненьким, вот это кювето, в которые ты вставляешь карточку, типа не вставилась ошибка.
1:01:07 А сам этот терминал получается малой архитектурной формой.
1:01:11 У него есть уай, и у него есть уи, и это все продумывал дизайнер.
1:01:17 получается, что дизайнер, который продумывал этот банкомат, он тоже уи.
1:01:26 А, ну это как кухонный столешник-то подойти.
1:01:30 Нельзя к ней подойти, если у нее снизу выемки не будет, у тебя ноги не дойдут до конца.
1:01:36 Вот, тут тоже самое происходит.
1:01:38 То есть ты должен эти правила тоже учитывать при разработке
1:01:44 промышленного какого-то решения.
1:01:47 Мы можем учиться, разбирая, читая, разбирая кейсы, примечая какие-то вещи
1:01:54 в нашем мире не в экране смартфона, а когда мы пользуемся калькулятором, игровой приставкой, каким-то терминалом, дверью
1:02:04 Потому что интерфейс - это что такое?
1:02:06 Это то, через что ты взаимодействуешь.
1:02:09 Когда ты работаешь с калькулятором, ты нажимаешь на физические кнопки цифры и взаимодействуешь с этим устройством через эти кнопки.
1:02:20 Эти физические кнопки - это твой УА.
1:02:22 А когда ты получаешь цифру на экране и ты как бы доволен, это Уиз.
1:02:27 Я понял, что в лифте есть стейт и есть состояние кнопок
1:02:32 типа эйблд, что она доступна.
1:02:35 Ты можешь выбрать этаж, есть сэлектад или активейд, что ты выбрал пятый этаж.
1:02:41 И ты нажимаешь, и видно, что ты едешь на пятый.
1:02:43 А еще есть прогресс-бар, в котором ты видишь первый этаж, второй этаж, третий этаж.
1:02:48 Так что ну хороший интерфейс.
1:02:51 ты понимаешь, где ты находишься, ты находишься на пятом.
1:02:56 И все это можно подмечать, и подмечать, и вылез из смартфона, вылезти из биханса, и пойти, и смотреть
1:03:07 на все окружающие устройства какие-то объекты и подмечать, а где хорошо сделано, а где плохо.
1:03:15 В общем, мне кажется, прекрасная нота, на которой можно закончить этот выпуск.
1:03:22 то, что было придумано людьми 100 лет назад, оно неразрывно связано с тем, что мы делаем сейчас.
1:03:29 Это доказывает то, что мы просто заменили два слова в цитате из книжки 100 летней давности и она полностью подошла к нашей работе.
1:03:38 И от того что принципы не поменялись, мы можем изучать все работы, которые и все, что сделали люди за последние 100 лет и учиться у них.
1:03:49 И учиться не только у биханса и у кейсов, которые рассказаны на медиуме, а учиться у того, а почему не взлетел вот такой
1:04:02 вот такой дизайн усилителей в 1986 году кейс кейс почему они сделали вот такой интерфейс он не подошел а почему вот эти калькуляторы считаются самыми лучшими, которые Браун сделали, которые Дитер Рамс придумал?
1:04:18 А почему здесь так?
1:04:19 А почему здесь так?
1:04:20 Задаваться вопросами, изучать окружающий мир и оттуда получать знания, а не только из каких-то очень узких источников, которые мы себе наметили, типа телеграм-каналов и бихансов.
1:04:32 Ведь уАЮХ, если подумать, это вообще все вокруг.
1:04:34 Дизайн - это все вокруг.
1:04:36 Закончили тем, что все дизайн, все дизайн.
Комментарии
Войдите, чтобы оставить комментарий.