мяу-дизайн – Telegram
мяу-дизайн
2.86K subscribers
1.16K photos
91 videos
37 files
265 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
После утверждения эстетики начались эксперименты — что показывать в таком виде, стоит ли генерировать эффект в прямом эфире при помощи js или ограничиться предсохраненными картинками, какой фпс и какой вес страницы дает каждый из подходов, какую динамику задать изображению.
http://kefiijrw.com/upload/2-7.gif
(так и не нашел способ кинуть сюда гифку без пересжатия, поэтому ссылкой)
Плюс при отображении списка присутсвующих в комнате зрителей я подмешал немного эстетики старых терминалов из эпохи зарождения GUI-интерфейсов, получилось как-то так:
После этого настал этап жестокой реальности — надо было прибивать в себе уже разгулявшегося художника и успокаивать фоновую анимацию, чтобы она не затрудняла просмотр видеотрансляции, ради которой сюда все и пришли. Для начала перешел от монохромной черно-белой палитры к менее контрастной, чтобы меньше пестрело в глазах.
А затем пришло время успокоить динамику видео: вместо зацикленного парада сменяющихся сцен, которые опять же могут забирать на себя слишком много внимания и приесться во время продолжительного просмотра основного видео, примеривал более монолитный непрерывный видеофон.
И еще спокойней:
Практически не отвлекает при просмотре видео, но и задает атмосферу.
После этого начались мои извечные страдания с поиском компромисса между качеством и весом видео. Просто пытка для меня. Ну и вроде всё, остальное уже ребята сделали.
Классика автоматического перевода в карточке товара.
А это уже про теорию близости и разделительную силу линий.
Интерфейсы и магазины

Может показаться, что допотопное противостояние «Графический интерфейс VS Интерфейс командной строки» разрешилось еще лет тридцать назад, ведь последние десятилетия доминируют операционные системы на основе GUI, а командная строка осталась только в мире админов-линуксоидов, где они через терминал набирают какие-то команды, чтобы пропатчить кде.

Однако на деле интерфейс командой строки не исчез, он постоянно встречается внутри графического интерфейса. Самый простой пример — строка поиска: пользователь вводит в ней команду (например, название искомого файла, если дело происходит в системном проводнике), может добавить к ним специальные символы (вроде всех этим синтаксических хитростей поисковой строки гугла типа «site:example.com -otherstuff»), нажимает Enter и получает результат — всё практически как в консоли. Так что вопрос, в каком случае лучше командная строка, а в каком — графический интерфейс, всё еще актуален.

Я использую аналогию магазинов. Графический интерфейс — это супермаркет, где весь товар лежит на полках, можно его изучать и выбирать, но также потратить уйму времени, пока найдешь нужную вещь, или еще больше времени — пока не обнаружишь, что этой вещи в супермаркете нет (а может просто проглядел? надо еще раз поскролить, т.е. пройтись по магазину).

Консоль — это магазин-склад, где тебя встречает продавец и спрашивает, чего тебе надо, после чего ненадолго отлучается на склад и приносит тебе искомый товар. Результат получаешь куда быстрей, но для этого надо точно знать название товара (т.е. «команды»). А ведь иногда так хочется сказать «Я не знаю точно, покажите, что у вас есть, я сам поизучаю и выберу.»!

Оптимальный для пользователя вариант в мире магазинов — сочетание этих двух подходов, когда можно беспрепятственно бродить среди раскладки товаров, но при необходимости обратиться к консультанту за помощью (версия для интровертов: узнать через сайт место размещения в магазине конкретного товара или заказать его доставку до кассы). Если перевести обратно на язык интерфейсов: оптимально визуальную выкладку в графическом интерфейсе дополнять командной строкой, позволяющей найти конкретный объект. Пример: поиск по системным настройкам в айоси — ненавязчивый консультант, который не будет лезть, пока его не позовут (подскролят список параметров вверх).

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

Ну и не надо стесняться пользоваться преимуществом интерфейса перед физическим магазином — можно попросить продавца принести тебе посмотреть все 45 товаров, в названии которых есть подстрока «U2Pro», и не получить в ответ взгляд ненависти и презрения.
Фильтр в приложении РЖД сбил меня с толку. Я хотел оставить только билеты на поезда, ну и ткнул на кнопку «Поезда».