Фрагмент № 25 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 октября 2020 года. Покажите дизайнерам:
Идёт запись на курс, который пройдёт с 18 января по 12 февраля:
Программа, отзывы, запись
Фрагмент № 25 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 октября 2020 года. Покажите дизайнерам:
Идёт запись на курс, который пройдёт с 18 января по 12 февраля:
Программа, отзывы, запись
Готова Эгея 2.10 бета (сборка v3783b). Ранее:
Не обновляйтесь на живых сайтах, если только вы не суперпродвинутый технарь, обложившийся бекапами со всех сторон. Не забывайте, что бета — это очень страшно. В конце заметки — ссылка на дистрибутив. А пока расскажу, что изменилось за время со второй альфы.
Во-первых, поправлено несколько уязвимостей разной степени тяжести (спасибо, Алексей Соловьёв).
Во-вторых, появилась новая розовенько-сиреневенькая тема оформления «Фиеста»:
Рекомендации «Читать дальше» и перебивки в лентах стали ещё лучше:
Остальное:
Что тестировать:
Основные фичи этого релиза, связанные с рекомендациями — платные. В бета-сборке, которую я выкладываю сегодня, они все включены, потому что надо их как-то потестировать. Но я их отсюда уберу. Понимаю, что это странновато, но я пока не придумал, как по-другому.
Если вам интересно поэкспериментировать, то скачайте, пожалуйста, свежую сборку v3783b (релиз), поставьте себе, и попробуйте с ней пожить. Не забывайте, что нет вообще никакой поддержки и даже на несложные вопросы вроде «а в каком файле ты хранишь то-то» я могу отвечать долго. Если в вашем блоге есть хоть что-то ценное, сделайте максимальный бекап. В моём блоге сейчас, конечно же, крутится именно v3783b. Чтобы обновиться, замените /system/ и все подпапки в /themes/.
Какие кувшины я бы поставил в своём особняке и советы дизайнерам интерфейса. Обзор недели 13—20 декабря 2020 года:
| 00:00 | Интро и цветокоррекция в Давинчи Ресолве наугад |
| 04:25 | Метрополитен-музей в Нью-Йорке: кувшины, статуи, ребеллиб |
| 10:18 | Бюро показало работы дипломников и веб-систему Гисметео |
| 12:19 | Домашка! Круг наследников по закону |
| 13:20 | Эмси 3.0 |
| 14:57 | Дизайнерам: Почему не надо делать невозможные состояния в макетах и как подписывать важные элементы макетов |
| 17:20 | Реклама Фейсбука с левым апострофом |
| 18:15 | Выбор цвета и рассуждения о демократии |
Невероятной красоты кувшины, статуи и ребеллиб (!) в нью-йоркском Метрополитен-музее. Как избегать невозможных состояний в макетах интерфейса. Как я кручу цвета в Давинчи Ресолве. В бюро сделали интерфейс веб-системы Гисметео. Вышла новая версия нашей программы Эмси для Мака.
Как вы знаете, я провожу консультации о дизайне продуктов, интерфейсов и сайтов. Есть вариант консультации тет-а-тет по скайпу, а есть вторая опция — публичная консультация. Клиент присылает ссылку или картинку, короткое объяснение и несколько вопросов, на которые нужен ответ. Я включаю запись экрана и смотрю. Результат попадает на общее обозрение на Ютюб. Цена пока та же, что у обычной консультации (12 000 ₽).
Юрий попросил посмотреть и прокомментировать дизайн сайта «Бонпет», где продаётся электрооборудование:
| 00:00 | Как сделать, чтобы попап-почтосборник не закрывали |
| 01:23 | Два названия путают, видео мешает читать, выпадающее меню неудобно |
| 02:56 | Превращаем неопределённый заголовок в определённый и иллюстрируем основные тезисы из подзаголовка |
| 04:28 | Видео не доносит ценность продукта и процесса. Как использовать его кадры, чтобы «вести» по странице и рассказывать о преимуществах |
| 06:02 | Картинки типовых решений можно показывать плотнее и компактнее, не «пачкать» тенями, снабдить подписями о том, что внутри (а не сколько его) и переставить выше |
| 07:52 | Преимущество компании, заключающееся в мгновенном формировании документов, не донесено, хотя может быть решающим. Не намекать, а говорить прямо: «коммерческое предложение и счёт за 1 секунду» |
| 09:53 | Фильтры бы закомпактить; дать бы вводить количество предметов с клавиатуры |
| 10:34 | Ссылка «Получить КП в один клик» — первый намёк на быстрое коммерческое предложение — почти незаметна. Надо сразу показать готовое КП! |
| 12:10 | Вместо табов лучше развернуть все характеристики и статьи в прокручиваемую страницу |
| 13:32 | Идея: поиск по отличиям от того товара, на который я смотрю |
| 14:22 | Может, объединить формирование коммерческого предложения и счёта с корзиной? Прям составлять себе документы, ходя по сайту |
| 15:30 | Комментирую вёрстку формы заказа. Рыже-голубой заголовок разрезает сайт на «до» и «после». А где же моё коммерческое предложение? Как упростить сценарий и внешний вид формы заказа |
| 18:00 | Вытащить бы всё полезное из приатаченной документации, а не прятать за ссылку |
| 18:50 | «Все цену сразу открыты, например: ...» — это прямо на главную |
| 19:10 | Как конвертировать читателей статей в клиенты? Что мешает людям покупать приборы прямо из статей? В статьях кроме приборов нужно добавить ключевые преимущества компании |
| 20:11 | Сценарий: человек читает статью, но сейчас ему ещё ничего не нужно, а когда понадобится, он поручит покупку кому-то другому. Берём читателя за руку и помогаем сделать заказ |
| 22:35 | Сценарий: на сайт пришёл инженер, который всё понимает. Дать сильные инструменты навигации и поиска. Показать разнообразие, как на коробке «Лего». Не стесняться подробностей |
| 25:00 | Сценарий: на сайт пришёл снабженец со списком нужных штук, который ничего в них не понимает. Помочь убедиться, что покупаешь то, что нужно |
| 27:00 | Как донести мысль о том, что оборудование — надёжное. Примеры, статистика, «что будет, если вам не повезёт» и отзывы |
| 28:30 | Ещё про статьи. Оборудование в них выглядит как банеры. Как вплести в текст статьи. Выглядит как просто «статья в интернете», не связывается в голове с сайтом и компанией |
| 30:45 | Страницу о производстве трудно найти. Доводы из неё нужно интегрировать в карточки товаров и в статьи. Как сделать картинки не клипартом, а иллюстрацией, усиливающей приведённые доводы |
| 35:15 | Мантра: где человек принимает решение о покупке |
| 35:45 | Боязнь длинных страниц. Смотрите, как у Амазона! Перемешиваем то, что хочет найти сам посетитель с тем, что нам важно до него донести, чтобы он это увидел |
Покажите коллегам или партнёрам, кому может быть такое полезно.
Записаться на консультацию: ilyabirman@ilyabirman.ru.
Часть 1 · Часть 2 · Часть 3 · Часть 4 · Часть 5
На прошлой неделе я показал вам бюст Нефертити и рассказал, что вспомнил про него, гуляя по Мету — Метрополитен-музею в Нью-Йорке. Пришло время разгребать фотки из Мета.
Тут так много всего прекрасного, что пытаться это как-то систематизировать я не возьмусь; буду просто выкладывать фотки примерно в том порядке, как я их делал.
Первое, на что я смотрел — это всякие разнообразные амфоры и горшки:
Их очень приятно разглядывать вблизи из-за приятной текстуры материала:
Также интересно постоянно помнить, что всё сделано и нарисовано руками:
Ну офигеть же?
Ой:
В переходах между залами стоят ещё какие-то большие амфоры, а ещё статуи и бюсты. Офигенно красивая башка:
Красивое тело (в людях предпочтительно, чтобы это сочеталось, но в статуях и по отдельности хорошо воспринимается):
Красивые волосы:
Красивые попы:
Штука с кучей деталей, стоящая на шарах — тоже красиво:
А вот уже зал искусства всяких тихоокеанских племён (вроде). Любопытно, что у разных народов и эпох — очень разные выразительные средства и сами предметы искусства:
Ого, тут даже висит ребеллиб!
В моей книге «Дизайн транспортных схем» есть про него разворот (рекомендую, отличная книга):
Ой:
Ещё красивые вазы:
Статуэтки и кувшины:
Когда я гулял среди этого всего, у меня было ощущение, что я попал в какую-то Икею, только не искусственно созданную путём промышленного производства, а настоящую. Каждую вещь очень надо себе!
Западный Судан:
Ну смотрите какие офигенные штуки? Если бы у меня был огромный дом с лестницами и гостевыми комнатами, я бы его такими украшал:
Ещё статуи:
Не отвлекайтесь, тут тоже есть всякие амфоры:
Просторный статуйный зал:
Продолжение рассказа: Часть 2
Фотографии из поездки в октябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Нью-Йорк! (Когда дадут)
Ещё Нью-Йорк:
Ещё музеи и выставки:
Сегодня так:
| 0:00:35 | Jaja: Relativity |
| 0:06:05 | P.E.A.R.L.: Desolation (Reeko Percussion Version) |
| 0:10:19 | Takaaki Itoh: Household Method |
| 0:13:14 | Ausgang: BS82 |
| 0:17:11 | Oscar Mulero: Evolutionary Decay |
| 0:21:10 | Planetary Assault Systems: Engage Now |
| 0:23:23 | Cirkle: Tension (Original Mix) |
| 0:27:05 | Fabrizio Pettorelli: Hangover (Highestpoint Remix) |
| 0:30:02 | Denise Rabe: Don’t Leave |
| 0:35:01 | Allen: Ganymede ★ |
| 0:37:59 | Vladw: Beria ★ |
| 0:43:43 | Avgusto: Infinity Before Me ★ |
| 0:47:39 | Birth Of Frequency: The Forgotten Man |
| 0:49:30 | The Ripped: Fuera de Si Mismo |
| 0:53:41 | PWCCA: Utom ★ |
| 0:57:22 | Setaoc Mass: Don’t Come and Find Me |
| 1:01:12 | Jeff Mills: Automatic |
| 1:04:31 | Temudo: Barking Dogs Never Bite |
| 1:07:48 | Sev Dah: Zenith |
| 1:11:40 | Dazed: Noaria |
| 1:14:36 | Jen Series: Quadrado |
| 1:16:41 | Wan: Labryinthine (Yan Cook Remix) |
| 1:20:08 | Unam Zetineb: Silence (Sleeparchive Remix) |
| 1:23:51 | Refracted: Continuum |
| 1:26:58 | Physical Therapy: Spasm |
| 1:29:32 | Manent: Andamento Ipnotico |
| 1:33:53 | Jaja: Relativity |
Что там на неделе с 6 по 13 декабря 2020 года:
| 00:00 | Интро |
| 01:29 | Стали известны™ даты моего следующего курса |
| 01:48 | Регулировка пола через жопу: у терморегуряторов сложная интерфейсная судьба |
| 02:32 | Как асимметричная сеточка в наушниках Эпла влияет на симметричность звука |
| 03:05 | Студия Лебедева нарисовала клёвые косые кнопки |
| 03:19 | Егор Попов рассказал ещё больше подробностей того, как мы делали схему метро Питера: |
| 05:17 | Как продать пиццу без скидок: важное знание для дизайнеров |
| 08:07 | Не надо ли убирать слеши на концах урлов? (Не надо) |
| 09:13 | Бюст и нюдс Нефертити: как я полетел в Берлин насладиться прекрасным. (Здесь же восхищаюсь нью-йоркским МЕТом) |
| 13:17 | Интерфейс защиты от дурака |
| 13:30 | Тупой айфон, или Почему искусственному интеллекту до хоть какого-то интеллекта ещё как до луны |
| 15:01 | Вход в интернет-банка в два прыжка. Это бесит, но рассказываю, зачем это нужно |
Следующий четырёхнедельный онлайн-курс «Пользовательский интерфейс и представление информации» пройдёт с 18 января по 12 февраля 2021 года, записывайтесь по ссылке! Это наиболее крутой курс из всех дизайнерских курсов: спросите, посмотрите видео или почитайте текстовые отзывы наших участников.
Каждая неделя — это несколько часов лекций, которые вы смотрите самостоятельно, домашнее задание и две больших видеоконференции с разбором результатов и ответами на вопросы. По понедельникам в полночь по московскому времени в учебном «Кабинете» появляются ссылки на видеолекции и задание текущей недели, а по средам и пятницам мы общаемся всей группой на видеоконференции в «Зуме».
Уже прошло четыре онлайн-курса (сегодня заканчится пятый), и я накопил много интересных фрагментов наших видеоконференций. Потихоньку делюсь с вами. Сегодня — кусочек (№ 24), где мы обсуждаем отступления от академического синтаксиса в интерфейсе и когда можно использовать линеечки в таблицах:
А вот фрагмент лекции «Выбор формата» из теоретического блока (уже показывал, потому что она как раз недавно обновилась, но вдруг вы пропустили):
Четыре недели — достаточно больше времени, чтобы «впитать» материал и хорошо попрактиковаться. Плюс вы сами решаете, когда сделать перерыв. Ну и безопасно.
Программа в деталях показана на странице курса:
В лекциях — вся теория курса. Их нужно изучить самостоятельно. Для удобства под каждым видеороликом есть готовый текстовый конспект. Если что-то непонятно или вы хотите обсудить, запишите вопрос — его можно будет задать на видеоконференции.
Кроме лекций на каждой неделе есть практическое задание. Задание первой недели нужно переделать на третьей после того, как вы узнаете значительную часть теории и мы успеем обсудить первую итерацию на видеоконференции. Выполнение заданий обязательно.
Видеоконференция по средам и пятницам — это большая вечерняя встреча с преподавателем и всеми участниками курса. Мы разбираем темы недели и практическое задание.
Запись открыта до 12 января, если свободные места не кончатся раньше, приходите!
Я много писал про Берлин, но не сделал пока ни одного фотопоста из поездки в 2018 году. Тогда я слетал на пару дней с двумя задачами: сходить в Бергхайн на Люка Слейтера и посмотреть бюст Нефертити в Новом музее. Про тот поход в Бергхайн я писал, и даже потом составил гид по клубу Бергхайн, а вот до Нефертити руки дошли только сегодня.
Бюст Нефертити — очевидно, главный экспонат музея, она висит тут прямо у входа:
Внутри к нему ведёт отдельная навигация:
А сам он стоит в отдельном зале:
— Чё, не мог лучше сфоткать? — спросите вы.
А внутри зала с бюстом нельзя фотографировать! Я уж и забыл, что такой вид мудизма существует, но вот. В ту поездку я даже фотик с собой не брал, так что пришлось снимать издалека и на Айфон.
Но какая разница? В интернете и так полно хороших фотографий, а ощущение от разглядывания в объёме фотографией всё равно не передать.
Всё остальное фоткать дают, например вот там же есть статуя Нефертити:
Какие-то ещё головы. Такая:
Сякая:
А вот всякие египетские, что ли, письмена:
Такой красоты невероятное количество в нью-йоркском «Метрополитен-музее». Вообще, история была такая: за месяц до этой поездки в Берлин я как раз был в «Метрополитен-музее» и охреневал от невероятной красоты и плотности этой красоты. До разгребания фоток из него мне ещё предстоит добраться. И вот как раз там, в «Метрополитен-музее» в Нью-Йорке, разглядывая всякие бюсты, я вспомнил про Нефертити, и подумал: «о, наверное она тоже где-то здесь должна быть!». Гуляя по залам, нагуглил, что она вообще в Берлине, и тогда и решил потом слетать посмотреть. И вот я в Берлине.
Запредельно детальная навигация в лифте:
Однажды дизайнер не сфоткал навигацию, и у него отвалилась жопа:
Какой-то лось:
После выхода из музея — традиционный магазин. Вот тут можно вдоволь насмотреться фотографий Нефертити на обложках разных книг и альбомов:
Куча всего:
Рекомендую прочитать главу Максимум Нефертити у Юрия Гордона.
В Берлине несложно всякого арта найти красивого и за пределами музея. Красиво заделали окна:
Красиво раскрасили какой-то барак:
Тут не смог выбрать из двух фоток. Раз:
Два:
Ну и просто дворик ещё:
Фотографии из поездки в ноябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Берлин! (Когда дадут.)
Ещё Берлин:
Ещё выставки и музеи, например: