На некоторых старинных станциях лондонского метро нет эскалаторов — люди спускаются и поднимаются на лифте. Но рядом всегда есть и винтовая лестница, около которой всегда указано, сколько на ней ступенек.
Снял вам кино на станции Эджвер-роуд (это ещё в июле, но я медленно такое разгребаю, как вы знаете):
Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Лондон!
У меня в год случается около тридцати перелётов. И всегда происходит одна и та же хрень. Если самолёт в какой-то момент начало колбасить, через пару минут загорается табло «Пристегнуть ремни», а через минуту после этого тряска прекращается.
Через полминуты после прекращения тряски в салоне звучит объявление: «Дамы и господа! Наш самолёт находится в зоне турбулентности. Командир включил табло „Пристегнуть ремни“. Просим вас занять свои места, блаблабла». И после этого ещё 15 минут табло горит и ничего делать нельзя.
Бесит неимоверно.
Отличный доклад про то, что дизайн не является центром вселенной:
Пол смешно сравнивает диаграммы со словом «ю-икс» посередине со средневековыми изображениями вселенной с Землёй в центре.
И ещё одна вакансия.
Реклама. Текст предоставлен клиентом
Привет, меня зовут Стас Биченко, и я собираю команду дизайна в QleanLabs. Я ищу дизайнера, который будет делать наши продукты человечными и кайфовыми.
Мы делаем продукты, которые освобождают людей от бытовых задач. Мы хотим вернуть людям время, которое они тратят на уборку, покупку продуктов, мытьё посуды, ремонт техники, оплату счетов. Мы только начинаем свою работу: в нашей технологической команде меньше 10 человек. Но мы уже зарабатываем больше, чем тратим.
Мы ищем дизайнера, который будет придумывать и проектировать взаимодействие с нашими услугами. Мы делаем продукт, который не похож на существующие популярные сервисы, поэтому много придется придумывать с нуля.
В разработке продукта мы ориентируемся на знания. Поэтому мы проводим кастдевы, юзабилити-исследования, смотрим в аналитику и делаем А/Б-тесты. У нас настроен процесс продуктовой работы, в котором дизайн решает задачи людей и бизнеса.
Мы ищем того, кто хочет разобраться, что работает в дизайне продуктов, а что нет.
Мы ищем дизайнера-универсала, который будет вести дизайн продукта от начала до конца. Важно уметь:
Мы работаем в Москве, в бизнес‑центре «Фактория» рядом с метро Савеловская. У нас гибкий график. Работаем на рабочих макбуках или аймаках — на выбор. Можно начать работать удаленно, но потом придется переехать. Мы поможем с релокацией в Москву, в том числе из-за границы.
Зарплата — 150 000 ₽ после налогов
Напишите письмо по адресу sbichenko@qleanlabs.ru с темой «Вакансия дизайнера». Расскажите в нём о себе и приложите ссылку на портфолио, в котором есть лендинги и мобильные приложения. Дальше — собеседование по скайпу, интересное тестовое и собеседование в офисе.
Это такой принцип в интерфейсе — называется «дай нажать».
Приведу три примера.
В сегодняшнем совете был пример, когда у пользователя есть несколько независимых чекбоксов, из которых хотя бы один обязательно должен быть включён:
То есть нужно, чтобы человек выбрал уведомление хотя бы одним каким-то способом, но может накликать и несколько.
Среди вариантов реализации, предложенных автором вопроса, есть такой: чтобы не допустить «пустого» набора, когда остаётся только один включенный чекбокс, его уже не дают выключить:
Это плохое решение: я могу захотеть сначала отключить неподходящий вариант, а потом включить подходящий. Блокировка заставляет меня совершать действия в определённом порядке. Причём это ещё и неочевидно: если у меня останется последней определённая опция, скажем, «в чате», и она заблокируется, то это будет выглядеть так, будто уведомление в чате подключать обязательно, а это неправда. Я хочу его выключить, но интерфейс не даёт мне нажать туда, куда я хочу.
Лучше так: при отключении последнего чекбокса, сразу включать какой-то дефолтный, скажем, «письмом». А если я его отключил последним, то включать второй по предпочтительности, скажем, «по телефону». Так интерфейс не будет мне мешать нажимать куда я хочу, но и не даст оставить недопустимое состояние.
В настройке комментариев в Эгее есть чекбокс «присылать по почте», которому подчинено поле адреса:
Если чекбокс не включён, заполнять поле нет смысла: адрес ни для чего другого не нужен. Если чекбокс включён, а адрес не заполнен, то движок не сможет ничего присылать, потому что не знает адрес. Короче, эти элементы взаимосвязаны.
Можно было бы блокировать поле пока чекбокс выключен — всё равно заполнять его нет смысла. Но это бесит. Может, я хочу заполнить адрес, а потом включить чекбокс? Ещё хуже было бы не давать выключить чекбокс, если адрес заполнен. Я же хочу выключить, дай нажать!
Лучше так: давать заполнить поле, даже если чекбокс выключен; включать чекбокс автоматически, как только в поле что-то вписали. В обратную сторону — аккуратнее: если чекбокс сняли, стирать адрес из поля не надо, мало ли. Пользовательские данные обладают бесконечной ценностью.
Вот возможный вариант реализации выбора даты рождения в интерфейсе:
Как вы знаете, некоторых дней не существует в природе, например не бывает 31 июня. А 29 февраля в некоторые годы бывает, а в некоторые — нет.
Чтобы не дать пользователю ввести несуществующую дату, некоторые разработчики убирают из поля дня несуществующие дни. То есть если выбран месяц июнь, то дня «31» просто не будет в выпадайке. Но что, если у меня день рождения 31 августа? Я хочу ткнуть в 31, а потом выбрать август. Дай нажать!
Бывает обратная проблема: разработчики дают выбрать несуществующую дату, но выводят сообщение об ошибке, когда она выбрана. Это тоже отстой: хорошая форма не засыпает пользователя сообщениями об ошибках, а деликатно помогает их не допустить.
Лучше так: при вводе дня, несовместимого с текущим выбранным месяцем, развыбирать месяц —
Если я выбрал 29 февраля, а выбранном году такого нет, развыбирать год.
Отчасти похожая мысль — кнопка «Купить» всегда доступна.
Это уже третье видео студии «Фьюче-делюкс», но это совсем не похоже на два предыдущих:
В поездках за границу некоторые люди не пользуются общественным транспортом. Многим кажется, что в нём сложно разобраться или это как-то очень неудобно. Если нет прямого поезда из аэропорта в центр города, где забронирована гостиница, то это вообще ужас. В итоге берут дорогое такси, считая это неизбежными расходами на поездку.
Если у вас нет троих детей и пяти чемоданов, рекомендую в первую очередь рассматривать общественный транспорт. Помимо того, что это дешевле, это ещё и намного интереснее. Надо купить билеты, выбрать маршрут; понять, где нужная остановка. Если вы привыкли к тому, как это организовано в России (Москву не считаю), то ситуация в нормальных странах вас приятно удивит: обычно всё организовано так, что вполне можно разобраться.
Вот в Стокгольме, например, даже официальный экспресс из Арланды в центр города стоит таких конских денег, что я пошёл смотреть, что есть ещё. Оказалось, что можно доехать на обычном автобусе до станции «Мэшта», а оттуда на обычной пригородной электричке до центра, и это вдвое дешевле. Во, нормально, заодно Мэшту посмотрел.
А в Чикаго метро ходит прямо в аэропорт, но едет оно бесконечно долго и даже близко не приезжает туда, где я останавливался. В итоге я проехал полпути на метро, а потом взял Лифт (это как Убер, только Лифт) за треть того, что стоил бы Лифт из аэропорта. Тоже нормально. Заодно метро посмотрел.
Исключение из принципа — Вильнюс. Там Яндекс.Такси из аэропорта в центр стоит типа три евро. Сорян, при таких ценах я даже не интересовался, существует ли хоть какой-то ещё способ добраться.
Кстати, в Москве я тоже давно езжу из Шереметьева на такси, но в Москве я не турист, и мне приключения ни к чему. К тому же, с тех пор, как Аэроэкспресс до Белорусской стал стоить 500 ₽, а такси до подъезда 650 ₽, нужно быть полным дебилом, чтобы ехать на Аэроэкспрессе.
Паша Омелёхин дополнил схему московского метро:
Инстаграм Эпла — отличный пример умной рекламы в соцсетях. Вместо того, чтобы лепить на айфоны подписи с фичами, они просто публикуют клёвые фотки и видосы, снятые на айфон:
https://www.instagram.com/apple
Ещё, если не видели, посмотрите страницу «Как снимать на Айфон»:
http://apple.com/iphone/photography-how-to/
Вот такими штуками должен заниматься современный веб-дизайнер.
Я уже показывал, но покажу ещё. Любая схема метро превращается в арт, если выключить случайный набор слоёв:
Вот так было сначала, и меня парило, что рядом с примером про поиск стоит поиск от самой книги:
Вообще это стандартный для наших шаблон, когда на обеих сторонах картинка + текст, а справа снизу ещё ссылки. Но тут он не очень работает, надо было придумать исключение. Любите исключения! В итоге получилось так:
Вот пример из другой области на эту же тему. Ворд:
Есть стандартный элемент: выпадающее из тулбара меню со списком стандартных опций и пунктом «Больше...» в конце, за которым прячется диалоговое окно, где можно ввести точное значение. Но в этом контексте он читается совсем по-другому, как будто там продолжится прогрессия: 3,5 · 4,0 · 4,5 и так далее. Надо было сделать исключение и написать «Другое значение...», например.
В интерфейсе «Мимика», который я делал, есть слева список моков. Там можно добавлять и удалять моки и есть поиск:
Подробнее о проекте:
http://ilyabirman.ru/projects/mimic/
В однои из промежуточных макетов получилось, что поиск, удаление и добавление встали на тулбаре рядом:
Сразу исказился смысл: лупа с такии соседями стала читаться скорее как зум, чем как поиск. Пришлось их отодвинуть подальше и вместо минуса поставить корзинку. Не пропускайте такое.
А вот что обращает на себя внимание в Ютюбе:
(Не знаю, может, ваше не обращает.)
Логотип стоит в ряду кнопок, причём даже не с краю. Ну то есть это как, а чё, так можно было? Логотип же. Его надо в угол. Но нет, можно и не в угол, если разворачивалка на весь экран больше просится в угол. Круто.
У Ютюба на днях случился ребрендинг, кстати. Фиг знает почему — может, просто эффект новизны — но есть реальное ощущение, что стало круче и взрослее. Вся петрушка тут:
https://www.youtube.com/yt/about/brand-resources/
Заодно: терпеть не могу, когда говорят или пишут «Ютуб» (просто тупо, в буквальном смысле) или «Ютьюб» («миньет»).
Оказалось, что я лох, и на картинке замазал в Фотошопе кисточкой чуть-чуть не того цвета, и там пятна. Исправить смогу только через несколько часов. Вадим показывает вот:
Заодно небольшой секрет продуктивности. Когда пишу «смогу исправить через несколько часов» это значит просто, что я решил, что пока не буду на это отвлекаться от того, чем занимаюсь. Никто не умрёт из-за этих пятен, а то, что чуть больше людей увидит, что я накосячил — ну, подумаешь.
Теперь в последних четырёх миксах не просто показан плейлист, а по нему бежит курсор, пока играет музыка, ну и можно тыкать, чтобы прыгнуть в нужный трек. Это так умеет пока не выпущенный Жуэль. Зацените:
http://ilyabirman.ru/mixes/catch-my-flow/
http://ilyabirman.ru/mixes/loophole/
http://ilyabirman.ru/mixes/design/
http://ilyabirman.ru/mixes/use-me/
Постепенно прикручу к другим миксам. Самый кайф: если зацепиться за иголку в таймлайне и потащить её, курсор тоже поедет по трекам.
Вот я зашёл на сайт подкаста, мне нужен 138-й выпуск. Что мне делать? Из каких соображений показаны последние два, а не сто? Ну ладно, жму снизу на «архив» (интерфейсное стоп-слово: откуда я должен знать, начиная с какого выпуска уже «архив»?)
Попадаю на страницу, где последние несколько, а не все! В подвале этой страницы листалка с цифрами, не имеющими никакой связи с номерами выпусков. Жму куда попало (потому что у меня нет причин тыкнуть на конкретное число и листалки по цифрам делают только мудаки и роботы)
Мимо. Перебирать неохота. Замечаю, что на странице 10 выпусков. Раз на первой был 169-й, а мне надо 138-й, то мне на четвёртую страницу.
Ура, нашёл!
Вот так появляются чудовищные интерфейсы. Человек, который проектировал этот сайт, скорее всего даже не думал, что делает полное бесчеловечное говно. Он просто разделил по 10 (ну а по сколько), просто поставил листалку (ну а как), просто показал последние два на главной (ну типа чтоб не один) и просто убрал всё остальное в архив (ну а куда). Ни в какой момент злого умысла не было.
У кучи людей ощущение, что проектирование интерфейсов — это «просто здравый смысл», и любой нормальный человек справится, нужно же просто подумать. Но проблема в том, что думать нужно совсем не так, как думал автор этого сайта. И чтобы понимать, как, нужно учиться.
Варламов опубликовал подборку клёвых пешеходных переходов:
https://varlamov.ru/2542161.html
Дайджест подготовила Наталия.
Это схема метро Чикаго, которую я видел ещё до того, как побывал в Чикаго:
Помимо уродства, мне в ней бросились в глаза две вещи.
Во-первых, тут какие-то очень странные названия станций: California, Grand, Lake и даже тупо Chicago. Да они ещё и повторяются! В нескольких местах в Чикаго есть станция метро «Чикаго», ну не чушь ли? Это ещё что, на одной только голубой линии станций Western — две!
Во-вторых, вдоль улиц идут какие-то маркировки 2400N, 0 N/S, 1600W. Судя по буквам, это как-то связано со сторонами света, но что с этим делать — хрен знает.
Что оказалось.
Станции чаще всего называются по названиями улиц. Например, есть Lake Street, и на ней станция Lake. В нормальном городе станцию бы назвали Lake Street, но тут решили Street выкинуть, и это, вероятно, не лишено смысла, а то это слово было бы в большинстве названий. Улицы тут, как правило, очень-очень длинные, поэтому они пересекаются с разными линиями метро в разных местах, а вот Western Avenue, так уж вышло, пересекается с голубой линией в двух местах. Всего вы можете увидеть пять станций Western находящихся в очень разных местах этой 44-километровой (!) улицы.
— Так, ну я на станции Вестерн, ты скоро?
В Чикаго можно было бы провести самый скучный марафон на свете — по Вестерн-авеню:
А маркировка про «1600 ватт» означает нумерацию домов по улице, которая тут живёт в общей координатной сетке и не зависит от длины конкретной улицы. Например, я жил по адресу 900 N DeWitt Place. Такой адрес позволяет без карты понять, где именно на этой улице находится нужный дом. Другое дело, что всё равно откуда-то надо знать, где находится сама эта Дэвитт-плейс. В этом плане на Манхэттене круче система. Благодаря нумерации стрит и авеню, там вообще большинство адресов понятны без карты.
Эти координаты ещё висят на дорожных знаках на каждом перекрёстке. Вот этот висел рядом с моим отелем:
Когда я доберусь до разгребания фоток — никто не знает, поэтому пока вот вам разрозненная видеонарезка из Нью-Йорка:
Когда я такое делал после зимовки в Тель-Авиве, вам понравилось.
