NickCave 23 мая 2019 в 09:38

Typographic UI – новый путь развития пользовательских интерфейсов

6 мин

7.1K

Графический дизайн*Дизайн

Из песочницы

Комментарии 25

Sarymian 23 мая 2019 в 09:42

Вангую — в СНГ устоится название «ТупоГрафик»…

-2

FirExpl 23 мая 2019 в 10:35

Самое смешное, что интерфейс с кругами намного функциональнее, т.к. пользователь сразу видит, какой конкретно цвет скрывается под «голубой», я бы его назвал «бирюзовый» и сильно бы удивился когда увидел, что я получил в супер-лаконично-классном интерфейсе №3.
Задача интерфейса — понятным и максимально удобным образом делать то, что хочет пользователь. Если в данном конкретном случае текст удобнее — пожалуйста. Но на рабочем столе смартфона мне удобнее цветастые иконки, т.к. по ним намного удобнее найти нужное мне приложение.

FuzzyWorm 23 мая 2019 в 10:38

смелый тренд современности

jrthwk 23 мая 2019 в 11:02

/me аплодирует и ностальгически вспоминает времена когда рисовал формочки на foxpro2.6

cyber_roach 23 мая 2019 в 11:04

Всё новое — это хорошо забытое старое.
Это они еще не добрались до книг по рисованию старых плакатов и их типографике, вот где раздолье для дизайна интерфейсов и всяких «лэндингов» представляя всё как «новый» тренд.

Для автора:
а) В статье нет примеров вашего новомодного UI
б) В описанной концепции есть одна UX проблема — как отличать интерактивные элементы текста от не интерактивных особенно на сенсорных экранах? В вашем продукте (специально зашел посмотрел) это решается как раз формой (нарисовали рамку кнопке), т.е. вы имея всего 2 кнопки на сайте уходите от своих же парадигм, а добавьте чуть сложности — вся концепция развалится.

NickCave 23 мая 2019 в 17:12

На нашем сайте не используется концепция описанная в статье. Typographic UI используется нами в пользовательском интерфейсе iptvportal middleware.

NickCave 26 мая 2019 в 17:26

Увы, нет. Тут есть формы кнопок, окон и т.п.

НЛО прилетело и опубликовало эту надпись здесь

Art3 23 мая 2019 в 13:51

Вкупе с текстовыми pda версиями сайтов начала 00х.

NickCave 23 мая 2019 в 17:06

Вы невнимательно читали статью. Метро дизайн в ней описан как абстрактный ui, из-за присутствия простых иконок. Типографик это UI без иконок, только текст.

sheknitrtch 23 мая 2019 в 11:44

Мне интересно, как типографический UI решает стандартные задачу «объясни пользователю как пользоваться программой»? Как отличить кнопку от простого заголовка? Куда кликнуть, чтобы лайкнуть пост? Как показать, что элемент можно перетягивать влево-вправо? Как изобразить два состояния checkbox-а?

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

S-e-n 23 мая 2019 в 12:05

Я люблю windows classic за это же.

NickCave 26 мая 2019 в 17:23

В том то и суть, концепция типографического интерфейса подразумевает новый способ мышления, чтобы что то выбрать вам не нужен чекбокс, чтобы что то запустить вам не нужна кнопка. Функциональный элементы интерфейса — текст, от текста — контента, должны отличаться по смыслу и визуально одно от другого отделяется посредством правил типографики.

Bookvarenko 23 мая 2019 в 12:09

Нафиг это всё. Да здравствует консоль с метапарсером!

Заценить метапарсер онлайн

instead-games.ru/game.php?ID=310

biokin 23 мая 2019 в 17:42

А вне игр метапарсерные интерфейсы применяются?
Было бы здорово иметь умную консоль на естественном языке.

aleks_raiden 23 мая 2019 в 21:54

такое есть в профессиональных системах для трейдинга, например, самый яркий вариант — Bloomberg Terminal

Bookvarenko 24 мая 2019 в 10:28

Да, можно применить там, где вздумается, это же интерфейс. Хоть умную консоль смастерить, хоть конфигуратор роутера. Одна из многих фишек метапарсера — легко расширить словарь. Минимальная реализация метапарсера github.com/instead-hub/instead/tree/master/src/tiny

aimh 23 мая 2019 в 17:47

Противоречивый ход мыслей. Если вы утверждаете, что за искусством нужно идти в музей, то что на фоне вашего UI в итоге делает Моне? Нужно дальше идти:

NickCave 23 мая 2019 в 18:20

Мы используем такой подход в пользовательских интерфейсах для просмотра интерактивного ТВ. Моне выступает в роли контента на заднем плане. А так вы правильно нарисовали, теперь представьте, что на заднем плане у вас проигрывается какое-то видео.

chvv 27 мая 2019 в 16:13

Автор из примитивного решения банальной задачи (как визуализировать интерфейс поверх изображения либо видео? Разумеется, минимизировать количество деталей, графики и т.п.) попытался раздуть некую теорию Typographic UI.
Ни годных примеров, ни толкового объяснения своей концепции. Спрятался за обилием слов, -измами, Кандинскими с Малевичами. Вода-вода