Аэрофлот при посадке в Москве говорит: «разница между Челябинском и Москвой — минус два часа». Как это понять? А как это должен понять человек, который путает, в какую сторону крутится планета (а это ведь многие путают)?
Окей, допустим пассажир решил включить математика и честно всё посчитать. Тогда он придёт к неправильному выводу! Сами авторы этой кретинской формулировки запутались.
Они имели в виду, что в Москве на два часа меньше, чем в Челябинске. Но это так потому, что разница между Челябинском и Москвой — два часа, просто два часа, а не минус два! Если в Челябинске 10, то в Москве 8; 10 − 8 = 2, а не −2. Вот разница между Москвой и Челябинском действительно минус два часа.
Почему нельзя сказать «Время в Москве на два часа меньше, чем в Челябинске». А если это объявляется в микрофон, а не готовая запись воспроизводится, так и просто сказать, сколько сейчас в Москве.
Часовой разговор по Зуму или что вам нравится. В этом случае моё внимание ограничено только временем нашего разговора. Вы показываете, я комментирую и делюсь советами.
Публичное комментирование на Ютюбе. Вы присылаете ссылку или картинку с небольшим пояснением и главными вопросами. Я включаю запись экрана, смотрю и комментирую. Запись выкладываю на Ютюб на всеобщее обозрение.
Думал, что первая консультация будет больше вводной: познакомимся, расскажем про наш продукт и немного расскажем про проблемы в интерфейсе, над которыми ломаем голову. А вот уже на второй встрече сможем больше времени уделить именно интерфейсу.
В итоге ушли со списком идей, которые хочется проверить и которые кажутся очень логичными (уже и реализовали несколько, но цифры еще ждем)
Вау-момент случился, когда Илья показал нам, что на экране оформления заказа не понятно, как ввести данные о покупателе. Мы посмотрели на поведение пользователей и там правда был тупняк. Уже поправили.
Сейчас кажется, что супер-очевидная штука, но мы на нее не обращали внимания и не видели проблемы.
Вторая штука: заходишь в каталог, а там всякие фильтры. А товаров не видно. Сделали, чтобы было видно) Каеф, что Илья сразу подсказал, как именно это сделать.
Ну и третья: почему у нас кнопка «купить» назвалась «к оформлению». Это еще не поправили. Что-то если текста меньше, визуал становится не очень. Но поправим)
Хочется про все замечания рассказать, но сообщение будет длинновато)
С Ильей приятно общаться. Можно было сказать, что у нас все говно и надо просто все переделать, а еще было бы круто пойти поучиться дизайну. Но Илья заботливо пообщался с нами, узнал чего мы хотим и подсказал, как это сделать.
Уличные таблички Нью-Йорка большой радости не вызывают, но как коллекционер я должен опубликовать их — всё-таки, заметный город на карте.
В Нью-Йорке и вообще в Штатах есть два класса уличных табличек — пешеходные и автомобильные.
Пешеходные обычно крепят на столбах на перекрёстках. Западная 47-я улица:
Такие вот унылые штуковины из гофрированного непойми чего с суетливым и неэлегантным креплением и уродской статуей Свободы. Зато Бродвей:
Тут зачем-то чёрные рамки сверху и снизу:
Лучше бы хомуты свои чёрным покрасили!
Парк-авеню:
Между 6-й и 7-й Авеню есть пешеходный проход, стоит знак «6-я с половиной Авеню». Гарри Поттер был бы рад:
Тут выглядит поприятнее — нет статуи Свободы и цвет благороднее:
Другой район, тоже с зеленью и кирпичами:
Иногда пишут заглавными без разрядки, а иногда строчными с разрядкой, хотя надо бы наоборот и определиться уж с каким-то одним вариантом:
А вот это красиво благодаря слою истории. Хомуты покрашены в цвет столба и не блестят:
Ещё у американцев есть странная традиция давать улицам вторые названия в честь кого-нибудь или чего-нибудь. Вот 6-я Авеню дополнительно называется Avenue of the Americas:
Avenue of Puerto Rico:
Restaurant row:
Тут вдруг только одна табличка, но сразу с двумя названиями:
А вот и автомобильный вариант. То есть это, видимо, классифицируется как дорожный знак:
Похожи на пешеходные — тоже зелёные, как большинство пешеходных, и тоже на столбах, — но крупнее и выше:
Тут как раз и то, и то в поле зрения:
Или вот:
Или вот. 1-я Авеню:
Зацените знак про детей заодно:
Есть ещё альтернативный дизайн пешеходных знаков, более солидный короб с горбом-вкладкой. Тут он чёрный:
Ещё и «Десятая» написано словом, а не цифрами.
Горбатые синие короба по краям и зелёные дорожные знаки над дорогой:
Ещё один альтернативный дизайн. Синий, с антиквой, рамочкой и подсветкой:
Давайте соберём все сомнительные, но полезные деепричастия?
Я давно использую «пиша». А как вам слова типа «рвя», «гня»? Считаю, что их тоже нужно разрешить! Они не такие полезные, как «пиша», но просто с чего запрещать слова? Какие ещё знаете?
Пока думал, с подозрением посмотрел на слово «тебя».
Отвечаю на вопрос участницы о том, как выбрать цвета в интерфейсе. Какую роль цвет играл раньше и какую сейчас. Как выбирали цвета для Ворлд Чесса. При чём тут привычка и два слова про книжку Иттена. 5 минут:
Это фрагмент № 140 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 13 октября 2023 года.
До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля.
Что делать в Тбилиси в конце марта? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Где кайфово работать? Буду там первый раз, ничё не знаю.
Бывает, читаешь электронную книгу, перешёл куда-то по ссылке внутри неё, и потом случайно теряешь, где читал. Или смотришь длинное видео, по ошибке куда-то ткнул не туда, и потом уже фиг найдёшь, где же ты смотрел на самом деле. Хочется, чтобы таких проблем не возникало: хороший интерфейс должен прощать ошибки пользователю.
При чтении документа есть текущая позиция прокрутки, при просмотре видеоролика — текущая позиция воспроизведения. В длинных документах и видеороликах, таких как книги и кино, текущая позиция — это не просто «куда сейчас смотрим», а нечто более весомое: это докуда я дочитал или досмотрел. Эта позиция не должна теряться из-за того, что я ткнул куда-то из любопытства.
Компьютер должен отличать для себя две позиции в длинном содержимом: прогресс и положение прокрутки. Но как это должно работать? Пользователя этим обременять не стоит — компьютер должен сам всё понимать.
На первый взгляд, имеет значение непрерывность и длительность. Если я смотрю на страницы по очереди друг за другом и провожу на каждой более нескольких секунд, можно предположить, что я читаю книгу. Если непрерывно-длительную последовательность составляют страницы до 58-й, но кроме этого я ещё бывал на 158-й, а сейчас на 258-й, то можно считать, что дочитал я лишь до 58-й, и давать мне способ туда вернуться. Если я непрерывно смотрел видео от начала и до 58-й минуты, а сейчас на 25-й, то можно полагать, что я просто отмотал что-то пересмотреть, но глобально я всё ещё на 58-й минуте, и давать мне способ туда вернуться.
Однако и непрерывность, и длительность — вещи условные. В книге я могу пропустить предисловие, потом пролистать где-то несколько скучных страниц или даже целую главу, и продолжать читать, сдвигая свою «весомую» позицию. В видео я могу промотать неприятные сцены или рекламу, также продолжая внимательно смотреть. Кроме того, я мог решить перечитать книгу или отдельную главу с начала; аналогично с видео. В общем случае сложно угадать, что я мог бы иметь в виду. Хочется учесть всю эту недискретность, визуализировать её для пользователя.
Лет десять назад Артём Горбунов придумал идею «термоскроллера». Типа лифт в полосе прокрутки «греет» шахту. Чем дольше мы находимся в какой-то месте, тем горячее она становится. Применим идею к визуализации положения в книге или видеоролике:
Отлично видно, что мы прочитали больше половины книги, пропустив предисловие, ну и много чего ещё полистали из любопытства, а сейчас увлеклись разглядыванием чего-то там ближе к концу. Дальше уже можно придумать какую-то эвристику, чтобы определить место, докуда я дочитал, и дать способ к нему быстро прыгнуть. Но главное, что если даже не угадали, то пользователь и сам сориентируется.
