Кнопки в дизайне интерфейсов: эволюция стиля и рекомендации

[dom1n1k]

> Но всегда в сторону улучшения распознавания и ясности.
Если говорить откровенно, то последние годы кнопки развивались (по большей части) в сторону ухудшения ясности.

[easyman]

Возможно, некоторые помнят кнопки вот такими


Возможно, даже такими


Но…

Интерфейс, в котором удобно и быстро можно сделать нужное пользователю гораздо важнее того, как кнопки оформлены.

[helg1978]

Тоже сразу вспомнил эту кнопку с тенью из TP.
Макось шикарна — плоский дизайн, все контрастно, стильно и современо

[Zombieff]

Долго пытался увидеть макось, увидел в итоге на непонятном графике слово macbook.

Всё-таки на картинке Linux, а огромная буква X — логотип X Window System, графической подсистемы, которая используется до сих пор.

[hdfan2]

А мы и вот такие ещё помним:

[vis_inet]

Поддерживаю.
С современными тенденциями очень часто сейчас приходится догадываться или долго искать где вообще находятся кнопки…

[Darthman]

Я их помню еще такими:

[springimport]

Амазон. Почему интернет-магазины почти всегда выглядят так ужасно?

[lookid]

Потомучто это полка с товарами. И ничего больше. Как они еще должны выглядеть.

[Iqorek]

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

[Soch777]

Интересно было бы взглянуть на лучшую альтернативу или современную, в плане дизайна, разумеется.

[xtala]

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

[JerryJJ]

Спасибо за публикацию, очень своевременно встретилась :)
Не могли бы вы приложить линк на оригинал?

[EndUser]

Согласен.

В дизайне Хабра половина важных данных о статье и реакций на неё выше статьи, половина — ниже.

Постоянно приходится вспоминать или искать где инфа или действия, куда скроллить надо-то. И всё равно чаще решается скроллингом наугад.

[KonstantinSamsonov]

Особенно интуитивное поле поиска доставляет…

[AdmAlexus]

Т.к. тип этой публикации — «Перевод», то ссылка есть в низу страницы, сразу после текста.

[JerryJJ]

Спасибо :)

[hdfan2]

Хоть и знаю это, но всё равно каждый раз очень долго ищу. Просто шедевр юзабилити.

[xtala]

Плоские кнопки без теней самое неудачное, что было в истории кнопок. Вроде в какой-то статье приводился пример метро-дизайна Windows и было показано как теряется плоская кнопка среди интерфейса. Так что абсолютно плоские кнопки, есть абсолютное зло которое нужно немедленно уничтожать с помощью святой инквизиции. Так же неплохо применить «железную деву» к еретику решившему их использовать в интерфейсе :D

[776166]

Плоский дизайн должен сдохнуть. И больше никогда не использоваться. iOS > 7 — отвратительно выглядит в убогом плоском дизайне. То, что телефоны покупают, ничего не значит и мало что говорит о дизайне.

[Chesheer]

ИМХО: плоский дизайн не сдохнет.
У него есть одна очень хорошая перспектива — вируальная реальность. Это именно то место, где наложение плоских объектов интерфейса (кнопок, например) на объемную среду будет работать выгодно за счет визуального различия двух сред.

[776166]

Вот когда будет виртуальная реальность, тогда пусть живёт, а сейчас он должен сдохнуть.

[danykeep]

DISAGREE и AGREE в скрине с Google по-моему вообще не кнопки. И не ссылки.

[menotal]

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